/* public/base.css */
/*
	(c)2012 - visuallizard.com

	Inspired by:
	Skeleton				www.getskeleton.com
	Bootstrap				twitter.github.com/bootstrap/
	HTML5 ✰ Boilerplate		h5bp.com
*/

/* Table of Content

	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons & Messages
	#Tabs
	#Forms
	#Misc */


/* !Reset & Basics ============================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

	::-moz-selection { background: #85c446; color: #fff; text-shadow: none; }
	::selection { background: #85c446; color: #fff; text-shadow: none; }

/* !Basic Styles ============================== */
	html {
		font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	}
	body {
		background: #fff;
		font: 14px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		/*-webkit-font-smoothing: antialiased;  Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* !Typography ============================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 20px; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	i, em { font-style: italic; }
	b, strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 10px 20px 0 15px; border-left: 5px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #666; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #666; }



/* !Links */
	a		{ color: #004386; outline: 0; }
	a:hover	{ color: #000; outline: 0;}
	a:focus	{ color: #000; outline: thin dotted; }
	a:active { outline: 0; }

	p a { line-height: inherit; }


/* !Lists */
	ul, ol { margin: 0 0 20px 25px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
	ul { list-style: disc; }
	ol { list-style: decimal; }
	li { line-height: 20px; }
	ul.unstyled { list-style: none; margin-left: 0; }
	dl { margin-bottom: 20px; }
	dl dt, dl dd { line-height: 20px; }
	dl dt { font-weight: bold; }
	dl dd { margin-left: 20px; }

	dd:after {
		/* http://lea.verou.me/2012/02/flexible-multiline-definition-lists-with-2-lines-of-css/ */
		content: '\D\A';
		white-space: pre;
	}


/* !Images */
	img {
	  border: 0;
	  -ms-interpolation-mode: bicubic;
	}
	img.scale-with-grid {
		max-width: 100%;
		height: auto;
	}
	.img_left {
		float: left;
		margin: 0 1em 0.5em 0;
	}
	.img_right {
		float: right;
		margin: 0 0 0.5em 1em;
	}

/* !Other */
	code, pre {
	  padding: 0 3px 2px;
	  font-family: Monaco, Andale Mono, Courier New, monospace;
	  font-size: 12px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	code {
	  background-color: #eee;
	  color: rgba(0, 0, 0, 0.75);
	  padding: 1px 3px;
	}
	pre {
	  background-color: #f5f5f5;
	  display: block;
	  padding: 8.5px;
	  margin: 0 0 18px;
	  line-height: 18px;
	  font-size: 12px;
	  border: 1px solid #ddd;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  white-space: pre;
	  white-space: pre-wrap;
	  word-wrap: break-word;
	}

	hr {
		clear: both;
		height: 0;
		margin: 20px 0 19px;
		border: 0;
		border-bottom: 1px solid #ddd;
	}

	address {
		display: block;
		line-height: 18px;
		margin-bottom: 18px;
	}

	.lower { text-transform: lowercase; }
	.upper { text-transform: uppercase; }


/* !Buttons & Messages ==============================
	.button.danger,
	.message.danger,
	.button.danger:hover,
	.message.danger:hover,
	.button.error,
	.message.error,
	.button.error:hover,
	.message.error:hover,
	.button.success,
	.message.success,
	.button.success:hover,
	.message.success:hover,
	.button.info,
	.message.info,
	.button.info:hover,
	.message.info:hover {
		color: #ffffff;
	}
	.button .close, .message .close, .remove {
	  font-family: Arial, sans-serif;
	  line-height: 18px;
	}
	.button.danger,
	.message.danger,
	.button.error,
	.message.error {
	  background-color: #c43c35;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: linear-gradient(top, #ee5f5b, #c43c35);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #c43c35 #c43c35 #882a25;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.button.success, .message.success {
	  background-color: #57a957;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	  background-image: -moz-linear-gradient(top, #62c462, #57a957);
	  background-image: -ms-linear-gradient(top, #62c462, #57a957);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	  background-image: -o-linear-gradient(top, #62c462, #57a957);
	  background-image: linear-gradient(top, #62c462, #57a957);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #57a957 #57a957 #3d773d;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.button.info, .message.info {
	  background-color: #339bb9;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: linear-gradient(top, #5bc0de, #339bb9);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #339bb9 #339bb9 #22697d;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}


	.button {
	  cursor: pointer;
	  display: inline-block;
	  background-color: #e6e6e6;
	  background-repeat: no-repeat;
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	  padding: 4px 14px 5px;
	  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	  text-decoration: none;
	  color: #333;
	  font-size: 13px;
	  line-height: normal;
	  border: 1px solid #ccc;
	  border-bottom-color: #bbb;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	  -webkit-transition: 0.1s linear all;
	  -moz-transition: 0.1s linear all;
	  -ms-transition: 0.1s linear all;
	  -o-transition: 0.1s linear all;
	  transition: 0.1s linear all;
	}
	.button:hover {
	  background-position: 0 -15px;
	  color: #333;
	  text-decoration: none;
	}
	.button:focus {
	  outline: 1px dotted #666;
	}
	.button.primary {
	  color: #ffffff;
	  background-color: #0064cd;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	  background-image: linear-gradient(top, #049cdb, #0064cd);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #0064cd #0064cd #003f81;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.button.active, .btn:active {
	  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.button.disabled {
	  cursor: default;
	  background-image: none;
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  filter: alpha(opacity=65);
	  -khtml-opacity: 0.65;
	  -moz-opacity: 0.65;
	  opacity: 0.65;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	}
	.button[disabled] {
	  cursor: default;
	  background-image: none;
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  filter: alpha(opacity=65);
	  -khtml-opacity: 0.65;
	  -moz-opacity: 0.65;
	  opacity: 0.65;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	}

	.close  {
	  float: right;
	  color: #000000;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 13.5px;
	  text-shadow: 0 1px 0 #ffffff;
	  filter: alpha(opacity=25);
	  -khtml-opacity: 0.25;
	  -moz-opacity: 0.25;
	  opacity: 0.25;
	}
	.close:hover{
	  color: #000000;
	  text-decoration: none;
	  filter: alpha(opacity=40);
	  -khtml-opacity: 0.4;
	  -moz-opacity: 0.4;
	  opacity: 0.4;
	}
	a.remove, a.progress_action {
		margin: 0;
		width: auto;
		height: auto;
		padding: 0;
		line-height: 1;
		font-size: 18px;
		font-weight: bold;
		color: #c43c35;
		text-decoration: none;
		text-shadow: 0 1px 0 #ffffff;
		text-align: center;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		opacity: .8;
	}
	a.remove:hover, a.progress_action:hover {
		opacity: 1;
	}

	.message {
	  position: relative;
	  padding: 7px 15px;
	  margin-bottom: 18px;
	  color: #404040;
	  background-color: #eedc94;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
	  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
	  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
	  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
	  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
	  background-image: linear-gradient(top, #fceec1, #eedc94);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #eedc94 #eedc94 #e4c652;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	  border-width: 1px;
	  border-style: solid;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	}
	.message .close {
		text-decoration: none;
		margin-top: 1px;
		*margin-top: 0;
	}
	.message a {
	  font-weight: bold;
	  color: #404040;
	}
	.message.danger p a,
	.message.error p a,
	.message.success p a,
	.message.info p a {
	  color: #ffffff;
	}
	.message p {
	  margin-bottom: 0;
	}
	*/

	#flashMessage {
		display: block;
		width: 100%;

		padding: 1em 0;
		margin: -0.5em 0 2em;
		background-color: #999;

		color: #fff;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
	}

		#flashMessage.error {
			background-color: #b00;
		}

		#flashMessage.success {
			background-color: #090;
		}


/* !Forms ============================== */

	form {
		margin-bottom: 20px;
	}
	fieldset {
		margin-bottom: 20px;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
	}
	select {
		padding: initial;
		width: 220px;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px;
		min-width: 210px;
	}
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;
	}
	.input.checkbox label, .input.radio label {
		margin-left: 5px;
		display: inline-block;
	}

	/* 	cat4 required field indicator */
	.required > label:after,
	.required-field > label:after {
		content: " *";
	}

	/* 	for jquery.overlabel  */
	label.overlabel-apply {
		position: absolute;
		top: 3px;
		left: 5px;
		z-index: 1;
		font-weight: normal;
		color: #777;
	}
	div.overlabel-wrapper {
		position: relative;
	}


	input[type=checkbox], input[type=radio] {
	  width: auto;
	  height: auto;
	  padding: 0;
	  margin: 3px 0;
	  *margin-top: 0;
	  /* IE6-7 */

	  line-height: normal;
	  border: none;
	  display: inline-block;
	}
	input[type=file] {
	  background-color: #ffffff;
	  padding: initial;
	  border: initial;
	  line-height: initial;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	}
	input[type=button], input[type=reset], input[type=submit] {
	  width: auto;
	  height: auto;
	}
	select, input[type=file] {
	  height: 27px;
	  *height: auto;
	  line-height: 27px;
	  *margin-top: 4px;
	  /* For IE7, add top margin to align select with labels */

	}
	select[multiple] {
	  height: inherit;
	  background-color: #ffffff;
	}
	textarea {
	  height: auto;
	}

	.poll label .description {
		font-weight: normal;
	}


	.input.file p {
		margin: 0;
	}
	input.form-error {
		margin-bottom: 0;
	}
	.error-message {
		color: #ee5f5b;
		margin-bottom: 10px;
	}

	/* 	Recaptcha */
	#recaptcha_image {
		margin: 1em 0;
	}
	#recaptcha_widget_div {
		margin-bottom: 20px;
	}


