/*

	-- -- -- -- -- -- --
	main template CSS

	where all the magic happens
	-- -- -- -- -- -- --

*/

/* Fonts */
	@font-face {
		font-family: 'Share-Regular';
		src: url('fonts/Share-Regular-webfont.eot');
		src: url('fonts/Share-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Share-Regular-webfont.woff') format('woff'),
			 url('fonts/Share-Regular-webfont.ttf') format('truetype'),
			 url('fonts/Share-Regular-webfont.svg#Share-Regular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	html {
		font-family: sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

/* Body */
	body {
		font-family: 'Sofia Pro', Arial, sans-serif;
		//font-size: 0.8em;
		font-size: 13px;
		//line-height: 1.6em;
		line-height: 18px;
		color: #333;
		//background: #fff url("/templates/ub-generic/images/layout/bg-gradient.png") repeat-x top fixed;
		//background: #fff url("/templates/ub-generic/images/layout/bg-pattern.png") repeat-x top;
		background: #e0e0e0;
		//min-width: 1300px;
		text-rendering: optimizeLegibility;
	}

/* Inputs */
	input[type=text],
	input[type=password],
	input[type=email],
	textarea {
		//font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-family: 'Sofia Pro', Helvetica, Arial, sans-serif;
		font-size: 1em;
		line-height: 1.61803399em;
		max-width: 100%;
		padding: 0.4045084975em;
		outline: none;
		border: 1px solid #D9D9D9;
		border-color: rgba(0, 0, 0, .19) rgba(0, 0, 0, .13) rgba(0, 0, 0, .07);
		background: #F0F0F0;
		background: rgba(0, 0, 0, .039);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		-webkit-border-radius: 1px;
		   -moz-border-radius: 1px;
		    -ms-border-radius: 1px;
		     -o-border-radius: 1px;
		        border-radius: 1px;
		-webkit-transition: all 0.1s ease-out;
		   -moz-transition: all 0.1s ease-out;
		    -ms-transition: all 0.1s ease-out;
		     -o-transition: all 0.1s ease-out;
		        transition: all 0.1s ease-out;
	}
	textarea:focus, 
	input[type="text"]:focus, 
	input[type="password"]:focus, 
	input[type="file"]:focus {
		background-color: #fff;
		border-color: #0fa1ca;
	}
	.placeholder-support {
		color:#FFF;
	}

/* Links */
	a, 
	a:active, 
	a:visited {
		text-decoration: none;
		//color: #178bc1; /* 62a0b2 #0fa1ca;*/
		color: #005bbb; /* 62a0b2 #0fa1ca;*/
		//border-bottom: 1px dotted #344e54;
		//border-bottom: 1px dotted rgba(52, 78, 85, 0.4);
	}
	a:hover {
		//color: #222;
		color: #666;
		//border-bottom: 1px dotted #E59319;
		//border-bottom: 1px solid #999;
	}

/* Elements */
	/* Prevents sub and sup affecting line-height in all browsers */
	sub,
	sup {
		position: relative;
		font-size: 75%;
		line-height: 0;
		vertical-align: baseline;
	}
	sup {
		top: -0.5em;
	}
	sub {
		bottom: -0.25em;
	}
	b,
	strong {
		font-weight: bold;
	}
	i,
	em {
		font-style: italic;
	}

	/* Lists */
	ul {
		list-style: disc;
		margin: 0 0 0 2em;
		list-style-position: inside;
	}
	ul li {
		margin: 0.5em 0;
	}
	ol {
		list-style: decimal;
		margin: 0 0 0 2em;
	}
	ol li {
		margin: 0.5em 0;
	}
	iframe {
		//overflow: auto;
		overflow: visible;
		-webkit-overflow-scrolling: touch;
	}
	p {
		margin: 1em 0;
	}
	hr {
		clear: both;
		height: 1px;
		background: #ddd;
		margin: 2em 0;
		border: none;
	}
	abbr {
		border-bottom: 1px dotted #333;
	}
	dfn {
		font-style: italic;
	}
	dl dt {
		font-weight: bold;
	}
	dl dd {
		margin-left: 2em;
	}
	img {
		border: 0;
	}

/* Headers */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #6E6D6D;
		//font-family: 'Share-Regular', 'RopaSansRegular', 'LacunaRegular', 'Impact', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		//font-family: Georgia, serif;
		//font-family: 'Libre Baskerville', serif;
		font-family: 'Sofia Pro', Georgia, serif;
		//font-weight: 700;
		font-weight: normal;
		//color: #005bbb;
		margin: 1em 0;
	}
	h6 {
		margin: .5em 0;
		font-weight: normal !important;
	}	
	#droppables h1,
	#droppables h2,
	#droppables h3,
	#droppables h4,
	#droppables h5,
	#droppables h6 {
		//font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-family: 'Sofia Pro', Helvetica, Arial, sans-serif;
	}
	h2 {
		//font-size: 1.8em;
		font-size: 1.3em;
		//line-height: 1.3;
		line-height: 30px;
		//font-size: 1.9em;
		font-size: 1.4em;
	}
	h3 {
		//font-size: 1.5em;
		font-size: 1.0em;
		//font-size: 1.6em;
		font-size: 1.1em;
	}
	h4,
	h5,
	h6 {
		//font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-family: 'Sofia Pro', Helvetica, Arial, sans-serif;
		font-weight: bold;
		/*font-size: 1.1em;*/
	}
	/*h3:hover a, 
	h2:hover a {
		color: inherit;
	}*/
	blockquote {
		margin-left: 2em;
		color: #888;
		position: relative;
		background-color: #fff;
	}
	blockquote:before {
		content: "\275D";
		font-family: 'Fontcons';
		position: absolute;
		top: 0;
		left: -2em;
		color: #ccc;
	}

	blockquote.home {
		padding: 2em 5em 5em 5em;
		font-size: 1em;
		color: #888;
		position: relative;
		line-height: 1.4em;
		background-color: #fff;
		text-align: justify;
	}
	blockquote.home:before {
		content: "\275D";
		font-family: 'Fontcons';
		font-size: 2em;
		position: absolute;
		top: 1em;
		left: 0em;
		color: #ccc;
	}

