/* Minification failed. Returning unminified contents.
(164,1): run-time error CSS1019: Unexpected token, found '@import'
(164,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800")'
(3741,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4091,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4095,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4102,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4113,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4118,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(4251,17): run-time error CSS1030: Expected identifier, found ':'
(4251,18): run-time error CSS1031: Expected selector, found 'not('
(4251,18): run-time error CSS1025: Expected comma or open brace, found 'not('
(4280,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* Reset */
	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;
	}

@font-face {
    font-family: "icon-font";
    src: url("/assets/fonts/icon-font/icon-font.ttf?d7c235c96ff5da22fc852a545f56c3a4") format("truetype"),
url("/assets/fonts/icon-font/icon-font.woff?d7c235c96ff5da22fc852a545f56c3a4") format("woff"),
url("/assets/fonts/icon-font/icon-font.woff2?d7c235c96ff5da22fc852a545f56c3a4") format("woff2"),
url("/assets/fonts/icon-font/icon-font.eot?d7c235c96ff5da22fc852a545f56c3a4#iefix") format("embedded-opentype");
}

.icon[class*=" gly-"]:before {
    display: inline-block;
    font-family: icon-font !important;
    font-size: 1.25em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gly-announce:before {
    content: "\f101";
}
.gly-arrow-right:before {
    content: "\f102";
}
.gly-audience:before {
    content: "\f103";
}
.gly-avatar:before {
    content: "\f104";
}
.gly-calendar-30:before {
    content: "\f105";
}
.gly-calendar-365:before {
    content: "\f106";
}
.gly-calendar-alt:before {
    content: "\f107";
}
.gly-check-circle-o:before {
    content: "\f108";
}
.gly-check:before {
    content: "\f109";
}
.gly-close:before {
    content: "\f10a";
}
.gly-cross:before {
    content: "\f10b";
}
.gly-event:before {
    content: "\f10c";
}
.gly-group-alt:before {
    content: "\f10d";
}
.gly-group:before {
    content: "\f10e";
}
.gly-growth:before {
    content: "\f10f";
}
.gly-hybrid-event:before {
    content: "\f110";
}
.gly-laugh:before {
    content: "\f111";
}
.gly-live-stream-camera:before {
    content: "\f112";
}
.gly-live-stream-off:before {
    content: "\f113";
}
.gly-live-stream:before {
    content: "\f114";
}
.gly-love:before {
    content: "\f115";
}
.gly-monthly:before {
    content: "\f116";
}
.gly-no-network:before {
    content: "\f117";
}
.gly-not-online:before {
    content: "\f118";
}
.gly-scan:before {
    content: "\f119";
}
.gly-seat:before {
    content: "\f11a";
}
.gly-split:before {
    content: "\f11b";
}
.gly-subscription:before {
    content: "\f11c";
}
.gly-upload:before {
    content: "\f11d";
}
.gly-video-playback:before {
    content: "\f11e";
}
.gly-video:before {
    content: "\f11f";
}
.gly-yearly:before {
    content: "\f120";
}

input.kc-enhancedcb {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
label.kc-enhancedcb {
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.kc-enhancedcb+label:before {
    font-family: FontAwesome;
    font-size: 1em;
    color: #000;
}

input.kc-enhancedcb:not(:checked) + label:before {
    content: "\f096";
}
input.kc-enhancedcb:checked + label:before {
    content: "\f046";
}

input.kc-enhancedcb.radio:not(:checked) + label:before {
    content: "\f10c";
}
input.kc-enhancedcb.radio:checked + label:before {
    content: "\f192";
}

input.kc-enhancedcb.kc-check-only:not(:checked) + label:before {
    content: "";
}
input.kc-enhancedcb.kc-check-only:checked + label:before {
    content: "\f00c";
}
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800");
/*
	ZeroFour by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
*/

/* Reset */
    a {
        text-decoration: none;
		color: inherit;
    }
    a:hover {
        text-decoration: none;
    }
    ol, ul {
		list-style: none;
	}

/* Grid and Box*/
    .container.box {
    }

/* Basic */

	body {
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		color: #7b818c;
	}

		body.loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

    input, select, textarea {
		font-family: 'Open Sans', sans-serif;
		color: #000;
		font-weight: 400;
	}

	h1, h2, h3, h4, h5, h6 {
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 0.04em;
		color: #404248;
		margin: 0 0 1em 0;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

	h2 {
		font-size: 2em;
		margin: 0 0 1.5em 0;
		line-height: 1em;
	}

		h2.icon {
			line-height: 48px;
		}

			h2.icon:before {
				position: relative;
				top: 0.05em;
				margin-right: 0.5em;
				opacity: 0.25;
			}

	h3 {
		font-size: 1.35em;
		margin-top: 2em;
	}

	b, strong {
		color: #404248;
	}

	i, em {
		font-style: italic;
	}

	br.clear {
		clear: both;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		margin-bottom: 2em;
	}

	.date {
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.065em;
		font-size: 0.9em;
		color: #696969;
		margin: 0 0 0.25em 0;
	}

/* Section/Article */

	section, article {
		margin-bottom: 5em;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	header {
		margin: 0 0 2em 0;
	}

		header h2, header h3 {
			margin: 0 0 0.25em 0;
		}

		header p {
			display: block;
			letter-spacing: 0.065em;
			color: #696969;
			margin: 0;
		}

			header p strong {
				color: #404248;
			}

	footer {
		margin: 2.5em 0 0 0;
	}

	header.major {
		border-bottom: solid 1px #dbdbdb;
		margin: 0 0 3em 0;
	}

		header.major:after {
			content: '';
			display: block;
			border-top: solid 1px #dbdbdb;
			height: 8px;
		}

		header.major h2, header.major h3 {
			margin: 0 0 1.2em 0;
		}

		header.major p {
			margin: 0 0 1.5em 0;
			position: relative;
			top: -1em;
		}

/* Forms */

	form label {
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		color: #404248;
		margin: 0 0 1em 0;
		font-size: 0.8em;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		width: 100%;
		border-radius: 8px;
		border: solid 1px #eee;
	}

	form input[type="text"]:focus,
	form input[type="email"]:focus,
	form input[type="password"]:focus,
	form select:focus,
	form textarea:focus {
		box-shadow: 0 0 2px 1px #4091bf;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"] {
		line-height: 3em;
		padding: 0 1em;
	}

	form select {
		line-height: 3em;
		padding: 0 1em;
	}

	form textarea {
		min-height: 9em;
		padding: 1em;
	}

	form .formerize-placeholder,
	form ::-webkit-input-placeholder,
	form :-moz-placeholder,
	form ::-moz-placeholder,
	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

/* Tables */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tr {
				border-top: solid 1px #eee;
			}

				table.default tr:first-child {
					border-top: 0;
				}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				padding: 0.5em 1em 0.5em 1em;
				text-transform: uppercase;
				letter-spacing: 0.04em;
				margin: 0 0 1em 0;
				font-size: 0.8em;
			}

			table.default thead {
				background: #404248;
				color: #fff;
			}

/* Image */

	.image {
		position: relative;
		display: inline-block;
	}

		.image img {
			display: block;
			width: 100%;
			border-radius: 8px;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2.5em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2.5em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* Button */

	
	input[type="submit"],
	input[type="reset"],
	.button {
		/*background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("/Content/images/designv2/bg02.png");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("/Content/images/designv2/bg02.png");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("/Content/images/designv2/bg02.png");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("/Content/images/designv2/bg02.png");
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;*/
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background-color: rgb(17,120,182);
		border-radius: 8px;
		/*box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);*/
		color: #fff !important;
		text-decoration: none;
		text-transform: uppercase;
		/*font-weight: 800;*/
		font-size: 0.95em;
		letter-spacing: 0.075em;
		padding: 1em 2em;
		outline: 0;
		border: 0;
		white-space: nowrap;
		cursor: pointer;
	}

		input[type="button"].icon:before,
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		button.icon:before,
		.button.icon:before {
			opacity: 0.5;
			margin-right: 0.5em;
			position: relative;
			top: 0.05em;
		}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background-color: #50a1cf;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		.button:active {
			background-color: #3081af;
		}

		input[type="button"].medium,
		input[type="submit"].medium,
		input[type="reset"].medium,
		button.medium,
		.button.medium {
			font-size: 1.25em;
			padding: 1em 2.25em;
		}

		input[type="button"].big,
		input[type="submit"].big,
		input[type="reset"].big,
		button.big,
		.button.big {
			font-size: 1.5em;
			padding: 1em 2.25em;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background-color: #464a52;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: #565a62;
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: #363a42;
			}

/* List */

	dl.contact dt {
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.065em;
		font-size: 0.9em;
		color: #696969;
		float: left;
		width: 6em;
        white-space:nowrap;
	}

	dl.contact dd {
		margin: 0 0 1em 12em;
	}

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.actions li {
		display: inline-block;
		padding: 0 0 0 0.25em;
		margin: 0 0 0 0.25em;
	}

		ul.actions li:first-child {
			margin-left: 0;
			padding-left: 0;
		}

	ul.menu li {
		border-left: solid 1px #eee;
		display: inline-block;
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}

		ul.menu li:first-child {
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
		}

	ul.divided li {
		border-top: solid 1px #eee;
		padding: 0.5em 0 0 0;
		margin: 0.5em 0 0 0;
	}

		ul.divided li:first-child {
			border-top: 0 !important;
			padding-top: 0 !important;
			margin-top: 0 !important;
		}

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

/* Box */

	.box.excerpt {
		position: relative;
		overflow: hidden;
	}

		.box.excerpt header {
			margin: 0 0 1em 0;
		}

		.box.excerpt .image, .box.excerpt p {
			margin-bottom: 0;
		}

	.box.feature1 {
		text-align: center;
	}

    .narrowcolumn{
        max-width:50em;
        margin:auto;
    }
    
    .skinnycolumn{
        max-width:40em;
        margin:auto;
    }

		.box.feature1 header.first h2 {
			font-size: 2.5em;
		}

		.box.feature1 header.first p {
			font-size: 1.2em;
		}

		.box.feature1 header.second {
			position: relative;
			display: inline-block;
			text-align: left;
			margin: 0 auto;
			white-space: nowrap;
			left: 24px;
		}

			.box.feature1 header.second p {
				line-height: 1em;
			}

			.box.feature1 header.second:before {
				font-size: 48px;
				position: absolute;
				right: 100%;
				margin-right: 18px;
				opacity: 0.5;
				bottom: -4px;
			}

            .box.feature1 section.details{
                text-align:justify;
            }

	.box.feature2 {
		text-align: center;
	}

	.box.article-list article {
		border-bottom: solid 1px #dbdbdb;
		margin: 0 0 2.75em 0;
		padding: 0 0 2.75em 0;
	}

		.box.article-list article:last-child {
			border-bottom: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}

/* Banner */

	#banner {
		text-align: center;
	}

		#banner h2 {
			border-left: 0;
			border-right: 0;
			color: #fff;
			font-size: 2.35em;
			line-height: 1.5em;
			margin: 0 0 1.5em 0;
		}

			#banner h2 strong {
				color: inherit;
			}

		#banner p {
			text-transform: uppercase;
			color: #fff;
			color: rgba(255, 255, 255, 0.75);
			font-size: 1.5em;
			line-height: 1.3em;
			letter-spacing: 0.04em;
		}

/* Wrappers */

	#banner-wrapper {
		background: url("/Content/images/designv2/bg01.png"), url("/images/splash_header_ext.jpg");
		background-position: top left, center center;
		background-size: auto, cover;
	}

	#main-wrapper {
		background: #fff;
	}

    #footer-area{        
		background: #303238 url("/Content/images/designv2/bg01.png");
    }

	#footer-wrapper {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("/Content/images/designv2/bg03.png"), url("/Content/images/designv2/bg02.png");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("/Content/images/designv2/bg03.png"), url("/Content/images/designv2/bg02.png");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("/Content/images/designv2/bg03.png"), url("/Content/images/designv2/bg02.png");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("/Content/images/designv2/bg03.png"), url("/Content/images/designv2/bg02.png");
		position: relative;
		background-repeat: repeat-x, no-repeat, repeat;
		background-size: 100% 100%, 100% 15em, auto auto;
		background-position: top left, top center, top left;
	}

	.wrapper > .inner {
		position: relative;
		z-index: 2;
	}
    .wrapper > .inner .wide-text{
        letter-spacing: 0.075em;
    }

	.wrapper.style1 {
		position: relative;
		background-color: #fff;
		background-image: url("/Content/images/designv2/bg03.png"), url("/Content/images/designv2/bg04.png"), url("/Content/images/designv2/bg02.png");
		background-repeat: no-repeat, no-repeat, repeat;
		background-size: 100% 15em, 100% 15em, auto auto;
		background-position: top center, bottom center, top left;
	}

	.wrapper.style3 {
		position: relative;
		background-color: #fff;
		background-image: url("/Content/images/designv2/bg03.png"), url("/Content/images/designv2/bg02.png");
		background-repeat: no-repeat, repeat;
		background-size: 100% 15em, auto auto;
		background-position: top center, top left;
	}

/* Header */

	#header {
		margin-bottom: 0;
	}
    
	#copyright {
		border-top: solid 1px;
		border-color: #444;
		border-color: rgba(255, 255, 255, 0.075);
		text-align: center;
		margin-top: 2em;
		padding: 3em 0 4em 0;
		color: inherit;
	}

		#copyright a {
			color: inherit;
		}

/* Icons */
.icon {
	text-decoration: none;
}

.icon:before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    margin-right:.2em;
}
.icon.icon-sm:before {
	font-size: 1em;
}
.icon.solo:before{
    margin-right: 0;
}

.icon > .label {
	display: none;
}

.logoimg{
    height:1.2em;
    vertical-align:middle;
}
#banner h2{
}
#banner .button.icon:before{
    opacity:1;
}
#banner .logo{
    height:1em;
}

video.video{
    width:100%;
    border-radius:8px;
    border: 1px solid #dbdbdb;
}

.kc-event{
    box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);    
    background-color:rgba(220,220,220,.2);
}
.kc-event h3{
    font-size:1em;
    line-height:1.8em;
    font-weight:normal;
}
.kc-event header{
    padding:10px 0 10px 0;
}
.kc-event .image{
    display:block;
    padding-bottom:56.25%;
    position:relative;
    width:auto;
    margin:0;
    background-size:cover;
    background-position:center;
    background-color: #eee;
}
.kc-event a.disable{
    cursor:default;
}
.kc-event .image:before{
    display:none;
}
.kc-event .image > .img{
    position:absolute;
    top:0;bottom:0;left:0;right:0;
    background-size:cover;
    background-position:center;
    background-color: #eee;
}

/* block container*/
.block-row{
    display:block;
}
.block-row + .block-row{
}

/* tabular container */
.table-container{
    display:table;
    width:100%;
    border-spacing:0;
}
.table-container.fixed{
    table-layout:fixed;
}
.table-container.withspacing{
    border-spacing:10px;
    margin-top:-10px;
}
.ext-row > .table-container{
    padding-top:0;
}
.table-row{
    display:table-row;
}
.table-cell{
   display:table-cell;
   vertical-align:top;
}
.table-cell.fill-width {
   width:100%;
}
.table-cell.sidebar{
    border-left:1px solid #dbdbdb;
}
.table-cell.vertical-centered {
   vertical-align:middle;
}

.table-container.data-grid .table-cell {
    white-space:nowrap;
    padding:10px 15px;
    font-size:12px;
    color:#444;
}
.table-container.data-grid .header .table-cell {
   border-bottom:1px solid #dbdbdb;
   text-transform:uppercase;
   font-weight:bold;
}
.table-container.data-grid .body .table-cell {
    font-family: Verdana, Geneva, sans-serif;
}

.grid-container > .grid-cell{
    display:inline-block;
    vertical-align: top;
    box-sizing:border-box;
}

.grid-container.withspacing > .grid-cell{
    padding:5px;
}
.grid-container.cards.withspacing{
    padding:0 15px;
    margin-top:-15px;
}
.grid-container.cards.withspacing > .grid-cell{
    padding:15px;
}
.grid-container.border{
    border:1px solid #dbdbdb;
}
.grid-container.border-h{
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
}
.grid-container.border+.grid-container.border,
.grid-container.border-h+.grid-container.border-h{
    border-top:none
}
.grid-container.border > .grid-cell+.grid-cell{
    border-left:1px solid #dbdbdb;
}

/* responsive tabular container that get laid out in block in smaller screen */
@media screen and (max-width: 736px){
    .table-container.responsive,
    .table-container.responsive > .table-row,
    .table-container.responsive > .table-row > .table-cell{
        display:block;
    }
    .table-container.responsive > .table-row > .table-cell + .table-cell,
    .table-container.responsive > .table-row + .table-row{
        margin-top:15px;
    }

    .if-full{
        display:none;
    }
}

@media screen and (min-width: 737px) {    
    .if-small{
        display:none;
    }
}

/* tabular container cards */
.table-container.cards{
    border-spacing:30px;
    border-collapse: separate;
    margin-top:-30px;
}
.table-container.cards > .table-row >.table-cell{
}
.table-container.cards.rounded > .table-row >.table-cell{
   border-radius:4px;
}

/* responsive cards that get laid out in block in smaller screen */
@media screen and (max-width: 736px){
    .table-container.cards {
        margin-top:0;
    }
}

.eventdate {   
    min-width:5em;
    text-align:center;
}
.eventdate > span {
    text-transform:uppercase;
    font-size:.8em;
}
.eventdate .day{
    font-size: 1.8em;
    line-height: 1.2em;
    color: #000;
    display:block;
}

.eventdate.past,
.eventdate.past .day{
    color: #888;
}

.jewelbox{
    padding:1em;
    border:1px solid #dbdbdb;
}

.jewelbox p{
    margin: 1em .5em;
}
	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (min-width: 737px) {		

		.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28desktop\29 + *,
		.\31 1u\24\28desktop\29 + *,
		.\31 0u\24\28desktop\29 + *,
		.\39 u\24\28desktop\29 + *,
		.\38 u\24\28desktop\29 + *,
		.\37 u\24\28desktop\29 + *,
		.\36 u\24\28desktop\29 + *,
		.\35 u\24\28desktop\29 + *,
		.\34 u\24\28desktop\29 + *,
		.\33 u\24\28desktop\29 + *,
		.\32 u\24\28desktop\29 + *,
		.\31 u\24\28desktop\29 + * {
			clear: left;
		}

		.\-11u\28desktop\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28desktop\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28desktop\29 {
			margin-left: 75%;
		}

		.\-8u\28desktop\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28desktop\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28desktop\29 {
			margin-left: 50%;
		}

		.\-5u\28desktop\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28desktop\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28desktop\29 {
			margin-left: 25%;
		}

		.\-2u\28desktop\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28desktop\29 {
			margin-left: 8.33333%;
		}
	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28tablet\29, .\39 u\24\28tablet\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28tablet\29, .\38 u\24\28tablet\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28tablet\29, .\37 u\24\28tablet\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28tablet\29, .\36 u\24\28tablet\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28tablet\29, .\35 u\24\28tablet\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28tablet\29, .\34 u\24\28tablet\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28tablet\29, .\33 u\24\28tablet\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28tablet\29, .\32 u\24\28tablet\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28tablet\29, .\31 u\24\28tablet\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28tablet\29 + *,
		.\31 1u\24\28tablet\29 + *,
		.\31 0u\24\28tablet\29 + *,
		.\39 u\24\28tablet\29 + *,
		.\38 u\24\28tablet\29 + *,
		.\37 u\24\28tablet\29 + *,
		.\36 u\24\28tablet\29 + *,
		.\35 u\24\28tablet\29 + *,
		.\34 u\24\28tablet\29 + *,
		.\33 u\24\28tablet\29 + *,
		.\32 u\24\28tablet\29 + *,
		.\31 u\24\28tablet\29 + * {
			clear: left;
		}

		.\-11u\28tablet\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28tablet\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28tablet\29 {
			margin-left: 75%;
		}

		.\-8u\28tablet\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28tablet\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28tablet\29 {
			margin-left: 50%;
		}

		.\-5u\28tablet\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28tablet\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28tablet\29 {
			margin-left: 25%;
		}

		.\-2u\28tablet\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28tablet\29 {
			margin-left: 8.33333%;
		}

        .ext-row.columnlayout > .columnseparator {
            width:17px;
        }
	}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 36px;
  height: 15px;
  background-color:#ddd;
  border-radius: 15px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
}
input.cmn-toggle-round + label:before {
    right: 2px;
    border-radius: 15px;
    transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 16px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 24px;
}
input.cmn-toggle-round:checked + label:before {
    background-color: rgba(17,120,182,.8);
    text-align: left;
    line-height: 1.2;
    padding-left: .4em;
    color: #fff;
    font-size: 1em;
}
input.cmn-toggle-round:checked:disabled + label:before {
    background-color: rgba(17,120,182,.4);
}
input.cmn-toggle-round:disabled + label:after {
    box-shadow: none;
    border: 1px solid #eee;
}
input.cmn-toggle + label + .valuelabel.block {
    display:block;
    margin-top: 10px;
}
.textentry .cmn-toggle + label{
    margin:10px;
    display:inline-block;
} 
.textentry .cmn-toggle+label+.valuelabel{
    vertical-align: top;
    font-size: 12px;
    line-height: 40px;
    color:#444;
}
/* Footer */

#footer {
    margin-bottom: 0;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 2;
}

#footer h2 {
    font-size: 1.35em;
    color: #fff;
}

#footer strong {
    color: #fff;
}

#footer a {
    color: #acb2bf;
}

#footer .button.alt {
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.25);
}

#footer ul.divided li, #footer ul.menu li {
    border-color: #444;
    border-color: rgba(255, 255, 255, 0.075);
}

#footer ul.divided li a {
    text-decoration: none;
}

#footer ul.menu {
    margin: 0;
}

#footer dl.contact dt {
    color: #ddd;
}

#footer .columnseparator {
    border-color: rgba(255, 255, 255, 0.075);
}

#copyright {
    border-top: solid 1px;
    border-color: #444;
    border-color: rgba(255, 255, 255, 0.075);
    text-align: center;
    margin-top: 2em;
    padding: 3em 0 4em 0;
    color: inherit;
}

#copyright a {
    color: inherit;
}

/*z-indexes
Photoswipe, fullscreen: 30000
Top level menus: 21001
Title bar: 20001
Modals, picture-gallery, auto-complete flyout: 19001
Fixed page tabs: 18001
Flyouts: 15001
*/

/* Some Bootstrap polyfills */
.d-block {
    display: block;
}

/* menu styles */
.qtip-menu{
	background-color: rgb(120,0,0);
	border:2px solid rgb(100,0,0);
	color: #fff;
    box-shadow:2px 2px 10px 0px rgb(20,20,20);
    -moz-box-shadow:2px 2px 10px 0px rgb(20,20,20);
    -webkit-box-shadow:2px 2px 10px 0px rgb(20,20,20);
    border-radius:5px;
}
.qtip-menu .qtip-content {
    padding:5px;
}
.qtip-menu .optionseparator {    
    border-top:1px solid #aaa;    
    margin-bottom:5px;
}
.qtip-menu .option {    
    overflow:hidden;
    min-width: 150px;
}
.qtip-menu .option+.option {    
    margin-top:5px;  
    border-top:1px solid #aaa;    
    padding-top:5px;
}
.qtip-menu .option span {    
    display:block;
    color:#FFF;
    font-size:12px;
    text-align:center;
    margin-bottom:6px;
}
.qtip-menu .option button,
.qtip-menu .option a
{
    display:block;
    float:left;
    margin:0px auto;
    background-color:transparent;
    border:none;
    color:#FFF;
    font-size:13px;
    cursor:pointer;
    padding:10px 20px 10px 10px; 
    text-align:left; 
}
.qtip-menu .option button.disabled,
.qtip-menu .option a.disabled
{
    color:#aaa;
    cursor:default;
    pointer-events:none;
}
.qtip-menu .option button:hover,
.qtip-menu .option a:hover 
{   
    text-decoration:none;
}
    .qtip-menu .option .closebtn {
        cursor: pointer;
        border: none;
        background: url('/Content/images/ext/close.png') 4px center no-repeat;
        background-color: transparent;
        width: 20px;
        height: 18px;
    }
.qtip-menu a {
    font-size:10px;
    color:#FFF;
    margin-left:10px;
    margin-top:5px;
    display:none;
}

/* error styles */
.qtip-error{
	background-color: rgb(192,0,0);
	border:2px solid rgb(180,0,0);
	color: #fff;
    box-shadow:2px 2px 10px 0px rgb(20,20,20);
    -moz-box-shadow:2px 2px 10px 0px rgb(20,20,20);
    -webkit-box-shadow:2px 2px 10px 0px rgb(20,20,20);
    border-radius:5px;
    font-size:13px;
    line-height:20px;
    min-width:300px;
    white-space:normal;
}
.qtip-error ul {
    padding-left:5px;
    margin:.2em 0;
    font-family: Verdana, Geneva, sans-serif;
    font-weight:normal;
}
.qtip-error ul > li+li {
    margin-top:.5em;
}

/* prompt styles */
.qtip-prompt{
	background-color: rgb(50,50,50);
	color: #fff;
    border:none;
    box-shadow:0 0 40px 0 rgb(255,255,255);
    -moz-box-shadow:0 0 40px 0 rgb(255,255,255);
    -webkit-box-shadow:0 0 40px 0 rgb(255,255,255);
    border-radius:5px;
    min-width:300px;
    padding:5px;
}
.qtip-prompt .message {
    font-family: Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:22px;
    display:block;
    margin-bottom:12px;
}
.qtip-prompt:not(.qtip-lightbg) .message .link {
    color: #fff;
}
.qtip-prompt:not(.qtip-lightbg) .action.subtle {
    color: #ddd;
    border: none;
    box-shadow: none;
    background-color: #444;
}
.qtip-prompt .actions,
.qtip-prompt .prompt-actions {
    display:block;
    overflow:hidden;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding-top: 10px;
}
.qtip-prompt .action {
    width:auto;
    min-width: 100px;
    font-size:12px;
    line-height:22px;
}
.qtip-prompt .action+.action {
    margin-right:5px;
}
.qtip-prompt .manualalign > .action+.action {
    margin-right: 5px;
}
.qtip-prompt .action.secondary {
    background-color:#555;
}
.qtip-prompt .action:before{
    opacity: 1;
    font-weight:normal;
}
.qtip-prompt .textentry .long {
    width: 100%;
}
.popup-prompt .label{
    margin-bottom:10px;
}

.kc-bold {
    font-weight:bold;
}

/* flyout styles */
.qtip-flyout{
	background-color: rgb(255,255,255);
	border:1px solid rgb(255,255,255);
	color: #fff;
    box-shadow:2px 2px 10px 0px rgb(40,40,40);
    -moz-box-shadow:2px 2px 10px 0px rgb(40,40,40);
    -webkit-box-shadow:2px 2px 10px 0px rgb(40,40,40);
    border-radius:5px;
    min-width:300px;
    padding:5px;
}
.qtip-flyout .text {
    font-size:12px;
    line-height:18px;
    color:#222;
}
.qtip-flyout .row + .row{
    margin-top:12px;
}
.qtip-flyout .label {
    display:block;
    margin-bottom:8px;
    padding:0;
    color:#222;
    text-shadow:none;
}
.qtip-flyout .textentry {
    display:block;
    border-color:#ddd;
}
.qtip-flyout .textentry .long{
    width:265px;
}
.qtip-flyout .textentry textarea {
    height:66px;
}
.qtip-flyout .textentry input {
}
.qtip-flyout .textentry .actionbar {
    border-color:#ccc;
    margin-top:2px;
}
.qtip-flyout .textentry .actionbar .processing{
    display:inline-block;
    margin-top:8px;
}
.qtip-flyout .textentry .info.success {
    background-image: url('/Content/images/ext/checkmark.png');
    background-position-x:left;
    background-repeat:no-repeat;
    background-size:12px;
    padding-left:18px;
}
.qtip-flyout .action{
    width:auto;
    cursor:pointer;
    background-color:rgba(17, 120, 182, .8);
}
.qtip-flyout .watermark{
    font-size:14px;
    line-height:20px;
}

.qtip-prompt .textentry textarea {
    height:66px;
}

.help {
    z-index:120;
    color:#fff;
    font-size:12px;
    text-decoration:none;
}
.help:hover {
    text-decoration:underline;
}
.help.withicon {
    background-image: url("/Content/images/ext/question.png");
    background-repeat: no-repeat;
    background-position:right;
    background-size:contain;
    padding-right:20px;
    line-height:18px;
    padding-top:2px;
    padding-bottom:2px;
    cursor:pointer;
}

.qtip-help {
    background-color: rgb(17, 120, 182);
    border: none;
    color: #fff;
    font-style: normal;
    box-shadow: 0 0 20px 0 rgb(100, 100, 100);
    -moz-box-shadow: 0 0 20px 0 rgb(100, 100, 100);
    -webkit-box-shadow: 0 0 20px 0 rgb(100, 100, 100);
    border-radius: 5px;
}
.qtip-help .qtip-content {
    padding:10px;
    color:#fff;
    font-size:12px;
    line-height:20px;
    font-family: Verdana, Geneva, sans-serif;
}
.qtip-help .qtip-content .title{
    font-size:20px;
    line-height:20px;
    text-align:center;
    display:block;
    margin-bottom:28px;
    margin-top:10px;
}
.qtip-help .qtip-content .sectionheader{
    font-weight:bold;   
    display:block;
    margin-bottom:5px;
}
.qtip-help .qtip-content .footer{
    text-align:center;
    font-size:16px;
    display:block;
    margin-bottom:15px;
    margin-top:20px;
}
.qtip-help .qtip-content p{
    margin-bottom:20px;
}
.qtip-help .qtip-content ul{
    list-style:none;
    padding-left:10px;
}
.qtip-help .qtip-content ul li{
    margin-bottom:15px;
}
.qtip-help .qtip-content ul li span{
    display:table-cell;
    vertical-align:top;
}
.qtip-help .qtip-content ul li .number{
    font-size:22px;
    padding-right:10px;
}