/* !Media grid ============================== */
	.media-grid {
		margin-left: -20px;
		margin-bottom: 0;
		zoom: 1;
	}
	.media-grid:before, .media-grid:after {
		display: table;
		content: "";
		zoom: 1;
	}
	.media-grid:after {
		clear: both;
	}
	.media-grid li {
		display: inline;
	}
	.media-grid a, .media-grid div.group {
		float: left;
		padding: 4px;
		margin: 0 0 20px 20px;
		border: 1px solid #ddd;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	.media-grid a img {
		display: block;
	}
	.media-grid a:hover {
		border-color: #7a2;
		-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
		-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
		box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	}

	.media-grid .caption {
		display: block;
	}



/* !Tabs (activate in tabs.js) ============================== */
/* New Tabs */
.tabs-nav {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	/* border-bottom: solid 1px #ddd; */
}
.tabs-nav li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
}
.tabs-nav li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #f6f6f6;
	font-size: 13px;
}
	.tabs-nav li a:hover {
		background: #f0f0f0;
	}
.tabs-nav li a.active {
	background: #fff;
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	color: #111;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 32px;
	border-top-right-radius: 3px;
}
.tabs-nav li:first-child a.active {
	margin-left: 0;
}
.tabs-nav li:first-child a {
	border-width: 1px 1px 0 1px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.tabs-nav li:last-child a {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

.tabs-content { margin: 0; padding: 2em; border: 1px solid #ddd; display: block; list-style: none; clear: both;}
.tabs-content > .tab { display:none; }
.tabs-content > .tab.active { display: block; }



/* !Tables  ============================== */
table {
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  font-size: 13px;
  border-collapse: collapse;
}
	table.review {
		border-bottom: 1px solid #eee;
	}

table thead {
	background-color: #eee;
}
table th, table td {
  padding: 1em 0.5em;
  line-height: 18px;
  text-align: left;
}
table th {
  font-weight: bold;
  vertical-align: middle;
}
table td {
  vertical-align: top;
  border-bottom: 1px solid #eee;
}

	table td.blue {
		color: #369;
		text-shadow: 0 0 10px #cef;
		font-weight: bold;
	}

	table.review th,
	table.review td {
		border-top: 1px solid #eee;
		border-bottom: none;
	}

		table.review tr:first-child th,
		table.review tr:first-child td {
			border-top: 2px solid #369;
		}

	table.review th.spanned,
	table.review td.spanned {
		border-top: none;
	}

	table.headers {
		border: 1px dotted #ccc;
	}

		table.headers th {
			border-right: 1px dotted #ccc;

			font-size: 11px;
			font-weight: normal;
		}

table tbody th {
  vertical-align: top;
}

/* 	table types: .condensed-table  and .bordered-table */
.condensed th, .condensed td {
  padding: 5px 5px 4px;
}
.bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse; /* IE7, collapse table to remove spacing */

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bordered th + th, .bordered-table td + td, .bordered th + td {
  border-left: 1px solid #ddd;
}
.bordered thead tr:first-child th:first-child, .bordered tbody tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.bordered thead tr:first-child th:last-child, .bordered tbody tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.bordered tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.bordered tbody tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}

/* 	sortable and zebra-striped tables */
.striped tbody tr:nth-child(odd) td, .striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.striped tbody tr:hover td, .striped tbody tr:hover th {
  background-color: #f5f5f5;
}
table .header {
  cursor: pointer;
}
table .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
table .headerSortUp, table .headerSortDown {
	background-color: #85c446;
	background-color: rgba(133,196,70,.3);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
  visibility: visible;
}
table .headerSortDown:after, table .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}


/* !Pagination  ============================== */
	.pagination {
	  display: block;

	  height: 38px;
	  margin: 20px 0;
	  -moz-user-select: none;
	  user-select: none;

	  text-align: left;
	}

		.pagination ul:after {
			display: block;
			content: " ";
			clear: both;
		}

	.pagination ul {
	  display: inline-block;

	  margin: 0;
	  padding: 0;
	  border: 1px solid #ddd;
	  border-right: 0;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;

	  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.pagination li {
		display: inline-block;
	}
	.pagination a,
	.pagination .current {
		display: inline-block;
		margin: 0 0.1em;
		padding: 0 1em;
		border-radius: 1em;
		border: 1px solid transparent;
		background-color: #eee;

		color: #004386;
		line-height: 2em;
		text-decoration: none;
	}

	.pagination a:hover,
	.pagination .active a {
		background-color: #07a;
		color: white;
	}

	.pagination .current {
	  background-color: white;
	  border-color: #07a;
	}

	.pagination .disabled a,
	.pagination .disabled a:hover {
	  background-color: transparent;
	  color: #ccc;
	}

	.pagination .last a {
	  border: 0;
	}

	.pagination .other-links {
		float: right;
		min-width: 50%;

		text-align: right;
		white-space: nowrap;
	}

		.pagination .other-links .add {
			margin-left: 2em;
		}

/* !Non-semantic helper classes ============================== */

	/* For image replacement */
	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
	.ir br { display: none; }

	/* Hide from both screenreaders and browsers: h5bp.com/u */
	.hidden { display: none !important; visibility: hidden; }

	/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

	/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

	/* Hide visually and from screenreaders, but maintain layout */
	.invisible { visibility: hidden; }

	/* Contain floats: h5bp.com/q */
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }





/* !Catalyst specific  ============================== */
	.w5 { width: 5%; }
	.w10 { width: 10%; }
	.w15 { width: 15%; }
	.w20 { width: 20%; }
	.w25 { width: 25%; }
	.w30 { width: 30%; }
	.w35 { width: 35%; }
	.w40 { width: 40%; }
	.w45 { width: 45%; }
	.w50 { width: 50%; }
	.w55 { width: 55%; }
	.w60 { width: 60%; }
	.w65 { width: 65%; }
	.w70 { width: 70%; }
	.w75 { width: 75%; }
	.w80 { width: 80%; }
	.w85 { width: 85%; }
	.w90 { width: 90%; }
	.w95 { width: 95%; }
	.w100 { width: 100%; }

	.h1 { height: 1em; }
	.h2 { height: 2em; }
	.h3 { height: 3em; }
	.h4 { height: 4em; }
	.h5 { height: 5em; }
	.h6 { height: 6em; }
	.h7 { height: 7em; }
	.h8 { height: 8em; }
	.h9 { height: 9em; }
	.h10 { height: 10em; }
	.h11 { height: 11em; }
	.h12 { height: 12em; }
	.h13 { height: 13em; }
	.h14 { height: 14em; }
	.h15 { height: 15em; }
	.h16 { height: 16em; }
	.h17 { height: 17em; }
	.h18 { height: 18em; }
	.h19 { height: 19em; }
	.h20 { height: 20em; }

	.block { display: block; }
	.inline { display: inline; }
	.hidden { display: none; }

	.left { text-align: left; }
	.right { text-align: right; }
	.center { text-align: center; }

	.cke div.c1,
	.cke div.c2,
	.cke div.c3,
	.cke div.c4,
	.cke div.c5,
	.cke div.c6 {
		margin-left: 2%;
		float: left;
	}

	.cke div.c2 { width: 49%; }
	.cke div.c3 { width: 32%; }
	.cke div.c4 { width: 23.5%; }
	.cke div.c5 { width: 18.4%; }
	.cke div.c5 { width: 15%; }

	.cke div.c1,
	.cke div.first {
		clear: both;
		margin-left: 0;
	}

	.cke:before, .cke:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
	.cke:after { clear: both; }
	.cke:after { zoom: 1; }


/* !Debug & CakePHP Debug SQL table ============================== */
	body.debug:before {
		content: attr(class);
		position: fixed;
		top: 0px;
		right: 10px;
		color: #ddd;
		z-index: 1000;
		font-size: 10px;
	}

	table.cake-sql-log {
		display: none;
		clear: both;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		color: #333;
		background-color: #eee;
	}

	table.cake-sql-log td,
	table.cake-sql-log th {
		border-bottom: 1px solid #999;
		border-right: 1px solid #999;
		padding: 0.5em;
	}

	table.cake-sql-log caption {
		text-align: center;
		background-color: #900;
		color: #fff;
		font-weight: bold;
		font-size: 1.5em;
		padding: 0.5em;
	}

/* public/skeleton.css */
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* public/layout.css */
/*
	(c)2012 - visuallizard.com

	General Layout Styles.
	Sets major blocking (and minor styles) to genaral elements in the template.
	All can be removed and started from scratch or elemnts can be adjusted individually.
*/

.container {
/*
	Set site width only here and use this class to centre the content in browser window.
	Default width is 960px and can be changed in skeleton.css to maintain resposivnes.

	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
*/
}

/* Header */
	#header {
		clear: both;
		position: relative;
		margin: 0 0 20px 0;
		padding: 10px;
		background: #036;
	}

		header a,
		header a:hover,
		header a:focus {
			color: #fff;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
		}


		/* Language toggle */
		header .lang { }


