/*----------------
| GLOBAL
------------------ */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	min-width: 1170px;
	margin: 0;
	padding: 0;
	color: #4d4d4d;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	background: #f1f1ef;
}
	body.login {
		background: url('images/dml-login-bkg.jpg') no-repeat center center #595452;
		background-size: cover;
	}

/* Non-Responsive Bootstrap */
.container {
  width: 1170px !important;
  max-width: none !important;
}

/* Typography */
h1,
.heading-1 {
	margin: 0 0 20px 0;
	color: #333333;
	font-size: 1.5em; /* 24 / 16 = 1.5em */
	font-weight: 600;
	line-height: 1em;
}
h2,
.heading-2 {
	margin: 0 0 25px 0;
	padding-bottom: 5px;
	font-family: 'Bitter', serif;
	font-size: 1.25em; /* 20 / 16 = 1.25 */
	font-weight: 400;
	line-height: 1em;
	border-bottom: 1px solid #989898;
	box-shadow: -3px 4px 0px -3px #FFFFFF;
}
h3,
.heading-3 {
	margin: 0 0 20px 0;
	font-size: 1.375em; /* 22 / 16 = 1.375 */
	font-weight: 600;
	line-height: 1em;
}

/* Buttons */
.button-base {
	margin-top: 15px;
	color: inherit;
	font-family: 'Bitter', serif;
	font-size: 0.8125em; /* 13 / 16 = 0.8125 */
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	background: #dfd7c3;
	display: inline-block;
	z-index: 900;
}
	.button-base:hover {
		color: inherit;
		background-color: #efe9dc;
		text-decoration: none;
	}
	
	/* Button Icon Logic */
	.button-base.has-icon {
		padding-left: 40px;
		text-align: left;
	}

	/* Button Themes */
	.button-base.light {
		color: #262626;
		font-weight: 400;
		border-top: 2px solid #c6c0b3;
		border-bottom: 2px solid #bab09b;
		-webkit-text-shadow: 0 2px 0 #f2f2f2;
		-moz-text-shadow: 0 2px 0 #f2f2f2;
		-o-text-shadow: 0 2px 0 #f2f2f2;
		text-shadow: 0 2px 0 #f2f2f2;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-oborder-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		background: #e3e1cb; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWRjYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #e3e1cb 0%, #e1dcc7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e1cb), color-stop(100%,#e1dcc7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e3e1cb 0%,#e1dcc7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e3e1cb 0%,#e1dcc7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e3e1cb 0%,#e1dcc7 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e3e1cb 0%,#e1dcc7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e1cb', endColorstr='#e1dcc7',GradientType=0 ); /* IE6-8 */
	}
		.button-base.light:hover {
			background: #f1efdc;
		}
		.button-base.light.has-shadow {
			-webkit-box-shadow: 0 9px 17px -12px #967615;
	  		-moz-box-shadow: 0 9px 17px -12px #967615;
	  		-o-box-shadow: 0 9px 17px -12px #967615;
	        box-shadow: 0 9px 17px -12px #967615;
		}
		
		.button-base.dark {
		color: #ffffff;
		font-family: 'Bitter', serif;
		font-size: 0.9375em; /* 15 / 16 = 0.9375 */
		font-weight: 700;
		line-height: 30px;
		background: #666666;
	}
	.button-base.transsans {
		padding-left: 30px;
		font-family: 'Open Sans', serif;
		font-size: 0.875em; /* 14 / 16 = 0.875 */
		font-weight: 400;
		line-height: 30px;
		background-color: none;
	}

	/* Button Sizes */
	.button-base.large 	{ width: 160px; }
	.button-base.small 	{ width: 100px; }
	.button-base.med 	{ width: 120px; }
	.button-base.auto	{ width: 100%; }

	/* Button Icon Logic */
	.button-base.has-icon {
		padding-left: 40px;
		text-align: left;
	}
		.approve 	{ background: url('images/icon-approve.gif') no-repeat center left #dfd7c3; }
		.dark.approve	{ background: url('images/icon-approve-tan.gif') no-repeat center left #666666; }
		.cancel 	{ background: url('images/icon-cancel.gif') no-repeat center left #dfd7c3; }
		.download 	{ background: url('images/icon-download.gif') no-repeat center left #dfd7c3; }
		.feedback 	{ background: url('images/icon-feedback.gif') no-repeat center left #dfd7c3; }		
		.repeat 	{ background: url('images/icon-repeat.gif') no-repeat center left #dfd7c3; }
		.upload 	{ background: url('images/icon-upload.gif') no-repeat center left #dfd7c3; }
		.browse 	{ background: url('images/icon-browse.gif') no-repeat center left #dfd7c3; }
		.transsans.save 	{ background: url('images/icon-save.png') no-repeat center left; }
	
		.upload.btn-image-edit-upload.hide{
		    display:none;
		}
		.image-edit-container .image-edit-apply{
		    float:right;
		    padding:15px;
		}
		.panel-content .image-upload-progress{
		    padding:15px;
		    color: inherit;
		    font-size: 0.75em; /* 12 / 16 = 0.6875 */
		}
/* Form Elements */

.validation-message {
	height: 20px;
	padding-right: 30px;
	font-size:14px;
	line-height: 20px;
	display: inline-block;
	background-position: center right;
	background-repeat: no-repeat;
	float: right;
}
	.validation-message.pass 	{ background-image: url('images/icon-tick.png');	color: #4e9f90; }
	.validation-message.error 	{ background-image: url('images/icon-cross.png');	color: #c04c4c; display:none; }
	.validation-message.warning	{ background-image: url('images/icon-exclaim.png');	color: #e59603; display:none;}
	.validation-message-type		{ 
		height: 20px;
		padding-right: 30px;
		font-size:14px;
		line-height: 20px;
		display: inline-block;
		background-position: center right;
		background-repeat: no-repeat;
		float: right;
		background-image: url('images/icon-cross.png');
		color: #c04c4c;
		display:none;
	}

.field-group {
	margin-bottom: 15px;
}
.label-wrapper {
		width: 20%;
		float: left;
	}
		label {
			font-size: 20px;
			font-weight: 600;
			line-height: 1em;
			display: inline-block;
		}
			.panel.type-ads label {
				font-size: 1.0625em; /* 17 / 16 = 1.0625 */
				font-weight: 600;
			}

	.field-wrapper {
		width: 80%;
		float: left;
	}
		.field-base {
			width: 100%;
			margin-top: 5px;
			margin-bottom: 30px;
			padding: 0 20px 0 20px;
			font-size: 1.25em; /* 20 / 16 = 1.25 */
			font-weight: 600;
			border: none;
			background: #FFFFFF;
			display: block;
		}
			.panel.type-ads .field-base {
				margin: 0;
				font-size: 0.875em; /* 14 / 16 = 0.875 */
			}

			/* Field Themes */
			.field-base.dark {
				color: #000000;
				border-top: 3px solid #323232;
				border-bottom: 3px solid #e1dcc7;
				background: url('images/texture-dark-gradient.png') repeat-x center center;
			}
			.field-base.light {
				border: 1px solid #ededed;
				background: #e6e6e7; /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(top,  #e6e6e7 0%, #fbfbfb 86%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e7), color-stop(86%,#fbfbfb)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* IE10+ */
				background: linear-gradient(to bottom,  #e6e6e7 0%,#fbfbfb 86%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e7', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */
			}

		/* Field Sizes */
		.field-base.size-small {
			height: 30px;
			padding-left: 10px;
			padding-right: 10px;
		}
		.field-base.size-normal { 
			height: 58px;
			-webkit-border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-o-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
		}

		/* Field Icon Logic */
		.field-base.has-icon {
			padding-left: 60px;
		}

	.select-base {
		width: 300px;
		padding: 5px 10px;
		display: block;
	}
		.select-base option {
			line-height: 30px;
		}
		
		.select-base.light {
			color: inherit;
			font-size: 0.875em; /* 14 / 16 = 0.875 */
			font-weight: 600;
			background: #f9f9f9;
			border: 1px solid #ededed;
		}
			
			.select-base.light:focus {
				background: #e6e6e7;
				
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(top,  #e6e6e7 0%, #fbfbfb 86%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e7), color-stop(86%,#fbfbfb)); 
				background: -webkit-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%);
				background: -o-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%);
				background: -ms-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%);
				background: linear-gradient(to bottom,  #e6e6e7 0%,#fbfbfb 86%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e7', endColorstr='#fbfbfb',GradientType=0 );
				outline: 0;
			}
			.select-base.light option {
				background: #f9f9f9;
				border: none;
				box-shadow: none;
			}
				.select-base.light:focus option {
					background: #f9f9f9;
				}

	textarea {
		width: 100%;
		height: 125px;
		margin-top: 15px;
		padding: 15px;
		background: #e6e6e7; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  #e6e6e7 0%, #fbfbfb 86%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e7), color-stop(86%,#fbfbfb)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* IE10+ */
		background: linear-gradient(to bottom,  #e6e6e7 0%,#fbfbfb 86%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e7', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */
		display: block;
		border: none;
	}

	.file-upload-panel {
		padding-top: 15px;
	}
		.file-field {
		/* To avoid issue in safari 5 and IE 10, have hide it instead of display:none */
			visibility:hidden !important;
			position:absolute !important;
			/*display: none !important;*/ /* Override Bootstrap */
		}
		.file-upload-panel .field-base {
			width: 300px;
			float: left;
		}
		.file-upload-panel a.button-base.browse {
			margin: 0;
			line-height: 30px;
			float: left;
		}
		.file-upload-panel a.button-base.upload.btn-image-edit-upload {
			margin: 0 0 0 10px;
			line-height: 30px;
			float: left;
		}

		.file-upload-thumb {
		    border: 1px solid #000;
/*		    margin: 10px 5px 0 0;*/
		  }
		  .image-edit-container{
/*		      display:none;*/
		  }
  
/*----------------
| CORE FRAMEWORK
------------------ */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

/* Header */
	.header {
		height: 80px;
		color: #FFFFFF;
		background: #000000; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #000000 0%, #414141 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#414141)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #000000 0%,#414141 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #000000 0%,#414141 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #000000 0%,#414141 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #000000 0%,#414141 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#414141',GradientType=0 ); /* IE6-8 */
	}
		.logo {
			line-height: 80px;
		}
		.sign-out {
			padding-top: 42px;
			text-align: right;
		}
			.sign-out a {
				color: inherit;
				text-decoration: none;
			}

/* Content */
.content-wrapper {
	padding: 15px 0 0 0;
}
	.main-nav {

		padding: 0;
		background: #7a7a79;
		border-bottom: 2px solid #4d4d4d;
	}
		.main-nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			.main-nav ul li {

				float: left;
				/*background: none;
				transition: background 0.2s linear;
				-moz-transition: background 0.2s linear;
				-webkit-transition: background 0.2s linear;
				-o-transition: background 0.2s linear;*/
				/*padding: 10px 10px;*/
				background: -moz-linear-gradient(top, #aaa, #333);
				background: -webkit-linear-gradient(top, #aaa, #333);
				background: -o-linear-gradient(top, #aaa, #333);
				background: -ms-linear-gradient(top, #aaa, #333);
				background: linear-gradient(top #aaa, #333);
				-pie-background: linear-gradient(#aaa, #333);
				-moz-border-radius: 2px;
				-webkit-box-shadow: rgba(54,59,64, .75) 0 0 0px;
				-moz-box-shadow: rgba(54,59,64, .75) 0 0 4px;
				box-shadow: rgba(54,59,64, .75) 0 0 0px;
			}
				.main-nav ul li:hover,
				.main-nav ul li.selected {
					background: #676767;
				background: -moz-linear-gradient(top, #aaa, #111);
				background: -webkit-linear-gradient(top, #aaa, #111);
				background: -o-linear-gradient(top, #aaa, #333);
				background: -ms-linear-gradient(top, #aaa, #333);
				background: linear-gradient(top #aaa, #333);
				-pie-background: linear-gradient(#aaa, #333);
				}
				.main-nav ul li a {
					margin: 15px 0 15px 0;
					padding: 0 20px 0 20px;
					color: #FFFFFF;
					font-size: 1.0625em; /* 17 / 16 = 0.9375 */
					font-weight: 300;
					line-height: 1.33333333333333em; /* 20 / 15 = 1.33333333333333 */
					text-decoration: none;
					text-transform: uppercase;
					border-right: 1px solid #FFFFFF;
					float: left;
				}
					.main-nav ul li:last-child a 	{ border-right: none; }

					.main-nav ul li a.selected {
						font-weight: 700;
					}
	.content {
		padding-top: 40px;
		padding-bottom: 140px;
		background: #e4e2d9;
	}
		.status-wrapper {
			margin: 0;
		}

/* Footer */
.footer {
	background: #414141; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #414141 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #414141 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #414141 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #414141 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #414141 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
	.footer, .push {
		height: 50px; /* .push must be the same height as .footer */
	}
	.footer-logo {
		line-height: 50px;
	}
	.footer-nav {
		margin: 18px 0 0 0;
		padding: 0;
		list-style: none;
		float: right;
	}
		.footer-nav li {
			padding: 0 15px 0 15px;
			color: #FFFFFF;
			font-size: 0.8125em; /* 13 / 16 = 0.8125 */
			line-height: 1em;
			float: left;
		}
			.footer-nav li:first-child {
				border-right: 1px solid #FFFFFF;
			}
			.footer-nav li a {
				color: inherit;
				text-decoration: none;
				float: left;
			}

/*----------------
| LOGIN UI
------------------ */
.login-wrapper {
	width: 450px;
	margin: 5% auto 0 auto;
}
	.login-logo {
		margin-bottom: 50px;
		text-align: center;
	}
	.login h3 {
		color: #FFFFFF;
	}
	.login-panel {
		width: 100%;
		padding: 40px;
		background: url('images/texture-white-frost.png');
		border-top: 3px solid rgba(102,102,102,0.28);
		border-bottom: 3px solid rgba(77,77,77,0.70);
		-webkit-border-radius: 15px 15px 15px 15px;
		-moz-border-radius: 15px 15px 15px 15px;
		-o-border-radius: 15px 15px 15px 15px;
		border-radius: 15px 15px 15px 15px;
	}
	.forgot-password {
		color: #323232;
	}
	.terms {
		margin: 25px 0 15px 0;
		font-family: 'Bitter', serif;
		font-size: 0.875em; /* 14 / 16 = 0.875 */
		font-style: italic;
	}
	.login-panel .button-base {
		font-size: 30px;
		line-height: 60px;
	}

/*----------------
| PANELS CORE
------------------ */
.panel {
	/* Base panel used throughout the interface */
	margin: 0 0 30px 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #d4d4d4;
	border-left: none;
	box-shadow: -2px 2px 0px 0px #BEBEBE;
	-moz-box-shadow: -2px 2px 0px 0px #BEBEBE;
	-webkit-box-shadow: -2px 2px 0px 0px #BEBEBE;
	-o-box-shadow: -2px 2px 0px 0px #BEBEBE;
	-webkit-text-stroke: 0.6px rgba(0, 0, 0, 0.4); /* Enhanced font rendering for Chrome */
}
	.status-wrapper .panel:last-child {
		/* The last panel in a group */
		margin-bottom: 50px;
	}
	.panel-content {
		padding: 15px;
	}
		.panel-content-left {
			width: 69%;
			/*float: left;*/
			display:inline-block;
		}
		.panel-content-right {
			width: 30%;
			/*text-align: right;*/
			/*float: left;*/
			display:inline-block;
		}
		
	.panel-middle {
		margin-top: 15px;
	}
	.panel-bottom {
		margin-top: 15px;
	}
	.panel-content-right .button-base {	
		margin-left: 25px;
		/*position: absolute;*/
	}
		.create-field .panel-bottom {
			margin-top: 60px;
		}

/*----------------
| PANEL FEATURES
------------------ */
/* Sub Panels */

.send-feedback-panel {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	position: absolute;
	z-index: 999;
	display: none;
	border: 2px solid #CCCCCC;
    float: left;
    height: auto;
    margin-bottom: 10px;
    position: inherit;
}
.send-feedback-panel .panel-top {
	text-align:center;
}
.approval-panel{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	position: absolute;
	z-index: 999;
	display: none;
}
	.approval-heading {
		width: 100%;
		height: 30px;
		padding-left: 15px;
		color: #FFFFFF;
		font-family: 'Bitter', serif;
		font-size: 1.0625em; /* 17 / 16 = 1.0625 */
		font-weight: 600;
		line-height: 30px;
		background: #3a3a3a;
	}
		.approval-heading p { margin: 0; }

		.red .approval-heading 		{ background: #c04c4c; }
		.yellow .approval-heading 	{ background: #e5ba03; }
		.green .approval-heading 	{ background: #40907e; }
	
	.approval-panel .panel-top {
		padding-top: 20px;
		padding-left: 15px;
	}
	
	.panel.type-ads .approval-panel .panel-top {
			text-align: center;
		}
		.approval-content h3 {
			margin-bottom: 15px;
		}
		.approval-content .panel-property {
			margin: 0;
			font-size: 0.8125em; /* 13 / 16 = 0.8125 */
		}

	/* Button position for approval panel */
	.approval-panel .two .button-base:first-child	{ /* margin: 97px 0 0 -75px; */ }
	.approval-panel .two .button-base:first-child + .button-base { /* margin: 97px 0 0 60px; */ }

.feedback-panel {
	width: 100%;
	text-align: right;
	display: none;
}
	.feedback-panel .button-base {
		margin-left: 15px;
	}

	/* upload material panel */
	#upload-panel-add{
		display:none;
	}

/* Status Indicators */
.status .panel-content {
	/* Triggered when the panel needs to indicate a status */
	border-left-color: #FFFFFF;
	border-left-width: 15px;
	border-left-style: solid;
	transition: border-color 0.4s linear;
	-moz-transition: border-color 0.4s linear;
	-webkit-transition: border-color 0.4s linear;
	-o-transition: border-color 0.4s linear;
}
/* Status Text */
.status-text {
	margin: 30px 0 0 0;
	font-size: 0.9375em; /* 15 / 16 = 0.9375 */
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
	transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-webkit-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	-webkit-text-stroke: 0;

}
	.status-text span {
		color: #414141;
		font-weight: 400;
		text-transform: none;
		-webkit-text-stroke: 0.6px rgba(0, 0, 0, 0.4);
	}

	/* Status Colours */
	.status.red .panel-content		{ border-left-color: #c04c4c; }
		.red .status-text				{color: #c04c4c;}
	.status.yellow .panel-content 	{ border-left-color: #e5ba03; }
		.yellow .status-text			{color: #e5ba03;}
	.status.green .panel-content	{ border-left-color: #40907e; }
		.green .status-text				{color: #40907e;}

/* Headings */
h3,
.revision {
	display: inline-block;
}
.revision {
	padding-left: 25px;
	font-size: 0.875em; /* 14 / 16 = 0.875 */
	line-height: 1em;
}
	h3 > .revision {
		font-weight: 300;
		padding-left: 0;
	}
	.type-ads h3 {
		margin-bottom: 0;
		font-size: 1.0625em; /* 17 / 16 = 1.0625 */
		font-weight: 600;
		line-height: 1em;
	}

/* Properties */
.panel-property {
	margin-bottom: 10px;
	font-size: 1.0625em; /* 17 / 16 = 1.0625 */
	font-weight: 600;
	line-height: 1em;
}
	.panel-property span {
		font-weight: 400;
	}
	

/*----------------
| ADS TEMPLATES
------------------ */
.booking-info {
	margin-bottom: 25px;
	padding-bottom: 15px;
	padding-left: 0;
	border-bottom: 1px solid #989898;
	box-shadow: -3px 4px 0px -3px #FFFFFF;
}
.panel-bottom a {
	margin: 0;
	float: right;
}
	a.remove-field {
		color: inherit;
		font-size: 0.6875em; /* 11 / 16 = 0.6875 */
		display: block;
	}
		.has-requirements a.remove-field {
			margin-top: 20px;
		}
	a.cancel-field {
		margin-right: 15px;
		color: inherit;
		line-height: 25px;
		font-size: 0.875em; /* 14 / 16 = 0.875 */
	}
.requirement-panel {
	font-size: 13px;
	float: left;
}
	.requirement-panel p {
		font-weight: 600;
		margin: 0;
	}
	.requirement-panel ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.requirement-panel ul .req-item {
			font-size: 12px;
			float: left;
		}
			.req-item span {
				font-weight: 300;
			}

.add-field {
	padding: 0;
}
	a.add-field-button {
		width: 100%;
		padding: 15px;
		color: inherit;
		font-size: 1.25em; /* 20 / 16 = 1.25 */
		line-height: 30px;
		border: 1px dashed #bebdb8;
		background: #f2f1ec;
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
		display: block;
	}

		a.add-field-button:hover {
			color: inherit;
			text-decoration: none;
			background: #FFFFFF;
		}

.save-submit {
	padding: 35px 0 0 0;
}
	.save-submit a {
		float: right;
	}


/* Button Position - With IE Support */
.one .button-base 					{ margin-top: 132px; }

.two .button-base:first-child		{ /* margin-top: 92px; */ }
.two .button-base:first-child + .button-base { /* margin-top: 132px; */ }

.three .button-base:first-child 	{ /*margin-top: 52px;*/ }
.three .button-base:first-child + .button-base 	{ /*margin-top: 92px;*/ }
.three .button-base:first-child + .button-base + .button-base 	{ /*margin-top: 132px;*/ }

.repeatmaterials-panel {
	width: 100%;
	text-align: right;
	display: none;
}
.repeatmaterials-panel .button-base {
	margin-left: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

	/* Retina Support for Icons */
	.validation-message {
		background-size: 20px 20px;
	}
	.validation-message.pass 	{ background-image: url('images/icon-tick-x2.png'); }
	.validation-message.error 	{ background-image: url('images/icon-cross-x2.png');display:none;}
	.validation-message.warning	{ background-image: url('images/icon-exclaim-x2.png');display:none; }
	.validation-message-type		{ 
		height: 20px;
		padding-right: 30px;
		font-size:14px;
		line-height: 20px;
		display: inline-block;
		background-position: center right;
		background-repeat: no-repeat;
		float: right;
		background-image: url('images/icon-cross.png');	
		color: #c04c4c;
		display:none;
	}


	/* Retina Support for Buttons */
	.button-base.has-icon {
		background-size: 30px 25px;
		background-repeat: no-repeat;
		background-position: center left;
		background-color: #dfd7c3;
	}
		.approve 	{ background-image: url('images/icon-approve-x2.png'); }
		.dark.approve	{ background: url('images/icon-approve-tan-x2.gif') no-repeat center left #666666; }
		.cancel 	{ background-image: url('images/icon-cancel-x2.png'); }
		.download 	{ background-image: url('images/icon-download-x2.png'); }
		.feedback 	{ background-image: url('images/icon-feedback-x2.png'); }
		.upload 	{ background-image: url('images/icon-upload-x2.png'); }
		.repeat 	{ background-image: url('images/icon-repeat-x2.png'); }
		.browse 	{ background: url('images/icon-browse-x2.gif') no-repeat center left #dfd7c3; }
		.transsans.save 	{ background: url('images/icon-save-x2.png') no-repeat center left; }
}
.dml_loading {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.approval-panel .panel-content-left {width:100%;padding-right:10px;}
.approval-panel .one{width:55%;display:inline-block;}
.approval-panel .two{width:280px;display:inline-block;}
.approval-panel .two a {margin:0 0 0 10px;}
.panel.disabled{
	background-color: #EFEEED;
}

/* Bug 8611 for showing requirement for dynamic templates */
.requirement-panel li.req-item {
	margin-right:10px;
}

div.instructions p{
	font-size:13px;
	color:grey;
}
div.instructions span{
	font-weight:600;
}

input[type="text"]{
    border: medium none;
    display: block;
    height: 30px;
    margin-top: 15px;
    padding: 5px;
    width: 100%;
    background: #e6e6e7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e6e6e7 0%, #fbfbfb 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e7), color-stop(86%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e6e6e7 0%,#fbfbfb 86%); /* IE10+ */
	background: linear-gradient(to bottom,  #e6e6e7 0%,#fbfbfb 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e7', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */
	display: block;
	border: none;
}
input.geo{
	display: inline;
	width: 50%;
}

div.text_charcount{
	font-size:13px;
	color:grey;
	float:right;
}

.warn-save-submit {
	background:#F9E7B4;
	padding: 10px 5px 25px 0px;
	display:none;
	margin: 35px 0 0 0;
}

.warn-save-submit a {
	/*float: right;*/
	margin-left:15px;
}

.warn-save-submit a.cancel{
	background-color:#ffffff;
}

.warn-save-submit a.approve{
	background-color:#CC8700;
	color: #ffffff;
}


.warn-save-submit span{
	color: #CC8700;
	font-size: 15px;
	margin-left: 10px;
}

.repeatmaterials-panel .select-base{
	margin-top:15px;
}

.image-preview-div{
    overflow:hidden;
    margin:30px;
    opacity:0.8;
    border: 2px solid black;
}
.image-preview-div .image-preview-image{
    position: relative;
}

.loading-wait {
	text-align: right; 
	padding: 20px 20px; 
	display: none; 
	background: #D8F6CE; 
	display: none; 
	color: green; 
	height: 85px;
	margin: 35px 0 0 0;
}

.edit{
	background: url('images/icon-pencil.gif') no-repeat left center #DFD7C3;
	color: inherit;
	font-size: 0.8125em;
	display: block;
}