/* Info tooltip*/
.qtip-info {
    background-color: rgb(50,50,50);
    border: none;
    color: #fff;
    font-style: normal;
    box-shadow: 0 0 20px 0 rgb(100, 100, 100);
    -moz-box-shadow: 0 0 20px 0 rgb(100, 100, 100);
    -webkit-box-shadow: 0 0 20px 0 rgb(100, 100, 100);
    border-radius: 5px;
}
.qtip-info .qtip-content {
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-family: Verdana, Geneva, sans-serif;
}

.ui-widget-content {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    z-index: 19001;
}
.ui-autocomplete .ui-menu-item,
.ui-autocomplete .ui-active-menuitem {
    font-size: 14px;
}
.ui-autocomplete .ui-state-hover {
    border:none;
}
.ui-helper-clearfix:before, 
.ui-helper-clearfix:after {
    display: block;
}

.label {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #222;
    display: block;
    text-transform: uppercase;
}
.label.subtle{
    font-weight:normal;
}
.sublabel{
    font-size:11px;
    line-height:20px;
    color:#444;
    display: block;
    margin-bottom: 10px;
    padding-left: 3px;
}
.sublabel .new-badge{
    vertical-align: middle;
}

.icon.pad-left{
    margin-left:.5em;
}
.icon.pad-right {
    margin-right: .5em;
}

.link
{
    text-decoration: none;
    color: rgba(17,120,182, 1);
    font-weight: 600;
    cursor:pointer;
}
/*.link:hover
{
    text-decoration: underline;
}*/
.link.icon:before{
    margin-right:.2em;
}
.link.icon:empty:before{
    margin-right:0;
}
.link > .icon{
    margin-right:.1em;
    vertical-align:middle;
}
.link > i.icon:before{
    font-size: 1em;
}

.link > span.text{
    vertical-align:middle;
}

.link > span.icon{
    margin-left:.5em;
    margin-right:0;
    font-size:.8em;
    line-height: 1;
    display: inline-block;
}
.link > span.cue{
    margin-left:.3em;
}
.link > span.cue.icon.fa-chevron-right{
    margin-bottom: .2em;
}
.link > span.cue.icon.fa-chevron-down{
    margin-bottom: .4em;
}
.link > span.cue.icon.fa-long-arrow-right{
    font-size: 1em;
    font-weight: normal;
}
.link.inline-highlight{
    border: 1px solid rgba(17,120,182, .8);
    border-radius: 5px;
    padding: .4em .5em;
}
.link.external:after {
    content: "\f08e";
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: .2em;
}


.link.block{
    display: block;
    text-align: center;
    border: 1px solid rgba(17,120,182, .4);
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
}
.link.block.with-separator {
    border: none;
    border-top: 1px solid #dbdbdb;
    border-radius: 0;
    margin-top: 5px;
    margin-bottom:-5px;
    padding-top: 12px;
}
.link.block.floating,
.link.block.inline{
    margin: 10px auto;
    padding: 5px 10px;
}
.link.block.inline {
    display: inline-block;
}
.link.block.floating {
    min-width: 50%;
    max-width: 300px;
}

.link.mention {
    padding: 4px !important;
    background-color: rgba(238, 238, 238, .6);
    border-radius: 4px;
    font-size:.9em;
}

.link.link-url{    
    word-break: break-all;
}

.link.disable,
.link:disabled {
    color:#888;
    text-decoration:none;
    border-color:#dbdbdb;
}
.link.hidden{
    display:none;
}
.link.block+.link.block{
    margin-top:10px;
}
.link.block.icon:before{
    margin-right: .5em;
}

.link.tag{
    white-space: nowrap;
}
.link.tag:not(:last-child) {
    border-right: 1px solid #dbdbdb;
    padding-right: .5em;
    margin-right: .5em;
}

.nowrap {
    white-space: nowrap;
}
.bold,
.text-bold {
    font-weight: bold;
}
.text-alert {
    color: #f00;
}
.italic {
    font-style: italic;
}

button.link{
    background:transparent;
    border:1px solid rgba(17,120,182, .4);
    border-radius:5px;
    padding:8px;    
    text-align:center;
    outline: none;
}
.link.subtle,
button.link.subtle{
    border-color:#ccc;
    color:#444;
}
.link.subtle:disabled,
button.link.subtle:disabled{
    color:#888;
}
button.link.highlight:not(:disabled){
    background-color: rgba(17,120,182, 1);
    color:#fff;
}
button.link .cue.icon:before {
    margin-right:0;
    margin-left:.5em;
    vertical-align:middle;
    font-size: .9em;
    line-height:0;
}
button.link.icon:before{
    min-width:1.1em;
    display:inline-block;
    text-align:center;
    opacity: 1;
    margin-right: .4em;
    font-size:1em;    
    vertical-align:text-top;
}

.msg-button{
    border-radius: 8px;
    border: 1px solid rgba(17,120,182, .4);
    padding: 10px;
    margin: 10px 0;
    display: block;
    text-align: center;
}
.msg-button > .link > .icon{
    color: #666;
    font-weight: normal;
    margin-right: .2em;
}

.textmessage {
    position:relative;
}
.textmessage > .bg {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color: rgb(230,230,230);
    border-radius:5px;
    opacity:.7;
    display:none;
}
.textmessage > .fg {
    position:relative;
    color: #111; 
    padding: 10px;
}
.textmessage span { 
    font-size: 12px; 
    line-height:24px;
    font-family: Verdana, Geneva, sans-serif;
    color: #444; 
}
.textmessage > .fg .heading {
    display: table-row;
}
.textmessage .fg .heading img {
    display: table-cell; 
    margin-right: 10px;
    height:20px; 
}
.textmessage .fg .heading span {
    display: table-cell;
    vertical-align: middle;
    font-size:14px;
}
.textmessage > .fg .heading .highlight {
    font-weight: bold;
}
.textmessage > .fg .body {
    margin-top: 10px; 
    margin-bottom: 10px;
    color:#444;
}

.listfooter,
.textmessage.placeholder, 
.textmessage.listfooter{
	margin:10px;
    margin-bottom: 0;
    padding-bottom:3px;
    text-align:center;
}
.textmessage.placeholder.with-separator, .textmessage.listfooter.with-separator {
	padding-top:10px;
    margin: 0;
    border-top:1px solid #dbdbdb;
}
.textmessage.placeholder.box, .textmessage.listfooter.box {
    border:1px solid #dbdbdb;
    border-radius:5px;
    margin:0;
}
.textmessage.placeholder > .fg .msg,
.textmessage.listfooter > .fg .msg{
    text-align: justify;
    display: inline-block;
}
.textmessage.placeholder > .bg {
    background-color:rgb(230, 230, 230);
    opacity:.1;
    display:none;
}
.textmessage.placeholder > .fg .msg {
    color: #444; 
    line-height: 1.8; 
    font-size: 12px; 
    font-family:inherit;
    padding-top: 10px; 
    padding-bottom: 10px; 
    font-weight: normal; 
    background-repeat: no-repeat;
    display:inline-block;
}
.textmessage.placeholder > .fg .msg:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    margin-right:.5em;
}
.textmessage.placeholder .msg.noresult:before {
    content: "\f00a";
    vertical-align: text-top;
}

.msg.placeholder{
    display:block;
    text-align:center;
    color:#888;
    font-family: Verdana, Geneva, sans-serif;
    font-size:.8em;
    margin-top:10px;
}
.msg.codeblock {
    word-wrap: break-word;
    font-family: monospace;
}

.textentry, .fileentry {
    padding:5px;
    border:1px solid #dbdbdb;
    background-color:#FFF;
    margin-bottom:5px;
    border-radius:5px;
    display:inline-block;
    position: relative;
}
.textentry.readonly,
.textentry.no-border,
.fileentry.readonly{
    border:none;
}

.textentry + .textentry {
}
.textentry input, .textentry select, .textentry textarea, .textentry .input{
    width:170px;
    border:none;
    font-size:14px;
    line-height:22px;
    font-family: Verdana, Geneva, sans-serif;
    outline:none;
    padding:0;
}
.textentry .input{
    color: #444;
}
.textentry textarea {
    height:180px;
    line-height:22px;
    overflow-y:auto;
    resize:none;
}
.textentry textarea.short {
    height:60px;
}
.textentry input:disabled, .textentry select:disabled, .textentry textarea:disabled,
.textentry input:read-only, .textentry select:read-only, .textentry textarea:read-only{
    background-color:transparent;
}
.textentry textarea.resizable {
    resize:vertical;
}
.textentry .enumselect-text{
    color:#222;
}
.textentry .loading{
    color: #222;
}
.textentry .loading.icon:before{
    margin: 0;
    font-weight: bold;
}
.textentry .placeholder {
    font-size: 12px;
}

.text-multiline{
    white-space: pre-line;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}

.textentry input.xlarge{
    font-size:40px;
    line-height:80px;
}
.textentry input.xlarge.block{
    text-align:center;
}
.textentry .long{
    width:365px;
}
.textentry.block{
    display:block;
}
.textentry.block input, .textentry.block select, .textentry.block textarea{
    width:100%;
}
.textentry > .actionbar
{
    display:none;
    overflow:hidden;
    margin:2px -5px 0px -5px;
    padding:5px 8px 0px 8px;
    border-top:1px solid #dbdbdb;
}
.textentry > .actionbar.defaultshow
{
    display:block;
}
.textentry > .actionbar .info
{
    font-size:12px;
    color:#888;
    margin-top:6px;
    margin-bottom:8px;
    float:left;
}
.textentry > .actionbar .action
{
    float:right;
    margin-top:8px;
}
.textentry > .linksbar{
    text-align: center;
}
.textentry > .linksbar .link {
    font-size:12px;
}
.textentry > .sublabel, 
.fileentry > .sublabel,
.textentry > .text,
.textentry > .explain {
    color: #666;
    line-height: 20px;
    padding: 3px 5px 10px 2px;
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
}
.textentry > .text:last-child{
    margin-bottom: 0;
    padding-bottom:0;
}
.textentry > .sublabel {
    border-bottom: 1px solid #dbdbdb;
}
.textentry > .explain {
    border-top: 1px solid #dbdbdb;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 10px;
    margin-top: 10px;
}
.textentry strong{
    font-weight: bold;
}
.textentry > .row > .link.editfield,
.textentry > .link.editfield {
    position: absolute;
    top: 10px;
    right: 10px;
}
.textentry > .row > .icon.fa-lock,
.textentry > .icon.fa-lock {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #666;
}
.textentry > .row > .icon.fa-lock,
.textentry > .row > .link.editfield{
    top:0;
}

.textentry .selectoption {
    display: block;
    overflow: hidden;
    margin: 0 5px;
}
.textentry .selectoption.flex {
    display: flex;
}
.textentry .selectoption > span,
.textentry .selectoption > a{
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    color: #222;
}
.textentry .selectoption label:not(.kc-enhancedcb) {
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    margin-left: 5px;
    vertical-align: middle;
    color: #222;
}
.textentry .selectoption label.kc-enhancedcb {
    font-size: 1.2em;
    width: auto;
    min-width: 1em;
    vertical-align: middle;
}
.textentry .selectoption input {
    width: 1em;
    height: 1em;
    border: none;
    vertical-align: middle;
}

.textentry .divider:before,
.textentry .divider:after {
    content: '';
    flex-grow: 1;
    border-top: 1px solid #dbdbdb;
}
.textentry .divider:before {
    margin-right:10px;
}
.textentry .divider:after {
    margin-left:10px;
}

.inputarea {
    margin-bottom:5px;
    border-radius:5px;
    display:block;
    position:relative;
}
.inputarea+.inputarea{
    margin-top:30px;
}
.inputarea > .bg {
    display:none;
}
.inputarea .input {
    width:100%;
}
.inputarea > .fg {
    position:relative;
}
.inputarea > .fg .heading {
    display: table-row;
    font-size:14px;
    color:#111;
}
.inputarea > .fg .heading img {
    display: table-cell; 
    margin-right: 5px;    
}
.inputarea > .fg .heading span {
    display: table-cell;
    vertical-align: middle;
}
.inputarea > .fg .heading .highlight.icon:before {
    margin-right:.5em;
    font-weight: bold;
}
.inputarea > .fg .body {
    font-size:12px;
    line-height:20px;
    color:#444;
    font-weight: normal; 
    font-family: Verdana, Geneva, sans-serif;
    margin-top: 10px; 
    margin-bottom: 10px;
}
.inputarea .actionbar{
    margin-top:10px;
}

.contentarea {
    position:relative;
}
.contentarea > .bg {
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background-color:rgb(150,150,150);
    opacity:.4;
    border-radius:5px;
}
.contentarea.squareedge > .bg {
    border-radius:0px;
}
.contentarea > .fg {
    position:relative;
}
.column {
	display:inline-block;
    vertical-align:top;
}
.column.half{
    width:50%;
}

.row {
    display:block;
}
.row.centered {
    text-align: center;
}
.row.separator {
    border-top:1px solid #dbdbdb;
    margin:10px 0;
}
.row.separator.connected {
    margin: 0;
}
.cell.separator {
    border-left:1px solid #dbdbdb;
    margin: 0 10px;
}
.flex-container > .cell.separator{
    align-self:stretch;
}
.rowseparator{
    border-top:1px solid #dbdbdb;
}
.manualalign {
    overflow:hidden;
}

.cell {
    display:inline-block;
    box-sizing:border-box;
}
.cell.no-overflow{
    overflow: hidden;
}
.cell + .cell {
    margin-left:5px;
}
.cell + .cell.tight {
    padding-left: 5px;
    margin-left: 0;
}
.cell.half{
    width:50%;
    margin-left:0;
}
.cell.half.separator {
    margin: 0;
}
.cell.thirdth {
    width: 33%;
    margin-left: 0;
}
.cell.full {
    width:100%;
}

.scrollable{
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

.action {
    float:right;
    margin-right:2px;
    padding:8px 10px 8px 10px;
	border:none;
	text-align:center;
	color:#fff;
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    width:100px;
	background-color:rgba(17,120,182, 1);
    border-radius:5px;
    white-space:nowrap;
    cursor:pointer;
}
.action.disabled,
.action:disabled {
	color:#aaa;
    background-color: #eee;
    cursor:default;
}
.action.secondary {
    background-color:transparent;
}
.action.subtle {
    background-color:transparent;
	border: none;    
    -moz-box-shadow: inset 0 0 0 1px rgba(17,120,182, .4);
    -webkit-box-shadow:inset 0 0 0 1px rgba(17,120,182, .4);
    box-shadow: inset 0 0 0 1px rgba(17,120,182, .4);
    color: rgba(17,120,182, .8);
}
.action.fullwidth{
    float:none;
    width:100%;
}
.action.block{
    float:none;
    display:block;
    padding-top:15px;
    padding-bottom:15px;
    width:auto;
}
.action.close{
    font-size:1.5em;
    font-weight:normal;
    background-color:transparent;
    color:#444;
    width:auto;
}
.action.close:before{
    content:"X";
}
.action .cue{
    font-size:.7em;
    margin-left:.5em;
}
.action .cue-back {
    font-size: .7em;
    margin-right: .2em;
}

.action-nav .title,
.action-nav .navigationcue{
   color: rgb(17, 120, 182);
}
.action-nav .title{
   font-size:1.2em;
   font-weight:bold;
   margin-bottom:5px;
}
.action-nav .navigationcue{
   font-size:1.5em;
   margin-right:-5px;
   margin-left:5px;
}

.filepicker {
    position: absolute;
    float: left;
    padding: 20px 10px 20px 10px;
    background-color: #fff;
    box-shadow:0px 2px 5px 0px rgb(20,20,20);
    -moz-box-shadow:0px 2px 5px 0px rgb(20,20,20);
    -webkit-box-shadow:0px 2px 5px 0px rgb(20,20,20);
    display: none;
}
.filepicker .cancel {
    display: block;
    margin-Top: 8px;
    margin-bottom: 4px;
    font-Size: 10px;
    color:#fff;
}
.filepicker .fileinputform {
    display: block;
    overflow:hidden;
}
.filepicker .fileinput {
    line-height:1em;
}
.fileinputform label{
    text-transform: none;
    font-size: 1em;
    letter-spacing: normal;
}

.processing {
    background: url(/Content/images/ext/loading-dots-dark.gif) no-repeat;
    height: 20px;
    width: 50px;
    background-size: 60px;
    background-position: center;
}

.processing-dots,
.processing-dots-light {
    vertical-align: middle;
    background-size: 2.5em;
    background-repeat: no-repeat;
    height: 1em;
    width: 2em;
    background-position: center;
    display: inline-block;
}
.processing-dots {
    background-image: url('/Content/images/ext/loading-dots-dark.gif');
}
.processing-dots-light {
    background-image: url('/Content/images/ext/loading-dots-light.gif');
}

.action.click-processing,
button.link.click-processing {
    background: url(/Content/images/ext/loading-dots-dark.gif) no-repeat;
    background-size: 50%;
    background-position: center;
    color: transparent !important;
    background-color: #fff !important;
    height: auto;
    width: auto;
}

.progressing {
    background:url('/Content/images/ext/progresscircle_3.gif') no-repeat;
    background-size:16px;
    height:16px;
    width:24px;
}
.progressing-light {
    background: url('/Content/images/ext/progresscircle_light.gif') no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
    opacity: .8;
}

.row.manualalign .processing {
    float: left;
    margin-top: 4px;
}

.error, .warning {
    color: #FFF;
    font-size: 13px;
    line-height: 1.6;
    padding: 6px 10px 6px 10px;
    border-radius: 5px
}

.error{
    background-color:rgb(192,0,0);
}

.warning {
    background-color:goldenrod;
}

.information {
    background-color: #F0F7FB;
    color: #595959;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    border-radius: 5px;
    display: flex;
}
.information > .icon {
    color: rgb(17,120, 182);
    align-self: flex-start;
    margin: 2px 10px 0 0;
}

.processing-success {
    margin: 5px 0 0 5px;
    float: left;
    background: url(/Content/images/ext/checkmark.png) no-repeat left center;
    background-size: 15px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 25px;
    color: #444;
}

.contentpart {
    position:relative;
    min-height:400px;
    /*display:table;
    width:100%;*/
    padding: 110px 50px 50px 50px;
}

.contentpart.fullbleed{
    padding:0;
}

.layout-sizetocontent{
    text-align:center;
}
.layout-sizetocontent > *{
    display:inline-block;
    text-align:initial;
}

/* for wide screens limit the content width */
@media screen and (min-width: 1200px) {

    .contentpart, .widecolumn {
        max-width:1600px;
        margin-left:auto;
        margin-right:auto; 
    }

    .contentpart.fullbleed {
        max-width:none;
    }
}

.contentpart.content-hidden{
    visibility:hidden;
}

.contentpart > .bg {
    position: absolute; 
    top: 0px; left: 0px;bottom:0px;right: 0px;     
    /*
    background:url('/Content/images/stock/partyblur.jpg') no-repeat;
    background-position-y: -75px;
    background-position-x: -40px;
    background-size: 1000px auto;*/
}
.contentpart > .bgfixed {
    position: fixed;
    bottom:0px;
    top:90px;
    left:50%;
    width:920px;
    margin-left:-460px;
}
.contentpart > .fg {
    /*position:relative;
    display:table;*/
    width:100%;
    height:100%;
}
.contentpart .heading .progressing:not(.refreshbtn) {
    float:left;
    margin-left:8px;
    margin-top:5px;
}

.contentpart .heading a.tab-selector .label{
    color: rgb(17,120,182);
}
.contentpart .heading .tab-selector.active .label{
    border-bottom:3px solid #666;
    margin-bottom:-3px;
}
.contentpart .heading .tab-selector+.tab-selector{
    margin-left:20px;
}

.contentpart > .nonexisting {
    padding-top: 50px;
    margin-left: 100px;
    margin-right: 100px;
}
.contentpart > .nonexisting .textmessage {
    padding:10px;
    text-align:center;
}
.contentpart > .nonexisting .textmessage > .fg {
    display:inline-block;
    background-image:url("/Content/images/ext/info_big.png");
    background-repeat:no-repeat;
    background-position:left 10px;
    padding-left:32px;
    background-size:24px;
}
.contentpart > .nonexisting .textmessage span {
    font-size:14px;
}

.scrollregion {
    position: relative;
    height:100px;
}
.scrollport {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom:0px;
}
.scrollcontent {
    position:relative;
}
/* clearfix style required to have the bounding rectangle matching the content */
.clearfix:after, 
.scrollcontent:after, 
.contentpart:after, 
.contentpart.form > .details > .fg:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
   overflow:hidden;
}

.createbtn,
.header-action-btn
{
    text-decoration:none;
    float:right;
    font-size:.8em;
    white-space:nowrap;
}
.createbtn,
.searchbtn,
.refreshbtn,
.header-action-btn {
    margin-left: 8px;
    border: 1px solid rgba(17,120,182, .4);
    padding: 0 10px;
    border-radius: 5px;
}

.header-action-btn.icon:before {
    font-weight: normal;
}

.createbtn:before {
    content: "\f067";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: .2em;
}

.searchbtn
{
    text-decoration:none;
    float:right;
    font-size:.8em;
    white-space:nowrap;
}

.searchbtn:before{
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:.2em;
}

.refreshbtn
{
    font-size:.8em;
    text-decoration:none;
    float:right; 
    white-space:nowrap;
}