/* Pre, Code, TrueType. */
	pre {
		font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;
		color: #555;
		margin: 1em 0 1em 0;
		padding: 0.5em 1em;
		font-size: 0.85em;
		line-height: 1.95em;
/*
		word-wrap: break-word;
		white-space: pre;
		white-space: -moz-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		white-space: pre-wrap; */ /* PCK */
		border: 1px solid #d7d7d7;
		background-color: #fff; 
		background-image: -webkit-linear-gradient(#eee 1px, transparent 1px),
						  -webkit-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -moz-linear-gradient(#eee 1px, transparent 1px),
						  -moz-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -ms-linear-gradient(#eee 1px, transparent 1px),
						  -ms-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: -o-linear-gradient(#eee 1px, transparent 1px),
						  -o-linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-image: linear-gradient(#eee 1px, transparent 1px),
						  linear-gradient(0deg, transparent 1em, #eee 1em, #eee 1.1em, transparent 1.1em);
		background-size: 100% 1.95em;
		background-position: 0 -1px;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	body .wikipage pre,
	body .wikipage .pre,
	.pre {
		background-color: #fff; 
	}
	code,
	tt {
		border: 1px solid #d7d7d7;
		background-color: #fff;
		font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;
		font-size: 0.91em;
		padding: 0.2em 0.4em;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}

/* Table */
	table {
		clear: left;
		width: 100%;
		text-align: left;
		font-size: 1em;
		border-collapse: collapse;
		border-bottom: 1px dashed #dadada;
	}
	table caption {
		line-height: 1.6em;
		padding: 0.4045084975em 0.61803399em;
		text-align: left;
	}
	table th,
	table td {
		vertical-align: top;
		line-height: 1.6em;
		padding: 0.4045084975em 0.61803399em;
		border-bottom: 1px solid #dadada;
	}
	table th {
		font-weight: bold;
		white-space: nowrap;
	}

/* Core classes */
	.nowrap {
		white-space: nowrap;
	}
	.highlight {
		background-color: #FFFF99;
	}

	#content.com_ysearch .highlight {
		background-color: #FFF;
		border-bottom: dotted 1px #999;
	}

/* Shortcuts */
	#top {
		/*
		border-top: 3px solid #178bc1;
		background: #4b677c;
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#62a0b2), color-stop(50%,#4b677c), color-stop(100%,#250b23));
		background: -webkit-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -moz-linear-gradient(-75deg, #62a0b2 0%, #4b677c 50%, #250b23 100%);
		background: -ms-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -o-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: linear-gradient(135deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a0b2', endColorstr='#250b23',GradientType=1 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62a0b2, endColorstr=#250b23)";
		*/
	}

/* Splash */
	#splash {
		//margin: 0 30px;
		margin: 0 auto;
		//max-width: 980px;
		max-width: 1300px;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		//background: #4b677c;
		background: #666;
		/* blue -> purple gradient */
		
		/*
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#62a0b2), color-stop(50%,#4b677c), color-stop(100%,#250b23));
		background: -webkit-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -moz-linear-gradient(-75deg, #62a0b2 0%, #4b677c 50%, #250b23 100%);
		background: -ms-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: -o-linear-gradient(-75deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		background: linear-gradient(135deg, #62a0b2 0%,#4b677c 50%,#250b23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a0b2', endColorstr='#250b23',GradientType=1 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62a0b2, endColorstr=#250b23)";
		*/
	}
	#splash .inner-wrap {
		/* Vertical stripes */
		background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		background-image: linear-gradient(90deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
		-webkit-background-size: 300px 300px;
		   -moz-background-size: 300px 300px;
		    -ms-background-size: 300px 300px;
		     -o-background-size: 300px 300px;
		        background-size: 300px 300px;
		background-position: 95px 0;
	}
	/* Safari seems to interpret degrees incorrectly) */
	/*
	html.safari #splash .inner-wrap {
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .065) 33%, rgba(255, 255, 255, .045) 33%, rgba(255, 255, 255, .045) 66%, rgba(255, 255, 255, .105) 66%, rgba(255, 255, 255, .105) 100%);
	}
	*/
	#splash .inner-wrap .inner {
		/* Slanted gradients */
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))),
		                  -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.4, rgba(255, 255, 255, .1)), color-stop(0.401, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
		background-image: -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: -o-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  -o-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		background-image: linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)),
		                  linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0));
		-webkit-background-size: 400px 400px;
		   -moz-background-size: 400px 400px;
		    -ms-background-size: 400px 400px;
		     -o-background-size: 400px 400px;
		        background-size: 400px 400px;
		background-position: 120px -10px;
		//border-left: 1px solid rgba(255, 255, 255, 0.05);
		//border-right: 1px solid rgba(255, 255, 255, 0.05);
	}
	#splash .inner-wrap .inner .wrap {
		//min-height: 90px;
		min-height: 25px;
		position: relative;
	}

/* Search */
	#searchform {
		float: right;
		margin: 0;
		padding: 0;
	}
	#searchform legend {
		display: none;
	}
	#searchform fieldset {
		border: none;
		padding: 0;
	}
	#searchform input {
		display: block;
		border: none;
		float: left;
	}
	#searchform input::placeholder {
		color: #FFF;
	}
	#submitquery {
		margin: 0;
		padding: 1.4em 1em 1.4em 1em;
		background: #333 url("../images/layout/search.png") center center no-repeat;
		background: rgba(0, 0, 0, 0.15) url("../images/layout/search.png") center center no-repeat;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		outline: none;
		font-size: 1em;
		cursor: pointer;
		color: transparent;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	@-moz-document url-prefix() {
		#submitquery {
			padding: 1.3em 1em 1.3em 1em;
		}
	}
	html.opera #submitquery {
		padding: 1.2em 1em 1.2em 1em;
	}
	#submitquery:hover {
		background-color: #000;
	}
	#searchword-label {
		display: none;
	}
	#searchword {
		margin: 0;
		background-color: rgba(0, 0, 0, 0.7);
		width: 170px;
		padding: 1em;
		color: #FFF;
	}
	html.opera #searchword {
		padding: 1.2em 1em 1.2em 1em;
	}
	#searchword:focus {
		color: #FFF;
	}
	#searchword::placeholder {
		color: #FFF;
		opacity: 1;
	}

/* Header */
	#masthead {
		margin: 0;
		//padding: 0 30px;
		position: relative;
		z-index: 99999;
	}
	#masthead .inner {
		margin: 0 auto;
		//max-width: 980px;
		//max-width: 1300px;
		//min-width: 1200px;
		max-width: 1300px; /* reflect padding in masthead */
		padding: 0;
		background: #fff;
		/*
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		*/
	}
	#masthead .inner:before,
	#masthead .inner:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#masthead .inner:after {
		clear: both;
	}
	#masthead h1 {
		font-size: 2.7em;
		line-height: 1;
		margin: 0;
		padding: 0 30px;
		float: left;
		text-transform: lowercase;
		border-right: 1px dashed #ddd;
	}
	#masthead h1 a {
		position: relative; 
		display: block; 
		height: 1em;
		background: transparent;
		border: none;
		font-weight: normal;
		font-style: normal;
		padding: 0.5em 0;
	}
	#masthead h1 a:hover {
		color: #615287;
	}