/* 	Navigations */
	nav {
		display: block;
		position: relative;
		width: 100%;
		margin: 0 0 -10px;
		clear: both;
	}
		nav ul {
			clear: both;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			nav ul li {
				display: inline-block;
				position: relative;
				padding: 0;
				margin: 0 10px 0 0;
			}
				nav ul li a {
					display: block;
					position: relative;
					padding: 10px;

					color: #fff;
					text-transform: uppercase;
					font-size: 15px;
					text-decoration: none;
				}

				nav ul li a:hover {
					background-color: #07a;

				}

				nav ul li.at a {
					background-color: white;

					color: #004386;
				}

				/* Main Nav specific */
				nav ul.nav_1 {
					margin-left: -10px;
				}

			nav > ul > li:last-child {
				float: right;
				margin-right: -10px;
			}

			nav > ul > li:last-child a:hover {
				background-color: #b30;
			}


		/* 	Drop-downs */
		nav ul.nav_1 > li > ul {
		  position: absolute;
		  top: 100%;
		  left: 0;
		  z-index: 1000;
		  float: left;
		  display: none;
		  width: 200px;
		  padding: 4px 0;
		  margin: 0;
		  list-style: none;
		  background-color: #fff;
		  border-color: #ccc;
		  border-color: rgba(0, 0, 0, 0.2);
		  border-style: solid;
		  border-width: 1px;
		  -webkit-border-radius: 5px;
		     -moz-border-radius: 5px;
		          border-radius: 5px;
		  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		  -webkit-background-clip: padding-box;
		     -moz-background-clip: padding;
		          background-clip: padding-box;
		}
		nav ul.nav_1 > li:hover > ul {
			display: block;
		}
			nav ul.nav_1 > li >  ul li {
				display: block;
			}
			nav ul.nav_1 > li >  ul a {
				text-transform: none;
				clear: both;
				color: #555;
				display: block;
				font-weight: normal;
				line-height: 18px;
				padding: 3px 15px;
			}

			nav ul.nav_1 li    ul a:hover,
			nav ul.nav_1 li.at ul a:hover,
			nav ul.nav_1 li.at ul .at a {
				color: #000;
			}




/* Login form */
	header form input[type="text"],
	header form input[type="password"],
	header form input[type="email"] {
		margin: 0 5px 0 0;
		width: auto;
	}
	header form .input {
		display: inline-block;
	}

	header .login-nav,
	header .login-form,
	header .search-form {
		position: relative;
		color: #fff;
		float: left;
		display: block;
		vertical-align: top;
		margin:  0 20px 0 0;
	}
		.login-nav,
		.login-options {
			list-style: none;
			margin: 0 0 .5em 0;
		}
	header .login-nav li {
		display: inline-block;
	}
	header .login-nav a,
	header .login-form a {
		font-size: 13px;
		padding: 0 5px 0 0;
		margin: 0;
		text-transform: none;
		text-decoration: none;
	}
	header .login-form .error-message {
		position: absolute;
		bottom: 0; left: 0;
		margin: 0;
		color: #ee5f5b;
		font-size: 13px;
	}


/* 	Colummns and Sections	*/
	#main {

	}

	#main h2 {
		margin-top: 1em;

		color: #369;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
	}

		#main h2 .subtitle {
			float: right;
			margin-top: 15px;

			font-size: 20px;
			line-height: 20px;
		}

	#main form {
		margin: 1em 0 2em;
	}

		#main fieldset {
			margin: 0 0 1em;
			padding: 1em;
			border: 1px solid #07a;
		}

		#main form input,
		#main form select {
			width: auto;
			margin: 0.5em 0.2em;
		}

		#main form input.inline,
		#main form select.inline {
			display: inline;
		}

		#main form .checkboxes {
			margin: 0.5em 0;
		}

			#main form .checkboxes input + label {
				font-weight: normal;
				margin-left: 0.25em;
				margin-right: 1em;
			}

		#main form .submit input {
			display: block;
			margin: 1em 0;
			padding: 0 1em;
			border: 0;
			border-radius: 1em;
			background-color: whitesmoke;

			color: #004386;
			font-size: inherit;
			font-weight: normal;
			line-height: 2em;
			text-decoration: none;

			-webkit-appearance: none;
			cursor: pointer;
		}

			#main form .submit input:hover {
				background-color: #07a;
				color: white;
			}

	.back {
		margin: 2em 0;
	}

		.back:before {
			content: "◀︎";
			font-size: 0.8em;
		}

	.icon {
		padding: 0.7em 0 0;
	}

	.icon a {
		display: inline-block;
		padding: 0 1em;
		border-radius: 1em;
		background-color: whitesmoke;

		color: #004386;
		line-height: 2em;
		text-decoration: none;
	}

	.icon a:hover {
		background-color: #07a;
		color: white;
	}