.refreshbtn.progressing,
.contentpart .heading .refreshbtn.progressing{
    background: none;
    width:auto;
    height:auto;
}
.refreshbtn.progressing:before,
.contentpart .heading .refreshbtn.progressing:before{
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.contentpart .heading .refreshbtn.progressing {
    float: right;
    margin-top: 0;
}

.createbtn:not(.link),
.header-action-btn:not(.link),
.searchbtn:not(.link),
.refreshbtn:not(.link){
    color:#222;
}
.refreshbtn:before{
    content: "\f021";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:.2em;
}

.header-action-btn.alert:after{
    content: '';
    height: .8em;
    width: .8em;
    background-color: #f00;
    border-radius: 50%;
    display: inline-block;
    margin-left: .3em;
}

/* plugin styles */
.chzn-container .chzn-drop{
    border-top:1px solid #aaa;
}
.chzn-container-multi{
    background-image: url("/Content/images/ext/droparrowsmall_grey.png");
    background-repeat:no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size:14px;
}
.chzn-container-single .chzn-single, 
.chzn-container-multi .chzn-choices {
    background:transparent;
    box-shadow:none;
    color:#444;
    border:none;
    padding-left:2px;
    font-size:14px;
}
.chzn-container-single .chzn-default,
.chzn-container-multi .chzn-default {
    color: #bbb;
}

.chzn-container-multi .chzn-choices .search-choice {
    padding:8px;
    box-shadow:none;
    background:#fff;
    white-space:nowrap;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chzn-container-multi .chzn-choices .search-choice .icon:before,
.chzn-container-multi .chzn-results .icon:before{
    margin-right:.5em;
    font-size:.9em;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container-single .chzn-single abbr.search-choice-close{
    font-size: 1em;
    line-height: 1.55;
    background: #fff;
    height: auto;
    width: auto;
    padding-left: 5px;
}
.chzn-container-single .chzn-single abbr.search-choice-close {
    top: 0;
}
.chzn-container-multi .chzn-choices .search-choice > span {
    margin-right: 12px;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:before,
.chzn-container-single .chzn-single abbr.search-choice-close:before{
    font-family: FontAwesome;
    content: '\f00d';
}
.chzn-container-single .chzn-single div {
    width: 14px;
}
.chzn-container-single .chzn-single div b {
    background-image:url("/Content/images/ext/droparrowsmall_grey.png") !important;
    background-position-y:2px !important;
    background-size:14px !important;
}
.chzn-container-single .chzn-drop{
    margin-top:5px;
}
.chzn-container-active .chzn-single {
    color: rgb(17,120,182) !important;
}
.chzn-container-active.chzn-with-drop .chzn-single {
    border: none;
    background: transparent;
    box-shadow: none;
}
.chzn-container-multi .chzn-choices .search-field input{
    height:auto;
}
.chzn-container .chzn-results li{
    font-size: 16px;
    line-height:24px;
}

.chzn-container .chzn-results li:not(.highlighted) {
    color: #222;
}
.chzn-container .chzn-results li.result-selected:not(.formatted):after,
.chzn-container .chzn-results li.result-selected.formatted .result-title:after {
    display: inline-block;
    font-family: FontAwesome;
    text-decoration: none;
    font-style: normal;
    content: "\f00c";
    float: right;
}

.chzn-container .chzn-results li.formatted .icon {
    align-self: flex-start;
    font-size: 2em;
    padding: .5em;
    margin-right: .5em;
    color: #000;
    background-color: #eee;
    border-radius: 50%;
    text-align: center;
}
.chzn-container .chzn-results li.formatted .icon:before {
    margin:0;
}

.textentry.chosen {
    width:173px;
    height:22px;
    display:block;
}
.textentry.chosen select {
    display:none;
    width:100%;
}

.googleAttribution,
.placesSearchAttribution {
    background-image: url("/Content/images/attribution/powered-by-google-on-white.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.filepicker
{
    z-index:90;
}
.inlineaction, .fileuploadbtn
{
    color:rgb(17, 120, 182);
    border:1px solid rgba(17,120,182, .4);
    border-radius:5px;
    background:none;
    padding:10px;
    margin-bottom:2px;
    font-size:12px;
    line-height:12px;
    display:inline-block;
    cursor:pointer;
    box-sizing:border-box;
}
.inlineaction.highlight, .fileuploadbtn.highlight {
    background-color: rgb(17, 120, 182);
    color: #fff;
}
.fileuploadbtn.icon:before{
    font-size:1em;
    margin-right:.5em;
}
.filestatus {
    display:block;
    margin-top:8px;
    overflow:hidden;
}
.filestatus .progress
{
    background:url('/Content/images/ext/processing.gif') left 3px no-repeat;
    width:45px;
    height:20px;
    padding-top:0px;
    margin-right:5px;
    float:left;
}
.filestatus .msg {
    float:left;
}
.filestatus .msg.error {
    background-color:transparent;
    color:rgb(220,0,0);
}

.showmoreblock {
    display:block;    
    text-align:center;    
}
.showmoreblock > .processing {
    display:inline-block;
    float:none;
    vertical-align:middle;
    background: url(/Content/images/ext/loading-dots-dark.gif) no-repeat;
    background-position: center;
    background-size:80px;
    width: 80px;
    height: 16px;
    opacity: .8;
    margin:10px auto;
}
.showmore {
    display:inline-block;
    margin-bottom:5px;
    padding: 2px 10px 0px 10px;
    border:1px solid #dbdbdb;
    border-radius:5px;
}
.showmore a {
    color:#222;
    font-size:10px;
    line-height:21px;
    text-decoration:none;
    word-spacing:2px;
}
.showmore.icon:before{
    vertical-align:middle;
}
.showmore a:hover { 
    text-decoration:underline;
}
.showmorelesstext {
    padding-left: .1em;
    white-space:nowrap;
}
.showmorelesstext > .icon,
.showmorelesstext > .link {
    color:rgba(17,120,182, .9);
}
.showmorelesstext:hover{
    text-decoration:none;
}

.share-fb
{
    display: inline-block; 
    float:left;
    margin-right: 8px;
}
.share-fb > div 
{
    padding:4px 10px 4px 20px;
    background-image: url("/Content/images/ext/fb-official.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-y:5px;
    vertical-align: middle;
    background-color: rgb(59, 89, 152);
    color:#fff;
    font-size: 12px;
    line-height: 20px;
    overflow:hidden;
}
.share-pinterest
{
    display: inline-block;
}
.stopScroll {
  overflow:hidden;
}

.formsection {
    border:1px solid #dbdbdb;
    padding:2em;
    border-radius:8px;
}

.formsection .textentry,
.formsection .fileentry{
    display:block;
    margin-bottom:12px;
}

.formsection .textentry input,
.formsection .fileentry input{
    width:100%;
    padding-left:0;
    padding-right:0;
    font-size:18px;
    line-height:40px;
    height:40px;
}
.formsection .cell.half .textentry,
.formsection .cell.half .fileentry{
    margin-right:5px;
}
.formsection .cell.half+.cell.half .textentry,
.formsection .cell.half+.cell.half .fileentry{
    margin-right:0;
    margin-left:5px;
}
.formsection .footer{
    margin:1em 0 0 0;
}
.formsection .highlight{
    color:#222;
}

.formsection .justify{
    text-align:justify;
}


.contentpart > .notice,
.content-header .notice {
    margin-bottom: 20px;
    border: 1px solid rgba(220,220,220,.4);
    padding: 15px;
    background-color: rgba(220,220,220,.2);
}
.contentpart > .notice.fullbleed {
    border: none;
    background: none;
}
.contentpart > .notice .headings > .label{
    font-weight:bold;
    padding-left:0;
}
.contentpart > .notice.single{
    padding:20px;
    text-align: center;
}
.contentpart > .notice.single .kc-offline.msg.icon:before{
    margin-bottom: .2em;
    font-size: 3em;
    vertical-align: middle;
    display: block;
}
.notice .title {
    color: #222;
    display: block;
    margin-bottom: .5em;
    font-size: 1.4em;
    line-height: 1.8;
}
.notice .title.collapsed{
    margin-bottom:0;
}
.notice .title.icon:before{
    margin-right:.5em;
}
.notice .title.icon.fa-star-o:before{
    color: rgb(17, 120, 182);
}
.notice .noticemsg {
    color: #444;
    font-size: 12px;
    line-height: 1.8;
    font-family: Verdana, Geneva, sans-serif;
}
.notice .noticemsg .link{
    white-space: nowrap;
}
.notice .noticemsg .link span{
    color: rgb(17, 120, 182);
}
.notice .noticemsg .link .cue{
    font-size:.6em;
    margin-left: .5em;
}
.notice .noticemsg .link .cue.fa-chevron-right{
    vertical-align:baseline;
}
.notice .noticemsg .link.block {
    display: inline-block;
    margin-top: 15px;
    padding: 10px;
}

.notice .noticemsg .actionbar .link.block {
    font-size: 1.2em;
    margin: 0;
    background: rgb(17, 120, 182);
    color: #fff;
    padding: 8px 20px;
    font-family: arial;
}
.notice .noticemsg .actionbar .link.block span {
    color: #fff;
}
.notice .noticemsg .link.block+.link.block{
    margin-left:10px;
}
.notice .noticemsg .link.block.icon:before{
    margin-right:.4em;
}
.notice .noticemsg.ok,
.notice .noticemsg.error,
.notice .noticemsg.warn,
.notice .noticemsg.pending{
    padding-left:30px;
    background-size:30px;
    background-repeat:no-repeat;
    background-position-y:center;
    background-color:transparent;
}
.notice .noticemsg.ok{
    background-image:url(/Content/images/int/check.png);
}
.notice .noticemsg.error{
    background-image:url(/Content/images/int/cross.png);
}
.notice .noticemsg.warn{
    background-image:url(/Content/images/int/warn.png);
}
.notice .noticemsg.pending {
    background-image:url(/Content/images/int/clock.png);
}
.notice .noticemsg.highlight{
    font-weight:bold;
}
.notice .noticemsg .label{
    font-weight:bold;
    text-transform: uppercase;
    line-height:1.8;
}
.notice .noticemsg .processing{
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.notice .noticemsg.progressing{
    padding-left:20px;
}
.notice .noticemsg.icon:before{
    margin-right:.5em;
}
.notice .icon.fa-warning:before{
    color:goldenrod;
}
.notice .action{
    float:none;
    width:auto;
    min-width:100px;
    padding:10px;
}
.notice a.action{
    padding:0;
    background-color:transparent;
    color: rgba(17,120,182, .9);
    text-align:left;
    padding-left:3px;
}
.notice a.action.icon:before{
    opacity:1;
}
.notice button.action{
    margin-left:5px;
    margin-right: 5px;
}
.notice .row.highlight{
    border-top:1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
}
.notice > .textmessage > .fg{
    padding: 0;
}

.kc-required:after {
    display: inline-block;
    font-family: FontAwesome;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: .3em;
    color: rgb(192,0,0);
}
.kc-required:after {
    content: '\f069';
}
.kc-recommended:after {
    content: 'RECOMMENDED';
    background-color: #ff6600;
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: .8em;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 5px;
    line-height: 1.4;
}

.textentry.userselect {
    background-color:transparent;
    border:none;
    padding:0px !important;
}
.textentry.userselect .long {
    width:100% !important;
}
.userselect .pic {
    width:60px;
    height:60px;
    margin-top:9px;
    display:inline-block;
    background-color:#888;
    border-radius:50%;
}
.userselect .pic img {
    max-width:60px;
    max-height:60px;
}
.userselect .info {
    display:inline-block;
    color:#444;
}
.userselect .name, .userselect .details {
    display:block;
    font-size:12px;
    line-height: 24px;
}
.userselect .name {
    font-weight:bold;
}
.userselect .details {
}
.userselect .selector, 
.userselect .select2-container .select2-choice {
    height:80px;
    background-image: none;
    border-color: #dbdbdb;
}
.userselect .select2-container .select2-default {
    line-height:80px;
    font-size:14px;
    text-align:center;
}
.userselect .select2-container .select2-choice div b {
    background-position-y : center;
}
.userselect .select2-container .select2-choice .info, .userselect .select2-container .select2-result .info {
    width: auto;
    display: inline-block;
    position: relative;
    background-image: none;
    background-color: transparent;
    padding-left: 10px;
    padding-top:10px;
    border: none;
    vertical-align: top;
}
.userselect .select2-container .select2-no-results {
    font-size:12px;
    color:#444;
}
.userselect .select2-container .select2-results li + li{
    border-top:1px solid #dbdbdb;
}
.userselect .select2-container .select2-result.select2-highlighted .info{
    color:#fff;
}

.socialplugins {
    height:34px;
    padding-left: 2px;
    margin-bottom:12px;
    position:relative;
}
.socialplugins > span {
    display:inline-block;
}
.socialplugins .fb-like {
    max-width:150px;
}
.socialplugins .tw-action {
    padding-top: 4px;
    padding-left: 4px;
}

.enumselect{
    position:absolute;
    top:10px;
    left:-25px;
    z-index:120;
	background-color: #fff;
    box-shadow:2px 2px 10px 0px rgb(20,20,20);
    -moz-box-shadow:2px 2px 10px 0px rgb(20,20,20);
    -webkit-box-shadow:2px 2px 10px 0px rgb(20,20,20);
}
.enumselect .selectlist{
    margin:10px;
}
.enumselect .selectlist > a{
    display:block;
    white-space:nowrap;
    line-height:30px;
    color:#222;
}
.enumselect .selectlist > a .icon{
    margin-right:8px;
}
.enumselect .selectlist > a .icon.hidden{
    visibility:hidden;
}

.tab-header{
    position:relative;
    white-space:nowrap;
}
.tab-header > .tab-buttons > .tab-button{
    display: inline-block;
    vertical-align:bottom;
    text-align: center;
    padding: 10px 5px;
    text-decoration: none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
}
.tab-header > .tab-buttons > .tab-button .label-container,
.tab-header > .tab-buttons > .tab-button .badge-container{
    display:inline-block;
    vertical-align:top;
    margin-left: 0;
}
.tab-header > .tab-buttons > .tab-button .label{
    transition: color .4s ease;
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
}
.tab-header > .tab-buttons > .tab-button .icon{
    font-size:1.4em;
    display:block;
    margin-bottom:3px;
    padding: .1em 0;
}
.tab-header > .tab-buttons > .tab-button .icon:before{
    margin: 0 0 .1em 0;
    vertical-align: middle;
}
@keyframes pulse-small {
  0% {transform: scale(1);}
  20% {transform: scale(1.1); } 
  50% {transform: scale(.9);} 
  80% {transform: scale(1.1);} 
  100% {transform: scale(1);}
}

.tab-header > .tab-buttons > .tab-button.active .icon,
.tab-header > .tab-buttons > .tab-button.active .icon+.label {
    color: #000;
    animation: pulse-small .5s 1;
}
.tab-header > .tab-buttons > .tab-button:not(.active) .label,
.tab-header > .tab-buttons > .tab-button:not(.active) .icon {
    color:#666;
}
.tab-header > .tab-buttons > .tab-button .badge {
    display: none;
    font-size: 12px;
}
.tab-header > .tab-buttons > .tab-button .badge.regular:before{
    content: " (";
}
.tab-header > .tab-buttons > .tab-button .badge.regular:after{
    content: ")";
}
.tab-header > .tab-buttons > .tab-button .badge.tall{
    border: 1px solid #666;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    vertical-align: bottom;
    min-width: 20px;
    height: 20px;
    margin-bottom:5px;
    line-height:21px;
}
.tab-header > .tab-buttons > .tab-button.active .badge.tall{
    background-color: #666;
    color: #fff;
}
.tab-header.regular > .tab-buttons > .tab-button {
    border:1px solid #dbdbdb
}
.tab-header.regular > .tab-buttons > .tab-button .badge.regular,
.tab-header.tabs-tall > .tab-buttons > .tab-button .badge.tall,
.tab-header.regular > .tab-buttons > .tab-button .label {
    display: inline-block;
}
.tab-header.regular:after,
.tab-header.regular:before {
  content: '';
  width:10%;
  display:inline-block;
  vertical-align:bottom;
  border-bottom:1px solid #dbdbdb;
}
.tab-header.regular > .tab-buttons{
    width:80%;
    display:inline-block;
    vertical-align:bottom;
}
.tab-header.regular > .tab-buttons > .tab-button + .tab-button {
    border-left:none;
}
.tab-header.regular > .tab-buttons > .tab-button.active{
    border-bottom:1px solid rgba(255,255,255,0);
    cursor:default;
}
.tab-header.regular > .tab-buttons > .tab-button:not(.active){
    background-color:rgba(180,180,180,.1);
}
.tab-header.regular > .tab-buttons > .tab-button:not(.active) .label{
    color: rgb(17, 120, 182);
}
.tab-header.regular > .tab-buttons > .tab-button.disable{
    cursor:default;
}
.tab-header.regular > .tab-buttons > .tab-button.disable .label{
    color: #888;
}
.tab-header.compact > .tab-buttons > .tab-button {
    border-bottom:1px solid #dbdbdb;
    padding:5px 5px 15px 5px;
}
.tab-header.compact > .tab-buttons > .tab-button.active {
    border-bottom:2px solid #222;
    padding-bottom:14px;
}
.tab-header.no-header{
    display: none;
}

.fast-tab{
    margin-bottom:10px;
}
.fast-tab-header{
    display: flex;
    padding:10px;
    border:1px solid #dbdbdb;
    background-color: rgba(220,220,220,.2);
}
.fast-tab-header:hover{
    text-decoration:none;
}
.fast-tab-header > .tab-title{
    flex-grow:1;
}
.fast-tab-header > .tab-title > .tab-label{
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    color:#222;
    text-transform:uppercase;
}
.fast-tab-header  > .icon{
    align-self:center;
}
.fa-animate {
    transition:400ms;
}
.fa-animate.icon:before {
    margin:0;
}

.fast-tab:not(.no-border) .fast-tab-content {
    border:1px solid #dbdbdb;
    border-top:none;
    padding:10px;
}

.chartjs-hidden-iframe{
    visibility:hidden;
}

.icon.image-placeholder{
    font-size: 10em;
    text-align: center;
    display: block;
    color: #dbdbdb;
}
.icon.image-placeholder:before{
    margin:0;
}
.svgicon.image-placeholder{
    width: 10em;
    height:auto;
    display: block;
    margin:1em auto;
}
.textmessage.placeholder+.icon.image-placeholder,
.textmessage.placeholder+.svgicon.image-placeholder{
    margin-top:.1em;
}
.image-placeholder+.msg{
    margin-top: 1em;
}

.emptyrow {
    margin: 15px;
}

.flex-container{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    align-items:center;
}
.flex-container.align-start{
    align-items:flex-start;
}
.flex-container.align-stretch{
    align-items:stretch;
}
.flex-container.vertical{
    -webkit-flex-direction:column;
    flex-direction:column;
}
.flex-container > .flex-item.grow{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-container:not(.vertical) > .flex-item.grow{
    width: 80%;               /* For old syntax, otherwise collapses. */
}
.flex-container > .flex-item.shrink{
    -webkit-flex-shrink: 1;          /* Chrome */
    flex-shrink: 1;           /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.contentcolumn{
    padding-right:20px;
    box-sizing:border-box;
}
.contentcolumn+.contentcolumn{
    padding-left:20px;
    border-left:1px solid #dbdbdb;
}
.contentcolumn.last{
    padding-right:0;   
}
.contentcolumn.no-border{
    border:none;
}

.content-header{
    line-height: 0;
}
.content-header .title {
    text-transform:uppercase;
    font-size:1.5em;
    line-height:1.5em;
    font-weight:normal;
    color:#222;
}
.content-header .title-category {
    font-size: .8em;
    line-height: 1;
    color: #666;
    text-transform: uppercase;
    letter-spacing:1px;
}
.content-header .title-category+.title-category {
    margin-top: 1em;
}
.content-header .title-category.icon:before{
    margin-right: .5em;
}
.content-header .role-rating{
    padding: 0;
    font-size:.5em;
    display: inline-block;
}
.content-header .info {
    color: #444;
    line-height: 2em;
    font-size: .9em;
}
.content-header .info .icon:before{
    margin-right:.4em;
    display:inline-block;
    min-width:1em;
    text-align:center;
}
.content-header .info .icon.cue:before{
    margin-right:0;
}
.content-header .maincontent{
    padding-left:1.8em;
}
.content-header .mainheader > .block-row{
    margin-bottom: .3em;
}
.content-header .mainheader > .block-row.has-column-cells{
    white-space: nowrap;
}
.content-header .mainheader > .block-row.has-column-cells > .cell{
    white-space: normal;
    vertical-align: top;
}
.content-header .maincontent-details {
    padding: .2em;
}
.content-header .maincontent-description{
    font-size:.9em;
    line-height:2.2em;
    color: #444;
}
.content-header .maincontent-description+.maincontent-description{
    margin-top:10px;
}
.content-header > .content-cell{
    display:inline-block;
    vertical-align:top;
}
.content-header > .content-cell+.content-cell.with-column-separator{
    border-left: 1px solid #dbdbdb;
}
.content-header .mainimage{
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    background-position:center;
    background-size: cover;
    position: relative;
}
.content-header .content-cell .mainimage{
    padding-bottom:56.25%;
}

.badge-container {
    position: relative;
    display: inline-block;
    font-family: sans-serif;
    margin-left: 5px;
}
.badge-container .badge-num {
    box-sizing: border-box;
    font-family: 'Trebuchet MS', sans-serif;
    cursor: default;
    border-radius: 50%;
    color: #444;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    letter-spacing: -1px;
    line-height: 20px;
    text-align: center;
    min-width: 22px;
    padding: 0 6px;
    animation: pulse 1.5s 1;
    border: 1px solid #aaa;
    letter-spacing: 1px;
}
.badge-container.alert .badge-num {
    background: #f00;
    border: 1px solid #f00;
    box-shadow: 1px 1px 5px rgba(0,0,0, .2);
    color:#fff;
}
.badge-container.alert .badge-num:after {
  content: '';
  top:-2px;
  left:-2px;
  border:2px solid rgba(255,0,0,.5);
  opacity:0;
  border-radius: 50%;
  width:100%;
  height:100%;
  animation: sonar 1.5s 1;
  position:absolute;
}

.new-badge {
    background-color: #f00;
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: .8em;
    vertical-align: text-bottom;
}

@keyframes sonar { 
  0% {transform: scale(.9); opacity:1;}
  100% {transform: scale(2);opacity: 0;}
}
@keyframes pulse {
  0% {transform: scale(1);}
  20% {transform: scale(1.4); } 
  50% {transform: scale(.9);} 
  80% {transform: scale(1.2);} 
  100% {transform: scale(1);}
}
@keyframes pulse-long {
  0% {transform: scale(1);}
  10% {transform: scale(1.4); } 
  20% {transform: scale(.9);} 
  30% {transform: scale(1.3); } 
  40% {transform: scale(.9);} 
  50% {transform: scale(1.2); } 
  60% {transform: scale(.9);} 
  70% {transform: scale(1.1);} 
  80% {transform: scale(1);}
}
@keyframes pulse-beat {
  0% {transform: scale(1);}
  50% {transform: scale(1.2); }
  100% {transform: scale(1);}
}
@keyframes pop {
    50% { transform: scale(1.2); }
}
.animation-pulse {
    animation: pulse 1.5s 1;
}
.animation-pulse-long {
    animation: pulse-long 4s 1;
}
.animation-pulse-short {
    animation: pulse-small .5s 1;
}
.animation-pulse-beat {
    animation: pulse-beat .5s infinite;
}
.animation-pop {
    animation: pop 0.3s linear 1;
}
.padding-none, .p-0{
    padding:0 !important;
}
.padding-small{
    padding:5px;
}
.padding-std{
    padding:10px;
}
.padding-large{
    padding:20px;
}
.padding-std.box,
.padding-large.box{
    border:1px solid #dbdbdb;
    border-radius:5px;
}

.contentactions{
    margin: 10px -5px;
}
.contentactions.centered {
    text-align:center;
}
.contentactions > .link,
.contentactions > .action{
    padding: 8px 5px;
    line-height: 20px;
    margin:0 5px 6px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.flyout-menu-opener{
    font-weight:normal;
}
.flyout-menu-anchor{
    position:relative;
}
.flyout-menu-anchor > .flyout-menu-content{
    position:absolute;
    top: 20px;
    width:200px;
    left:-200px;
    box-shadow:2px 2px 10px 0px rgba(40,40,40,.4);
    -moz-box-shadow:2px 2px 10px 0px rgba(40,40,40,.4);
    -webkit-box-shadow:2px 2px 10px 0px rgba(40,40,40,.4);
    background-color: #fff;
    z-index: 2;
}
.flyout-menu-anchor > .flyout-menu-content.align-left {
    left: 0;
}
.flyout-menu-anchor > .flyout-close-mask{
    position:fixed;
    top:0;left:0;bottom:0;right:0;
    z-index: 1;
}
.flyout-menu-content .link{
    border: none;
    width: 100%;
    display: block;
    padding: 15px;
    border-radius: 0;
    text-align: left;
    font-weight:normal;
}
.flyout-menu-content .link > img.icon {
    height: 4em;
    vertical-align: middle;
    margin-right: .5em;
}
.flyout-menu-content .link + .link{
    border-top: 1px solid #dbdbdb;
}
.flyout-menu-content > .separator {
    display: block;
    border-top: 1px solid #dbdbdb;
}

.role-rating{
    padding-top:10px;
}
.role-rating .icon{
    font-size:2em;
    color: rgba(17, 120, 182, .8);
}
.role-rating .icon.readonly {
    cursor: default;
}

.text-shrink-wrap{
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-shrink-wrap.single-line{
    white-space: nowrap;
}
.slideshow > .slide{
    opacity: 0;
}
.slideshow > .slide:not(:first-child) {
    opacity: 0;
    -webkit-transition: opacity 2000ms; /* Safari */
    transition: opacity 2000ms;
}
.slideshow > .slide[data-slide-active]{
    opacity: 1;
}
.kc-error-on {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(192,0,0,1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(192,0,0,1);
    box-shadow: 0px 0px 0px 2px rgba(192,0,0,1);
}
.is-invalid:has(:not(input:focus)) {
    box-shadow: 0px 0px 0px 2px rgba(192,0,0,1);
}
.invalid-feedback {
    color: rgba(192,0,0,1);
    font-size: 12px;
    line-height:1.2;
}

/*Background loading indicator with shimmer
    attr: https://codepen.io/kieranfivestars/pen/MwmWQb
*/
.kc-image-loading {
    background: #eee;
    position: relative;
    overflow: hidden;
}
.kc-image-loading:after {
    content: '';
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    animation: kc-shimmer-slide 1s infinite;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,128,128,0) 99%,rgba(128,128,128,0) 100%);
}

@keyframes kc-shimmer-slide {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.fade-in {
    opacity: 0;
    transition: opacity .5s .5s;
}
.fade-in.visible {
    opacity: 1;
}
i.icon.highlight:before {
    background: rgb(192, 0, 0);
    height: 2em;
    width: 2em;
    display: inline-block;
    line-height: 2;
    color: #fff;
    font-size: .9em;
    border-radius: 50%;
}
.kc-inline-block {
    display: inline-block;
}

select.rangeselect+.chzn-container {
    padding: 5px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin: 10px 0;
    min-width: 50%;
}

.chart-area {
    position: relative;
}
.chart-area > .placeholder{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.chart-totalsbar.vertical .amount {
    margin: 10px 20px;
    padding-bottom: 10px;
    border-top: 1px solid #dbdbdb;
    min-width: 120px;
    display: block;
}
.chart-totalsbar.vertical .amount:last-child {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.chart-totalsbar.horizontal {
    display: flex;
    margin-top: 10px;
}
.chart-totalsbar.horizontal .amount {
    flex-grow: 1;
    padding-right: 10px;
    border-right: 1px solid #dbdbdb;
    text-align: center;
    margin: 0 20px;
}
.chart-totalsbar.horizontal .amount:last-child {
    border-right: none;
}
.chart-totalsbar.box{
    border: 1px solid #dbdbdb;
    padding: 10px;
}

.chart-totalsbar .amount .label {
    color: #666;
    margin-bottom: 5px;
}
.chart-totalsbar .amount .label .icon:before {
    font-size: .9em;
}
.chart-totalsbar .amount .value {
    color: #222;
    font-family: Verdana, Geneva, sans-serif;
    display: block;
    font-size: 24px;
    line-height: 32px;
}

.chart-totalsbar.vertical .amount .label {
    text-align: left;
}
.chart-totalsbar.vertical .amount .value {
    text-align: right;
    margin-bottom: 5px;
}

.text-highlight{
    background-color: rgba(255, 255, 0, .4);
}

.copy-to-clipboard {
    cursor: pointer;
}

.inline-tag {
    font-size: .7em;
    line-height: .7;
    color: #000;
    background: rgba(220,220,220,.2);
    padding: .8em .5em;
    border-radius: .5em;
    letter-spacing: .05em;
}
.inline-tag.ok {
    color: #000;
    background: #66ff00;
}
.inline-tag.warn {
    color: #fff;
    background: #ff6600;
}
.inline-tag.error {
    color: #fff;
    background: rgb(192,0,0);
}
.animate-auto-height {
    display: flex;
    flex-direction: column;
    transition: height linear 300ms;
    padding-left: 2px;
    padding-right: 2px;
    margin-left:-2px;
    margin-right:-2px;
}
.contentpart.form > .headings {
    position: relative;
    border:1px solid #dbdbdb;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    background-color: rgba(220,220,220,.2);
}
.contentpart.form > .headings > .bg{
    display:none;
}
.contentpart.form > .headings > .fg{
    position: relative;
}
.contentpart.form .headings  .error {
    position: absolute; 
    width: 450px; 
    left: 200px; 
    top: 7px;
    padding-left:10px;
}
.contentpart.form .headings .processing {
    position: relative;
    top: 12px;
    margin-left: 10px;
    float: left;
}
.contentpart.form > .headings .title { 
    margin: 10px 0 10px 20px;
	padding:0;
	color:#222;
	font-size:12px;
	font-weight:bold;
	float:left;
    text-transform:uppercase;
}
.contentpart.form > .headings .title.icon:before{
    font-size:1.5em;
    font-weight: normal;
    margin-right: .5em;
    vertical-align: text-bottom;
}
.contentpart.form > .headings .title.icon[class*=" gly-"]:before{
    font-size: 1.6em;
    vertical-align: middle;
}
.contentpart.form > .headings .title.icon[class*=" gly-"] > span{
    vertical-align: middle;
}


.contentpart.form > .headings .actionpane {
    position:absolute;
    right:0px;
    top:0px;
	margin: 10px 20px 0px 0px; 
}
.contentpart.form > .headings .actionpane button{
	margin-left:5px;
}

.contentpart.form > .details{
    position: relative;
    border:1px solid #dbdbdb;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top:none;
}
.contentpart.form.borderless > .details{
    border:none;
}
.contentpart.form > .details > .bg {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom:0px;
    opacity:0.2;
    background-color:rgb(220,220,220);
    display:none;
}
.contentpart.form > .details > .fg {
    position: relative;
    padding:20px;
    height:100%;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.contentpart.form > .details > .fg > .scrollport > .scrollcontent {
    padding:20px 25px 20px 20px;
}
.contentpart.form > .details > .notice {
    position: relative;
    overflow: hidden;
    padding: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    background-color:rgba(220,220,220,.2);
}
.contentpart.form > .details > .notice .title.fa-warning:before{
    color: goldenrod;
}

.contentpart.form .fileuploadbtn {
    font-size:12px;
    line-height:12px;
    min-width:80px;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:center;
}

.contentpart.form .label {
    margin-bottom: 8px;
    font-weight: normal;
}
.contentpart.form .label .icon {
    margin-left: .5em;
    color: #666;
}
.contentpart.form .textentry {
    background-color:#fff;
    display:block;
}
.contentpart.form .textentry input, .contentpart.form .textentry select, .contentpart.form .textentry textarea{
    background-color:transparent;
    width:100%;
}
.contentpart.form .textentry .fa-warning{
    color:goldenrod;
}
.contentpart.form .textentry.block > .row{
    margin-bottom:5px;
}
.contentpart.form .textentry.block > .row:last-child{
    margin-bottom:0;
}
.contentpart.form .textentry.block > .row+.row{
    border-top:1px solid #dbdbdb;
    margin-top:10px;
    padding-top:10px;
}
.contentpart.form .textentry.block > .row+.row.empty{
    padding-top:5px;
}
.contentpart.form .textentry.block > .row > .cell+.cell,
.contentpart.form .textentry.block > .row > .cell > .cell+.cell{
    border-left:1px solid #dbdbdb;
    padding-left:10px;
}
.contentpart.form .textentry.block .label{
    font-size: 11px;
    padding-left: 3px;
}
.contentpart.form .textentry.block input,
.contentpart.form .textentry.block textarea{
    padding-left: 3px;
}
.contentpart.form .textentry textarea {
    margin-top:5px;
}

.contentpart.form .textentry.actionpane {
    text-align:center;
}
.contentpart.form .textentry.actionpane > .link {
    font-size:12px;
}

.contentpart.form .fileentry{
    display:block;
}

.contentpart.form > .details .headings .label{
    float:left;
}

.contentpart.form .row:not(.manualalign) {
    margin-bottom:15px;
}
.contentpart.form .row.last {
    margin-bottom:5px;
}
.contentpart.form .row .textentry {
    padding-top:10px;
    padding-bottom:10px;
}
.contentpart.form .textinput
{
    border:1px solid silver;
    font-size:16px;
    width:100%;
    height:30px;
    padding:0px 5px 0px 5px;
}
.contentpart.form .textinput select
{
    width:100%;
    height:100%;
    border:none;
    font-size:16px;
}

.contentpart.form .textentry .chzn-container-single .chzn-single {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    line-height:22px;
    color:#000;
}
.contentpart.form .textentry .chzn-container-single .chzn-default{
    color: #ccc;
}
.contentpart.form .textentry .chzn-container-single .chzn-single div b {
    background-image:url("/Content/images/ext/droparrowsmall_grey.png") !important;
    background-size:14px !important;
}

.contentpart.form .leftcolumn{
    width:48%;
    float:left;
}
.contentpart.form .rightcolumn{
    width:48%;
    float:right;
}
.contentpart.form .columnseparator
{
    position:absolute;
    top:20px;
    bottom:20px;
    left:50%;
    width:10px;
	border-left:1px solid #dbdbdb;
}

.contentpart.form .cell.half{
    padding-right:10px;
    vertical-align:top;
    margin:0;
}
.contentpart.form .cell.half+.cell.half{
    padding-right:0;
    padding-left:10px;
}

.contentpart.form .cell.separator-right
{ 
    border-right:1px solid #dbdbdb;
    padding-right:20px;
}
.contentpart.form .cell.separator-right+.cell,
.contentpart.form .cell.separator-right+.cell.half
{ 
    padding-left:20px;
}
.contentpart.form .row.with-column-separator .cell{
    padding-right:20px;
}
.contentpart.form .row.with-column-separator .cell+.cell{
    border-left:1px solid #dbdbdb;
    padding-left:20px;
}
.contentpart.form .leftcolumn .notice,
.contentpart.form .rightcolumn .notice{
    padding:5px;
}
.contentpart.form .leftcolumn .notice .noticemsg,
.contentpart.form .rightcolumn .notice .noticemsg{
    color:#666;
}

/*.contentpart.form .textentry .notice{
    border-top:1px solid #dbdbdb;
    margin-top:10px;
    padding-top:10px;
    margin-bottom:-10px;
}*/
.contentpart.form .textentry .notice .noticemsg:before{
    font-size:.8em;
}

.contentpart.form .coverpic
{
    margin-bottom:15px;
}
.contentpart.form .coverpic .fileinput {
    display:inline-block;
}
.contentpart.form .coverpic .stockpic {
    display:inline-block;
    position:relative;
}
.contentpart.form .coverpic .stockpic .droplist {
    height:370px;
    width:520px;
    left:-200px;
    z-index:19001;
}
.contentpart.form .coverpic .filestatus
{
    display:inline-block;
    vertical-align:middle;
    margin-top:0px;
}
.contentpart.form .coverpic .actionbar > div {
    margin-right:5px;
}
.contentpart.form .coverpic .piccontainer {
    margin: 2em 0 0 0;
    border: 1px dashed #ccc;
    overflow:hidden;
}
.contentpart.form .coverpic .piccontainer .pic {
	padding-bottom:56%;
    background-size:cover;
    background-position:center;
}
.contentpart.form .coverpic .piccontainer .pic.with-bleedzone {
    position: relative;
}
.contentpart.form .coverpic .piccontainer .pic.with-bleedzone:after {
    content: 'SAFE AREA';
	position: absolute;
    top: 10%; left: 5%; bottom: 10%; right: 5%;
    padding: 5px 0 0 5px;
    border: 1px dashed #fff;
    color: #fff;
}
#accountsettings .action.disable {
    color:#bbb;
    background-color:#666;
}
#accountsettings .statussuccess 
{
    float:left;
    background-image: url('/Content/images/ext/checkmark.png');
    background-position-x:left;
    background-repeat:no-repeat;
    margin-left:5px;
    padding-left:30px;
    font-size:14px;
    line-height:25px;
}
#accountsettings .details > .fg > .column{
    width:430px;
    margin-left:5px;
}
#accountsettings .details > .fg > .column + .column{
    margin-left:10px;
}
#accountsettings .useraccount 
{
    margin-top:10px;
    padding-bottom:20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
#accountsettings .useraccount > .fg > .heading .highlight
{    
    line-height: 36px;
    font-family: Verdana, Geneva, sans-serif;
    color:#444;
}
#accountsettings .useraccount > .fg > .heading .highlight:before
{    
    margin-right: .3em;
    font-weight: normal;
}
#accountsettings .useraccount > .fg > .body
{
    margin-top:15px;
}
#accountsettings .useraccount .info
{    
    margin-bottom:20px;
}
#accountsettings .useraccount .label
{    
    color:#666;
}
#accountsettings .useraccount .actionbar{
    margin-top:15px;
    overflow:hidden;
}
#accountsettings .useraccount .actionbar .statussuccess{
    margin-top:5px;
}
#accountsettings .useraccount .actionbar > .action {
    border:none;
    background-color:rgb(120,0,0);
}
#accountsettings .useraccount .actionbar .processing 
{
    float: left; 
    margin-top: 10px; 
    margin-left: 10px;
}

#accountsettings .notification {
    display:block;
}
#accountsettings .notification .selectlist {
    height:auto;
}
#accountsettings .notification .selectoption {
    margin:0 0 .5em .5em;
    padding: 5px 0;
}
#accountsettings .notification .selectoption+.selectoption{
    border-top:1px solid #dbdbdb;
}
#accountsettings .notification .selectoption input {
    width:auto;
}
#accountsettings .notification .selectoption > label {
    float:right;
    width: 1em;
}
#accountsettings .notification .selectoption > span {
    max-width:80%;
}
#affiliateaccount .rowseparator {
    padding-top: 5px;
}
#affiliateaccount .cashflow .row.totalsbar .amount .label {
    margin-bottom:0;
}
#affiliateaccount .cashflow .row.totalsbar .amount .value,
#affiliateaccount .cashflow .row.totalsbar .amount .subscript {
    color: #444;
    font-family: Verdana, Geneva, sans-serif;
    display: block;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    text-align: right;
}
#affiliateaccount .cashflow .row.totalsbar .amount .value {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}
#affiliateaccount .cashflow .row.totalsbar .amount .subscript {
    font-size: 11px;
    line-height: 20px;
}
#affiliateaccount .filter .textentry{
    border:none;
}
#affiliateaccount .filter .textentry input{
    font-size:18px;
    line-height:24px;
    padding:0;
}
#affiliateaccount .chart{
    background-color:rgba(220,220,220,.2);
}
#affiliateaccount .actionbar{
    text-align:left;
    padding: 15px 10px 0 10px;
    border-top:1px solid #dbdbdb;
    margin-top:10px;
}
#affiliateaccount .actionbar > .link {
    display: inline-block;
    vertical-align: top;
    text-align:center;
}
#affiliateaccount .actionbar > .link+.link{
    margin-left:10px;
    padding-left: 10px;
    border-left: 1px solid #dbdbdb;
}
#affiliateaccount .actionbar > .link.icon:before{
    margin-right:.4em;
}
@font-face {
    font-family: "Signature";
    src: url(/assets/fonts/otto.medium.ttf) format("truetype");
}
#affiliateaccountedit .tos label,
#affiliateaccountedit .tos .valuelabel{
    display:inline-block;
    vertical-align:middle;
    margin-right:.5em;
}
#affiliateaccountedit .w9bg{
    padding-bottom:134.32%;
    background-repeat:no-repeat;
    background-position:left top;
    background-image:url("/Content/images/int/w9.png");
    background-size:contain;
    position:relative;
}
#affiliateaccountedit .taxinfo .w9bg > input,
#affiliateaccountedit .taxinfo .w9bg > .input{
    position:absolute;
    padding: .5%;
    background-color:#fff;
    font-weight:bold;
    line-height:1;
}