/* Trail */
	#sub-masthead {
		margin: 0 auto;
		//max-width: 1000px;
		//padding: 0 30px;
		vertical-align: baseline;
		display: block;
		font-size: 0.85em;
		position: relative;
		z-index: 99999;
	}
	#sub-masthead .inner {
		margin: 0 auto;
		//max-width: 980px;
		max-width: 1300px;
		padding: 0 1em;
		background: #666;
		height: 42px;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	}
	#sub-masthead:before,
	#sub-masthead:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#sub-masthead:after {
		clear: both;
	}

	/* Breadcrumbs */
	#trail {
		margin: 0;
		padding: 0;
		color: #FFF;
	}
	#trail span.pathway {
		display: block;
		padding: 1em 0 1em 0;
		margin: 0;
	}
	#trail a {
		color: #FFF;
		border: none;
	}
	#trail a:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#trail .sep {
		padding: 0 0.2em;
		color: #666;
	}
	#trail .sep img {
		margin-top: -0.3em;
	}

/* Account */
	#account {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 798;
	}
	#account li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
	#account li>a {
		display: block;
		border: none;
		color: #747474;
		font-family: 'Sofia Pro', verdana, sans-serif;
		//padding: 1.675em 1em;
		padding: 1em .9em;
		//font-size: 1.3em;
		font-size: 1.2em;
		//border-left: 1px dashed #ddd;
		//text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	}
	#account li>a:hover,
	#account li>a:focus,
	#account a:hover,
	#account a:focus { 
		//color: #111;
		color: #9EBA29;
	}
	#account .account-details {
		color: #555;
		border: none;
	}
	#account #account-info {
		//padding: 1.5em 3.25em 1.5em 1.675em;
		padding: .6em 3.25em .6em 1.675em;
		white-space: nowrap;
		//border-left: 1px dashed #ddd;
		max-width: 30em;
	}
	#account #account-info:after {
		content: "";
		border-color: #E5E5E5 transparent transparent transparent;
		border-style: solid dashed dashed dashed;
		border-width: 6px 6px 0 6px;
		height: 0;
		width: 0;
		display: block;
		overflow: hidden;
		position: absolute;
		top: 1.5em;
		right: 1.675em;
	}

	#account.loggedin {
		cursor: pointer;
	}

	#account img {
		float: left;
		margin: 0 0.5em 0 0;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	#account span.account-email {
		display: block;
		color: #bbb;
		font-size: 85%;
		margin-right: 3em;
	}
	#account li ul {
		background: #fff;
		border: 1px solid rgba(0, 0, 0, 0.4);
		border-top: none;
		position: absolute;
		visibility: hidden;
		width: 200px;
		right: 0px;
		top: 100%;
	}
	#account li:hover > ul,
	#account li:focus > ul {
		visibility: visible;
	}
	#account li ul li {
		float: none;
		border: none;
		border-top: 1px solid #eee;
	}
	#account li ul li a {
		display: block;
		color: #747474;
		position: relative;
		font-size: 1em;
		border: none;
		padding: 0.8em 1em;
	}
	#account li ul li a:hover,
	#account li ul li a:focus {
		//background-color: #178bc1;
		background-color: #747474;
		color: #fff;
		margin: 0 -2px;
	}

	#account li ul li a:before {
		content: "";
		display: inline-block;
		font-family: 'Fontcons';
		font-size: 1.2em;
		width: 1em;
		height: 1em;
		margin-right: 0.2em;
	}
	#account li ul li#account-dashboard a:before {
		content: "\f009";
	}
	#account li ul li#account-profile a:before {
		content: "\f007";
	}
	#account li ul li#account-messages a:before {
		content: "\2709";
	}
	#account li ul li#account-logout a:before {
		content: "\f011";
	}

/* Navigation */
	#nav {
		float: left;
		border: none;
		padding: 0;
		margin: 0;
	}
	#nav h2 {
		display: none;
	}
	#nav ul.menu:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	#nav ul.menu,
	#nav ul.menu li,
	#nav ul.menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav ul.menu {
		position: relative;
		z-index: 797;
		float: left;
		padding: 0;
		width: 100%;
	}
	#nav ul.menu li {
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
	#nav ul.menu li:hover,
	#nav ul.menu li:focus {
		position: relative;
		z-index: 799;
		cursor: default;
	}
	#nav ul.menu ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 798;
		width: 100%;
	}
	#nav ul.menu ul li {
		float: none;
	}
	#nav ul.menu ul ul {
		top: 1px;
		left: 99%;
	}
	#nav ul.menu li:hover > ul,
	#nav ul.menu li:focus > ul {
		visibility: visible;
	}
	/* Drop-Down Menu Theme */
	#nav ul.menu {
		font-weight: normal;
	}
	#nav ul.menu li {
		padding: 0;
		border: none;
		color: #343434;
	}
	#nav ul.menu li:hover {
		color: #FF9966;
	}
	#nav ul.menu>li.active>a,
	#nav ul.menu li.active a {
		//color: #222;
		color: #E59319;
		position: relative;
		//background-color: #f1f1f1;
	}
	#nav ul.menu li.active li a {
		color: #fff;
		background: transparent;
	}
	#nav ul.menu li li.active a {
		color: #fff;
		background: transparent;
	}
	#nav ul.menu>li.active>a:after {
		/*
		content: "";
		display: block;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2px;
		background: #3e3e3e;
		*/
	}
	#nav ul.menu>li.active:hover>a:after,
	#nav ul.menu>li.active>a:hover:after {
		display: none;
	}

	#nav ul.menu span.separator {
		display: block;
		padding: 0.8em 1em;
		border: none;
	}
	#nav ul.menu a {
		display: block;
		border: none;
		color: #005bbb;
		font-family: 'Sofia Pro', verdana, sans-serif;
		padding: 1.0em .9em;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .05em;
		//border-right: 1px dashed #ddd;
		//text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		//text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	}
	#nav ul.menu ul li a {
		//padding: 0.8em 1em;
		padding: 0.4em 1em;
		text-transform: uppercase;
		border-top: 1px solid #3a3a3a;
		color: #747474;
		border: none;
		//font-size: 1.2em;
		font-size: 0.9em;
		font-weight: normal;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}
	#nav ul.menu li:hover > a,
	#nav ul.menu li:focus > a { 
		//color: #111;
		color: #74aa50;
	}
	#nav ul.menu li.active li a {
		color: #747474;
	}
	#nav ul.menu li.active li a:hover,
	#nav ul.menu li.active li a:focus,
	#nav ul.menu a:hover,
	#nav ul.menu a:focus { 
		color: #111;
	}
	#nav ul.menu li.parent:hover > a,
	#nav ul.menu li.parent:focus > a
	#nav ul.menu li.parent>a:hover,
	#nav ul.menu li.parent>a:focus {
		background-color: #FFF;
	}
	#nav ul.menu ul li.active a,
	#nav ul.menu ul li a:hover,
	#nav ul.menu ul li a:focus,
	#nav ul.menu li.parent>ul li a:hover,
	#nav ul.menu li.parent>ul li a:focus { 
		//background-color: #178bc1;
		background-color: #747474;
		color: #fff;
		margin: 0 -0.2em;
		padding-left: 1.15em;
		padding-right: 1.15em;
	}
	#nav ul.menu a:active { 
		color: #ECECC4;
	}
	/* Second level */
	#nav ul.menu ul {
		width: 20em;
		padding: 0;
		margin-left: -1px;
		background: #fff;
		border: 1px solid #ccc;
		//border: 1px solid rgba(0, 0, 0, 0.4);
		border-top: none;
	}
	/* Third level */
	#nav ul.menu ul ul {
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	/* No poiner for third level */
	#nav ul.menu ul ul small.nav-ul-after,
	#nav ul.menu ul ul:after {
		display: none;
	}
	#nav ul.menu ul li {
		font-weight: normal;
		background: none;
		border-top: 1px solid #eee;
	}
	/* Arrow indicating another level */
	#nav ul.menu ul li.parent>a:after {
		font-family: 'Fontcons';
		content: "\203A";
		font-size: 0.85em;
		line-height: 1.2em;
		display: block;
		float: right;
		width: 1em;
		height: 1em;
		text-align: right;
	}