/* Footer	 */
	footer {
		clear: both;
		position: relative;
		padding: 1em 0 0;
		margin: 4em 0 0;
		border-top: 1px solid whitesmoke;
	}

		footer .copyright {
			color: #ddd;
			font-size: 11px;
			text-align: center;
		}



/* Content layout (appearence) */
.content-display {

}
	.content-display:after { clear: both; }

	.content-display .content-block {
		width: 45%;
		float: left;
		margin: 0 2.5% 0 0;
	}

	/* 	single */
	.content-display.type-0 {

	}

	/* 	double */
	.content-display.type-1 .content-block {

	}

	/* double, wide-top */
	.content-display.type-2 .content-block:nth-child(3n+1) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}

	/* double, wide-bottom */
	.content-display.type-3 .content-block:nth-child(3n+3) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}


	/* triple */
	.content-display.type-4 .content-block {
		width: 30%;
		margin-right: 3%;
		float: left;
	}


/* Hide content that requires JavaScript unless JavaScript is running. */
body .requires-js { display: none; }

/* public/style.css */
.o10 { opacity: 0.1 }
.o20 { opacity: 0.2 }
.o30 { opacity: 0.3 }
.o40 { opacity: 0.4 }
.o50 { opacity: 0.5 }
.o60 { opacity: 0.6 }
.o70 { opacity: 0.7 }
.o80 { opacity: 0.8 }
.o90 { opacity: 0.9 }
.o100 { opacity: 1.0 }