#affiliateaccountedit .textentry.editable .w9bg > input,
#affiliateaccountedit .textentry.editable .w9bg > .input{
    background-color: #eef;
}
#affiliateaccountedit .w9bg .ssn,
#affiliateaccountedit .w9bg .ein{
    font-size:2em;
}

#affiliateaccountedit .w9bg .sign,
#affiliateaccountedit .w9bg .date{
    font-family:Signature;
    font-size:3em;
    font-weight:bold;
    color:blue;
}
.captcha-placeholder{
    min-height: 78px;
}
.cardlist .cards.multicolumns > .card-cell.half{
    width: 50%;
}
.cardlist .cards.multicolumns{
    padding: 0 15px;
    margin: -15px 0;
}
.cardlist .cards.multicolumns > .card-cell{
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    box-sizing: border-box;
}
.cardlist .cards.multicolumns+.showmoreblock{
    margin-top:15px;
}
@media screen and (max-width: 736px) {
    .cardlist.vw-responsive .cards.multicolumns {
        padding: 0;
    }
    .cardlist.vw-responsive .cards.multicolumns > .card-cell {
        padding: 8px 0;
    }
}
#chatboard .postmessage {
	border:1px solid #dbdbdb;
	margin:15px 0 15px 0;
	display:block;
    position:relative;
    border-radius:5px;
}
#chatboard .postmessage > .disable {
	position:absolute;
    top:0px;left:0px;bottom:0px;right:0px;
    background-color:rgb(220,220,220);
    opacity:.2;
    border-radius:5px;
}
#chatboard .watermark_container
{
    width:100%;
    vertical-align:middle;
}
#chatboard .watermark_container .watermark
{
    padding-top:2px;
}
#chatboard .hwt-container {
    display: block;
}

#chatboard .hwt-content mark {
    padding: 3px 1px !important;
    margin: -3px -1px;
    background-color: rgba(17, 120, 255, .1);
    border: 1px solid rgba(17,120,182, .1);
    border-radius: 4px;
    overflow: hidden;
}
#chatboard .postmessage .editor {
    margin: 12px;
}
#chatboard .postmessage #eventposttext {
	border:none;
	overflow:auto;
    outline:none;
    resize:none;
	height:60px;  
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;  
}
#chatboard .postmessage.active #eventposttext {
	height:100px;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
}
#chatboard .postmessage .draftsection {
    padding: 5px;
    margin: 12px;
    border: 1px solid #dbdbdb;
    border-radius:6px;
}
#chatboard .postmessage .draftsection > .textentry {
    border: none;
}
#chatboard .postmessage .draftsection > .header{
    padding:3px 6px 6px;
    margin-bottom:8px;
    border-bottom: 1px solid #aaa;
}
#chatboard .postmessage .draftsection > .header .close{
    color: #222;
}
#chatboard .postmessage .draftpictures {
    margin: 12px;
    display: block;
}
#chatboard .postmessage .draftpictures .picture {
	width: 100%;
    padding-bottom: 50%;
    border: 1px solid #ddd; 
    position: relative;
}
#chatboard .postmessage .draftpictures .picture + .picture {
    margin-top: 3px;
}
#chatboard .postmessage .draftpictures .picture .delete-action {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2em;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    line-height: 1.8em;
    background-color: rgba(128, 128, 128, .6);
    border-radius: 50%;
}
#chatboard .postmessage #eventposttext,
#chatboard .postmessage .hwt-content {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    width: 100% !important;
    border: none;
}
#chatboard .postmessage .poll > .eventpostactionbar {
    padding-top: 8px;
    padding-right: 10px;
}
#chatboard .postmessage .poll > .eventpostactionbar > .link {
    white-space: nowrap;
}
#chatboard .postmessage .poll .kc-required {
    margin-right: 5px;
}

#chatboard .eventpostactionbar {
    margin-top: 1px;
    padding: 4px 10px 6px 10px;
    border-top: 1px solid #ddd;
    position: relative;
}
#chatboard .eventpostactionbar.centered{
    text-align:center;
}
#chatboard .eventpostactionbar.hidden
{
    position:fixed;
    top:-1000px;
    left:-1000px;
    visibility:hidden;
}
#chatboard .eventpostactionbar .info
{
    color:#888;
    font-size:12px;
    padding-top:10px;
    float:left;
    margin-right:10px;
}
#chatboard .eventpostactionbar .actiongroup
{
    display:inline-block;
    vertical-align:top;
    padding-top:2px;
    height:34px;
}
#chatboard .eventpostactionbar .eventpostaction
{
    display:inline-block;
    vertical-align:bottom;
    position:relative;
}
#chatboard .eventpostactionbar .eventpostaction .icon {
    cursor: pointer;
    margin: 0;
    vertical-align: middle;
    color: #222;
}
#chatboard .eventpostactionbar .eventpostaction .icon.active {
    color: rgb(17,120,182);
}
#chatboard .eventpostactionbar .eventpostaction .icon.fa {
    line-height:30px;
}
#chatboard .eventpostactionbar .eventpostaction .icon > img {
    height:20px;
}
#chatboard .eventpostactionbar .separator{
    display:inline-block;
    vertical-align:top;
    border-left:1px solid #ccc;
    width:6px;
    height:30px;
    margin-top:2px;
    margin-left:5px;
}
#chatboard .eventpostactionbar .select {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    padding-top:2px;
}

#chatboard .eventpostactionbar .select .chzn-container-single .chzn-single {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    line-height:20px;
    color:#000 !important;
}
#chatboard .eventpostactionbar .select .chzn-container-single .chzn-single div b {
    background-image:url("/Content/images/ext/droparrowsmall_grey.png") !important;
    background-size:14px !important;
}

#chatboard .icon.importance{
    color:rgb(192, 0, 0);
}

#chatboard .eventpostactionbar #fbphotopicker .dialog 
{
    left: -10px;
}

#chatboard .eventpostactionbar .processing {
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-right:8px;
}
#chatboard .eventpostactionbar .submit
{
    float:right;
    background-color:rgb(17, 120, 182);
    margin-top:4px;
}
#chatboard .eventpostactionbar .submit:disabled {
    background-color:#eee;
}
#chatboard .messagelist .message {
	display:block;
	margin-top:10px;
    padding:6px;
    position:relative;
}
#chatboard .messagelist .message.deleting {
	opacity:.5;
}
#chatboard .messagelist .message + .message {
    margin-top:0;
	padding-top:18px;
    border-top:1px solid #dbdbdb;
}
#chatboard .messagelist .message > .bg {
    position:absolute;
    left:0px;top:0px;right:0px;bottom:0px;
    background-color:rgb(240,240,240);
    opacity:.8;
    border-radius:5px;
}
#chatboard .messagelist .message .icon.importance{
    margin-left:5px;
}
#chatboard .messagelist .message > .image{
	overflow:hidden;
	float:left;
	text-align:center;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
	border: 1px solid #FFF;
	width:40px;
    height:40px;
    border-radius:50%;
    margin:3px;
}
#chatboard.notloggedin .messagelist .message > .image,
#chatboard.notloggedin .messagelist .message .postreplies .postreply .header > .image {
    -webkit-filter: blur(6px); /* Prefixed CSS3 blur filters */
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6'); /* IE lte 9 */
    opacity: .5;
}
#chatboard .messagelist .message > .content {
    display: block;
    margin-left: 50px;
}
#chatboard .messagelist .message > .content .header {
	display:block;	
	overflow:hidden;
	padding:2px 0 5px 5px;
    line-height:18px;
}
#chatboard .messagelist .message > .content .header .name {
	float:left;
	color:#666;
	font-size:12px;	
	font-weight:bold;
}
#chatboard .messagelist .message > .content .header .posttime {
	float:right;
	color:#666;
	font-size:12px;	
	text-align:right;
}
#chatboard .messagelist .message > .content .header .highlight {
    background-color: #ff6600;
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: .8em;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 5px;
    line-height: 1.2;
}
#chatboard .messagelist .message > .content .header .delete {
	float:right;
	color:#fff;
	font-size:10px;	
    padding:0px 8px 0px 8px;
	background-color:#808080;
    border-radius:5px;
    margin-right:8px;
}
#chatboard .messagelist .message > .content  > .details {	
	display:block;	
	padding:4px 0 5px 5px;
}
#chatboard .messagelist .message > .content  > .details .text {
	color:#222;
    font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}
#chatboard .messagelist .message > .content  > .details .mediagroup {	
	margin: 10px 0 0 0; 
}
#chatboard .messagelist .message > .content  > .details .mediagroup+.mediagroup {	
	margin-top: 2px; 
}
#chatboard .messagelist .message > .content  > .details .mediagroup:last-child {	
	margin-bottom: 10px; 
}
#chatboard .messagelist .message > .content  > .details .postprivacy {
	display:block;
    margin:5px 0;
    line-height: 28px;
}
#chatboard .messagelist .message > .content  > .details .postprivacy .link {
    font-size:11px;
    border: 1px solid rgba(17,120,182, .4);
    border-radius:5px;
    padding:5px 10px;
    white-space: nowrap;
}
#chatboard .messagelist .message > .content  > .details .postprivacy .link.subtle {
    border-color:#ccc;
}
#chatboard .messagelist .message > .content  > .details .postprivacy .separator:before {
    content: " ";
    color: #aaa;
	margin: 0 2px;
}
#chatboard .messagelist .message > .content  > .details .postprivacy > .postprivacymsg {
	color:#666;
	font-size:11px;	
    white-space:nowrap;
}
#chatboard .messagelist .message > .content  > .details .postprivacy .flyout-menu-anchor {
    display: inline-block;
}
#chatboard .pictures{
    border-radius:4px;
}

#chatboard .videos .videoframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin: 0 2px;
}
#chatboard .videos .videoframe + .videoframe {
    margin-top:8px;
}
#chatboard .videos .videoframe > .eventpostvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#chatboard .textentry.postreplydraft{
    display:block;
    margin:10px auto;
    border:1px solid #dbdbdb;
}
#chatboard .textentry.postreplydraft.has-poll {
    padding: 0 5px 0 0;
}
#chatboard .textentry.postreplydraft textarea,
#chatboard .textentry.postreplydraft .hwt-content,
#chatboard .textentry.postreplydraft .poll-select{
    font-size:14px;
    line-height:24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#chatboard .textentry.postreplydraft .poll-select{
    width:100%;
    padding: 3px 0;
}
#chatboard .textentry.postreplydraft textarea{
    width:100%;
    height:28px;    
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease; 
}
#chatboard .textentry.postreplydraft.active textarea{
    height:48px;
}
#chatboard .textentry.postreplydraft .postreplyactionbar{
    padding:5px;
    border-top:1px solid #ddd;
    text-align:right;
    display:none;
}
#chatboard .textentry.postreplydraft.active .postreplyactionbar,
#chatboard .textentry.postreplydraft.has-userinput .postreplyactionbar{
    display:block;
}
#chatboard .textentry.postreplydraft .postreplyactionbar .processing{
    float:right;
    margin-top:8px;
}
#chatboard .textentry.postreplydraft .postreplyactionbar .action{
    float:none;
    width:80px;
    background-color:rgb(17, 120, 182);
}
#chatboard .messagelist .message .postreplies {
    padding-right:0;
    margin-bottom:5px;
    margin-top:10px;
    margin-left: -10px;
}
#chatboard .messagelist .message .postreplydraft + .postreplies {
    margin-top:0;
}
#chatboard .messagelist .message .postreplies .postreply {
    padding: 15px 0 5px 5px;
    border-top:1px solid #dbdbdb;
}
#chatboard .messagelist .message .postreplies .postreply+.postreply {
    margin-top:1px;
}
#chatboard .messagelist .message .postreplies .postreply .details,
#chatboard .messagelist .message .postreplies .postreply .header{
    padding-right:0;
}
#chatboard .messagelist .message .postreplies .postreply .details {
    padding-left: 5px;
}
#chatboard .textmessage.placeholder.loading-main{
    padding: 68px 0;
}
#chatboard .messagelist .message .postreplies .postreply .header > .image {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    margin-top: -2px;
    overflow: hidden;
}

#chatboard .poll-results .number {
    padding-right: .5em;
}
#chatboard .poll-results .poll-badge {
    background-color: rgba(17,120,182, .9);
    padding: 3px 8px;
    color: #fff;
    border-radius: 10px;
    margin-left: .2em;
    font-size: 11px;
    line-height: 22px;
}

.help-contactus .contacttitle {
    display:block;
    font-size:16px;
    font-weight:bold;
    text-align:left;
    margin-top:5px;
    margin-bottom:20px;
}
.help-contactus a.contactemail {
    color:#fff;
    font-size:14px;
    padding-left:2px!important;
}
.help-contactus .postal span {
    color:#fff;
    font-size:12px;
    padding-left:2px;
}

.help-termspolicies > .row{
    margin:5px;
}
.help-termspolicies > .row + .row{
    margin-top:10px;
}

#landing {
    width: 700px;
}
#landing > video{
    background-color:#000;
}
#landing .description{
    padding-left:10px;
    padding-right:10px;
    display:table-row;
}
#landing .description > .topic{
    padding:0px 10px 10px 10px;
    display:table-cell;
}
#landing .description > .topic+.topic{
    padding-left:0px;
}
#landing .title 
{
    margin-bottom:20px;
    font-size:18px;
    line-height:26px;
}

#emptyprofile .contentpart {
}
#emptyprofile .nonexisting {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width:800px;
}
#emptyprofile .nonexisting .textmessage {
    padding:10px;
}
#emptyprofile .nonexisting .myself {
    overflow:hidden;
}
#emptyprofile .nonexisting .myself .processing {
    height:auto;
    width:auto;
    background-position-y:center;
    font-weight:bold;
    padding-left:52px;
}
#emptyprofile .nonexisting .status{
    margin-top:20px;
}
#emptyprofile .nonexisting .myself .description {
    color:#444;
    text-align: left;
    margin-top:20px;
    margin-bottom:15px;
}
#emptyprofile .nonexisting .myself .title {
    font-size:22px;
    margin-top:10px;
    margin-bottom:15px;
    line-height:30px;
}
#emptyprofile .nonexisting .myself .action {
    float:none;
    border:none;
    margin-top:15px;
    margin-left:10px;
    min-width:180px;
    padding-top:10px;
    padding-bottom:10px;
    line-height: 22px;
}
#emptyprofile .nonexisting .myself .action.fb {
	background-color:#5c75a9;
}
#errorpage .contentpart {
}
#errorpage .errorbox {
    text-align: center;
}
#errorpage .errorbox > .bg {
    opacity:.1;
}
#errorpage .errorbox > .fg {
    display: inline-block;
    border: 1px solid #eee;
    border-radius:5px;
    margin-top: 20vh;
    background-color: rgba(220,220,220,.2);
}
#errorpage .errorbox .textmessage {
    padding:10px;
}
#errorpage .errorbox .title {
    font-size:20px;
    margin-top:10px;
    margin-bottom:15px;
    background-size:24px;
    line-height:1.8; 
}
#errorpage .errorbox .errormessage {
    font-size:12px;
    line-height:30px;    
    color:#444;
}
#errorpage .errorbox .action {
    border:none;
    margin-top:20px;
    padding-top:10px;
    padding-bottom:10px;
    float:none;
}
.contentpart.eventcontent {
}

.contentpart.eventcontent .eventheader {
	position:relative;
    border-bottom:1px solid #dbdbdb;
    /*box-shadow: 0 0 6px 1px #ccc;
    border-radius:4px;*/
}

.contentpart.eventcontent .eventheader .eventstatus .processing{
    display: inline-block;
    vertical-align:middle;
    margin-left:.2em;
}

.contentpart.eventcontent .eventheader .mainheader{
    padding: 0 .2em 0 .2em;
}

.contentpart.eventcontent .eventheader .mainimage-wrapper {
    position: relative;
}
.contentpart.eventcontent .eventheader .wide-aspect {
    padding-bottom: 56.25%;
    display: block;
}
.contentpart.eventcontent .eventheader .mainimage.floating {
    position: absolute;
    width: 100%;
}

.contentpart.eventcontent .eventheader .maindetails{
    padding-bottom:20px;
    width:100%;
}
.contentpart.eventcontent .eventheader .maindetails > .table-container{
    min-height:400px;
}

.contentpart.eventcontent .eventheader .datetime.if-full {
    display:block;
    padding-right:1.2em;
}
.contentpart.eventcontent .eventheader .datetime.if-full > span{
    white-space:nowrap;
	display:block;
    text-transform:uppercase;
    text-align:center;
    font-size:.9em;
    line-height:1.8em;
}
.contentpart.eventcontent .eventheader .datetime.if-full .day{
    font-size:2.5em;
    line-height:1.2em;
    color:#000;
}
.contentpart.eventcontent .eventheader .datetime.if-full.date-passed > span {
    color: #888;
}
.contentpart.eventcontent .eventheader .datetime.if-full.floating {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(255, 255, 255, .9);
    padding: 10px;
    border-radius:5px;
}
.contentpart.eventcontent .eventheader .datetime.if-full.floating > span:not(.day) {
    line-height: 1.6em;
}

.contentpart.eventcontent .eventheader .datetime.if-small .time {
    margin-left:8px;
}
.contentpart.eventcontent .eventheader .title.canceled {
    color:#aaa;
}

.contentpart.eventcontent .eventheader .location .link
{
    text-transform:uppercase;
    line-height:2em;
    font-size:.9em;
}
.contentpart.eventcontent .eventheader .attendeelist{
    margin: 8px 0;
}
.contentpart.eventcontent .eventheader .attendeelist .attendeepic {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 2px 4px 0;
}

.contentpart.eventcontent .cancellationnote {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-weight:bold;
}
.contentpart.eventcontent .eventcalltoaction .statuslabel
{
    color: #444;
    line-height: 2em;
    font-size: .9em;
}
.contentpart.eventcontent .eventcalltoaction .statuslabel:before {
    font-family: FontAwesome;
    font-size: 1.35em;
    margin-right: .3em;
    content: '\f129';
    min-width: 1em;
    display: inline-block;
    text-align: center;
}

.contentpart.eventcontent .eventcalltoaction.missed .statuslabel:before {
    content:'\f273';
}
.contentpart.eventcontent .eventcalltoaction.invited .statuslabel:before{
    content:'\f2b7';
}
.contentpart.eventcontent .eventcalltoaction.checkin .statuslabel:before,
.contentpart.eventcontent .eventcalltoaction.checkedin .statuslabel:before, 
.contentpart.eventcontent .eventcalltoaction.going .statuslabel:before{
    content:'\f046';
    vertical-align:bottom;
}
.contentpart.eventcontent .eventcalltoaction.going.warn .statuslabel:before{
    content:'\f071';
    color:goldenrod;
}
.contentpart.eventcontent .eventcalltoaction.unjoined .statuslabel:before{
    content:'\f017 ';
}
.contentpart.eventcontent .eventcalltoaction.organizing .statuslabel:before, 
.contentpart.eventcontent .eventcalltoaction.hosting .statuslabel:before{
    content:none;
}
.contentpart.eventcontent .eventcalltoaction.organizing .statuslabel, 
.contentpart.eventcontent .eventcalltoaction.hosting .statuslabel {
    background: url(/Content/images/ext/badge_dark.png) no-repeat;
    background-size: 1.4em;
    padding: .5em 1em;
    padding-left: 1.8em;
    background-position-x: 0;
    background-position-y: center;
}

.contentpart.eventcontent .additionalinfo {
	display:block;
    overflow:hidden;
	margin:10px 0 5px 0;
    line-height:24px;
}
.contentpart.eventcontent .additionalinfo .row+.row{
    margin-top:10px;
}
.contentpart.eventcontent .additionalinfo .group + .group { 
    border-left: 2px solid rgb(200,200,200);
    margin-left: 2px;
    padding-left:6px;
}
.contentpart.eventcontent .additionalinfo .points span {
	color:#454545;
	font-size:12px;
    line-height:24px;
}
.contentpart.eventcontent .additionalinfo .points .pointsdata {
	font-size:18px;
    font-family:“Trebuchet MS”, Helvetica, sans-serif;
	font-weight:bold;
    margin-left:5px;
    margin-right:5px;
}

.contentpart.eventcontent .eventdetails {
    position:relative;
    margin-top:20px;
}
.contentpart.eventcontent .eventdetails .contentcolumn + .contentcolumn {
    padding-left:10px;
}
.contentpart.eventcontent .eventdetails .contentcolumn.last {
    padding-right:10px;
}

.contentpart.eventcontent .contentarea {
    position:relative;
}
.contentpart.eventcontent .contentarea + .contentarea {
    border-top:1px solid #dbdbdb;
}
.contentpart.eventcontent .contentarea .textmessage > .fg{
    padding-left:3px;
    color:#666;
    line-height:30px;
}

.contentpart.eventcontent .meetcode {
    margin-top:10px;
}
.contentpart.eventcontent .meetcode .row {
    overflow:hidden;
}
.contentpart.eventcontent .meetcode .title {
    font-size:11px;
}
.contentpart.eventcontent .meetcode .my {
    float:left;
}
.contentpart.eventcontent .meetcode .my span {
    display:block;
    margin-left:5px;
}
.contentpart.eventcontent .meetcode .my .code {
    font-size:32px;
    color:rgb(17, 120, 182);
    padding-top:10px;
    padding-bottom:12px;
    text-align:center;
}
.contentpart.eventcontent .meetcode .others {
    width: 170px; 
    padding-left: 20px; 
    border-left: 1px solid #aaa;
    float: right;
}
.contentpart.eventcontent .meetcode .others .textentry {
    margin-top:4px;
    border-color:#aaa;
}
.contentpart.eventcontent .meetcode .others input {
    font-size:14px;
    width:100px;
    line-height:14px;
    height:16px;
}
.contentpart.eventcontent .meetcode .others .enter {
    background:url('/Content/images/ext/go-action.png') no-repeat;
    background-position-x:-5px;
    padding:10px 20px 10px 20px;
    cursor:pointer;
}
.contentpart.eventcontent .meetcode .error {
    margin-top:5px;
    padding-top:3px;
    padding-bottom:5px;
}

.contentpart.eventcontent .module {
	display:block;
    margin-bottom:15px;
	padding: 10px 0 10px 0;
}
.contentpart.eventcontent .contentcolumn > .module{
    padding-left: 15px;
}
.contentpart.eventcontent .contentcolumn > .module:first-child{
    padding-top: 0;
}
.contentpart.eventcontent .module > .header{
	margin-bottom:15px;
    line-height:2;
}
.contentpart.eventcontent .module > .content{
	position:relative;
    overflow:hidden;
}
.contentpart.eventcontent .module > .content > .bg {
    position:absolute;
    left:0px;top:0px;right:0px;bottom:0px;
    background-color:rgb(240,240,240);
    opacity:.8;
    border-radius:5px;
}
.contentpart.eventcontent .module > .content  {
    position:relative;
    overflow:hidden;
}
.contentpart.eventcontent .module .infobar{
    margin-bottom:15px;
    border-radius:4px;
    overflow:hidden;
    padding:10px;
    
    border:1px solid #dbdbdb;
}
.contentpart.eventcontent .module .infobar .tip{
    float:left;
    font-size:13px;
    line-height:26px;
    color:#444;
}
.contentpart.eventcontent .module .infobar .action{	
	border:none;
    background-color: rgb(17, 120, 182);
}

.contentpart.eventcontent .module.keepintouch .infobar .tip{
    background-image: url("/Content/images/ext/canmsg.png"); 
    background-repeat: no-repeat; 
    background-size: 34px;
    padding-left: 34px; 
    background-position-y:-2px;
    background-position-x:-2px;
}

.contentpart.eventcontent .invitefriends{
    padding-right:5px;
}
.contentpart.eventcontent .invitefriends .textentry{
    display:block;
    margin: 10px 5px 20px 0;
}
.contentpart.eventcontent .invitefriends .textentry input{
    margin-right:10px;
    font-size: 12px;
}
.contentpart.eventcontent .invitefriends > .header{
    line-height:30px;
    padding-right:10px;
}
.contentpart.eventcontent .invitefriends .textentry.searchbyname input.searching {
    background-image:url("/Content/images/ext/processing.gif");
    background-position:right center;
    background-size:30px;
    background-repeat:no-repeat;
}
.contentpart.eventcontent .invitefriends > .header .share-fb{
    float:right;
    margin:0;
}
.contentpart.eventcontent .invitefriends > .header .share-fb > div{
    border-radius:5px;
}
.contentpart.eventcontent .invitefriends .showmoreblock > .processing {
    margin-top:11px;
}
.contentpart.eventcontent .invitefriends .showmoreblock > .showmore {
    margin-top: 6px;
    margin-bottom: 0;
}

.contentpart.eventcontent .attendeelist
{
    overflow:hidden;
    display:block;
    margin:-5px;
}
.contentpart.eventcontent .attendeelist .attendee 
{
	overflow:hidden;
	display:inline-block;
    position:relative;
    border-radius:4px;
    width:33%; /* 3 in line*/
    padding:5px;
	min-width:100px;
    text-align:center;
    box-sizing:border-box;
}
@media (min-width: 1250px) {
    .contentpart.eventcontent .attendeelist .attendee {
        width: 25%; /* responsive - 4 in line */
    }
}
.contentpart.eventcontent .attendeelist.notloggedin .attendee
{
    box-sizing:border-box;
}
.contentpart.eventcontent .attendeelist .attendee + .attendee
{
}

.contentpart.eventcontent .attendeelist .attendee.can-navigate .fg {
    position: relative;
    background-color: rgba(220,220,220,.2);
    border: 1px solid rgba(220,220,220,.4);
    border-radius: 5px;
    padding: 5px 0;
}
.contentpart.eventcontent .attendeelist .attendee.can-navigate:hover .fg {
    box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.3);
    transition: box-shadow 0.1s;
}

.contentpart.eventcontent .attendeelist .attendee .pic {
    line-height:0px;
    padding:8px;
}

.contentpart.eventcontent .attendeelist .attendee.guest-avatar .pic .imagebox {
    background: url(/Content/images/int/user-avatar-dark.png) no-repeat;
    background-size: contain;
}

.contentpart.eventcontent .attendeelist .attendee.guest-avatar .details .icon.fa-plus {
    font-size: .6em !important;
    vertical-align: middle;
    margin-right: .3em;
}