/* Wrap */
	#wrap {
	}

/* Content */
	#content {
		//margin: 0 30px;
		margin: 0 auto;
		//max-width: 980px;
		max-width: 1300px;
		background: #fff;
		position: relative;
		overflow: visible;
		/*
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		*/
	}
	#content:after {
		content: "";
		display: table;
		line-height: 0;
		clear: both;
	}
	/* [!] J2.5 Hide edit buttons etc. on com_content pages */
	.com_content ul.actions {
		display: none;
	}
	/* Content header */

	.item-page .content-header a {
		color: #FFF;
	}
	
	.com_content .content-header,
	#content-header {
		margin: 0;
		padding: 0;
		//background: #fff;
		//border-bottom: 1px dotted #e1e1e1;
	}
	/*
	.com_content .content-header:before,
	.com_content .content-header:after,
	#content-header:before,
	#content-header:after {
		position: absolute;
		top: -20px;
		left: 0;
		content: "";
		display: block;
		border: 10px solid #fff;
		border-color: transparent #fff #fff transparent;
	}
	.com_content .content-header:after,
	#content-header:after {
		left: auto;
		right: 0;
		top: -20px;
		border-color: transparent transparent #fff #fff;
	}
	.com_content .content-header h2:after,
	#content-header h2:after {
		position: absolute;
		top: -20px;
		left: 20px;
		right: 20px;
		content: "";
		display: block;
		background: #fff;
		height: 20px;
	}
	*/
	.com_content .content-header h2,
	#content-header h2 {
		margin: 0;
		padding: 5px 20px 5px 20px; 
	    	font-size: 1.1em;
	    	font-weight: bold;
	    	font-family: 'Sofia Pro', verdana, sans-serif;
	    	//text-transform: uppercase;
		//color: #FFF;
		//text-shadow: 1px 1px 0px #333;
	}
	#content.com_resources #content-header h2 {
		background: none;
	    	font-size: 1.2em;
		color: #333;
		text-shadow: 1px 1px 0px #CCC;
	}
	#content-header-extra {
		position: absolute;
		right: 30px;
		top: 0em;
		text-align: right;
		width: 300px;
	}
	#content-header-extra ul,
	#content-header-extra li,
	#content-header-extra p {
		margin: 0;
		padding: 0;
	}
	#content-header-extra ul li {
		display: inline-block;
		margin-left: 1em;
		list-style: none;
	}
	#content-header-extra a {
		color: #FFF;
	}
	.com_content .withleft .content-header {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
	}
	.com_content .withleft {
		padding-top: 100px;
	}

/* Footer */
	#footer {
		padding: 0;
		min-height: 100px;
		color: #FFF;
		font-size: 0.9em;
		//text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
		//text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	}
	#footer h2 {
		display: none;
	}
	#footer h3 {
		color: #FFF;
		//border-bottom: 1px dashed #FFF;
		margin: 0;
		padding: 0 0 10px 0;
		text-transform: none;
		font-size: 1.2em;
		font-weight: normal;
		//text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
	}
	#footer a {
		color: #FFF;
		//text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
		//border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
	}
	#footer a:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#footer ul {
		list-style: none;
		margin: 0;
	}
	#footer li {
		padding: 0.4em 0;
		margin: 0;
	}
	/* Ancillary navigation */
	#ancillary {
		background: #666;
		//margin: 0 30px;
		padding: 20px;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	}
	#ancillary ul {
		padding: 10px 0 0 0;
	//	border-top: 1px dashed #5e5e5e;
	}
	#footer .inner {
		//padding: 0 30px;
		//max-width: 980px;
		max-width: 1300px;
		margin: 0 auto;
	}
	#footer ul#legalese {
		//max-width: 980px;
		max-width: 1300px;
		margin: 0 auto;
		padding: 1.25em 30px;
		overflow: hidden;
		text-align: right;
		font-size: 0.85em;
		color: #777;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		    -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		     -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
		        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	}
	#footer ul#legalese li {
		display: inline;
		margin-left: 2em;
		text-shadow: none;
		color: #aaa;
	}
	#footer ul#legalese .policy {
		//position: relative;
		margin: 0;
		//left: 60px;
		text-align: left;
		line-height: 1.2;
	}
	#footer ul#legalese a {
		//color: #777;
		text-shadow: none;
	}
	#footer ul#legalese:before,
	#footer ul#legalese:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#footer ul#legalese:after {
		clear: left;
	}

/* Introduction */
	body #introduction {
		border: none;
		color: #666;
		margin: -1px 0px 3em 0px;
	}
	/* White background for icon */
	body #introduction small.intro-before,
	body #introduction:before {
		top: 32px;
		left: 32px;
		border: none;
		-webkit-border-radius: 69px;
		   -moz-border-radius: 69px;
		    -ms-border-radius: 69px;
		     -o-border-radius: 69px;
		        border-radius: 69px;
		background-color: #FEFEFE;
	}
	/* Icon */
	body #introduction small.intro-after,
	body #introduction:after {
		color: #666;
		font-size: 40px;
		top: 48px;
		left: 49px;
	}
	/* Text styles */
	body #introduction h3 {
		color: #747474;
	}
	body #introduction li:before {
		content: "";
		display: none;
	}
	body #introduction p {
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
	}
	/* Side shadows */
	body #introduction .clear:before,
	body #introduction .clear:after {
		content: "";
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 100;
		top: 0;
		bottom: 0;
		width: 30px;
		left: -30px;
		-webkit-box-shadow: inset -3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: inset -3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: inset -3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: inset -3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		        box-shadow: inset -3px 0px 4px -3px rgba(0, 0, 0, 0.25);
	}
	body #introduction .clear:after {
		left: auto;
		right: -30px;
		-webkit-box-shadow: inset 3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: inset 3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		    -ms-box-shadow: inset 3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		     -o-box-shadow: inset 3px 0px 4px -3px rgba(0, 0, 0, 0.25);
		        box-shadow: inset 3px 0px 4px -3px rgba(0, 0, 0, 0.25);
	}