h3 {
	margin: 0 0 0.5em;

	color: #369;
	font-size: 1.6em;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

/* CSV upload */

form div.files.single {
	width: 100%;
	height: 2.5em;
	margin: 0.5em 0;
	border: 0.5em solid transparent;
	box-sizing: border-box;
	background: whitesmoke;

	color: #666;
	font-family: monospace;
}

	form div.files.single a {
		color: #666;
	}

		form div.files.single a.x {
			color: #c00;
			font-size: 11px;
			font-weight: bold;
			font-family: arial;
			text-decoration: none;
		}

	form div.files.single div.fade {
		background-color: transparent;
	}

/* index FILTER form, textarea resizing */

#filter-form-textarea.thin-and-inline {
	display: inline;

	margin: 0;
	margin-left: 0.25em;
	min-height: 1em;
	width: 20%;

	line-height: 1.5em;
	vertical-align: middle;
}

#filter-form-textarea.tall-and-block {
	display: inline-block;

	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.25em;
	min-height: 6em;
	width: 90%;

	line-height: 1.5em;
	vertical-align: top;
}

.toggle {
	display: inline-block;

	padding: 0.1em 0.5em 0.25em;
	background-color: #f6f9ff;

	color: #66c;
	text-align: center;

	cursor: pointer;
}

	.toggle:before {
		content: "↕︎";
	}

	#filter-form-textarea.tall-and-block + .toggle {
		margin-top: 0.5em;
	}