.contentpart.eventcontent .attendeelist.notloggedin .attendee .pic {
    margin: 0px;
}
.contentpart.eventcontent .attendeelist .attendee .pic .imagebox
{
    display:inline-block;
    width:80%;
	padding-bottom:80%;
    position:relative;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:50%;
}
.contentpart.eventcontent .attendeelist.notloggedin .attendee .pic .imagebox{
	-webkit-filter: blur(6px); /* Prefixed CSS3 blur filters */
	-moz-filter: blur(6px); 
	-o-filter: blur(6px); 
	-ms-filter: blur(6px); 
    filter: blur(6px); 
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6'); /* IE lte 9 */
    opacity:.3;
    margin:10px 0;
}
.contentpart.eventcontent .attendeelist .attendee .details 
{
    margin:5px 10px;
    overflow:hidden;
}
.contentpart.eventcontent .attendeelist.notloggedin .attendee .details
{
    display:none;
}
.contentpart.eventcontent .attendeelist .attendee .details .name 
{
	display:block;
	color:#222;
	font-size:12px;
	font-weight:bold;
    white-space:nowrap;
    text-align:center;
    text-transform:uppercase;
}
.contentpart.eventcontent .attendeelist .attendee .status  {
    position:absolute;
    right:-5px;
    left:-5px;
    bottom:-15px;
    text-align:center;
}

.contentpart.eventcontent .attendeelist .attendee .status > span {
	color:#fff;
	font-size:10px;
    line-height:20px;
    border-radius:5px;
    padding:5px;
}
.contentpart.eventcontent .attendeelist.notloggedin .attendee .status 
{
	display:none;
}
.contentpart.eventcontent .attendeelist .attendee .status.role
{
    position:static;
    text-align:center;
    margin-bottom:-2px;
}
.contentpart.eventcontent .attendeelist .attendee .status.role > span
{   
    background-repeat: no-repeat; 
    text-transform:uppercase;
    padding-top:1px;
    font-weight:bold;
    color:#222;
}
.contentpart.eventcontent .attendeelist .attendee .status.role.host > span
{
    padding-left: 18px;
    background-image: url("/Content/images/ext/badge_dark.png");    
    background-position-x: 2px; 
    background-position-y: 0; 
    background-size: 14px;
}
.contentpart.eventcontent .attendeelist .attendee .status.role.confirmed > span:before
{
    font-family:FontAwesome;    
    font-size:1.35em;
    content: '\f00c';
    margin-right: .2em;
}
.contentpart.eventcontent .attendeelist .attendee .status.connected > span
{
    padding-left: 20px;  
    padding-right: 6px;  
    background-image: url("/Content/images/ext/check_small.png"); 
    background-repeat: no-repeat; 
    background-position-x: 4px; 
    background-position-y: 2px; 
    background-size: 14px;
    background-color:rgba(17, 120, 182, .8);
}
.contentpart.eventcontent .attendeelist .attendee .status.invitereceived > span
{
    padding-left: 18px;  
    background-image: url("/Content/images/ext/star.png"); 
    background-repeat: no-repeat; 
    background-position-x: 4px; 
    background-position-y: 3px; 
    background-size: 12px;
    background-color:rgba(192,0,0, .8);
    white-space:nowrap;
}
.contentpart.eventcontent .attendeelist .attendee .status.invitesent > span
{
    padding-left: 20px;  
    background-image: url("/Content/images/ext/check_small.png"); 
    background-repeat: no-repeat; 
    background-position-x: 4px; 
    background-position-y: 2px; 
    background-size: 14px;
    background-color:rgba(50,50,50,.8);
}
.contentpart.eventcontent .attendeelist .attendee .status.guest {
    bottom: auto;
    top: -2px;
}
.contentpart.eventcontent .attendeelist .attendee .status.guest > span {
    background-color: rgba(50,50,50,.6);
}
.contentpart.eventcontent .keepintouch .send
{
    position:absolute;
    left:20px;
    right:20px;
    top:78px;
    background-color:rgb(17, 120, 182);
    border-radius:5px;
    text-align:center;
}
.contentpart.eventcontent .keepintouch .send .sendaction 
{
	color:#fff;
	font-size:12px;
    line-height:24px;
    padding-right:13px;
    background-image:url("/Content/images/ext/rightarrow.png");
    background-repeat:no-repeat;
    background-position:right center;
    background-size:12px;
}
.contentpart.eventcontent .keepintouch .attendee .status{
    background-color:rgba(50,50,50,.6);
}
.contentpart.eventcontent .keepintouch .attendee .status .received{
    height: 20px; 
    width: 20px; 
    background-image: url("/Content/images/ext/inbound.png"); 
    background-repeat: no-repeat;
}

.contentpart.eventcontent .actions{
    margin-top:10px;
    line-height:44px;
}

.eventcontent .specialoffers {
    margin-top:0px;
}
.eventcontent .specialoffers > .header .label{
    display:inline-block;
}
.eventcontent .specialoffers > .header .actions{
    float:right;
}
.eventcontent .specialoffers > .header .headeraction {
    font-size: 10px;
    padding: 3px;
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #222;
}
.eventcontent .specialoffers > .header .headeraction.on {
    background-color: rgba(0,0,0, .4);
}
.eventcontent .specialoffers .headerinfo+.offerslist{    
    margin-top:15px;
}

.eventcontent .specialoffers .headerinfo .topactions button.link {
    font-weight:normal;
    font-size:12px;
    line-height:18px;
    margin-right: 3px;
}

.contentpart.eventcontent .infobar.keepintouch .action {
    width:auto;
}
.contentpart.eventcontent .infobar.keepintouch .qtip-help-anchor{
    float:right;
}

.contentpart.eventcontent .relatedevents .eventcardsmall .kc-event h3{
    font-size:.9em;
}
.contentpart.eventcontent .relatedevents .textmessage > .fg,
.contentpart.eventcontent .relatedevents .textmessage > .fg > .msg{
    padding-top:0;
}

.contentpart.eventcontent .contentarea.my-business-status .action-options{
    position: absolute;
    right:0;
    top: 40%;
}

.contentpart.eventcontent .contentarea.organizer{
}
.contentpart.eventcontent .contentarea.organizer .simplecard-actioncue {
    font-size:14px;
    margin-top:-1.6em;
}
.eventhostedcheckinprompt input.cmn-toggle-round + label{
    display:inline-block;
    margin-top:5px;
}

.eventlivestreamstats .chart-totalsbar.horizontal {
    margin: 10px 0;
}
.eventlivestreamstats .chart-totalsbar.horizontal .amount {
    margin: 0 10px;
}
.eventlivestreamstats .chart-totalsbar.horizontal .amount .value {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.eventcard{
    border: 1px solid #dbdbdb;
}

.eventcard .kc-event{
    box-shadow:none;
    background:none;
}

.eventcard .kc-event span{
    font-size: inherit;
    line-height: inherit;
}

.eventcard .infoarea {
    padding: 8px;
    line-height: 20px;
    font-size: 10px;
    color: #FFF;
    position:absolute;    
    white-space:nowrap;
}

.eventcard .mystatus{
    right:10px;top:10px;
    background-color: rgba(20,20,20,.6);
    border-radius: 6px;
}

.eventcard .infoarea .badge-container .badge-num{
    color: #fff;
}

.eventcard .mystatus .text{
    letter-spacing: 1px;
}
.eventcard .mystatus.checkin,
.eventcard .mystatus.checkedin,
.eventcard .mystatus.invited,
.eventcard .mystatus.important,
.eventcard .mystatus.proposed{
    background-color: rgba(192,0,0,.8);
}

.eventcard .mystatus.organizing:not(.past),
.eventcard .mystatus.hosting:not(.past),
.eventcard .mystatus.going:not(.past),
.eventcard .mystatus.liked:not(.past),
.eventcard .mystatus.checked:not(.past),
.eventcard .mystatus.suggestion:not(.past) {
    background-color: rgba(17,120, 182,.8);
}

/*.eventcard .mystatus.past,
.eventcard .mystatus.canceled {
    background-color: rgba(20,20,20,.6);
}*/

.eventcard .details .statustext {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.eventcard .mystatus .info:before,
.eventcard .details .statustext:before {
    display: inline-block;
    font-family: FontAwesome;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 .2em;
    vertical-align:middle;
}

.eventcard .mystatus .info:before{
    font-size:1.6em;
}

.eventcard .details .statustext:before{
    min-width:1.2em;
    text-align: center;
}

.eventcard .mystatus.going .info:before, 
.eventcard .mystatus.checkedin .info:before,
.eventcard .mystatus.checked .info:before,
.eventcard .details .statustext.going:before, 
.eventcard .details .statustext.checkedin:before,
.eventcard .details .statustext.checked:before,
.eventcard .details .statustext.invitesent:before,
.eventcard .details .statustext.checkin:before   {
    /**fa-check-square-o*/
    content: '\f046';
}
/*.eventcard .mystatus.past .info:before,*/
.eventcard .details .statustext.missed:before {
    /*fa-history*/
    content: "\f273";
    margin-bottom: .35em;
}
.eventcard .details .statustext.info:before {
    /*fa-info*/
    content: "\f129";
}
.eventcard .details .statustext.calendar:before {
    /*fa-calendar */
    content: "\f073";
}
.eventcard .details .statustext.attendees:before {
    /*fa-user-o*/
    content: "\f2c0";
}
.eventcard .mystatus.bizorganizing .info,
.eventcard .mystatus.organizing .info,
.eventcard .details .statustext.organizing,
.eventcard .mystatus.hosting .info,
.eventcard .details .statustext.hosting {
    background-repeat: no-repeat;
    background-size: 1.6em;
    padding: .4em 0 .4em 1.8em;
    background-position-x:0;
    background-position-y:center;
}
.eventcard .mystatus.bizorganizing .info,
.eventcard .mystatus.organizing .info,
.eventcard .mystatus.hosting .info {
    background-image: url(/Content/images/ext/badge_light.png);
}
.eventcard .details .statustext.organizing,
.eventcard .details .statustext.hosting {
    background-image: url(/Content/images/ext/badge_dark.png);
}
.eventcard .mystatus.bizorganizing .info:before,
.eventcard .mystatus.organizing .info:before,
.eventcard .mystatus.hosting .info:before {
    display:none;
}

.eventcard .mystatus.invited .info:before,
.eventcard .details .statustext.invited:before {
    /*fa-envelope-open-o*/
    content: "\f2b7";
    vertical-align:baseline;
}
.eventcard .details .statustext.suggestion:before,
.eventcard .mystatus.suggestion .info:before {
    /*fa-thumbs-o-up*/
    content: "\f0a4";
}
.eventcard .mystatus.upcoming .info:before,
.eventcard .mystatus.checkin .info:before {
    /*fa-clock-o*/
    content:'\f017';
}
.eventcard .mystatus.canceled .info:before {
    /*fa-ban*/
    content:'\f05e';
}
.eventcard .mystatus.mark-new:not(.past){
    background-color:#f00
}
.eventcard .mystatus.mark-new:not(.past) .info:before{
    /*fa-bolt*/
    content:'\f0e7 ';
}
.eventcard .mystatus.liked .info:before, 
.eventcard .details .statustext.liked::before  {
    /**fa-heart-o*/
    content: '\f08a';
}
.eventcard .mystatus.proposed .info:before, 
.eventcard .details .statustext.proposed::before  {
    /**fa-lightbulb-o*/
    content: '\f0eb';
}

.eventcard .isnew{
    position:absolute;
    top:0;
    left:0;
    width: 60px;
    padding: 0;
    margin-left: 5px;
    margin-top: 8px;
}

.eventcard .badge{
    top:10px;left:10px;    
    background-color: rgba(20,20,20,.6);
    text-align:center;
    border-radius:6px;
}
.eventcard .badge .title{
    font-size:11px;
    text-transform:uppercase;
}
.eventcard .badge .value{
    font-size: 26px;
    line-height: 30px;
}

.eventcard .row.statusaction {
    text-align:right;
    border-top:1px solid #dbdbdb;
    padding-top:10px;
    white-space: nowrap;
    overflow: hidden;
}
.eventcard .row.statusaction > .processing{
    float:left;
}
.eventcard .row.statusaction > .link{
    border:none;
    border-radius:0;
}
.eventcard .row.statusaction > .link+.link{
    border-left: 1px solid #dbdbdb;
}
.eventcard .row.statusaction > .link > .icon{
    font-size: .8em;
}

.eventcard .attendeeinfo{
    bottom:10px;right:10px;    
    border-radius:6px;
    background-color: rgba(20,20,20,.6);
    font-size:12px;
}
.eventcard .attendeeinfo .icon:before{
    margin-right:5px;
}
.eventcard .attendeeinfo > span+span{
    margin-left:5px;
}
.eventcardlarge {
    min-width:350px;
}

.eventcardlarge .eventdate {
    width:22%;
    border-right:1px solid #dbdbdb;
}
.eventcardlarge .eventdetails {
    padding-left:1em;
}
.eventcardlarge .eventlocation {
    font-weight:normal;
    font-size:.8em;
    text-transform:none;
}
.eventcardlarge h3{
    font-size:.9em;
}
.eventcardlarge header{
    padding:10px;
    padding-left:0;
}
.eventcardlarge .image {
    padding-bottom: 56.25%;
    position: relative;
    width: auto;
    margin: 0;
}
.eventcardlarge .image:before{
    display:none;
}
.eventcardlarge .image > .img{
    position:absolute;
    top:0;bottom:0;left:0;right:0;
    background-size:cover;
    background-position:center;
}

.eventcardlarge .attendeearea {
    position:absolute;
    right:5px;
    bottom:0;
    left:0;
    border-bottom:1px solid #dbdbdb;
}
.eventcardlarge .attendeelist {
    position: absolute;
    bottom: 2px;
    width: 80%;
}
.eventcardlarge .attendeelist .attendeepic {
    height:40px;
    width:10.5%;
    float:left;
    overflow:hidden;
    text-align:center;
    background-color:#eee;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.eventcardlarge .attendeelist .attendeepic + .attendeepic {    
    margin-left:2px;
}
.eventcardlarge .attendeearea .info{
    float:right;
    display:inline-block;
    font-size:12px;
    line-height:20px;
    color:#222;
    padding:10px;
    padding-top:12px;
    text-transform:uppercase;
}
.eventcardsmall {
    margin-top:5px;
    position:relative;
}
.eventcardsmall + .eventcardsmall {
    margin-top:16px;
}
.eventcardsmall .details{
    padding:10px;
}
.eventcard .details .cell.half{
    vertical-align:middle;
}
.eventcardsmall .details .processing {
    margin-top:12px;
    margin-left:3px;
}
.eventcardsmall .details .action {
    float:none;
    padding:8px;
    width:auto;
    min-width:100px;
}
.eventcardsmall .details .statusaction {
    margin-top:15px;
}
.eventcardsmall .details .statustext,
.eventcardsmall .details .info {
    background-repeat: no-repeat;
    font-size:.8em;
    line-height:1em;
    color:#444;
    margin-top:10px !important;
    display:block;
}
.eventcardsmall .details .info {
    line-height:1.6em;
    margin-bottom: 0;
}
.eventcardsmall .details .row.statustext:last-child {
    margin-bottom:5px;
}
.eventcard .details .statustext:before {    
    font-size: 1.25em;
    margin-left:0;
}
.eventcardsmall .details .statustext.highlight {
    font-weight: bold;
}

.eventcardsmall .details .action.suggestion {   
    background-image: url("/Content/images/ext/info.png");
    background-repeat:no-repeat;
    background-size:16px;
    padding-left: 28px;
    padding-right:10px;
    background-position:8px center;
}
.eventcardsmall .eventdate{
    width:5em;
}

.eventcardsmall .attendeelist{
    margin-top:12px;
    overflow:hidden;
}
.eventcardsmall .attendeelist .attendeepic {
    height:40px;
    width:40px;
    border-radius:50%;
    float:left;
    overflow:hidden;
    text-align:center;
    background-color:#eee;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.eventcardsmall .attendeelist .attendeepic + .attendeepic {    
    margin-left:4px;
}
.eventcardsmall .image-aside{
    display:table;
    width:100%;
    table-layout:fixed;
}
.eventcardsmall .image-aside > .kc-event{
    display:table-row;
}
.eventcardsmall .image-aside > .kc-event > .image{
    display:table-cell;
    width:50%;
    padding-bottom:0;
}
.eventcardsmall .image-aside > .kc-event > .details{
    display:table-cell;
}

.eventcardsmall.image-floating{
    border: none;
    box-shadow:none;
}
.eventcardsmall.image-floating+.eventcardsmall.image-floating {
    border-top: 1px solid #dbdbdb;
    margin-top: 0;
}
.eventcardsmall.image-floating:first-child{
    margin-top: -5px;
}
.eventcardsmall.image-floating > .kc-event > .image {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding-bottom: 30%;
    margin: 12px 0;
}
.eventcardsmall.image-floating > .kc-event > .details {
    display: inline-block;
    width: 70%;
    box-sizing: border-box;
    vertical-align: top;
    padding-right:0;
}
.eventcardsmall.image-floating > .kc-event > .details .title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.eventcardsmall.image-floating .details .statusaction {
    text-align: left;
}
.eventcardsmall.image-floating .details .statusaction .processing {
    float: right;
}

.eventcard.image-floating .details .cell.half,
.eventcard .image-aside .details .cell.half {
    display:block;
    width: auto;
}
#eventedit > .headings .title {
    background: url('/Content/images/int/icon-events.png') left top no-repeat;
}

.eventlist.two-columns{
    margin: -5px -10px;
}
.eventlist.two-columns .eventcard {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    border: none;
    padding: 10px;
    margin: 0;
}
.eventlist.two-columns .eventcard:hover {
    box-shadow: none;
}
.eventlist.two-columns .eventcard .kc-event {
    border: 1px solid #dbdbdb;
}
/* Frame - start*/
html {
}

body {
    font-family: “Trebuchet MS”, Helvetica, sans-serif;
    margin:0;
    overflow-y:scroll;
    overflow-x:auto;
}
.viewport {
}
.viewport > .bg{
    position:fixed;
    top:0px;bottom:0px;
    left:50%;
    width:1000px;
    margin-left:-500px;
    background-color:rgba(50, 50, 60, .4);
}
.viewport > #contentblock {
    position:relative;
}

#fullscreen-container > * {
    z-index: 30000;
}

#popup-viewport{
    position:fixed;
    top:90px;
    left:10px; right:10px;bottom: 0;
}

body.loading > #footer-area,
body.loading > .viewport{
   visibility:hidden; /* using visibility instead of display:none to avoid dynamic contents like chozen plugin to misscalculate widths */
}

.smartbanner{
    position:fixed;
    z-index:15000;
}

#fb-root{
    position: absolute;
    z-index: 20001;
    top: 60px;
}
.footer-embedded {
    padding: 10px 15px;
    border-top: 1px solid rgba(220,220,220,.2);
    background-color: rgba(220,220,220,.2);
    white-space: nowrap;
}
.footer-embedded .kc-logo,
.footer-embedded .user-login {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.footer-embedded .kc-logo{
    text-align: left;
}
.footer-embedded .kc-logo > a{
    display: inline-block;
}
.footer-embedded .kc-logo .powered-by-text {
    color: #aaa;
    vertical-align: middle;
    font-size: .6rem;
    line-height: 1rem;
    display: block;
}
.footer-embedded .kc-logo .powered-by-logo {
    height: 1rem;
}
.footer-embedded .user-login {
    text-align: right;
    font-size: .8rem;
}
#friendsinvite > .bgfixed
{
    background-image: url("/Content/images/stock/friends.jpg"); 
    background-size: cover;
}
#friendsinvite > .bg
{
    background-color:rgba(0,0,0,.4);
}
#friendsinvite .headings > .bg {
    background-color:rgb(0,0,0);
    opacity:.6;
}
#friendsinvite .headings .title {
    padding-top:6px;
    margin-top:8px;
}
#friendsinvite .details {
    padding-top:20px;
    padding-left:10px;
    padding-right:10px;
}
#friendsinvite .inputarea + .inputarea 
{
    margin-top:10px;
}
#friendsinvite .textentry .long {
}
#friendsinvite .actionbar .success {
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    background-image: url('/Content/images/ext/checkmark.png');
    background-position-x: left;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-size: 14px;
    line-height: 25px;
    color: #444;
}
#friendsinvite .viaemail .textentry textarea
{
    height:140px;
}
#friendsinvite .details .actionbar {
    text-align:right;
    margin-top:15px;
    margin-bottom:5px;
}
#friendsinvite .details .actionbar > .link {
    line-height:18px;
    min-width:120px;
}
#friendsinvite.contentpart.form .inputarea{
    padding-bottom:5px;
    border-bottom:1px solid #dbdbdb;
}
#friendsinvite.contentpart.form .inputarea.viaemail{
    border:none;
}
#friendsinvite .inputarea > .bg {
    opacity:.9;
    background-color:rgb(230,230,230);
}
#friendsinvite .inputarea > .fg .heading{
}
#friendsinvite .inputarea > .fg .heading .highlight{
    font-family: Verdana, Geneva, sans-serif;
    color:#444;
    line-height: 36px;
}
/*#friendsinvite .inputarea > .fg > .heading .highlight.icon:before {
    padding-right:10px;
}*/
#friendsinvite .inputarea > .fg .body{
    line-height:20px;
    color:#222;
}
#friendsinvite .inputarea > .fg .body .info{
    margin-bottom:20px;
    margin-top:15px;
}
#friendsinvite .fbrequest .qtip-prompt 
{
    min-width:400px;
}

.groupcard img.svgicon{
    border-radius:0;
    margin-right:-.1em;
}
.contentpart.profile.groupcontent .headercolumn{
    padding-right:30px;
}
.contentpart.profile.groupcontent .profileinfo{
    text-align:center;
    margin: 10px 15px 20px 15px;
}
.contentpart.profile.groupcontent .profileheader{
    width: auto;
    padding:0;
    height: auto;
}
.contentpart.profile.groupcontent .content-header .title-category{
    margin-bottom:10px;
}
.contentpart.profile.groupcontent .profileheader .fg{
    padding: 0 10px;
}
.contentpart.profile.groupcontent .profilepic{
    margin:0;
    border-radius:0;
    width: auto;
}

.link.member-state-pending, 
button.link.member-state-pending,
.contentpart.profile.groupcontent .member-state-pending{
    background-color: rgb(192, 0 , 0);
    color: #fff;
}

.link.subtle.member-state-pending, 
button.link.subtle.member-state-pending,
.contentpart.profile.groupcontent .member-state-pending.subtle{
    background-color: rgba(192, 0 , 0, .6);
    color:#fff;
}

.contentpart.profile.groupcontent .usercardlist-small .user > .header > .member-state-pending{
    padding: 5px 10px;
}
#header {
    position: fixed;
    top: 5px;
    right: 30px;
    left: 30px;
    z-index: 20001;
    transition: transform .8s ease;
}
#header.docked{
    transform: translateY(-20px);
}

/* for wide screens limit the header width so that it doesn't look out of proportion */
@media screen and (min-width: 1660px) {

    #header {
        max-width: 1600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

#header #nav.userloggedin{
    right: 8em;
}

#header #nav > ul{
    display:none;
}

#header #nav .badge-container .badge-num {
    color: #fff;
}

#header #nav.loggedin .loggedin {
    display:block;
}
#header #nav.notloggedin .notloggedin {
    display:block;
}

#header .helpcontainer {
    position: absolute; 
    right: 45px; 
    top:18px;
    padding: 4px 4px 6px 8px; 
    border-radius: 5px;
    background-color: rgba(17, 120, 182, 0.8);
}
#header .helpcontainer .help{
    font-size:14px;
    padding-right:14px;
    background-image:url('/Content/images/ext/droparrowsmall.png');
    background-position-x:right;
    background-position-y:2px;
    background-repeat:no-repeat;
    background-size:10px;
}

#header .progressing-light{
    display:inline-block;
    margin-bottom:5px;
    vertical-align:middle;
}
#header .logopart{
    white-space:nowrap;
}

#header .helpcontainer.whatiskc .qtip-help{
    max-width: none;
}
#header .headercontent.loggedin .whatiskc{
    display:none;
}

#header .animationpanel {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right:20px;
    height:54px;
}

#header .animationpanel .animationcontent {
    position:absolute;
    bottom:0px;
    left: 0px; 
    right:0px;
}

#header #navsection{
	position: absolute;
	right: 2em;
	top: 0;
    white-space:nowrap;
}

#header #navsection #nav,
#header #navsection .currentprofile{
    display:inline-block;
}

#header .currentprofile
{
    margin: 0 0 10px 10px;
    text-align: center;
}
#header .currentprofile .user {
    display: inline-block;
    vertical-align: middle;
}
#header .currentprofile .user .rewards {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    padding:6px 10px 0px 10px;
    height:34px;
    display:none;
}
#header .currentprofile .user .rewards .label
{
    display:block;
    font-size:9px;
}
#header .currentprofile .user .rewards .value
{
    display:block;
    font-size:16px;
    margin-top:2px;
}
#header .currentprofile .user .rewards.cash
{
    border-left:1px solid rgba(50,50,60,0.8);
}
#header .currentprofile .user .pict > .img {
    height: 48px; 
    width: 48px;
    border-radius:50%;
    border:none;
    background-size:cover;
    background-position:center;
}
#header .currentprofile .user .pict > .img.exists {
    background-color: #eee;
}
#header .currentprofile .menuanchor{
    display: inline-block;
    vertical-align: middle;
    margin:0 3px 0px 5px;
    line-height:0px;
}
#header .currentprofile .menuanchor img{
    width:12px;
    border:none;
}
#header .currentprofile .logout
{
    background: url("/Content/images/icon_logout.png") no-repeat left bottom;
    margin: 10px 10px 0px 15px;
    width: 27px;
    height: 27px;
    float: left;
    position:relative;
}
#header .currentprofile .floatdock 
{
    position:absolute;
    top:55px;
    right:-5px;
    z-index:100;
}
#header .currentprofile .floatpanel 
{
    overflow:hidden;
}
#header .userlike{
    font-size: 10px;
    font-weight: normal;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.025), 1px 1px 0 0 rgba(255, 255, 255, 0.025);
    border-radius: 6px;
    margin-left:5px;
    vertical-align:middle;
}
#header .userlike:before{
    margin-right:4px;
}

.smartbanner-show #header {
    top:80px;
}

#header .logotitle{
    font-style: italic;
    font-size: 12px;
    margin-left: 10px;
}
#header a.logotitle:hover {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}

#header .help-link.icon:before {
    margin-right: .3em;
    font-size: 1.15em;
}
#home
{
}
#home .contentrow {
    position:relative;
}
#home .contentrow .cell + .cell{
    margin:0;
}
#home .contentrow .cell{
    vertical-align:top;
}

#home .contentrow .columnseparator
{
    position:absolute;
    top:0;
    bottom:0;
    left:80%;
    width:5px;
    border-left:1px solid #dbdbdb;
}
#home .contentarea{
    padding-bottom:20px;
}
#home .contentarea + .contentarea{
    margin-top:20px;
}
#home .contentarea .heading
{
    margin:15px 32px 20px 30px;
    padding-bottom:20px;
    border-bottom:1px solid #dbdbdb;
}
#home .contentarea .heading.noborder
{
    padding-bottom:0;
    border-bottom:none;
}
#home .contentarea .heading .label
{
    display: inline-block;
    font-size:13px;
    letter-spacing:2px;
}
#home .contentarea .heading .tab-selector.active > .label
{
    font-size:15px;
}
#home .contentarea .heading .badge-container
{
}
#home .contentarea .heading .actionlink {
    float:right;
}
#home .contentarea .heading .actionlink .icon {
    font-size:12px;
}
#home .contentarea .heading .processing
{
    margin-left:10px;
}
#home .contentarea > .details
{
    margin:15px 32px 15px 30px;
}

#home .myevents .textmessage.placeholder {
    margin: 0 30px;
    border-top: 1px solid #dbdbdb;
}

#home .contentarea.myconnections .heading {    
    margin: 15px 20px 0 18px;
}
#home .myconnections .textmessage.placeholder {
    margin: -10px 20px 0 20px;
}
/*#home .myconnections .textmessage.placeholder.loaded {
    border-bottom:1px solid #dbdbdb;
}*/
#home .myconnections .textmessage.placeholder .image-placeholder.fa-bell-o {
    font-size: 10em;
    margin-top: 20px;
}
#home .myconnections .cardlist 
{
    padding:0 0 0 10px;
}
#home .myconnections .showmoreblock
{
    margin-top:15px;
}
#home .myconnections .simplecard 
{
    padding:10px 5px;
    min-width:180px;
}
#home .myconnections .simplecard:last-child
{
    border-bottom:1px solid #dbdbdb;
}
#home .myconnections .simplecard .pic 
{
    margin:1px;
}
#home .myconnections .simplecard .aboutbox .info 
{
    margin-top:5px;
}
#home .myconnections .simplecard.newmessage .aboutbox .info
{
	background-image:url('/Content/images/int/fullicon.png');
    background-size:14px;
    background-position-y:center;
    background-repeat:no-repeat;
    padding-left:18px;
}
#home .myconnections .textmessage.listfooter{
    margin-top:0;
}

body.bigsreen #home .ideasgrid > .placeholder,
body.bigsreen #home .groupsgrid > .placeholder{
    border-top: 1px solid #dbdbdb;
}
#kc-htmleditor-toolbar {
    position:fixed;
    top:10px;
    right:10px;
}
#kc-htmleditor-toolbar .action {
    width: 100px;
    color: #fff;
    background-color: rgb(17, 120, 182);
    padding: 5px;
    border: none;
    border-radius: 5px;
    display:block;
    margin-bottom:5px;
}
#kc-htmleditor-toolbar .action[disabled] {
    background-color: #ccc;
}
#kc-htmleditor-toolbar .save.saving {
    color: #ccc;
}