/* Content columns */
	.section {
		padding: 20px;
		position: relative;
	}
	.section .section {
		padding: 20px 0;
		margin-right: 270px;;
	}
	.tm-noaside .section {
		margin-right: 0px;
	}
	.subject.noaside, 
	.noaside.subject,
	.subject.noaside .section {
		margin-right: 0px;
	}
	.supportingdocs {
		width: 95%;
	}
	#introduction + .section {
		padding: 0 20px 30px 20px;
	}
	body #page_content .main {
		background: none;
	}
	body #page_header {
		padding-bottom: 25px;
	}

/* Subjects (with right aside) */
	.subject {
		margin: 0;
		padding: 0;
		//margin-right: 270px;
		margin-right: 21em;
	}
	.subject.abouttab {
		margin-right: 0px;
	}
	#page_content .subject:before {
		right: 250px;
	}
	#page_content .section .subject:before {
		right: 230px;
		bottom: -10px;
	}
	.subject.contracted:before {
		right: 40%;
		margin-right: 20px;
	}
	.section .section .subject:before {
		display: none;
	}
	.subject:after {
		content: "";
		display: table;
		line-height: 0;
		clear: both;
	}
/* Asides (right side) */
	.aside {
		float: right;
		//width: 210px;
		width: 17em;
		padding: 0 0 0 0px;
	}
	.aside h3 {
		z-index: 10;
	}
	/* Side fade (darker/left to lighter/right) */
	.aside small.aside-before,
	.aside:before {
		content: "";
		display: block;
		height: auto;
		position: absolute;
		top: 30px !important;
		bottom: 30px;
		border: 0;
		width: 1px;
		background-color: #ddd;
		right: 20em;
		_display: none;
	}
	.aside.extracontent {
		padding: 50px 0 0 30px;
	}
	.com_content .aside:before {
		top: 100px;
	}
	#page_content .aside:before {
		top: 75px;
		right: 259px;
	}
	#page_content .section .aside:before {
		right: 239px;
		top: 0;
		bottom: 0;
	}
	.aside.expanded:before {
		right: 40%;
	}
	.aside.expanded:after {
		right: 40%;
		margin-right: 20px;
	}
	.subject + .clear + .aside:before,
	.subject + .clear + .aside:after,
	.subject + .clear + .aside + .subject:before,
	.section .section .aside small.aside-before,
	.section .section .aside small.aside-after,
	.section .section .aside:before,
	.section .section .aside:after {
		display: none;
	}
	#introduction .subject small.subject-before,
	#introduction .aside small.aside-before,
	#introduction .aside small.aside-after,
	#introduction .subject:before,
	#introduction .aside:before, 
	#introduction .aside:after {
		display: none;
	}
	.aside p {
		margin: 1em 0;
	}
	.aside h4 {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	/* Fieldsets */
	.aside fieldset {
		margin: 1em 0 2em 0;
		padding: 0;
		background: #fff;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		-ms-border-radius: 0.25em;
		-o-border-radius: 0.25em;
		border-radius: 0.25em;
		-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}
	.aside>fieldset { 
		margin-top: 0;
	}
	.aside fieldset label {
		display: block;
		margin: 0;
		border-bottom: 1px solid #eee;
		padding: 1em;
	}
	.aside fieldset label input, 
	.aside fieldset label select, 
	.aside fieldset label textarea {
		width: 100%;
	}
	.aside fieldset label input.option {
		width: auto;
	}
	.aside fieldset legend {
		display: none;
	}
	.aside fieldset fieldset legend {
		display: block;
		font-weight: bold;
		padding: 0 1em;
		margin: 0;
	}
	.aside fieldset fieldset {
		margin: 1em;
		padding: 0;
		border: 1px solid #DEE4CD;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	.aside fieldset .submit {
		margin: 0;
		padding: 0.5em 1em 0.5em 1em;
	}

	.aside ul {
		border-bottom: 1px solid #dadada;
		margin: 0;
		list-style: none;
	}
	.aside ul ul {
		padding: 0;
		margin: 0;
		background: none;
		border-bottom: none;
	}
	.aside li {
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px solid #dadada;
	}
	.aside li.parent {
		border-bottom: none;
	}
	.aside li li {
		padding-left: 0px;
	}
	.aside li strong,
	.aside li a,
	.aside li span.member {
		display: block;
		padding: 0.5em 0;
		color: #747474;
		text-decoration: none;
		padding-left: 10px;
		border: none;
		font-weight: normal;
		font-style: normal;
		position: relative;
	}
	.aside li strong:before,
	.aside li a:before,
	.aside li span.member:before {
		content: "";
		border-color: transparent transparent transparent #747474;
		border-style: dashed dashed dashed solid;
		border-width: 4px 0 4px 4px;
		height: 0;
		width: 0;
		display: block;
		overflow: hidden;
		position: absolute;
		top: 1.3em;
		left: 0;
		margin-top: -4px;
	}
	.aside li#current a:hover,
	.aside .sub-nav li.active a:hover,
	.aside li a:hover {
		color: #fff;
		background: #747474;
	}
	.aside .sub-nav li.active a:hover:before,
	.aside li#current a:hover:before,
	.aside li a:hover:before {
		border-color: transparent transparent transparent #e6e6e6;
	}
	.withleft .aside li#current {
	}
	.aside .sub-nav li strong,
	.aside .sub-nav li.active>a,
	.aside li#current>a {
		color: #2C2C2C;
		font-weight: bold;
	}
	.aside .sub-nav li strong:before,
	.aside .sub-nav li.active a:before,
	.aside li#current>a:before {
		border-color: transparent transparent transparent #2C2C2C;
	}
	.aside .container h3,
	.aside .container h4 {
		color: #333;
		padding: 1.8em 0 0.4em 30px;
		margin: 0 0 0 -30px;
		font-weight: normal;
		padding: 0.7em 0 0.7em 30px;
	}
	.aside .container:before,
	.aside .container:before {
		border: 8px solid #ddd;
		border-color: transparent transparent transparent #ddd;
		position: absolute;
		top: 1.8em;
		left: -8px;
		content: "";
		width: 0;
		height: 0;
	}
	.aside .container {
		border-top: 1px solid #ddd;
		position: relative;
		border-left: 8px solid #e9e9e9;
		padding: 0.7em 0 0 22px;
		margin-left: -29px;
		margin-bottom: 3em;
		border-radius: 0;
	}
	.aside .container:after,
	.aside .container:after {
		border: 8px solid #f9f9f9;
		border-color: transparent transparent transparent #f9f9f9;
		position: absolute;
		top: 1.8em;
		left: -9px;
		content: "";
		width: 0;
		height: 0;
	}
	.aside .container ol,
	.aside .container ul {
		margin-bottom: 1.618em;
		padding: 1em 0 1.618em 0;
		border-bottom: 1px dashed #bAbAbA;
	}
	.aside .container ol ol,
	.aside .container ul ul {
		margin: 0;
		padding: 0;
		border-top: 1px solid #dadada;
		border-bottom: none;
	}
	.aside .container ol ol li,
	.aside .container ul ul li {
		padding-left: 1.618em;
	}
	.aside .container .tags {
		padding-left: 10px;
	}
	.aside .container .tags li {
		background: transparent;
		padding: 0;
	}
	.aside ul.textboxlist-holder li {
		border: none;
	}
	.aside ul.textboxlist-holder li a:before {
		display: none;
	}
	.aside ul.textboxlist-holder li.bit-box a.closebutton {
		padding: 0;
	}