/* used in TABLEs */

.divider:before {
	content: "|";

	display: inline-block;
	margin: 0 0.25em;

	color: #ddd;

	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}

.scrollable-table {
	position: relative;
	max-width: 100%;
	overflow: scroll;

	padding: 0;

}

	.scrollable-table table {
		border: 2px solid #28b;
	}

		.scrollable-table table th {
			padding: 0.5em 1em;

			white-space: nowrap;
		}

		.scrollable-table table td {
			padding: 0.5em 1em;

			white-space: nowrap;
		}

/* used to display ERRORs or SUCCESSes */

.green {
	background-color: #efd;
	color: #090;
}

.red {
	background-color: #ffe9e3;
	color: #900;
}

/* public/upload.css */
form div.files.single {
	position: relative;
	overflow: hidden;
	width: 210px;
	max-width:100%;
	height: 21px;
	margin: 0;
	padding:0;
	border: none;
}
form div.files.single div.fade {
	position:absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	width: 210px;
	width:100%;
	height: 21px;
}

form div.files a.x {
	position:absolute;
	top: 0;
	right: 0;
}


.files .progress {
  opacity: 0.50
}
.fileupload-processing .fileupload-loading {
  display: block;
}

.progress {
  height: 21px;
  margin: 0;
  overflow: hidden;
  background-color: transparent;
  background-repeat: repeat-x;
}