#fileExplorer {
    padding:20px 0px 0px 20px;
    border:1px solid #ddd;
}
#fileExplorer .title {
    font-family: Verdana, Geneva, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#666;
}
#fileExplorer .body {
}
#fileExplorer .piclist {
    list-style:none;
    padding:0px;
    overflow:hidden;
}
#fileExplorer .piclist > .pic {
    float:left;
    border:1px solid #ddd;
    cursor:pointer;
    width:200px;
    height:200px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    margin:0px 10px 10px 0px;
}
#fileExplorer .emptytext {
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#666;
    margin-bottom:20px;
    margin-top:20px;
}
.cke_editable {
    border:1px dotted #888;
}
.kc-editor{
    border:1px dotted #888;
}
.kc-editor.eventblock {
    position:relative;
    margin:5px;
}
.kc-editor.eventblock .kc-deletebutton {
    position:absolute;
    top:0px;right:0px;
    background-color: rgb(17, 120, 182);
    color:#fff;
    padding: 8px;
    border: none;
}
.kc-editor.eventlist {
    position:relative;
}
.kc-editor.eventlist .kc-addbutton {
    position:absolute;
    bottom:0px;right:0px;
    background-color: rgb(17, 120, 182);
    color:#fff;
    padding: 8px;
    border: none;
}

.eventselectorpopup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(150,150,150,.6);
    text-align: center;
}
.eventselectorpopup .dialog{    
    width: 300px;
    margin: 100px auto 0px auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #888;
}
.eventselectorpopup select{    
    width: 100%;
    height:30px;
    line-height:30px;
}
.eventselectorpopup select+select{    
    margin-top:5px;
}
.eventselectorpopup .actions{
    text-align: right;
    margin-top: 15px;
}
.eventselectorpopup .actions button{    
    padding: 5px;
    min-width: 50px;
}
.interest-tag+.interest-tag{
    border-left: 1px solid #dbdbdb;
    padding-left: .8em;
    margin-left:.8em;
}
#logincontent {
}

#logincontent #banner-wrapper{
    background: none;
    position: relative;
    height: 100vh;
    min-height:480px;
    padding: 0;
    overflow: hidden;
}
#logincontent #banner-wrapper > .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top left;
    background-size: auto;
}
#logincontent #banner-wrapper > .bg-image-cover{
    position:absolute;
    top:0;left:0;width:100%;height:100%;
    background-color:rgba(20,20,20,.1);
}
#logincontent #banner-wrapper > .container{
    position: absolute;
    top: 50%; left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 400px;
}
#logincontent #banner-wrapper .logoimg{
    text-align: center;
}
#logincontent #banner-wrapper .button {
    font-size: 12pt;
    line-height: 1.5;
    margin-top: 20pt;
}

#logincontent .tight-block {
    box-sizing: border-box;
}
@media screen and (min-width: 737px) {
    #logincontent .tight-block {
        padding-top: 30px;
    }
}
#logincontent #banner > h2 {
    background-color: rgba(128,128,128,.5);
    padding: 1em 10px;
    border-radius: 5px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#logincontent > .bg{
    background-image:url(images//stock/users.jpg);
    background-size:cover;
    background-position:center;
    opacity:.6;
}

#logincontent .spotlight {
   background-color: transparent; /*rgba(220, 220, 240, 0.8) ;rgba(220,220,255,.2);*/
   padding:2px 0px 0px 2px;
}
#logincontent .spotlight .userlist{
   height:64px;
}
#logincontent .spotlight .tile{
    display: inline-block;
    background-color:rgba(220,220,255,.2);
}
#logincontent .spotlight .tile.user {
    height: 60px; 
    width: 52px; 
    overflow: hidden; 
    position: relative;
    display:inline-block;
    background-size:cover;
    background-position:center;
}
#logincontent .spotlight .tile.user .location {
    position:absolute;
    bottom:5px;
    right:5px;
    z-index:80;
    background-color:rgba(0,0,0,.4);
    padding:3px;
    border-radius:3px;
    display:none;
}
#logincontent .spotlight .tile.placeholder {
    background-color:rgba(0,0,0,.2);
}
#logincontent .spotlight .tile.event {
    height: 244px;
    width:221px;
    position: relative;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
#logincontent .spotlight .eventanchor:nth-child(even) .tile.event {
    width:222px;
}
#logincontent .spotlight.dataEntryYes .eventanchor 
{
    cursor:default;
}
#logincontent .spotlight .event .location {
    position:absolute;
    top:5px;
    right:5px;
    z-index:80;
    background-color:rgba(0,0,0,.4);
    padding:3px;
    border-radius:3px;
    display:none;
}
#logincontent .spotlight .tile.event .joincue{
    position:absolute;
    top:8px;right:8px;
    color:#fff;
    font-size:12px;
    line-height:18px;
    padding:0px 2px 1px 5px;
    border-radius:3px;
    background-color:rgba(17,120,180,1);
    opacity:0;
}
#logincontent .spotlight .tile.event .joincue > .text{
    background-image:url(images/ext/rightarrow.png);
    background-position:right;
    background-position-y:center;
    background-repeat:no-repeat;
    background-size:10px;
    padding-right:11px;
}
#logincontent .spotlight .tile.event:hover .joincue, #logincontent .spotlight .tile.event .joincue.highlight{
    box-shadow:0px 0px 12px 3px rgb(230,230,230);
    -moz-box-shadow:0px 0px 12px 3px rgb(230,230,230);
    -webkit-box-shadow:0px 0px 12px 3px rgb(230,230,230);
}
#logincontent .spotlight .tile.event .joincue {
    opacity:1;
    transition: opacity 800ms ease;
}
#logincontent .spotlight.dataEntryYes .tile.event .joincue {
    opacity:0;
    transition: opacity 800ms ease;
}
#logincontent .spotlight .tile.event .navigationcue{
    position:absolute;
    right:0px;bottom:0px;left:0px;
    vertical-align:middle;
    text-align:center;
    padding-bottom:8px;
}
#logincontent .spotlight .tile.event .navigationcue > .text{
    display:inline-block;
    overflow:hidden;
    background-color: rgba(80,80,80,.75);
    font-family: Verdana, Geneva, sans-serif;
    padding: 5px 10px 6px 10px;
    color:#fff;
    font-size:12px;
    line-height:18px;
    max-width:70%;
    border-radius:5px;
}

#logincontent .eventdate {
    border-right: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: .2em;
}

#logincontent .bizcue{
    max-width:40em;
}

#logincontent .loginrequired .textmessage.icon.fa-lock{
    text-align: center;
}
#logincontent .loginrequired .textmessage.icon.fa-lock:before {
    font-size: 8em;
    vertical-align: middle;
    display: inline-block;
    color:#aaa;
}
#logincontent .loginrequired .textmessage.icon.fa-lock > .fg {
    vertical-align: middle;
    display: inline-block;
}

#logincontent .jewelbutton{
    background-color:rgb(120,0,0);
    font-weight: normal;
    min-width: 20%;
    margin: .5%;
}
#logincontent .button{
    font-size:1em;
    min-width: 250px;
}
#logincontent .button.icon:before {
    opacity: 1;
}
#newslettersettings .headings .processing{
    top:8px;
    float:right;
}
#newslettersettings .details > .fg {
}

#newslettersettings .action.disable {
    color:#bbb;
    background-color:#666;
}
#newslettersettings .headings > .bg {
    background-color:rgb(60,60,60);
    opacity:.8;
}

#newslettersettings .statussuccess {
    float: left;
    background-image: url('/Content/images/ext/checkmark.png');
    background-position-x: left;
    background-repeat: no-repeat;
    margin-left: 5px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 25px;
}
#newslettersettings .inlinelink{
    color:#06F;
    margin-left:5px;
}
#newslettersettings .unsubscribe 
{
    padding-bottom:20px;
    margin: 20px auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
#newslettersettings .unsubscribe > .bg
{
   opacity:.9;
}
#newslettersettings .unsubscribe > .fg > .body
{
    margin-top:15px;
}
#newslettersettings .unsubscribe .info
{    
    margin-bottom:20px;
}
#newslettersettings .unsubscribe .label
{    
    color:#444;
}
#newslettersettings .unsubscribe .textentry
{    
    border-color:#aaa;
}
#newslettersettings .unsubscribe .textentry input
{    
    width:100%;
}
#newslettersettings .unsubscribe .actionbar{
    margin-top:15px;
}
#newslettersettings .unsubscribe .actionbar .statussuccess{
    margin-top:5px;
}
#newslettersettings .unsubscribe .actionbar > .action {
    border:none;
}
#newslettersettings .unsubscribe .actionbar .processing 
{
    float: right; 
    margin-top: 10px; 
    margin-left: 10px;
}
#newslettersettings .actionbar .success {
    margin-right: 10px;
    float: right;
    background-image: url('/Content/images/ext/checkmark.png');
    background-position-x: left;
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    color: #444;
}
.notifications .simplecard.new .simplecard-aboutbox .simplecard-title:before{
    content: '';
    height: .8em;
    width: .8em;
    background-color: #f00;
    border-radius: 50%;
    display: inline-block;
    margin-right: .5em;
}
.notifications .simplecard-aboutbox .simplecard-title > .icon {
    margin-left: .5em;
}
.notifications .simplecard-aboutbox .simplecard-title > .icon.fa-fire {
    color: #f00;
}
.contentpart.not-logged-in .notifications .simplecard.compact .simplecard-pic .imagebox {
    webkit-filter: blur(6px); /* Prefixed CSS3 blur filters */
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6'); /* IE lte 9 */
    opacity: .3;
}
#peoplelist.searchpage .searchresults .heading{
    padding: 15px 30px 20px 10px;
}
#peoplelist .resultsgrid .empty > .fg {
    display:table;
}
#peoplelist .resultsgrid .empty > .fg .icon
{
    display:table-cell;
    height:30px;
    margin-right:15px;
}
#peoplelist .resultsgrid .empty > .fg .text
{
    display:table-cell;
    vertical-align:middle;
}

#peoplelist .refreshbtn{
    margin-right:-30px;
}
.contentpart.profile {
}
.contentpart.profile .showmoreblock{
    margin-top:15px;
}

.contentpart.profile .contentpart{
}

.contentpart.profile .contentarea {
    padding:10px 10px 5px 10px;
}

.contentpart.profile .contentarea > .fg .heading {
    margin-bottom:10px;
    display:inline-block;
}

.contentpart.profile .eventlink span{
    margin-right:2px;
}

.contentpart.profile .profileheader {
    padding:10px 20px;
    text-align:center;
    height: 100%;
    width:15em;
    background-color:rgba(220,220,220,.2); 
    border:1px solid #dbdbdb;
    border-radius:5px;
}
.contentpart.profile .profileheader .title-category {
    font-size: .8em;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.contentpart.profile .profileheader .profilepic  .title-category{
    background-color:rgba(20,20,20,.6);
    color:#fff;
    padding:5px;
    letter-spacing:2px;
}
.contentpart.profile .profileheader .title-category.icon:before {
    margin-right:.5em;
}
.contentpart.profile .profileheader > .fg {
    overflow:hidden;
}
.contentpart.profile .profileheader .fg > .row:last-child{
    margin-bottom:10px;
}
.contentpart.profile .profileheader .groups .svgicon{
    height:1.2em;
}
.contentpart.profile .blockuser{
    line-height:0;
}
.contentpart.profile .blockuser input.cmn-toggle-round + label{
    display:inline-block;
    vertical-align:middle;
}
.contentpart.profile .blockuser input.cmn-toggle-round:checked + label:before {
    background-color: rgb(192,0,0);
    content: "\f05e";
    text-align: left;
    line-height: 1.2;
    padding-left: .4em;
    font-family: FontAwesome;
    color: #fff;
    font-size: 1em;
}
.contentpart.profile .blockuser .valuelabel{
    font-size:12px;
    line-height:20px;
    display:inline-block;
    vertical-align:middle;
}
.contentpart.profile .blockuser .valuelabel.blocked{
    color:rgb(192,0,0);
}

.contentpart.profile .profilepic {
	width:80%;
	padding-bottom:80%;
    background-position:center;
    background-size:cover;
	border-radius:50%;
    margin: 0 auto;
	margin-top:5px;
}

.contentpart.profile .profileinfo {
    margin-top:30px;
    margin-bottom:10px;
}
.contentpart.profile .profileinfo .profilename {
    color:#222;
    font-size:1.5em;
    line-height:1.5em;
    font-weight:normal;
    letter-spacing:1px;
    text-transform:uppercase;
}
.contentpart.profile .profileinfo .asl,
.contentpart.profile .profileinfo .subtitle {
    margin-top:.5em;
    color:#444;
    font-size:.8em;
    line-height:1.8em;
}
.contentpart.profile .profileinfo .asl span,
.contentpart.profile .profileinfo .subtitle span {
    font-family:Verdana, Geneva, sans-serif;
    display:block;
}
.contentpart.profile .contacts .label{
    display: inline-block;    
    font-weight: normal;
    margin: 0 4px;
}

.contentpart.profile .profileheader .row,
.contentpart.profile  .profileheader.row.asl {
    margin-top:20px;
}
.contentpart.profile .profilactions:not(:empty){
    margin:20px 0;
}
.contentpart.profile .profileinterests ul,
.contentpart.profile .profileinterests .topics 
{
    list-style:none;
    list-style-position:inside;
    padding:5px 10px;
}
.contentpart.profile .profileinterests li,
.contentpart.profile .profileinterests .topics 
{
    color:#444;
	font-size:.8em;
    line-height:1.8em;
    font-family:Verdana, Geneva, sans-serif;
}
.contentpart.profile .icebreaker{
    margin-top:20px;
}
.contentpart.profile .icebreaker .sublabel {
    font-family:Verdana, Geneva, sans-serif;
    font-size:.8em;
    line-height:1.8em;
    color:#444;
    padding:5px 10px;
    text-align:justify;
}

.contentpart.profile .profiledetails {
    width:100%;
    position:relative;
}
.contentpart.profile .profiledetails .scrollcontent {
}
.contentpart.profile .profiledetails .leftcolumn {
    float:left;
    width:430px;
    padding:5px 0px 15px 20px;
}
.contentpart.profile .profiledetails .rightcolumn {
    float:right;
    width:230px;
    padding:5px 0px 15px 0px;
}
.contentpart.profile .profiledetails .columnseparator
{
    position:absolute;
    top:10px;
    bottom:20px;
    left:480px;
    width:5px;
	border-left:2px solid #aaa;
    opacity:.2;
}
.contentpart.profile .profiledetails .rowseparator
{
	border-top:1px solid #dbdbdb;
}

.contentpart.profile .conversations .heading {
	margin:0px;
	overflow:hidden;
}
.contentpart.profile .conversations.innercontent {
   border:1px solid #dbdbdb;
   border-radius:5px;
}
.contentpart.profile .conversations .infomessage {
    padding:10px;
    border-bottom:1px solid #dbdbdb;
    background-color: rgba(220,220,220, .2);
}
.contentpart.profile .conversations .infomessage.blocked {
    border-bottom:none;
}
.contentpart.profile .conversations.innercontent .messagegroup{
   border:none;
}
.contentpart.profile .conversations .hasprivilege, .contentpart.profile .conversations .noprivilege {
    color: #666; 
    line-height: 24px; 
    font-size: 12px;  
    display:block;
    font-weight: normal; 
    background-repeat: no-repeat;
}
.contentpart.profile .conversations .unlock 
{
    position: absolute; 
    right:0px; top:4px;
    border-radius: 5px;
    background-image: url("/Content/images/ext/unlock.png");
    background-repeat:no-repeat;
    background-size:20px;
    background-position-x:5px;
    background-position-y:center;
    padding: 4px 10px 4px 28px; 
    line-height: 22px; 
    background-color: rgb(17, 120, 182);
}
.contentpart.profile .conversations .unlock.disable 
{
    background-color: rgba(150,150,150, .6);
}
.contentpart.profile .conversations .hasprivilege .qtip-help-anchor 
{
    float:right;
    line-height:20px;
    margin-top:10px;
}
.contentpart.profile .conversations .hasprivilege .help > img {
    height:20px;
    cursor:pointer;
}
.contentpart.profile .conversations .loading {
    margin-bottom: 14px; 
    margin-top: 13px;
    margin-left:10px;
}
.contentpart.profile .conversations .showmore{
    border:none;
}

.contentpart.profile .events {
    width:22em;
}

@media screen and (max-width: 1024px) {
    .contentpart.profile .events {
        width:18em;
    }
}

.contentpart.profile .events .textmessage.placeholder{
    border:1px solid #dbdbdb;
    border-radius:5px;
    margin:0;
}
.contentpart.profile .events .textmessage.placeholder .fg{
    padding: 0;
}
.contentpart.profile .events .headings {
	margin-bottom:8px;
	padding-top:8px;
	overflow:hidden;
}
.contentpart.profile .events .processing.onload {
	margin-left:3px;
}
.contentpart.profile .events .kc-event .title {
	font-weight:normal;
    font-size:.9em;
}
.contentpart.profile .contentbox {
    border: 1px solid #dbdbdb;
    padding: 10px;
    border-radius: 5px;
    margin: 15px 0;
}
.profileactivity {
    padding-bottom:20px;
    margin-top: 10px; 
}
.profileactivity .textmessage {
	margin-bottom:20px;
}
.profileactivity .textmessage > .bg {
    display:none;
}
.profileactivity .textmessage > .fg {
    padding:0;
}
.profileactivity .textmessage > .fg .msg {
    color: #222; 
    line-height: 40px; 
    font-size: 12px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    font-weight: normal; 
}
.profileactivity .textmessage > .fg .msg.fa-image{
    font-size:22px;
    vertical-align: middle;
    color: #666;
}
.profileactivity .filestatus {
    display:inline-block;
}
.profileactivity .postcaption > textarea{
    border:none;
    width:100%;
    box-sizing: border-box;
    outline:none;
    resize:none;
	height:60px;  
    font-size: 14px;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease; 
}
.profileactivity .postcaption.active > textarea{
    height:100px;
}
.profileactivity .actionbar
{
    text-align: center;
    white-space: nowrap;
}
.profileactivity .actionbar .fileinput
{
    display:inline-block;
    margin-left:6px;
    position:relative;
}
.profileactivity .actionbar .fileuploadbtn
{
    font-size:12px;
    line-height:12px;
    min-width:80px;
    white-space:nowrap;
    text-overflow:ellipsis;
    border:none;
    font-weight:bold;
}
.profileactivity .actionbar .fileinput+.fileinput{
    border-left:1px solid #dbdbdb;
    padding-left:10px
}
.profileactivity .actionbar .fileuploadbtn:before{
    opacity:1;
}
.profileactivity .actionbar #fbphotopicker .dialog {
    left: -226px;
    top:1px;
}

.profileactivity .nopic > .fg .msg {
    padding-left: 3px;
}
.profileactivity .nopic{
    border:1px solid #dbdbdb;
    border-radius:4px;
    position:relative;
    line-height:0;
}
.profileactivity .nopic > .msg{
    text-align:center;
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
}
.profileactivity .nopic .image-placeholder{
    width:100%;
    opacity:.5;
}

.profileactivity .addpic {
    padding: 5px 10px;
    border: 1px solid #dbdbdb;
    background-color: white;
    border-radius:5px;
    margin-bottom:15px;
}
.profileactivity .addpic .sublabel{
    border-bottom:1px solid #dbdbdb;
    padding-bottom:10px;
}
.profileactivity .addpic > .fg .processing {
    padding-left:55px;
    background-position-y:center;
    background-position-x:left;
    padding-top:8px;
}
.profileactivity .addpic .postactions{
    margin-bottom: 10px;
}
.profileactivity .addpic .postactions .processing{
    float:right;
    margin-right:10px;
    margin-top:8px;
}
.profileactivity .addpic .postactions .link{
    border: none;
    padding: 8px 0 0 2px;
}
/*.profileactivity .addpic .calltoaction {
    font-weight: bold;
}*/
.profileactivity .addpic .pictures .picture+.picture {
    margin-top: 3px;
}

.profileactivity .albumpic {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.profileactivity .albumpic + .albumpic {
    border-top: 1px dashed #dbdbdb;
}
.profileactivity .pictures:not(:empty) {
	padding:0px;
	overflow:hidden;
    margin: 5px;
    margin-bottom: 10px;
}
.profileactivity .pictures .picture{
    position: relative;
}
.profileactivity .pictures .picture .delete-action{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2em;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    line-height: 1.8em;
    background-color: rgba(128, 128, 128, .6);
    border-radius: 50%;
}
.profileactivity .activitygroup .eventcard {
    margin: 8px;
    margin-top: 0;
    background-color: rgba(220,220,220,.2);
    border-color: rgba(220,220,220,.4);
}
.profileactivity .activitygroup .eventcard:hover {
    box-shadow: none;
}
.profileactivity .albumpic .caption {
	color:#222;
	position:relative;
}
.profileactivity .albumpic .caption > .fg
{
    position:relative;
    padding:12px;
    overflow:hidden;
}
.profileactivity .albumpic .caption > .fg > .body {
    overflow:hidden;
}
.profileactivity .albumpic .caption .title
{
    font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    line-height:24px;
    text-align:justify;
}
.profileactivity .albumpic .caption .header{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 24px;
    margin-bottom:15px;
}
.profileactivity .albumpic .caption .header > .link{
    text-transform:lowercase;
}
.profileactivity .albumpic .caption .footer{    
    clear: both;
    padding: 10px 0 5px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 20px;
}
.profileactivity .albumpic .footer.actions{
    padding:0 12px;
    margin-bottom:0;
    font-size:12px;
    line-height: 24px;
}
.profileactivity .albumpic .footer.actions > .link {
    font-size: 11px;
    line-height:28px;
    border: 1px solid rgba(17,120,182, .4);
    border-radius: 5px;
    padding: 5px 10px;
    white-space: nowrap;
}
.profileactivity .albumpic .timestamp {
    color:#666;
    font-size: 11px;
    margin-left: 5px;
}
.profileactivity .albummore {
	background:url('/Content/images/bg_albummore.png') left top no-repeat;
	width:440px;
	height:26px;
	float:left;
	margin:0px 0px 10px 1px;
	display:none;
}
.profileactivity .showmoreblock {
    padding: 10px;
    border-top: 1px solid #dbdbdb;
    margin-top: 0;
}
.profileactivity .showmoreblock .showmore {
    border:none;
}

.profileactivity .activitygroup{
    border: 1px solid #dbdbdb;
    border-radius:5px;
}
#profileedit .primarypic .cell.picture{
    width:25%;
}
#profileedit .primarypic .processing {
	margin:5px;
}
#profileedit .primarypic .preview {
	width:100%;
	padding-bottom:100%;
	margin-bottom:5px;
	float:left;
	display:inline-block;
	border:2px dashed #dbdbdb;
    background-size:cover;
    background-position:center;
}
#profileedit .primarypic .cell.actionpane {
    width:65%;
    margin: 0;
    vertical-align: top;
    padding-left: 10%;
    padding-bottom:5%;
}
#profileedit .primarypic .actionpane .fileinput 
{
    display: inline-block;
    margin-right:4px;
    position:relative;
}
#profileedit .primarypic .actionpane #fbphotopicker .dialog
{
    left:-145px;
}
#profileedit .primarypic .actionpane .label
{
    margin-bottom:15px;
}
#profileedit .primarypic .inputarea{
    padding:10px;
    border:1px solid #dbdbdb;
    border-radius:4px;
    line-height:0;
}
#profileedit .primarypic .tip{
    font-size: 12px;    
    line-height: 20px;
    color: #444;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom:15px;
}

#profileedit .selectlist.interests {
    height: 120px;    
}

#profileedit .textentry.icebreaker textarea{
    height:150px;
    overflow:auto;
    margin-left:5px;
    font-size:12px;
}

#profileedit .inputarea.additionalpictures {
    margin-bottom:20px;
}
#profileedit .additionalpictures .body {
	margin-bottom:0;
}
#profileedit .additionalpictures .actionbar {
	display:table-row;
}
#profileedit .additionalpictures .actionbar > div {
	display:table-cell;
    padding-right:10px;
}
#profileedit .additionalpictures .filestatus {
	display:table-cell;
    margin-top:0;
    vertical-align:middle;
}
#profileedit .additionalpictures  #fbphotopicker .dialog
{
    left:-175px;
}
#profileedit .additionalpictures .albumpic {
	margin-top:8px;
	position:relative;
	min-height:25px;
    border:1px solid #000;
}
#profileedit .additionalpictures .albumpic .picture {
	padding:0px;
	overflow:hidden;
	background-color:rgb(60,60,60);
}
#profileedit .additionalpictures .albumpic .picture img {
	width:100%;
    min-height:150px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#profileedit .additionalpictures .albumpic .captionbg 
{
    position:absolute;
    left:5px;
    right:5px;
    top:5px;
    height:35px;
    background-color:rgb(30,30,30);
    opacity:.8;
}
#profileedit .additionalpictures .albumpic .caption 
{
    position:absolute;
    left:5px;
    right:5px;
    top:5px;
    height:25px;
    background:transparent;
    color:#FFF;
    font-size:13px;
    padding:5px;
    border:none;
}
#profileedit .additionalpictures .albumpic .caption .captiontxt 
{
    color:#FFF;
    font-size:13px;
    padding:5px;
    width:400px;
    border:none;
    background:transparent;
    outline:none;
}
#profileedit .additionalpictures .albumpic .deletebtn 
{
    position:absolute;
    right:5px;
    bottom:5px;
    background-color:rgb(17, 120, 182);
    border:none;
    color:#FFF;
    padding:4px 8px 4px 8px;
    font-size:12px;
    cursor:pointer;
}

.profilemessage .messagegroup{
    border-radius: 5px;
}
.profilemessage .postcomment {
	padding:8px 2px 2px 8px;
	border:none;
    margin:0;
    position:relative;
    display:block;
}
.profilemessage .postcomment > .disable {
	position:absolute;
    top:0px;left:0px;bottom:0px;right:0px;
}
.profilemessage .postcomment textarea {
	height:90px;
    width:100%;
	font-size:14px;
    line-height:22px;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
}
.profilemessage .postcomment.active textarea{
    height:150px;
}

.profilemessage .postcomment.textentry > .actionbar button {
    min-width:100px;
    margin-top:2px;
    float:right;
}
.profilemessage .postcomment.textentry > .actionbar .action:before{
    opacity:1;
}
.profilemessage .postcomment .processing {
    float:right;
    margin-top:8px;
    margin-right:8px;
}
.profilemessage .postcomment #profilemessageactionbar{
    display:block;    
    margin: 2px -3px -3px -8px;
    padding: 8px 8px 4px 8px;
    border-top-style:dashed;
}
.profilemessage .commenttop {
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}
.profilemessage .commenttop .name {
	float:left;
	color:#444;
	font-size:12px;	
	font-weight:bold;
	padding-left:5px;
	margin:0px;
}
.profilemessage .commenttop .msgtime {
	float:right;
	color:#444;
	font-size:12px;	
	padding-right:5px;
}
.profilemessage .commentbtm,
.profilemessage .commentfooter {
	display:block;	
	color:#222;
	font-size:12px;
	padding:5px 5px 5px 5px;
}
.profilemessage .commenttop .name, .profilemessage .commenttop .msgtime {
    color:#666;
}
.profilemessage .messagelist > .message {
    border-radius: 10px;
}
.profilemessage .postcomment+.messagelist:not(:empty){
    border-top:1px solid #dbdbdb;
}
.profilemessage .messagelist > .message.youmsg.textmessage {
    margin: 12px 12px 12px 36px;
    background-color: rgba(220,220,220, .2);
    border: 1px solid rgba(220,220,220, .4);
}
.profilemessage .messagelist > .message.friendmsg.textmessage {
    margin: 12px 36px 12px 12px;
    background-color: rgba(17, 120, 182, .1);
    border: 1px solid rgba(17, 120, 182, .2);
}
.profilemessage .messagelist > .message.new.textmessage .commenttop:before {
    content: '';
    height: .5em;
    width: .5em;
    background-color: #f00;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-top: .6em;
}
.contentpart.profile .profilemessage .showmoreblock{
    padding:10px;
    border-top: 1px solid #dbdbdb;
    margin-top:0;
}
.profilemessage .icon.image-placeholder{
    border-top: 1px solid #dbdbdb;
    padding-top: 20px;
    margin-top: 2px;
}
.searchpage .empty .icon
{
    display:table-cell;
    float:left;
}
.searchpage .empty .message
{
    display:table-cell;
    padding-left:15px;
    font-size:16px;
    line-height:30px;
}
.searchpage .processing {
    margin-left:10px;
    margin-top:11px;
}
.searchpage .heading
{
    overflow: hidden;
    display: block;
}
.searchpage .heading .label
{
    float: left;
    font-size:13px;
    letter-spacing:2px;
}