/* NOTE: added to some containing div to dictate what side (left or right) an "aside" column will appear. */
	.withleft {
		border: none;
	}
	.withleft #content-header {
		margin: 0;
	}
	.withleft h2:first-child {
		margin-top: 0;
	}
/* Subjects (with left aside) */
	.withleft .subject {
		margin-right: 0;
		margin-left: 270px;
	}
/* Asides (left side) */
	.withleft .aside {
		float: left;
		padding: 0 30px 0 0;
	}
	/* 
	Reposition the side fade to the left-hand side 
	Also, alter the gradient so it fades in the right direction (darker/right to lighter/left)
	*/
	.withleft .aside:before {
		top: 120px;
		right: auto;
		left: 270px;
	}
	.com_content .withleft .aside:before {
		top: 100px;
	}
	.withleft .aside ul {
		border-top: 1px solid #ddd;
		padding-right: 30px;
		margin-right: -30px;
		border-right: 8px solid #e9e9e9;
		border-bottom: none;
	}
	.withleft .aside ul>li:first-child {
		border-top: none;
	}
	.withleft .aside ul ul {
		border: none;
		padding-right: 0;
		margin-right: 0;
	}
	.withleft .aside ul ul>li:first-child {
	 	border-top: 1px solid #ddd;
	}
	.withleft .aside li .separator {
		display: block;
		height: 2.2em;
	}
	.withleft .aside li a span, 
	.withleft .aside li span span {
		border: none;
	}


	.subject #hubForm fieldset fieldset {
		padding: 0 1em 1em 1em;
		margin-top: 1em;
	}
	.subject #hubForm .submit {
		margin-right: 0;
	}
	.com_content .contentpaneopen {
		padding: 20px;
		overflow: auto;	
	}
	.com_content .heading {
		padding: 0;
	}
	.com_content .withleft .contentpaneopen {
		padding: 0;
	}

/* Metadata */
	.metadata p {
		font-size: 90%;
		margin: 0.2em 0;
		padding: 0 0 0 20px;
	}

/* Buttons & Icons */
	a.btn,
	.btn {
		color: #555;
		border-color: #CCC #CCC #AAA #AAA;
	}
	#page_options .btn,
	#content-header-extra .btn {
		//background: transparent;
		background: #ddd;
		border: 1px solid #ccc;
		color: #555;
	}
	#content-header-extra a.all {
		padding: 0.4em 0.91em 0.4em 0.91em;
	}
	#page_options .btn:hover {
		background: transparent;
	}
	#page_options .btn:before,
	#content-header-extra .btn:before {
		background: transparent;
		border-right: 1px solid #e9e9e9;
	}
	#page_options .opposite:before,
	#content-header-extra .opposite:before {
		background: transparent;
		border-right: none;
		border-left: 1px solid #e9e9e9;
	}
	/*.edit-member:before {
		content: "\f007";
	}
	.author:before {
		content: "\f007";
	}
	.browse:before {
		content: "\f00b";
		margin-right: 0.3em;
	}*/

	#page_options .edit:before {
		content: "";
		margin-right: 0;
	}
	#content #system-message {
		//margin: 0 0 30px 0;
		margin: 0 0 0px 0;
	}
	#content .section #system-message {
		//margin: 0 0 30px 0;
		margin: 0 0 0px 0;
	}