.progress .bar {
  width: 0;
  height: 21px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #0e90d2;
}

.progress-danger .bar {
  background-color: #dd514c;
}

.progress-success .bar {
  background-color: #5eb95e;
}

.progress-info .bar {
  background-color: #4bb1cf;
}

.progress-warning .bar {
  background-color: #faa732;
}

/* public/magnific-popup.css */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure figure {
    margin: 0; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  font-size: 1.2rem;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* public/responsive.css */
/*
	(c)2012 - visuallizard.com
	
	Mobile styles using Media Queries
*/


/* !Media Queries ============================== */

.mobile-menu-toggle { display: none; }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		header .login-nav,
		header .login-form,
		header .search-form  {
			margin: 0 0 20px 0;
		}
		table {
			display: block;
			max-width: 300px;
			overflow: hidden;
		}
		img {
			width: 100%;
			height: auto;
		}
		header nav li {
			margin-bottom: 5px;
			margin-left: 10px;
			display: block;
		}
		header nav li a {
			background: #ddd;
			color: #444;
			padding: 5px 5px;
			
			border: 1px solid #999;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		}
		
		/* Mobile menu toggle */
		.js nav .mobile-menu-toggle {
			position: relative;
			padding-left: 1.25em;
			background: transparent;
			display: block;
			font-size: 16px;
			line-height: 16px;
			position: absolute;
			top: 12px;
			right: 0;
			margin: 0;
			opacity: 0.50;
		}
		.js nav .mobile-menu-toggle:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 1em;
			height: 0.125em;
			border-top: 0.375em double #000;
			border-bottom: 0.125em solid #000;
		}
		.js nav.show .mobile-menu-toggle {
			opacity: 0.25;
		}
		.js nav .mobile-menu-toggle:hover {
			opacity: 1;
		}
		
		.js nav ul li {
			display: none;
		}
		.js nav.show ul li,
		.js nav ul li.at {
			display:block;
		}
		
	}