.searchpage .searchresults .heading
{
    padding:15px 32px 20px 30px;
}
.searchpage .searchresults .resultsgrid
{
    overflow: hidden;
    display: block;
}
.searchpage .searchresults .resultsgrid .empty
{
    display:block;
    overflow: hidden;
    margin-top:15px;    
    margin-right:30px;
    margin-left:15px;    
    padding:10px;
}
.searchpage .searchresults .resultsgrid .empty ul
{
    margin:0px;
    margin-bottom:5px;
}
.searchpage .searchresults .resultsgrid .empty ul li
{
    margin-top:10px;
}
.searchpage-filter
{
    padding:0px 20px 20px 20px;
    margin-top:10px;
}
.searchpage-filter > .fg {
    top:2px;left:0px;bottom:2px;right:2px;    
}
.searchpage-filter .filtercontent.scrollcontent {
    padding-left:15px;
    padding-right:20px;
}
.searchpage-filter .heading
{
    padding: 0 0 20px 5px;
}
.searchpage-filter .heading .label
{
    float:right;
}
.searchpage-filter .textentry
{
    margin: 8px 0;
    padding: 10px;
    margin-bottom:20px;
    background:transparent;
    display:block;
}
.searchpage-filter .textentry input, .searchpage-filter .textentry select
{
    background-image: none;
    background-color: transparent;
    color:#222;
}
.searchpage-filter .textentry select option
{
    color:#000;
}
.searchpage-filter .separator
{
    color:#444;
    font-size:18px;
}
.searchpage-filter .interests > .label
{
    line-height:20px;
}
.searchpage-filter .interests .scrollregion
{
    height:144px;
}
.searchpage-filter .interests .any
{
    padding: 3px 5px 3px 5px; 
    background-color: rgb(17, 120, 182);
    color:#fff;
    border-radius:5px;
    margin-left:5px;
}
.searchpage-filter .selectlist
{
    padding:5px;
    color:#222;
}
.searchpage-filter .selectlist .selectoption
{
    display:block;
    font-size:12px;
    line-height:20px;
    margin-bottom:5px;
}
.searchpage-filter .selectlist .selectoption.disable
{
    color:#888;
}
.searchpage-filter .selectlist .selectoption span
{
    margin-left:5px;
}
.searchpage-filter .selectlist .selectoption input
{
    float:left;
    width:auto;
    height:auto;
}
.searchpage-filter .textentry.additional {
    padding:0;
}

.searchpage-filter .textentry input, 
.searchpage-filter .textentry select, 
.searchpage-filter .textentry textarea{
    width:100%;
}
.simplecard 
{
	display:block;
}
.simplecard .cardcontent
{
	overflow:hidden;
    position:relative;
}
.simplecard.navigable .cardcontent,
.simplecard .navigable
{
	cursor:pointer;
}
.simplecard .fg
{
	position:relative;
}
.simplecard .simplecard-pic,
.simplecard .simplecard-badge 
{
	float:left;
    line-height:0px;
    margin:2px;
    text-align:center;
}
.simplecard .simplecard-pic .imagebox
{
	width:60px;
	height:60px;
	overflow:hidden;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:50%;
}

.simplecard.compact .simplecard-pic .imagebox{
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.simplecard .simplecard-badge {
    width:140px;
    text-align: right;
    padding-right:.3em;
    font-size: 1.8em;
    line-height: 1.2;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Verdana, Geneva, sans-serif;
}
.simplecard .simplecard-badge+.simplecard-aboutbox{
    border-left:1px solid #dbdbdb;
    padding-left:10px;
}
.simplecard .simplecard-pic .imagebox img 
{
    position: absolute;
	left: 26px; 
    margin-left: -50%; 
	height:100%;
	border: none;
}
.simplecard .simplecard-aboutbox 
{
    padding-left:10px;
    padding-right:4px;
    padding-top:2px;
    padding-bottom:10px;
    line-height:18px;
    overflow:hidden;
}
.simplecard .simplecard-aboutbox:first-child{
    padding-left: 4px;
}
.simplecard .simplecard-aboutbox .simplecard-title 
{
	display:block;
	color:#444;
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:5px;
    white-space:nowrap;
    overflow:hidden;
    text-transform:uppercase;

    text-overflow:ellipsis;
}
.people:hover .simplecard-aboutbox .simplecard-title 
{
	 text-decoration:underline;
}
.simplecard .simplecard-aboutbox .simplecard-title > a.icon:before {
    font-size: .8em;
    color: rgb(17,120,182);
    vertical-align: middle;
}
.simplecard .simplecard-aboutbox .simplecard-info {
    display: block;
    color: #222;
    font-size: 12px;
    line-height: 20px;
}
.simplecard .simplecard-aboutbox .simplecard-info > .quoted {
    font-weight: bold;
}
.simplecard .simplecard-aboutbox .simplecard-info.icon.fa-warning:before{
    color:goldenrod;
}
.simplecard .simplecard-aboutbox .simplecard-info.icon.fa-check:before{
    color:green;
}
.simplecard .simplecard-aboutbox .simplecard-prefix 
{
	display:block;
	color:#444;
	font-size:10px;
    line-height:20px;
    text-transform:uppercase;
}
.simplecard .simplecard-aboutbox .simplecard-details
{
	display:block;
	color:#888;
	font-size:12px;
    line-height:22px;
}
.simplecard .simplecard-aboutbox .simplecard-info + .simplecard-details {
    margin-top:2px;
}
.simplecard .simplecard-aboutbox .simplecard-details.none {
	color:#888;
    font-style:italic;
}
.simplecard.navigable .simplecard-aboutbox .simplecard-details,
.simplecard.navigable .simplecard-aboutbox .simplecard-info
{
	padding-right:15px;
}
.simplecard.title-prefix-only .simplecard-aboutbox{
    padding-top:5px;
}
.simplecard .simplecard-actioncue,
.simplecard .simplecard-navigationcue{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.25em;
    background-color: rgba(255,255,255,.8);
    padding: .5em;
    white-space:nowrap;
    font-size:12px;
}
.simplecard.navigable .simplecard-actioncue{
    right:20px;
}
.simplecard .simplecard-actioncue a{
    border:1px solid rgba(17,120,182, .4);
    border-radius:5px;
    padding:10px;
    display:inline;
}
.simplecard .simplecard-actioncue a.no-border {
    border: none;
    padding: 0 10px;
}
.simplecard .simplecard-actioncue > a+a{
    margin-left:1em;
}
.cardlist.block .simplecard {
    padding: 10px 0;
}
.cardlist.block .simplecard+.simplecard{
    border-top:1px solid #dbdbdb;
}

.simplecard .cardcontent.related .simplecard-aboutbox {
    padding-left: 0;
}
.simplecard .cardcontent.related
{
	margin-left:74px;
}
.simplecard.compact .cardcontent.related {
    margin-left: 54px;
}

.cardlist.block.box {
    border:1px solid #dbdbdb;
    padding:5px;
    border-radius:5px;
}
.cardlist.block.box + .showmoreblock{
    margin-top:20px;
}

.cardlist.inline .simplecard{
    display:inline-block;
    width:50%;
}
.cardlist.inline .simplecard .cardcontent{
    border:1px solid #dbdbdb;
    margin-bottom:10px;
    margin-right:10px;
    padding:10px;
    position:relative;
}
img.svgicon,
.svgicon{
    display:inline-block;
    height: 1.4em;
    min-width:1.4em;
    vertical-align:text-bottom;
    margin-right:.4em;
    width:auto;
}
.textentry.formentry {
    padding-bottom: 0px;
}

.formentry{
    position:relative;
}

.formentry .column.half+.column.half:before {
    content:" ";
    display:block;
    position:absolute;
    left:50%;
    width:2px;
    top:10px;
    bottom:10px;
    border-left:1px solid #dbdbdb;
}

.formentry .row {
    padding-left: 4px;
    padding-top: 6px;
    padding-bottom: 10px;
}
.formentry .row.kc-error-on{
    padding-right: 2px;
    padding-left: 6px;
}

.formentry .row + .row {
    padding-top: 10px;
    border-top: 1px solid #dbdbdb;
}

.formentry .cell {
    vertical-align: top;
}

.formentry .cell + .cell {
    border-left: 1px solid #dbdbdb;
    padding-left: 5px;
}

.formentry .captcha {
    border: none;
    padding: 0px;
    padding-bottom: 10px;
}

.formentry .captchatemplate {
    border: none;
}

.formentry .captcha + .captchatemplate {
    border-top: 1px dashed #888;
}
.formentry .sublabel {
    border-bottom:1px dashed #dbdbdb;
    padding:0 0 5px 0;
}

.droplist {
    position: absolute;
    top: 2px;
    background-color: rgb(60,60,60);
    box-shadow: 3px 2px 5px 0px rgb(20,20,20);
    -moz-box-shadow: 3px 2px 5px 0px rgb(20,20,20);
    -webkit-box-shadow: 3px 2px 5px 0px rgb(20,20,20);
}
.droplist .searchbox{
    padding:10px;
    margin-bottom:-10px;
    position:relative;
}
.droplist .searchbox input{
    width:100%;
    padding:5px;
    background-color:transparent;
    border:1px solid #666;
    box-sizing:border-box;
    color:#fff;
}
.droplist .searchbox .progressing-light{
    position: absolute;
    right: 18px;
    top: 18px;
} 
.droplist .list-content{
    position:relative;
}

.droplist .scrollport {
    margin: 10px 0px 10px 5px;
}

.droplist .scrollport > .scrollcontent {
    padding: 0px 0px 0px 5px;
}

.droplist .listelement {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.droplist .listelement > li {
    line-height: 0px;
    border: 1px solid #666;
    outline: none;
    display: inline-block;
    margin: 0px 3px 3px 0px;
}

.droplist .droplist-item:focus {
    border: 1px dotted #aaa;
}

.droplist .droplist-item:hover {
    cursor: pointer;
}
.droplist .footer{
    color:#fff;
    text-align:right;
    padding:0 10px 5px 0;
}

.eventeditstockpicture {
    position: relative;
    width: 160px;
    height: 120px;
    background-size: cover;
    background-position: center;
}

    .eventeditstockpicture .keywords {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: rgba(20,20,20,.8);
        color: #fff;
        font-size: 10px;
        line-height: 18px;
        padding: 3px;
    }

/* FB photo picker plugin*/
#fbphotopicker {
    position: absolute;
    bottom: 0px;
    height: 0px;
    width: 0px;
    padding: 0px;
}

    #fbphotopicker > .dialog {
        position: absolute;
        left: -280px;
        width: 580px;
        overflow: hidden;
        z-index: 2000;
        box-shadow: 3px 2px 5px 0px rgb(20,20,20);
        -moz-box-shadow: 3px 2px 5px 0px rgb(20,20,20);
        -webkit-box-shadow: 3px 2px 5px 0px rgb(20,20,20);
    }

        #fbphotopicker > .dialog > .content {
            height: 357px;
            width: 100%;
            background-color: rgb(60,60,60);
        }

        #fbphotopicker > .dialog > .gallerytab {
            position: relative;
            overflow: hidden;
        }

    #fbphotopicker .header {
        padding: 12px;
        padding-right: 15px;
    }

    #fbphotopicker .label {
        display: inline;
        color: #fff;
    }

    #fbphotopicker > .dialog .listcontainer {
        position: absolute;
        top: 50px;
        right: 2px;
        bottom: 0px;
        left: 12px;
    }

    #fbphotopicker .listcontainer ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        white-space:normal;
    }

    #fbphotopicker ul li {
        outline: none;
        display: inline-block;
        cursor: pointer;
    }

    #fbphotopicker .albumitem {
        margin: 0px 6px 0px 0px;
    }

    #fbphotopicker .albumcover {
        width: 175px;
        height: 120px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border: 1px solid rgb(100,100,100);
        display: block;
        position: relative;
    }

        #fbphotopicker .albumcover:hover {
            border: 1px solid #fff;
        }

    #fbphotopicker .selected {
        height: 25px;
        width: 25px;
        background: url('/Content/images/ext/photoselect.png') no-repeat;
    }

    #fbphotopicker .gallerytab li .title {
        width: 160px;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    #fbphotopicker > .dialog > .albumtab {
        position: absolute;
        top: 0px;
        left: 100%;
        overflow: hidden;
    }

        #fbphotopicker > .dialog > .albumtab.albumvisible {
            left: 0px;
        }

        #fbphotopicker > .dialog > .albumtab .goback {
            float: right;
            padding-bottom: 1px;
        }

    #fbphotopicker .photoitem {
        margin: 0px 6px 6px 0px;
    }

    #fbphotopicker .photocover {
        width: 129px;
        height: 86px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border: 1px solid rgb(100,100,100);
        display: block;
        position: relative;
    }

        #fbphotopicker .photocover:hover {
            border: 1px solid #fff;
        }

    #fbphotopicker > .dialog > .footer {
        border-top: 1px solid rgb(100,100,100);
        background-color: rgb(60,60,60);
        padding: 10px;
        padding-bottom: 12px;
    }

        #fbphotopicker > .dialog > .footer > .label {
            display: inline;
            margin-top: 2px;
        }

        #fbphotopicker > .dialog > .footer .import {
            background-color: rgb(17, 120, 182);
            border: none;
            color: #FFF;
            padding: 0px 15px 0px 15px;
            margin-bottom: 2px;
            float: right;
            line-height: 22px;
        }

            #fbphotopicker > .dialog > .footer .import.disable {
                background-color: rgb(100,100,100);
                color: rgb(200,200,200);
            }

.modalcontainer > .disable {
    position: fixed;
    top: -11px;
    left: 0;
    bottom: -1px;
    right: 0;
    background-color: rgb(20,20,20);
    opacity: .5;
    z-index: 19001;
}

.modalframe {
    position: absolute;
    top: 120px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 410px;
    box-shadow: 2px 2px 10px 0px rgb(20,20,20);
    -moz-box-shadow: 2px 2px 10px 0px rgb(20,20,20);
    -webkit-box-shadow: 2px 2px 10px 0px rgb(20,20,20);
    z-index: 19001;
    outline: none;
}

    .modalframe.wide {
        width: 800px;
    }

    .modalframe > .modalflow {
        display: block;
        border-radius: 6px;
    }

.modalflow > .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    border-radius: 6px;
}

.modalflow > .fg {
    position: relative;
    padding: 15px;
}

.modalflow .action-bar { /* all titles */
    color: #222;
    font-size: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dbdbdb;
    line-height:1.8;
    margin-bottom:8px;
}

.modalflow.no-title-border .action-bar {
    border-bottom: none;
}
.modalflow .action-bar.no-title { /* no title */
    border-bottom: none;
    margin-bottom: 0;
}

.modalflow .action-bar a, .action-bar label {
    margin-right: 5px;
    vertical-align:middle;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.modalflow .action-bar a + a {
    border-left: 1px solid #dbdbdb;
    padding-left: 5px;
}

.modalflow .action-bar .title {
    font-size: 12px;
    line-height: 1.8;
    font-weight: bold;
    text-transform: uppercase;
}

.modalflow .action-bar a:not(.selected):hover {
    cursor: pointer;
}

.modalflow .action-bar .selected {
    padding: 6px;
    padding-bottom: 5px;
    margin-right: 5px;
    border-radius: 5px;
}

.modalflow .action-bar .close {
    float: right;
    height: 20px;
    width: 20px;
    text-align: center;
    border: none;
}

.modalflow .action-bar .stepcue {
    float: right;
    color: #222;
    font-size: 12px;
}

.modalflow .column > .row {
    margin-right: 10px;
}

.modalflow .column + .column > .row {
    margin-left: 5px;
    margin-right: 5px;
}

.modalflow .cell.half {
    padding-right: 5px;
}

.modalflow .cell.half + .cell.half {
    padding-left: 5px;
    padding-right: 0;
}

.modalflow .textentry.block  .row > .cell.half + .cell.half {
    border-left: 1px solid #dbdbdb;
    padding-left: 10px;
}

.modalflow .row .label {
    margin-bottom: 4px;
    margin-top: 15px;
    font-size: 11px;
}
.modalflow .row > .label,
.modalflow .cell > .label  {
    margin: 0;
    padding: 0;
}

.modalflow .textentry {
    display: block;
    padding: 10px 5px;
}

.modalflow .row+.row{
    margin-top:10px;
}
.modalflow .row + .row.separator-adj {
    border-top: 1px solid #dbdbdb;
    padding-top: 10px;
}

.modalflow .row > .label + .textentry,
.modalflow .row > .label + .textmessage,
.modalflow .cell > .label + .textentry,
.modalflow .cell > .label + .textmessage {
    margin-top: 5px;
}

.modalflow .textentry input, .modalflow .textentry .input, .modalflow .textentry select, .modalflow .textentry textarea {
    width: 100%;
}

.modalflow .textentry .chzn-container {
    width: 100% !important;
}

.modalflow .textentry .watermark_container {
    width: 100%;
    vertical-align: middle;
}

.modalflow .textentry .chzn-container-single .chzn-single {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}

.modalflow .textentry .chzn-container-single .chzn-single div b {
    background-image: url("/Content/images/ext/droparrowsmall_grey.png") !important;
    background-size: 14px !important;
}

.modalflow .textentry .chzn-container-single .chzn-single.chzn-default {
    color: #ccc;
}

.modalflow .textentry .chzn-container-multi .chzn-choices {
    padding-left: 0px;
}

.modalflow .textentry .chzn-container-multi .default {
    font-family: Verdana, Geneva, sans-serif;
    color: #ccc;
}

.modalflow .textentry textarea {
    height: 100px;
}

.modalflow .textmessage {
    display: block;
    margin-right: 1px;
    margin-bottom: 5px;
}

.modalflow .textmessage > .fg {
    padding: 0;
}

.modalflow .textmessage > .fg > .body {
    margin-bottom: 5px;
}

.modalflow .textmessage > .bg {
    background-color: transparent;
    display: block;
}

.modalflow .error {
    margin-top: 10px;
    margin-bottom: 5px;
}

.modalflow a.link,
.modalflow span.link {
    font-weight: normal;
}

.modalflow .row.description {
    padding: 8px 5px 12px 5px;
    text-align: center;
}

.modalflow .row.description .descriptiontext {
    font-size: 12px;
    color: #444;
    font-family: Verdana, Geneva, sans-serif;
}

.modalflow .cell > .processing {
    display: block;
}

.modalflow .contentarea > .fg {
    overflow: hidden;
}

.modalflow .content+.row.manualalign {
    margin-top: 15px;
}

.modalflow .content.default {
    border-bottom:1px solid #dbdbdb;
}

.modalflow .action {
    border: 1px solid rgb(17,120,182);
    width: auto;
    min-width: 100px;
}
.modalflow .action + .action {
    margin-right: 5px;
}

.modalflow .action.secondary {
    border: 1px solid #aaa;
    color: #222;
}

.modalflow .action.disabled,
.modalflow .action:disabled{
    background-color: #eee;
    border: 1px solid #eee;
}

.modalflow span.watermark {
    line-height: 22px !important;
    color: #ccc !important;
}

.modalflow .headings > .label {
    float: left;
}

.modalflow .headings > .createbtn {
    margin-top: 10px;
}

.loginflow.loginoptions-frame > .bg {
}

.loginflow .textmessage > .fg, 
.loginflow .textmessage > .fg .body{
    color: #888;
}

.loginflow .loginbtnlabel {
    color: #fff;
    font-size: 12px;
    float: left;
}

.loginflow .loggedin {
    margin-top: 40px;
    margin-bottom: 30px;
}

.loginflow .loggedin .heading > span {
    width: 100%;
}
.loginflow .loginbtns {
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin: 0 20px 10px 20px;
}
.loginflow .loginbtns:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}
.loginflow .loginbtn {
    padding: 30px;
    box-sizing:border-box;
    text-align: center;
    font-size: 16px;
    line-height:1.5;
    display:inline-block;
    background-color: transparent;
    cursor: pointer;
    border:none;
    color: #222;
}
.loginflow .loginbtn > .text {
    font-size: 14px;
}
.loginflow .loginbtn > .cue.icon {
    display:none;
}

.loginflow .loginbtn+.loginbtn{
    border-left:1px solid #dbdbdb;
}

.loginflow .loginbtn:before{
    opacity: 1;
    font-size:64px;
    display:block;
    margin:0;
    margin-bottom:15px;
}

.loginflow .loginbtn.fblogin.icon:before {
    color: rgb(17,120,186);
}

.loginflow .loginbtn.emaillogin.icon:before {
    color: rgb(158,0,0);
}