/* HUB Forms */
	#hubForm {
		position: relative;
	}
	/* Side fade */
	#hubForm small.hubform-before,
	#hubForm:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		height: auto;
		border: 0;
		_display: none;
		width: 1px;
		background-color: #ddd;
		right: 239px;
	}
	#hubForm.login .explaination small.explaination-after,
	#hubForm.login .explaination:first-child:after {
		display: none;
	}
	#hubForm fieldset {
		//color: #777;
		//background: #fff;
		border: 1px solid #e5e5e5;
		padding: 0 0px 1.75em 0px;
		margin: 0.7em 270px 1.7em 0;
	}
	#hubForm .explaination + fieldset {
		margin-right: 0px;
	}
	#hubForm legend {
		display: block;
		float: right;
		width: 100%;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 0 1em 0;
		padding: 0.8em 2em;
		*padding: 0.8em 0;
		*text-indent: 2em;
		font-weight: bold;
		//text-shadow: 0 -1px 1px #000;
		//color: #ececec;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#hubForm legend:before,
	#hubForm legend:after {
		content: "";
		display: table;
		line-height: 0;
	}
	#hubForm legend:after {
		clear: both;
	}
	#hubForm label {
		display: block;
		padding: 1.5em 2em 0 2em;
	}
	#hubForm input, 
	#hubForm select, 
	#hubForm textarea {
		margin-top: 0.25em;
		width: 100%;
	}
	#hubForm.full fieldset {
		margin: 0.7em 0 1.7em 0;
	}
	#hubForm.full:before,
	#hubForm.full:after {
		display: none;
	}
	#hubForm.full fieldset fieldset,
	#hubForm fieldset fieldset {
		margin: 1.5em 2em;
		padding: 0 0 1.5em 0;
		border: 1px solid #e5e5e5;
		float: none;
		width: auto;
	}
	#hubForm fieldset fieldset label {
		padding-top: 0.7em;
	}
	#hubForm fieldset fieldset legend {
		float: none;
		background: #fff;
		color: #747474;
		border: none;
		width: auto;
		padding: 0 1em;
		margin: 0 0 0 1em;
		text-indent: 0;
		text-shadow: none;
		font-size: 1em;
	}
	#hubForm.full fieldset fieldset fieldset,
	#hubForm fieldset fieldset fieldset {
		margin: 0;
		padding: 0;
		border: none;
		float: none;
		width: auto;
	}
	#hubForm fieldset fieldset fieldset label {
		margin-left: 1.75em;
	}
	#hubForm fieldset fieldset fieldset legend label {
		margin-left: 0;
	}
	#hubForm .options label,
	#hubForm .options input,
	#hubForm .option {
		display: inline;
		margin: 0 0.25em 0 0 !important;
		margin: 0;
		width: auto;
	}
	#hubForm .indent { 
		margin-left: 1.75em; 
	}
	#hubForm .group {
		margin: 0 2em;
	}
	#hubForm .field-wrap,
	#hubForm p {
		display: block;
		margin: 1.5em 2em 0 2em;
	}
	#hubForm span.field-wrap,
	#hubForm label + .field-wrap {
		margin: 0 2em 0 2em;
	}
	#hubForm legend + .group label{
		padding-top: 0.5em;
	}
	#hubForm legend + .group p {
		margin-top: 0.5em;
	}
	#hubForm label + input {
		margin-left: 2em;
		margin-right: 2em;
		width: 92.5%;
	}
	#hubForm .group label,
	#hubForm .group p {
		padding-left: 0;
		padding-right: 0;
		float: left;
		width: 47.5%;
		margin-left: 5%;
	}
	#hubForm .group p {
		margin-right: 0;
	}
	#hubForm .group label:first-child {
		margin-left: 0;
	}
	#hubForm .threeup label {
		width: 30%;
	}
	#hubForm .group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#hubForm .group .options label {
		display: inline;
		float: none;
		width: auto;
	}
	#hubForm label em {
		display: block;
		margin: -1.5em 0 0 10em;
		text-align: right;
		font: inherit;
		color: #aa9;
	}
	#hubForm .submit {
		padding: 1em 0 0 0;
		text-align: center;
		margin-right: 30%;
	}
	#hubForm.full .submit {
		margin-right: 0;
	}
	#hubForm .submit input {
		display: inline;
		width: auto;
	}
	#hubForm .inactive {
		color: #aa9;
	}
	#hubForm .explaination {
		float: right;
		min-height: 10px;
		width: 210px;
		padding: 10px 0 0 30px;
		margin: 0 0 0 30px;
		border-top: 1px solid #ddd;
		position: relative;
		border-left: 8px solid #ddd;
		padding: 10px 0 0 22px;
	}
	#hubForm .explaination:after,
	#hubForm .explaination:after {
		border: 8px solid #f9f9f9;
		border-color: transparent transparent transparent #f9f9f9;
		position: absolute;
		top: 1.9em;
		left: -9px;
		content: "";
		width: 0;
		height: 0;
	}
	#hubForm .explaination a:hover {
		color: #222;
	}
	#hubForm .explaination p {
		margin: 1em 0;
	}
	#hubForm .explaination h2 {
		position: relative;
		margin: 1.5em 0 0.5em;
		padding: 0;
		border: none;
		width: 100%;
	}
	#hubForm .explaination ul {
		position: relative;
		list-style: none;
		color: #57b;
	}
	#hubForm .optional,
	#hubForm .required {
		text-transform: uppercase;
		font-size: xx-small;
	}
	#hubForm .required {
		color: red;
	}
	#hubForm .optional {
		color: #999;
	}
	#hubForm .hint {
		color: #999;
		font-size: 90%;
	}
	#hubForm span.hint {
		line-height: 2em;
	}
	#hubForm .warning,
	#hubForm .error {
		margin-top: 0;
	}
	#hubForm fieldset .error,
	#hubForm fieldset .warning,
	#hubForm fieldset .information,
	#hubForm fieldset .help {
		margin: 1em 2em;
	}
	#hubForm ul {
		margin: 1em 2em;
	}
	#hubForm ul li {
		margin-left: 2em;
	}
	#hubForm ul li.error {
		margin-left: 0;
	}
	#hubForm span.warning,
	#hubForm span.information,
	#hubForm span.help,
	#hubForm span.error {
		margin: 0.5em 0 0 0;
		display: inline-block;
	}
	#hubForm .error p,
	#hubForm .warning p,
	#hubForm .information p,
	#hubForm .help p {
		margin: 1em 0;
	}
	#hubForm table {
		margin: 1em 0;
		border-top: 2px solid #DEE4CD;
		border-color: #DEE4CD;
	}
	#hubForm table td,
	#hubForm table th {
		border-color: #DEE4CD;
	}
	#hubForm table input,
	#hubForm table select {
		width: auto;
	}
	#hubForm fieldset fieldset.fieldsWithErrors,
	#hubForm .fieldsWithErrors {
		border: 1px solid #c00;
	}
	#hubForm fieldset fieldset.fieldsWithErrors legend,
	#hubForm .fieldWithErrors { 
		color: #c00;
		font-weight: bold;
	}
	#hubForm .fieldWithErrors input,
	#hubForm .fieldWithErrors select,
	#hubForm .fieldWithErrors textarea {
		background-color: #F8E5E5;
	}
	#hubForm .fieldWithErrors .required,
	#hubForm .fieldWithErrors .optional {
		font-weight: normal;
	}
	#hubForm table input,
	#hubForm table select {
		width: auto;
	}

	.com_content .subject #hubForm fieldset {
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	.com_content .edit-form #hubForm {
		border-color: #fff;
	}
	.subject #hubForm fieldset fieldset {
		padding: 0 1em 1em 1em;
		margin-top: 1em;
	}
	.subject #hubForm .submit {
		margin-right: 0;
	}