.loginflow .loginbtn.meetuplogin.icon:before {
    color: #e0393e;
}
.loginflow .loginbtn.guestcheckout {
    padding-bottom: 10px;
}
.loginflow .loginbtn > .image-icon {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.loginflow .loginbtn.guestcheckout > .image-icon {
    background-image: url(/Content/images/int/user-avatar-dark.png);
}
.loginflow .loginbtn.kclogin > .image-icon {
    background-image: url(/Content/images/int/icon192.png);
}

.loginflow .loginoptions {
}

.loginflow .loginoptions .row {
    text-align: center;
}

.loginoptions .caption {
    padding-top: 15px;
    padding-bottom: 20px;
}

.loginoptions .caption .overview {
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    padding: 0px 5px 15px 5px;
}

.loginoptions .caption .overview .start {
    font-size: 20px;
}
.loginoptions .caption .overview .link{
    border:1px solid rgba(17,120,182, .4);
    border-radius:5px;
    padding:8px;
}
.loginflow .loginoptions .divider {
    position: relative;
}

    .loginflow .loginoptions .divider .left {
    }

    .loginflow .loginoptions .divider .right {
    }

    .loginflow .loginoptions .divider span {
        color: #222;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -6px;
        margin-top: -10px;
        text-transform: uppercase;
    }

    .loginflow .loginoptions .row.description .descriptiontext{
        color: #888;
    }

.loginflow .keepsignedin {
    margin-left: 5px;
    margin-top: 3px;
}

    .loginflow .keepsignedin span {
        color: #222;
        font-size: 12px;
        vertical-align: middle;
    }

    .loginflow .keepsignedin .icon:before {
        vertical-align: middle;
        min-width: 1em;
        margin: 0;
    }

    .loginflow .keepsignedin input {
        vertical-align: middle;
        padding: 0px;
        margin-right: 3px;
        margin-top: 5px;
        float: left;
    }

.loginflow .processing {
    margin-left: 3px;
    margin-top: 6px;
    float: left;
}

.loginflow .fbsignup .textentry {
    margin-bottom: 6px;
    border-color: #dbdbdb;
}

    .loginflow .fbsignup .textentry .long {
        width: 350px;
    }

.loginflow .fbsignup .email {
    border-color: #dbdbdb;
}

    .loginflow .fbsignup .email .long {
        width: 345px;
    }

.loginflow .fbsignup .fbinfo > .pict {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-size: cover;
    border: 1px solid #dbdbdb;
    vertical-align: top;
}

.loginflow .fbsignup .fbinfo > .details {
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
}

    .loginflow .fbsignup .fbinfo > .details > span {
        display: block;
        font-size: 12px;
        color: #444;
    }

    .loginflow .fbsignup .fbinfo > .details .label {
        color: #888;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        margin-top: 0px;
        margin-bottom: 6px;
        padding: 0px;
    }

.loginflow .emailsignup .userintent {
    float: right;
    margin-left: 0px;
}

    .loginflow .emailsignup .userintent select {
        width: 175px;
    }

    .loginflow .emailsignup .userintent .chzn-single {
        height: 24px;
    }

.loginflow .emailsignup .processing {
    float: right;
    margin-right: 10px;
}

.eventoffer .cell {
    vertical-align: middle;
}

.eventoffer .cell.status .label {
    margin-top: 0;
}

.eventoffer .content {
    margin-top: 0px;
}

.eventoffer .textentry.description textarea {
    height: 154px;
}

.eventoffer .fileentry .body {
    padding: 5px 10px 10px 8px;
}

.eventoffer .fileentry .actions {
    vertical-align: top;
}

.eventoffer .fileentry .pic {
    width: 225px;
    height: 145px;
    background-size: cover;
    background-position: center;
    border: 1px dashed #dbdbdb;
}

.eventoffer .fileentry .filestatus {
    margin-left: 10px;
}

.eventoffer .processing {
    margin-top: 14px;
    margin-left: 12px;
}

.createprofile .zip input {
    width: 173px;
}

.createprofile .elevatorpitch textarea {
    height: 40px;
}

.createprofile .primarypic {
    display: block;
    padding: 10px;
}

.createprofile .primarypic .piccontainer {
    border-radius: 50%;
    overflow: hidden;
}

.createprofile .primarypic .cell {
    vertical-align: top;
}

.createprofile .primarypic .pic {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url(/Content/images/ext/user_greybg.png);
    background-repeat: no-repeat;
}

.createprofile .primarypic .pic .filestatus {
    display: inline-block;
    margin-left: 20px;
    margin-top: 40px;
}

.createprofile .primarypic .filestatus .progress {
    margin-left: 8px;
}

.createprofile .primarypic .actions {
    padding-left: 15px;
    width: 220px;
    margin-left: 10px;
}

.createprofile .primarypic .actions > .label {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 12px;
    margin-top: 5px;
}

.createprofile .primarypic .actions .fileuploadbtn {
    border-radius: 5px;
    padding: 8px 12px 8px 12px;
}

.createprofile .icebreaker textarea {
    height: 50px;
}

.createprofilepopup .footer .processing {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.createprofilepopup .headinginfo {
    width: 80%;
    padding-bottom: 4px;
    padding-left: 8px;
}

.createprofilepopup .headinginfoicon {
    width: 40px;
}

.modalprompt {
    box-shadow: 2px 2px 10px 0px rgb(20,20,20);
    -moz-box-shadow: 2px 2px 10px 0px rgb(20,20,20);
    -webkit-box-shadow: 2px 2px 10px 0px rgb(20,20,20);
    border-radius: 5px;
}

.modalprompt > .bg {
    opacity: 1;
    background-color: #fff;
}
    
.modalprompt .textmessage > .bg {
    display: none;
}

.modalprompt .textmessage > .fg, .modalprompt .textmessage > .fg .body {
    color: #444;
}

.modalprompt .row.actionbar:not(.manualalign) .action{
    display:block;
    width: 100%;
    margin:0;
    padding:12px 5px;
    float:none;
    margin-bottom:10px;
}

.couponcheckout .couponinfo {
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    margin: 10px 0  15px 0;
}

.couponcheckout .offerdetails {
    padding: 0px;
}

.couponcheckout .offerdetails .offerinfo {
    padding: 10px;
}

.couponcheckout .chargedetails {
    border-bottom: 1px solid #dbdbdb;
}

.couponcheckout .chargedetails .chargetable {
    display: table;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    color: #222;
}

.couponcheckout .chargedetails .chargetable .row {
    display: table-row;
}

.couponcheckout .chargedetails .chargetable .cell {
    display: table-cell;
    width: 100%;
}

.couponcheckout .chargedetails .chargetable .cell.value {
    font-size: 11px;
    text-align: right;
    white-space: nowrap;
}

.couponcheckout .chargedetails .chargetable .cell.value .helplink {
    color: rgb(17, 120, 182);
    cursor: pointer;
    font-size: 14px;
}

.couponcheckout .chargedetails .chargetable .cell.value.payable,
.couponcheckout .chargedetails .chargetable .cell.value.payable span,
.couponcheckout .chargedetails .chargetable .cell.value.points span {
    font-weight: bold;
}

.couponcheckout .couponinfo .titletext {
    color: #222;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.couponcheckout .couponinfo .descriptiontext {
    color: #444;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0 10px 0;
}

.couponcheckout .paymentinfo {
    margin: 10px 0 15px 0;
}

.couponcheckout .paymentinfo .disclaimer {
    margin-top: 10px;
}

.couponcheckout .paymentinfo .disclaimer .label .highlight {
    font-size: 16px;
}

.couponcheckout .paymentinfo .disclaimer .label {
    font-size:12px;
    line-height: 20px;
    font-weight: normal;
    text-transform: none;
}

.couponcheckout .paymentconfirm .issuedcoupons {
    margin-top: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.eventcheckinprompt .description .watermark {
    line-height: 22px;
}

.qtip-prompt.qtip-eventfriendinvitepopup,
.qtip-prompt.qtip-eventinvitepopup,
.qtip-prompt.qtip-transferticketpopup,
.qtip-prompt.qtip-lightbg,
.qtip-prompt.flyout-menu {
    min-width: 250px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 10px 0px rgba(20,20,20, .5);
    -moz-box-shadow: 2px 2px 10px 0px rgba(20,20,20, .5);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(20,20,20, .5);
}

.qtip-prompt.flyout-menu {
    min-width: 200px;
    padding: 0;
}

.qtip-prompt.qtip-eventfriendinvitepopup .textentry,
.qtip-prompt.qtip-eventinvitepopup .textentry,
.qtip-prompt.qtip-lightbg .textentry {
    border-color: #ccc;
    display: block;
    color: #222;
}

.qtip-prompt .chzn-container {
    width: 100% !important;
}

.qtip-prompt.qtip-eventfriendinvitepopup .label,
.qtip-prompt.qtip-eventinvitepopup .label,
.qtip-prompt.qtip-lightbg .label {
    color: #222;
    text-transform: none;
}

.qtip-prompt.w-280 {
    width: 280px;
}
.qtip-prompt.w-300 {
    width: 300px;
}
.qtip-prompt.w-320 {
    width: 320px;
}

.qtip-prompt.qtip-lightbg .message {
    color: #444;
}

.eventfriendinvitepopup .label {
    font-weight: normal;
    line-height: 18px;
    padding-bottom: 5px;
}

.eventfriendinvitepopup .notes .textentry {
    display: block;
    margin-bottom: 10px;
    margin-top: 8px;
}

.eventfriendinvitepopup .notes .textentry textarea {
    width: 100%;
    height: 80px;
    border-color: #dbdbdb;
    font-size: 12px;
    line-height: 18px;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
}

.eventfriendinvitepopup .actions {
    text-align: center;
}

.eventfriendinvitepopup .actions .action {
    width: 100%;
    border: none;
    float: none;
    background-color: rgba(17,120,182,.8);
}

.eventinvite .textentry {
    display: block;
}

.eventinvite .textentry .long {
    width: 100%;
    white-space: normal;
}

.eventinvite .label {
    margin-bottom: 8px;
    margin-top: 15px;
}

.eventinvite .row + .row {
    margin-top: 10px;
}

.eventinvite .intro {
    color: #ccc;
    font-size: 12px;
    line-height: 20px;
}

.qtip-prompt.qtip-eventinvitepopup .eventinvite .intro {
    color: #222;
}

.eventinvite .share-fb {
    float: none;
}

.eventinvite input.emailinput {
    font-size: 12px;
    vertical-align: middle;
    padding-bottom: 10px;
    padding-top: 5px;
}

.eventinvite textarea.emailmsg {
    border-top: 1px solid #dbdbdb;
    font-size: 12px;
    padding-top: 6px;
    height: 40px;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
}

    .eventinvite textarea.emailmsg.active {
        height: 80px;
    }

.eventinvite .socialmedia .share {
    margin-top: 10px;
}

.eventinvite .copylink {
    line-height: 24px;
    vertical-align: middle;
    padding: 5px;
    overflow: hidden;
    border: none;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-radius:0;
}
.eventinvite .copylink:last-child {
    border-bottom:none;
    padding-bottom:0;
}
.eventinvite .textmessage.copylink {
    margin:0;
}

.eventinvite .copylink a:not(.copy-to-clipboard) {
    color: rgb(17, 120, 182);
    font-size: 12px;
    overflow: hidden;
}
.eventinvite .copylink .copy-to-clipboard {
    margin-left: 2px;
    font-size: .8em;
}

.eventinvite .copylink a:hover {
    text-decoration: none;
}

.eventinvite .actionbar {
    border-color: #ccc;
    margin-top: 5px;
}

.eventinvite .actionbar .processing {
    display: inline-block;
    margin-top: 8px;
}

.eventinvite .actionbar .info.success {
    background-image: url('/Content/images/ext/checkmark.png');
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left: 18px;
    float: none;
}

.eventinvite .action {
    width: auto;
    cursor: pointer;
    background-color: rgba(17, 120, 182, 0.8);
    border: none;
    min-width: 80px;
    margin-bottom: 2px;
}

.eventinvite .moreoptions .action {
    float: none;
}

.textentry.embedcode {
    background-color: rgba(220,220,220,.2);
    border-color: rgba(220,220,220,.6);
    font-size:12px;
    line-height: 18px;
}

.qtip-prompt .eventinvite .action {
    line-height: 14px;
}

.qtip-prompt.qtip-couponinfopopup {
    min-width: 180px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 3px 2px 5px 0px rgb(20,20,20);
    -moz-box-shadow: 3px 2px 5px 0px rgb(20,20,20);
    -webkit-box-shadow: 3px 2px 5px 0px rgb(20,20,20);
    ;
}

    .qtip-prompt.qtip-couponinfopopup.offset .qtip-tip {
        margin-left: 45px !important;
    }

.couponinfopopup .label {
    color: #444;
    text-align: center;
}

.couponinfopopup .ticketcode {
    background-color: transparent;
    display: block;
    margin-top: 10px;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    border: none;
    color: #000;
}

.modalflow.eventinvite > .fg {
    padding-bottom: 25px;
}

.eventcouponlist .table-cell.couponqrcode {
    width: 25%;
    padding-right: 15px;
    padding-bottom: 15px;
}

.eventcouponlist .table-cell.couponqrcode > img {
    width: 81px;
}

.eventcouponlist .table-cell.couponinfo {
    vertical-align: middle;
    padding-bottom: 15px;
}

.eventcouponlist .couponinfo .coupontype,
.eventcouponlist .couponinfo .couponrefundstatus {
    font-size: 12px;
    line-height: 28px;
}
.eventcouponlist .couponinfo .couponlabel {
    text-transform: uppercase;
    font-size: 10px;
    color: #666;
    display: block;
    line-height: 1.4;
    margin-bottom: 5px;
}
.eventcouponlist .couponinfo .couponcode {
    display: block;
    font-size: 24px;
    line-height: 1;
    color: #444;
}

.eventcouponlist .couponinfo .couponaction {
    display: inline-block;
}

.eventcouponlist .couponinfo .couponaction .link {
    font-size: 11px;
    line-height: 24px;
    border: 1px solid rgba(17,120,182, .4);
    padding: 4px 8px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 5px;
}

.eventcouponlistprompt > .content {
    border-bottom: 1px solid #dbdbdb;
    padding: 5px 0;
}

.eventcouponlist-popup > .content > .sublabel {
    text-align: center;
}

.usercardlist-small .user-box {
    display: inline-block;
    white-space: nowrap;
    width: 20%; /* 5 in line*/
    padding: 5px;
    box-sizing: border-box;
}

.usercardlist-small .userlist{
    margin: -5px;
}

/* Special case for the responsive list in the events page*/
@media screen and (max-width: 1400px) and (min-width: 738px) {
    .usercardlist-small.responsive .user-box {
        width: 25%; /* responsive - 4 in line */
    }
}

/* Special case for the responsive list in the events page*/
@media screen and (max-width: 737px) {
    #event .invitefriends .usercardlist-small .user-box,
    .usercardlist-small.responsive .user-box {
        width: 33%; /* responsive - 3 in line */
    }
}

.usercardlist-small.fixed-grid-3 .user-box {
    width: 33%;
}

.usercardlist-small.fixed-grid-4 .user-box {
    width: 25%;
}

.usercardlist-small .user {
    overflow: hidden;
    padding-top:10px;
}

.usercardlist-small.prominent .user.can-navigate {
    border-radius: 4px;
    border: 1px solid rgba(220,220,220,.4);
    background-color: rgba(220,220,220,.2);
}
.usercardlist-small.prominent .user-box:hover .user.can-navigate {
    box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.3);
    transition: box-shadow 0.1s;
}

.usercardlist-small .user > .pic,
.usercardlist-small .user > .details {
    display: block;
}

.usercardlist-small .user > .pic {
    margin: 2px;
    text-align:center;
    line-height:0;
}

.usercardlist-small .user > .pic.can-navigate {
    cursor: pointer;
}

.usercardlist-small .user > .pic > .imagebox {
    width: 80%;
    padding-bottom: 80%;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    display:inline-block;
}

.usercardlist-small.notloggedin .user > .pic > .imagebox {
	-webkit-filter: blur(6px); /* Prefixed CSS3 blur filters */
	-moz-filter: blur(6px); 
	-o-filter: blur(6px); 
	-ms-filter: blur(6px); 
    filter: blur(6px); 
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6'); /* IE lte 9 */
    opacity:.3;
}

.usercardlist-small .user > .details {
    padding: 10px 5px;
    text-align:center;
}

.usercardlist-small.prominent .user.can-navigate > .details {
    padding: 10px;
}

.usercardlist-small .user > .header,
.usercardlist-small .user > .details > .header {
    color: #222;   
    font-weight: bold;  
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.usercardlist-small.notloggedin .user > .details > .header {
    visibility:hidden;
    height: 5px;
}

.usercardlist-small .user > .header{
    font-size: 10px; 
    text-align:center;
    margin: -5px 0 5px 0;
}

.usercardlist-small .user > .details > .header {
    font-size: 12px;  
    margin:0 auto;
}

.usercardlist-small .user > .details .status {
    color: #444;
    font-size: 10px;
    line-height:1.5;
}

.usercardlist-small .user > .details .action {
    border: none;
    width: auto;
    min-width: 0;
    float: none;
    outline: none;
    background-color: transparent;
    text-align: left;
    padding: 0;
}

.usercardlist-small .user > .details .action:not(:disabled){
    color: rgb(17,120,182);
    cursor: pointer;
}

.usercardlist-small.prominent .user.can-navigate > .details .status {
    border-top: 1px solid #dbdbdb;
    padding-top: 10px;
    margin-top: 5px;
}

.usercardlist-small .userlist.refreshing .user > .details .action {
    color: #ddd;
}

.usercardlist-small .user > .details .processing {
    margin-left: 10px;
    background-size: 34px;
    display:inline-block;
    height: 10px;
}

.transferticketprompt .textmessage .fg {
    padding: 10px 5px;
}

    .transferticketprompt .textmessage .fg > span {
        font-size: 11px;
    }

.qtip-prompt.qtip-transferticketpopup,
.qtip-prompt.qtip-transferticketpopup .qtip-content {
    overflow: visible;
}

.qtip-prompt.qtip-transferticketpopup {
    min-width: 300px;
}

.qtip-flyout.userlike-popup {
    padding: 4px 0;
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
    max-width: none;
    box-shadow:none;
}

.qtip-prompt .qtip-content,
.qtip-flyout.userlike-popup .qtip-content {
    overflow: visible;
}

.qtip-prompt.flyout-menu .qtip-content {
    padding: 0;
}

.userlike-popup .fb-like {
    overflow: hidden;
    z-index: 20000;
    vertical-align: middle;
}

.userlike-popup .tw-action {
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
}

.userlike-popup .instagram-badge {
    display: inline-block;
    vertical-align: middle;
}
.userlike-popup .instagram-badge > img {
    vertical-align: middle;
}
.userlike-popup .instagram-badge > span {
    vertical-align: middle;
    margin-left: 5px;
    text-transform: none;
}

.qtip-flyout.userlike-popup .label,
.userlike-popup .label {
    font-weight: normal;
    color: #fff;
}

.userlike-popup .row {
    min-height: 30px;
    padding-bottom: 10px;
    text-align: center;
}

.userlike-popup .row + .row {
    padding-top: 10px;
}

.userlike-popup .instagram {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9);
    display: inline-block;
    line-height: 0;
    vertical-align: text-bottom;
    margin-left: -8px;
}

.pagerfooter {
    text-align:center;
    padding-bottom:10px;
    color:#222;
}
.pagerfooter a{
    margin-left:5px;
    margin-right:5px;
    color:#aaa;
    cursor:default;
    vertical-align:middle;
}
.pagerfooter .info{
    font-size: 11px;
    vertical-align: middle;
    line-height: 22px;
}
.pagerfooter a.enable{
    color:rgb(17, 120, 186);
    cursor:pointer;
}

.modalflow .profileform .piccontainer{
    width:20%;
    margin:0;
    border: none;
    padding:0 20px 0 0;
}
.modalflow .profileform .piccontainer .pic{
    width:100%;
    padding-bottom: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #ccc;
}
.modalflow .profileform .actions{
    width:80%;
    margin:0;
    border: none;
}
.modalflow .profileform .actions .actionbar{
    margin-top: 10px;
}
.modalflow .profileform .actions .sublabel{
    padding: 0;
}
.modalflow .profileform .actions .action{
    float:none;
}

.modalcontainer.pagereloading .modalframe.modalflow{
    position: fixed;
    top:48%;
}

.eventembeddingprompt .manualalign{
    margin-top:10px;
}

#memberlikespopup .usercardlist-small .user-box {
    width: 33%;
}
.filterprompt .chzn-container-multi .chzn-choices .search-choice{
    margin-left: 0;
}
.filterprompt .chzn-container-multi .chzn-choices .search-choice > span{
    max-width: 160px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
.filterprompt >.row >.textentry {
    border: none;
    padding: 5px 0;
}
.filterprompt >.row >.textentry >.label{
    margin-bottom:10px;
}
.filterprompt >.row+.row {
    border-top: 1px solid #dbdbdb;
    padding-top:5px;
}
.filterprompt > .row.actionbar{
    text-align:right;
    padding: 5px;
    padding-top:10px;
} 
.filterprompt .chzn-container-multi .chzn-choices .search-field .default{
    width: 100% !important;
    padding: 5px 0;
    opacity: .5;
    font-size: 16px;
}
.filterprompt .close{
    float:right;
    font-size:16px;
    color: #222;
}
.filterprompt .icon.fa-search{
    color: #444;
    margin-right: .5em;
}

a.group-info.link.tag {
    display: inline-block;
    line-height: 1;
    overflow:hidden;
    /*text-overflow:ellipsis;*/
}
a.group-info.overflow-anchor {
    flex-shrink: 0;
    margin-left: 5px;
}
.groupassociation-list > .shrinkwrap {
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 0;
}
.groupassociation-overflow-prompt.scrollregion {
    max-height: 200px;
    margin-right: -10px;
}
.groupassociation-overflow-prompt .groupinfo.row {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.2;
}
.groupassociation-overflow-prompt a.link.tag{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.eventideatos .scrollregion{
    max-height: 200px;
    border-radius: 4px;
    border:1px solid rgba(220,220,220,.4);
    background-color: rgba(220,220,220,.2);
}
.eventideatos .scrollcontent{
    padding: 5px;
}

.searchbar > .textentry {
    display: block;
    padding: 8px 5px;
}
.searchbar > .textentry input {
    width:100%;
}
.searchbar > .textentry .fa-stack {
    margin-right: .8em;
    margin-bottom: .3em;
}
.searchbar > .textentry .fa-stack > .fa-circle {
    color: #eee;
}
.searchbar > .textentry .fa-stack > .fa-search  {
    top: .3em;
    left: .2em;
    font-size: .8em;
}
#widget-picture-wall{
    line-height:0;
}
#widget-picture-wall .picture-box {
    width: 50%;
    display: inline-block;
    padding:2px;
    box-sizing:border-box;
}
#widget-picture-wall .picture-box > .picture {
   padding-bottom:100%;
   cursor: pointer;
}
#widget-picture-wall .picture-box:nth-child(odd):last-child {
    width:100%;
}
#widget-picture-wall .picture-box:nth-child(odd):last-child > .picture {
    padding-bottom:50%;
}
.tribute-container {
    z-index: 15001;
    left: auto;
    right: auto;
    box-shadow: 2px 2px 10px 0px rgba(40,40,40,.4);
    -moz-box-shadow: 2px 2px 10px 0px rgba(40,40,40,.4);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(40,40,40,.4);
    margin-top: 2px;
    color: #444;
}
.tribute-container ul {
    margin: 0;
    background: #fff;
}
.tribute-container .profile-img {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 10px;
}
.tribute-container li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* offerlist styles*/
.offerslist {
    margin: 0;
}
.offerslist .offer + .offer > .table-cell {
    padding-top: 20px;
}
.offerslist .offer .offer-row {
    display: block;
    margin-bottom: 5px;
}
.offerslist .offer .pic {
    height: 190px;
    position: relative;
    background-position: center;
    background-size: cover;
}
.offerslist .offer .details {
    position: relative;
}
.offerslist .offer .price {
    padding: 10px;
    display: block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    margin-left: 10px;
    min-width: 80px;
}
.offerslist .offer .price.can-checkout {
    border-color: rgba(17,120,182, .4);
}
.offerslist .offer .price .discounts {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
}
.offerslist .offer .price .pricetext {
    color: #aaa;
    white-space: nowrap;
}
.offerslist .offer .price.prominent .pricetext {
    color: #444;
}
.offerslist .offer .price .pricetext.can-checkout {
    color: rgba(17,120,182, .9);
}
.offerslist .offer .price .pricetext .currency {
    font-size: 30px;
    line-height: 40px;
    vertical-align: middle;
}
.offerslist .offer .price .pricetext .unit {
    font-size: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-left: -3px;
}
.offerslist .offer .price .pricetext .cents {
    font-size: 15px;
    line-height: 40px;
    vertical-align: top;
}
.offerslist .offer .price .pricetext .cue {
    line-height: 40px;
    vertical-align: middle;
}
.offerslist .offer .price .calltoaction {
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    min-height: 7px;
}
.offerslist .offer .price .calltoaction.can-checkout {
    color: rgba(17,120,182, .9);
}
.offerslist .offer .price .calltoaction .icon.fa-chevron-right {
    font-size: .6em;
    margin-left: .4em;
}
.offerslist .offer .title {
    font-size: 13px;
    line-height: 22px;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.modalprompt .offerslist .offer .title {
    text-transform: none;
}

.modalprompt .offerslist .offer + .offer > .table-cell {
    padding-top: 10px;
}

.offerslist .offer .title .link {
    font-weight: normal;
    font-size: 10px;
    text-transform: none;
    white-space: nowrap;
}

.offerslist .offer .offer-description {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 26px;
    padding-bottom: 5px;
    color: #444;
}
.offerslist .offer .status {
    font-size: 12px;
    line-height: 22px;
}

.offerslist .offer .hasCoupon {
    background-image: url('/Content/images/ext/checkmark.png');
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 18px;
}
.offerslist .offer .status .link {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    min-width: 80px;
    margin-right:3px;
}
.offerslist .offer .status .processing {
    display: inline-block;
    background-size: 30px;
    margin-left: 5px;
    vertical-align: middle;
}
.offerslist .offer .actions {
    margin-top: 10px;
    line-height: 44px;
}
.offerslist .offer .ticketlist .ticketqr {
    width: 6em;
}
.offerslist .offer .ticketlist .ticketcode {
    text-align: center;
}
.offerslist .offer .checkout {
    text-align: center;
    border-radius:6px;
    margin-left: 10px;
    padding: 10px;
    color: #444;
    border: 1px solid #dbdbdb;
    display: block;
    min-width:80px;
}
.offerslist .offer .checkout .icon {
    font-size: 2.5em;
    line-height: 1.1;
    display: block;
}
.offerslist .offer .checkout .icon.success {
    color: green;
}
.offerslist .offer .checkout .icon:before {
    margin: 0;
}
.offerslist .offer .checkout .statustext {
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
}
.offerslist .offer .checkout.highlight {
    background-color: rgba(17, 120, 182, 1);
    color: #fff;
}

.file-download-prompt .download-icon {
    color:#000;
    margin-right:.2em;
}
.file-download-prompt .download-link {
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    line-height: 1.5;
}
.file-download-prompt .download-link .cue {
    font-size: .8em;
    margin-left: .2em;
}
.guidedselect .font-icon {
    align-self: flex-start;
    font-size: 2em;
    padding: .5em;
    margin-right: .5em;
    color: #fff;
    background: rgb(17, 120, 182);
    border-radius: 50%;
    text-align: center;
}
.guidedselect .font-icon.icon:before {
    margin: 0;
}
.guidedselect .svg-icon-bg {
    align-self: flex-start;
    padding: .5em;
    margin-right: 1em;
    background: rgb(17, 120, 182);
    border-radius: 50%;
    text-align: center;
    width: 3.5em;
    height: 3.5em;
    position: relative;
    line-height: 3.5em;
}
.guidedselect .svg-icon {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    max-height: 80%;
    /* attr: https://stackoverflow.com/a/53336754*/
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(297deg) brightness(101%) contrast(113%);
}

.choicelist ul{
    margin: 0;
}
.choicelist li.choice {
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    border-radius:5px;
}
.choicelist li.choice+li {
    margin-top:1px;
}
.choicelist li.choice:not(.selected) {
    color: #000;
}
.choicelist ul:not(.disabled) li.choice:not(.selected) {
    cursor: pointer;
}
.choicelist ul.disabled li.choice:not(.selected) {
    color: #888;
}
.choicelist li.choice.selected {
    color: #fff;
    background-color: #3875d7;
}
.choicelist ul:not(.disabled) li.choice:not(.selected):hover {
    background-color: #eee;
}
.choicelist .choice .option-description {
    display: block;
    font-size: 0.8em;
    line-height: 1.6;
    margin-top: 0.2em;
}
.choicelist .choice .icon {
    align-self: flex-start;
    font-size: 2em;
    padding: .5em;
    margin-right: .5em;
    color: #000;
    background-color: #eee;
    border-radius: 50%;
    text-align: center;
}
.choicelist .choice .icon:before {
    margin: 0;
}
.choicelist .choice.selected .option-title:after {
    align-self:flex-start;
    font-family: FontAwesome;
    text-decoration: none;
    font-style: normal;
    content: "\f00c";
    float: right;
}
.ticketmanifest .offer-tickets-title {
    background-color: rgba(220,220,220,.2);
    font-size: 12px;
    line-height: 1.8;
    padding: 8px 10px;
    color: #222;
    font-weight: bold;
    text-align: center;
}
.ticketmanifest .themed-scroll {
    max-height: 50vh;
    border: 1px solid #dbdbdb;
}
body.bigscreen .ticketmanifest .themed-scroll {
    margin: -10px 0;
}
.ticketmanifest .offer-tickets-body {
    border-top: 1px solid #dbdbdb;
}
.ticketmanifest .offer-tickets-body > table > tbody > tr:not(:last-child) > td {
    border-bottom: 1px solid #dbdbdb;
}
.ticketmanifest .offer-tickets-body + .offer-tickets-title {
    border-top: 1px solid #dbdbdb;
}
.ticketmanifest .switch-block {
    display: inline-block;
    margin: 5px;
    margin-left: 0;
    padding-right: 10px;
    vertical-align: top;
}
.ticketmanifest .switch-block:not(:last-child) {
    border-right: 1px solid #dbdbdb;
    padding-right: 10px;
    margin-right: 10px;
}
body.bigscreen .ticketmanifest .listfooter {
    margin-top: 20px;
}
.mt-small {
    margin-top: 5px;
}

.mb-small {
    margin-bottom: 5px;
}
.position-relative {
    position:relative;
}
.position-absolute {
    position:absolute;
}
    .position-absolute.cover {
        top: 0;
        right:0;
        bottom:0;
        left:0;        
    }
.contentpart.onecolumn{
    width:500px;
}

.textmessage.placeholder .msg.loading:before {
    content: " ";
    background-image: url("/Content/images/ext/loading-dots-dark.gif");
    width: 60px;
    height: 14px;
    background-position: left center;
    background-size: 60px;
    background-repeat: no-repeat;
    margin-right: .2em;
    display: inline-block;
    vertical-align: middle;
}
.qtip-help {
    max-width: 300px;
}

/* Desktop scrollbar styling*/
.themed-scroll {
    scrollbar-color: rgba(50,50,50, .4) rgba(220,220,220, .4);
    scrollbar-width: thin;
}
.themed-scroll::-webkit-scrollbar {
    width: 4px;
    background: transparent;
}

.themed-scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(220,220,220, .4);
}

.themed-scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(50,50,50, .4);
}
#chatboard .messagelist .showmoreblock {
    margin-bottom:10px;
}
#errorpage .errorbox > .fg {
    padding:20px 40px;
}
.contentpart.eventcontent .contentarea.organizer .simplecard > .cardcontent {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

  align-items:center;
}
.contentpart.eventcontent .contentarea.organizer .simplecard > .cardcontent > .fg {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
   width: 80%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
   flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.contentpart.eventcontent .contentarea.organizer .simplecard > .cardcontent > .simplecard-actioncue {
  position:static;
  margin-top:0;
}
.contentpart.eventcontent .contentarea.eventanalytics .chart-area {
    position: relative;
    max-width: 99%;
    margin: 0 auto;
}
.cards.singlecolumn .eventcard{
    margin:30px;
    border:1px solid #dbdbdb;
}
.eventcard:not(.image-floating):hover {
    box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.3);
    transition: box-shadow 0.1s;
}
#eventlist .searchresults .searchbar{
    margin: 0 30px;
}
#eventlist .movedaterange {
    min-width: 150px;
}
/********************* Being Theme Code *************************************/
.container {
    padding: 0 60px 0 60px;
}

.ext-row.columnlayout {
    position: relative;
}

.ext-row.columnlayout > .leftcolumn {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
}

.ext-row.columnlayout > .rightcolumn {
    display: inline-block;
    width: 48%;
    margin-left: 2%;
    vertical-align: top;
}

.ext-row.columnlayout > .columnseparator {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid #dbdbdb;
    width: 25px;
    padding-left: 0;
}

@media screen and (max-width: 1200px) {
    .container {
        padding: 0 35px 0 35px;
    }

    .ext-row.columnlayout > .columnseparator {
        width: 17px;
    }

    #header {
        left: 20px;
        right: 20px;
    }

    .contentpart {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Desktop + Tablet */
/* Basic */

body, input, select, textarea {
    font-size: 11pt;
    line-height: 1.85em;
}

body {
    min-width: 1200px;
}

/* Sidebar */

#sidebar h2 {
    font-size: 1.5em;
}

/* Wrappers */

#banner-wrapper {
    padding: .5em 0;
}

.wrapper {
    padding: 7em 0 7em 0;
}

#footer-wrapper {
    padding: 7em 0 7em 0;
}

/* Header */

#header {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.75em;
    min-width: 800px;
}

#header .inner {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("/Content/images/designv2/bg02.png");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("/Content/images/designv2/bg02.png");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("/Content/images/designv2/bg02.png");
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("/Content/images/designv2/bg02.png");
    position: relative;
    height: 4.5em;
    background-color: #3B3E45;
    background-color: rgba(59, 62, 69, 0.9);
    border-radius: 8px;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.45), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.15);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

#header h1 {
    position: absolute;
    left: 1.75em;
    top: 50%;
    margin-top: -0.70em;
    font-size: 1.5em;
    color: #fff;
}

/* Nav */

#nav {
    line-height: 4.2em;
}

#nav > ul > li {
    padding: 0 1em 0 1.2em;
    display: inline-block;
    position:relative;
}

#nav > ul > li + li:before {
    content: ' ';
    position: absolute;
    top: 30%;
    bottom: 30%;
    left: 0;
    border-left: 1px solid rgba(220, 220, 220, .4);
}

#nav > ul > li > a, 
#nav > ul > li > span {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    line-height:1.2;
    font-size:.9em;
    letter-spacing: 0.1em;
    padding: 8px 0;
    vertical-align: middle;
    outline: 0;
    display: inline-block;
    text-align: center;
}

#nav > ul > li:hover > a,
#nav > ul > li:hover > span {
    padding-bottom: 6px;
    border-bottom: 2px solid #ddd;
}

#nav > ul > li.active > a, 
#nav > ul > li.current_page_item > a,
#nav > ul > li.active > span, 
#nav > ul > li.current_page_item > span {
    padding-bottom: 6px;
    background-color: transparent;
    border-bottom: 2px solid #fff;
}

#nav > ul > li:last-child {
    padding-right: 0;
}

#nav > ul > li > ul {
    display: none;
}

.dropotron {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("/Content/images/designv2/bg02.png");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("/Content/images/designv2/bg02.png");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("/Content/images/designv2/bg02.png");
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("/Content/images/designv2/bg02.png");
    position: relative;
    background-color: #3B3E45;
    background-color: rgba(59, 62, 69, 0.9);
    border-radius: 8px;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 14px 0px rgba(0, 0, 0, 0.4);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    padding: 1.5em;
    line-height: 2.5em;
    min-width: 15em;
}

.dropotron.level-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -2px;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), 0px 2px 14px 0px rgba(0, 0, 0, 0.4);
}

.dropotron a, .dropotron span {
    color: #aaa;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 0.8em;
    letter-spacing: 0.075em;
    outline: 0;
}

.dropotron li:hover > a, .dropotron li:hover > span {
    color: #fff;
}

/* Banner */

#banner {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20em 0 10em 0;
}

#banner p {
    float: left;
    text-align: right;
    width: 60%;
    line-height: 1.5em;
    margin: 0;
}

/* Tablet Only */

@media screen and (max-width: 1200px) {

    /* Basic */

    body {
        line-height: 1.75em;
        font-size: 10.75pt;
    }

    input, select, textarea {
        line-height: 1.75em;
        font-size: 10.75pt;
    }

    /* Wrappers */

    #banner-wrapper {
        padding: .5em 0 0 0;
        height: 11em;
    }

    #banner-wrapper {
        height: 50em;
    }

    #footer-wrapper {
        padding: 4.5em 0 4.5em 0;
    }

    .wrapper {
        padding: 4.5em 0 4.5em 0;
    }

    /* Banner */

    #banner {
        width: 940px;
        padding: 15em 0 0 0;
    }

    #banner h2 {
        font-size: 2.2em;
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }

    #banner p {
        font-size: 1.25em;
        line-height: 1.75em;
        letter-spacing: 0.04em;
    }
}

    /********************* End Theme Code *************************************/
.contentpart.profile.groupcontent  #chatboard .postmessage{
    margin-top: 5px;
}
#home .myconnections .simplecard 
{
    margin: 0 0 0 10px;
}
#logincontent.partial {
    margin-top: 20px;
}
#peoplelist.searchpage .searchresults {
    padding-right: 20px;
}
#peoplelist .people-cardlist {
    margin: -10px;
    margin-bottom: 10px;
}
#peoplelist .people {
    width: 33.33%;
    display: inline-block;
    padding: 10px;
    box-sizing:border-box;
}
#peoplelist .people > .simplecard {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 10px;
}
.contentpart.profile .profileheader{
    border-color: rgba(220,220,220,.4);
}
.contentpart.profile .profileheader a.group-info.link.tag{
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height:1.8;
    font-size:14px;
}
.contentpart.profile .textmessage.placeholder.notloggedin {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin: 10px 0 0 0;
    padding:10px;
}
.contentpart.profile span.msg.noevent {
    margin-top: 0;
}
.contentpart.profile .contacts{
    margin-bottom: 10px;
}
.profileactivity .addpic .pictures:not(:empty) {
    margin: 3px;
}
.profilemessage .messagelist:not(:empty) {
    padding: 10px;
}
.simplecard .simplecard-aboutbox .simplecard-info > .quoted {
    color: #555;
}

.searchbar > .textentry {
    margin-bottom:15px;
}
.eventoffer .textentry.description textarea {
    height: 255px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .eventoffer .textentry.description textarea {
        height: 208px;
    }
}
/* Desktop scrollbar styling*/
.tribute-container::-webkit-scrollbar {
    width: 4px;
    background: #fff;
}
.tribute-container::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(220,220,220, .4);
}
.tribute-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(50,50,50, .4);
}

.loginflow .loginbtn > .image-icon {
    height: 64px;
    width: auto;
    display: block;
    margin-bottom: 15px;
}
.loginflow .loginbtn.kclogin > .image-icon {
    background-size: 56px;
}
.loginflow .loginbtn.emaillogin.icon:before {
    margin-top: -2px;
    padding-bottom: 2px;
}