/* Item listing */
	.results {
		list-style: none;
		margin: 1em 0 1em 0;
		padding: 0;
		position: relative;
		border-top: 1px dashed #bAbAbA;
		border-bottom: none;
	}
	.entries li,
	.results li {
		border-bottom: 1px solid #dadada;
		padding: 1em 0 1em 1em;
		margin: 0;
		list-style: none;
	}
	.results p,
	.results .details {
		margin: 0.5em 0;
		padding: 0;
	}
	.entries .details,
	.results .details {
		font-size: 90%;
		color: #999;
	}
	.entries .details span,
	.results .details span {
		color: #fff;
		margin: 0 0.5em;
	}
	.results .details span.highlight {
		color: #333;
		margin: 0;
	}
	.results .details a span.highlight {
		color: #6699cc;
	}
	.entries .title,
	.results .title {
		margin-left: -1em;
		font-weight: bold;
	}
	.entries .metadata,
	.results .metadata { 
		margin: -1.2em 0 0 0;
		float: right;
		width: 190px;
		background: none;
		border: none;
		padding: 0;
	}
	.entries .metadata p,
	.results .metadata p { 
		color: #999; 
		font-size: 90%;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	.entries .href,
	.results .href {
		font-size: 85%;
		color: green;
	}
	.results .protected .title:before {
		font-family: 'Fontcons';
		content: '\f048';
		margin-right: 0.2em;
		color: #555;
	}
	.results .private .title:before {
		font-family: 'Fontcons';
		content: '\f023';
		margin-right: 0.2em;
		color: #555;
	}

/* 5 star Reviews */
	.avgrating {
		padding-left: 0;
	}
	.avgrating span {
		padding-left: 1em;
	}
	.avgrating:before {
		font-family: 'Fontcons';
		font-size: 12px;
		line-height: 12px;
	}
	.no-stars:before        { content: "\2606\2606\2606\2606\2606"; }
	.half-stars:before      { content: "\f089\2606\2606\2606\2606"; }
	.one-stars:before       { content: "\2605\2606\2606\2606\2606"; }
	.onehalf-stars:before   { content: "\2605\f089\2606\2606\2606"; }
	.two-stars:before       { content: "\2605\2605\2606\2606\2606"; }
	.twohalf-stars:before   { content: "\2605\2605\f089\2606\2606"; }
	.three-stars:before     { content: "\2605\2605\2605\2606\2606"; }
	.threehalf-stars:before { content: "\2605\2605\2605\f089\2606"; }
	.four-stars:before      { content: "\2605\2605\2605\2605\2606"; }
	.fourhalf-stars:before  { content: "\2605\2605\2605\2605\f089"; }
	.five-stars:before      { content: "\2605\2605\2605\2605\2605"; }

/* Squeezebox */
	.body-overlayed embed,
	.body-overlayed object,
	.body-overlayed select {
		visibility: hidden;
	}
	#sbox-window embed,
	#sbox-window object,
	#sbox-window select {
		visibility: visible;
	}
	#sbox-overlay {
		position: absolute;
		background-color: #000;
		-webkit-filter: blur(10px);
	}
	#sbox-window {
		position: absolute;
		background-color: #000;
		text-align: left;
		overflow: visible;
		padding: 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	#sbox-btn-close {
		position: absolute;
		width: 30px;
		height: 30px;
		right: -15px;
		top: -15px;
		background: url("../images/overlay/closebox.png") no-repeat top left;
		border: none;
	}
	#sbox-btn-close:hover {
		border: none;
	}
	#sbox-resizehandle {
		position: absolute;
		width: 30px;
		height: 30px;
		right: -15px;
		bottom: -15px;
		background: url("../images/overlay/resizebox.png") no-repeat top left;
		border: none;
		cursor: se-resize;
	}
	#sbox-newwindow {
		position: absolute;
		width: 30px;
		height: 30px;
		right: 25px;
		bottom: -15px;
		background: url("../images/overlay/newwindowbox.png") no-repeat top left;
		border: none;
		cursor: pointer;
	}
	.sbox-loading #sbox-content {
		background-image: url("../images/anim/spinner.gif");
		background-repeat: no-repeat;
		background-position: center;
	}
	#sbox-content {
		clear: both;
		overflow: auto;
		background-color: #fff;
		height: 100%;
		width: 100%;
	}
	.sbox-content-image#sbox-content {
		overflow: visible;
	}
	#sbox-image {
		display: block;
	}
	.sbox-content-image img {
		display: block;
	}
	.sbox-content-iframe#sbox-content {
		overflow: visible;
	}

	/* Forms */
	#sbox-content #content-header,
	#sbox-content .explaination,
	#sbox-content .aside {
		display: none;
	}
	#sbox-content .main,
	#sbox-content .subject,
	#sbox-content .mian .subject,
	#sbox-content .withleft,
	#sbox-content form#hubForm {
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
		overflow: hidden;
	}
	#sbox-content fieldset {
		padding: 0;
		margin: 0;
		width: 100%;
		border: none;
		background-color: transparent;
	}
	#sbox-content fieldset legend {
		margin: 0;
		padding: 0.5em 1em;
		width: 100%;
		position: inherit;
		display: block;
		font-weight: bold;
		border-bottom: 1px solid #757575;
		color: #555;
		text-shadow: 0px 1px 0px #e5e5ee;
		background: #a2a2a2;
		background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#a2a2a2));
		background: -webkit-linear-gradient(#c4c4c4, #a2a2a2);
		background: -moz-linear-gradient(center top, #c4c4c4 0%, #a2a2a2 100%);
		background: -moz-gradient(center top, #c4c4c4 0%, #a2a2a2 100%);
		background: -o-linear-gradient(#c4c4c4, #a2a2a2);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4c4c4,endColorstr=#a2a2a2);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4c4c4, endColorstr=#a2a2a2)";
	}
	#sbox-content fieldset label {
		margin: 0;
		padding: 0.5em 1em;
		border-bottom: 1px solid #ccc;
		display: block;
	}
	#sbox-content fieldset input,
	#sbox-content fieldset select,
	#sbox-content fieldset textarea {
		margin-top: 0.25em;
		width: 100%;
	}
	#sbox-content fieldset label textarea#msg-message {
		margin-bottom: 0.5em;
		height: 175px;
	}
	#sbox-content .submit {
		margin: 0;
		padding: 0.5em 1em;
		text-align: center;
	}

/* 
System styles 
	Here we're overriding some defaults set in the various /media/system/css files added 
	to the template BEFORE main.css.
*/
	.container-block h3 {
		background: #f8f8f8 url("../images/layout/light-stripes.png");
	}

	.entry-search input[type="text"],
	.entry-search input {
		background: #fff url("../images/layout/search.png") 10px 50% no-repeat;
		padding-left: 30px;
	}

	.entry-search ul.textboxlist-holder,
	.entry-search ul.token-input-list-act {
		background: #fff url("../images/layout/tags.png") 5px 50% no-repeat;
		padding-left: 23px;
	}
	.entry-search ul.token-input-list-act li input[type="text"],
	.entry-search ul.token-input-list-act li input,
	.entry-search ul.textboxlist-holder li input {
		background: #fff;
		border: none !important;
		padding-bottom: 6px;
	}
	/* [!] Target Opera */
	html.opera .entry-search ul.token-input-list-act li input[type="text"],
	html.opera .entry-search ul.token-input-list-act li input,
	html.opera .entry-search ul.textboxlist-holder li input {
		padding-bottom: 8px;
	}
	/* [!] Target Firefox */
	@-moz-document url-prefix() {
		.entry-search ul.token-input-list-act li input[type="text"],
		.entry-search ul.token-input-list-act li input,
		.entry-search ul.textboxlist-holder li input {
			padding-bottom: 8px;
		}
	}

	ol.comments .addcomment {
	}
	body #content form.search {
		border: 1px solid #f9f9f9
	}
	#section-plan {
	}
	#content-header-extra .search:before {
		content: "\f002";
		font-family: "Fontcons";
	}
	.voting .vote-button,
	.voting a.vote-button {
		background: url("../images/layout/stripes.png");
	}

	body #fav {
		top: -4.75em;
		position: absolute;
		right: 30px;
		margin: 0;
		padding: 0;
		background: transparent;
		display: none;
	}
	body #fav:hover {
		background: transparent;
	}
	body #fav a {
		margin: 0;
		padding: 0.5em 1em;
		background: #000;
		background: rgba(0, 0, 0, 0.2);
		border: 1px solid rgba(255, 255, 255, 0.2);
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.5em;
		color: #fff;
	}
	body #fav a:hover {
		background: rgba(0, 0, 0, 0.6);
		border-color: rgba(255, 255, 255, 0.6);
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
		color: #fff;
	}

	body #page_options li#personalize a {
		line-height: 1;
	}
	body .com_resources .upperpane {
		background-color: #fff;
	}
	#commentform input.option, 
	#commentform select.option {
		margin-top: 0;
	}