/*
	-- -- -- -- -- -- --
	main template CSS
	-- -- -- -- -- -- --
*/

#system-debug, .actions {
	display: none;
}

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

body {
	font-family: 'latolight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.85em;
	line-height: 1.6em;
	color: #000;
	background: #0f101b;
}

#galaxy {
    max-width: 2200px;
    margin: 0 auto;
    background: #fff;
}

/* Inputs */
input[type=text],
input[type=password],
input[type=email],
textarea {
	font-family: 'latolight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.61803399em;
	max-width: 100%;
	padding: 0.4045084975em;
	outline: none;
	border: 1px solid #D9D9D9;
	background: #F6F6F6;
	-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;
}
.placeholder-support {
	color:#aaa;
}

input[type="submit"], 
button {
	line-height: 1.61803399em;
	padding: 0.4045084975em 1em;
	border: none;
	background: #F06922;
	color: #fff;
	border: 1px solid #F06922;
	
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	-ms-border-radius: .25em;
	-o-border-radius: .25em;
	border-radius: .25em;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
input[type="submit"]:hover,
button:hover {
	background: #ef4b25;
	border-color: #ef4b25;
}

/* Links */
a, 
a:active, 
a:visited {
	color: #0645AD;
	text-decoration: none;
}
a:hover {
	color: #ef4b25;
}

/* 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-family: 'latobold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal !important;
	}
	i,
	em {
		font-style: italic;
	}

	/* Lists */
	ul {
		list-style: disc;
		margin: 0 0 0 2em;
	}
	ul li {
		margin: 0.5em 0;
	}
	ol {
		list-style: decimal;
		margin: 0 0 0 2em;
	}
	ol li {
		margin: 0.5em 0;
	}
	iframe {
		overflow: auto;
		-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-family: 'latobold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	dl dd {
		margin-left: 2em;
	}
	img {
		border: 0;
	}

/* Headers */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'montserratregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		color: #525252;
		margin: 1em 0 0.6em;
	}
	
	.main h3,
	main h3,
	h3,
	h3 *:not(a) {
		color: #00B6DF !important;
	}
	
	#droppables h1,
	#droppables h2,
	#droppables h3,
	#droppables h4,
	#droppables h5,
	#droppables h6 {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	h1 {
		font-size: 2.2em;
	}
	h2 {
		line-height: 1.3;
		font-size: 1.9em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4,
	h5,
	h6 {
		font-family: 'latobold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	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;
	}

/* 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;
		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;
	}
	.transit {
		-webkit-transition: all 400ms ease-in-out;
		   -moz-transition: all 400ms ease-in-out;
		    -ms-transition: all 400ms ease-in-out;
		     -o-transition: all 400ms ease-in-out;
		        transition: all 400ms ease-in-out;
	}
	.transit200 {
		-webkit-transition: all 200ms ease-in-out;
		   -moz-transition: all 200ms ease-in-out;
		    -ms-transition: all 200ms ease-in-out;
		     -o-transition: all 200ms ease-in-out;
		        transition: all 200ms ease-in-out;
	}

/* Table */
	table {
		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-family: 'latobold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		white-space: nowrap;
	}
	.ckeditor-body table {
		border: none;
	}
	.ckeditor-body table th,
	.ckeditor-body table td {
		border: 1px solid #dadada;
	}
	.ckeditor-body,
	.cke_panel_container body { 
		padding: 10px; 
		min-width: inherit;
		background: #FFF !important; 
	}

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

/* Splash */
	#splash #system-message {
		margin: 0;
		padding: 1em 0;
	}

/* Search */
    .nav-search {
        float: right;
    }

	#searchform {
		margin: 0;
		padding: 0;
	}
	#searchform legend {
		display: none;
	}
	#searchform fieldset {
		border: none;
		padding: 0;
	}
	#searchform input {
		display: block;
		border: none;
		float: left;
		line-height: 1;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
		    -ms-border-radius: 0px;
		     -o-border-radius: 0px;
		        border-radius: 0px;
	}
	#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);
	}
	/* [!] Target Firefox */
	@-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: #333;
		background-color: rgba(0, 0, 0, 0.15);
		border-left: 1px solid #222;
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		width: 170px;
		color: #abadad;
		padding: 1.3em 1em 1.3em 1em;
	}
	html.opera #searchword {
		padding: 1.2em 1em 1.2em 1em;
	}
	#searchword:focus {
		color: #e1e1e1;
	}

/* Header */
	#masthead {
		position: relative;
		background: #0f101b;
		z-index: 600;
		
		border-bottom: 1px solid #efefef;
	}
	#masthead .inner {
		margin: 0;
		padding: 0;
		position: relative;
	}
	#masthead .inner {
		margin: 0;
		padding: 0;
		position: relative;
	}
	#masthead a {
		background-image: none;
	}

/* Non-home page branding */

	.branding {
		padding: 15px 30px 10px;
		background: url("../images/space.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 100%;
		-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	}
	.branding-logo {
		float: left;
	}
	.branding-logo img {
		height: 4em;
	}
	.branding .tagline {
		float: left;
		color: #fff;
		font-size: 1em;
		line-height: 4em;
		margin: 0 0 0 1em;
	}

/* Navigation */
    #navigation {
        padding:  0 30px 0 20px; /* Accounting for 10px main nav item padding on the left */
    }
	.home #navigation {
		border-bottom: 1px solid #292a34;
	}

/* Account */
    .user-account {
        float: right;
    }

	#account {
		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: #fff;
		padding: 1.675em 1em;
		font-size: 1.3em;
	}
	#account li>a:hover,
	#account li>a:focus,
	#account a:hover,
	#account a:focus { 
		color: #ef4b25;
	}
	#account #account-info {
		padding: 1.5em 3.25em 1.5em 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 {
		height: 4em;
	}
	#account span.account-email {
		display: block;
		color: #bbb;
		font-size: 85%;
		margin-right: 3em;
	}
	#account .account-details {
		font-family: 'montserratlight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 0.9em;
		background: #2A2A2A;
		position: absolute;
		visibility: hidden;
		width: 200px;
		right: 0px;
		top: 100%;
		padding: 1em 0;
		margin: 0;
	}
	#account:hover > .account-details,
	#account:focus > .account-details {
		visibility: visible;
	}
	#account ul li {
		float: none;	
	}
	#account .user-info {
		border-bottom: 1px solid #494949;
		padding: 0 1em 1em;
		margin-bottom: 1em;
		float: none;	
	}
	#account .user-info p {
		margin: 0;
		padding: 0;
	}
	#account ul {
		margin: 0;
	}
	#account ul li a {
		display: block;
		position: relative;
		font-size: 1em;
		line-height: 1.5em;
		border: none;
		padding: 0.3em 1em;
	}
	#account ul li a:hover,
	#account ul li a:focus {
		background-color: #252525;
	}
	#account .user-info a {
		color: #fff;
	}
	#account .user-info a:hover,
	#account .user-info a:focus {
		background-color: transparent;
		color: #ef4b25;
	}
	#account ul li a:before {
		content: "";
		display: inline-block;
		font-family: 'Fontcons';
		font-size: 1.2em;
		color: #fff;
		width: 1em;
		height: 1em;
		margin-right: 0.2em;
	}
    #account ul li a:hover:before {
        color: #ef4b25;
    }
	#account ul li#account-dashboard a:before {
		content: "\f009";
	}
	#account ul li#account-profile a:before {
		content: "\f007";
	}
	#account ul li#account-messages a:before {
		content: "\2709";
	}
	#account ul li#account-logout a:before {
		content: "\f011";
	}
	#account .user-info a:before {
		display: none;
	}

/* Help */
    .helpme {
        float: right;
    }

    .helpme > a, .user-account > a {
        display: inline-block;
        font-size: 0.9em;
        line-height: 2em;
        padding: 1em 0 1em 20px;
        font-family: 'montserratlight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #fff;
    }

    .user-account ul a {
        text-transform: none;
    }

    .loggedin.user-account > a {
		text-transform: none;
        font-family: 'hub';
    }
	.loggedin.user-account > a span {
		display: none;
	}
	
	 .loggedin.user-account > a.thumb {
        padding: 0 0 0 20px;
        font-size: 0.9em;
    }

    .helpme a:hover, .user-account a:hover {
       color: #ef4b25;
    }

/* Navigation */
	header nav#main-navigation {
		-webkit-transition: max-height ease-in-out 0.5s;
		   -moz-transition: max-height ease-in-out 0.5s;
		     -o-transition: max-height ease-in-out 0.5s;
		        transition: max-height ease-in-out 0.5s;
	}
	#nav {
		padding: 0;
		margin: 0;
	}
	#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;
		padding: 0;
		margin-right: 0.8em;
	}
	#nav ul.menu li {
		float: left;
		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: 0;
		left: 100%;
		background: #f4f4f4;
		padding: 0;
	}
	#nav ul.menu li:hover > ul,
	#nav ul.menu li:focus > ul {
		visibility: visible;
	}
	
	/* Drop-Down Menu Theme */
	#nav ul.menu li {
		padding: 0;
		border: none;
	}
	#nav ul.menu li:hover {
		color: #ef4b25;
	}
	#nav ul.menu>li.active>a,
	#nav ul.menu li.active a {
		color: #ef4b25;
		position: relative;
	}
	#nav ul.menu span.separator {
		display: block;
		border: none;
	}
	#nav ul.menu a {
		display: block;
		border: none;
		color: #fff;
		font-family: 'montserratlight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 1em 10px;
        line-height: 2em;
		font-size: 0.9em;
		text-transform: uppercase;
		position: relative;
	}
	#nav ul.menu ul li a {
		font-family: 'montserratlight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 0.3em 1em;
		text-transform: none;
		border-top: 1px solid #3a3a3a;
		border: none;
		font-size: 0.9em;
		line-height: 1.5em;
	}
	#nav ul.menu > li > a {
		border-bottom: 0;
	}
	#nav ul.menu li:hover > a,
	#nav ul.menu li:focus > a,
	#nav ul.menu li > a:hover { 
		color: #ef4b25;
        background: #2a2a2a;
	}
	#nav ul.menu li.active li a {
		color: #fff;
	}
	#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: #ef4b25;
	}
	#nav ul.menu li.active:hover>a,
	#nav ul.menu li.active:focus>a,
	#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 { 
		
	}
	#nav ul.menu ul li.active>a,
	#nav ul.menu ul li a:hover,
	#nav ul.menu ul li:hover a { 
		background: #252525;
	}
	#nav ul.menu a:active { 
		
	}
	
	/* Second level */
	#nav ul.menu ul {
		width: 16em;
		padding: 1em 0;
		background: #2a2a2a;
		z-index: 10;
	}
	/* Third level */
	#nav ul.menu ul ul {
		border: none;
	}
	/* 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;
	}
	/* Arrow indicating another level */
	#nav ul.menu ul li.parent>a:after {
		font-family: 'Fontcons';
		content: "\203A";
		font-size: 0.85em;
		line-height: 2em;
		display: block;
		float: right;
		width: 1em;
		height: 1em;
		text-align: right;
	}

/* Search */
	.search label {
		display: none;
	}
	
	#mod-search-searchword {
        font-size: 16px;
        padding: 0 2em 0 0.5em;
        position: relative;
        border: 0;
        margin-top: 0.7em;
		background: #0F101B;
    }

	.nav-search .search {
		position: relative;
	}
	.nav-search .search:after {
		content: "";
		display: block;
		position: absolute;
		right: 5px;
		top: 0.7em;
		font-size: 1.4em;
		font-family: 'hub';
		color: #fff;
		content: "s";
	}
	
	#mod-search-searchword:focus {
		border-color: #fff;
		-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.3);
		-moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.3);
		box-shadow: 0px 0px 10px rgba(255,255,255,0.3);
		background: #fff;
	}
	
	.com_tags .search input[type="submit"] {
		margin-top: 2px;
		float: right;
	}

/* Content */
	#wrap.blur {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
		opacity: 0.6;
	}
	#content {
		display: block;
		margin: 0;
		position: relative;
		background: #f9f9f9;
	}
	/*
	#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 */
	.com_content .content-header,
	#content-header {
		margin: 0;
		padding: 0;
		background: #fff;
	}
	#content.com_content .withmenu {
		padding-top: 8em;
	}
	#content.com_content .withmenu .content-header {
		height: 8em;
		position: absolute;
		top: -8em;
		left: 0;
		right: 0;
	}
	
	.com_content .content-header h2,
	#content-header h2 {
		margin: 0 30px;
		padding: 1em 0 0.4em;
		font-family: 'montserratlight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 3em;
	}
	#content-header-extra {
		position: absolute;
		right: 30px;
		top: 3.8em;
		text-align: right;
		min-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;
	}
	.com_content .withleft .content-header {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
	}
	.com_content .withleft {
		padding-top: 100px;
	}

/* Footer */
	#footer {
		padding: 30px;
		color: #fff;
		font-size: 0.9em;
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
		background: #181818;
	}
	#footer svg {
		width: 50px;
	}
	#footer svg * {
		fill: #fff;
	}
	#footer p {
		float: right;
	}
	#footer h2 {
		display: none;
	}
	#footer h3 {
		color: #e7e7e7;
		border-bottom: 1px dashed #181818;
		margin: 0;
		padding: 0 0 10px 0;
		text-transform: none;
		font-size: 16px;
		font-weight: normal;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
	}
	
	#footer ul {
		list-style: none;
		margin: 0;
	}
	#footer li {
		padding: 0.4em 0;
		margin: 0;
	}
	/* Ancillary navigation */
	#ancillary {
		margin: 0 30px;
		padding: 30px;
		background: #494949;
		-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;
		background: #ececec;
	}
	#footer ul#legalese {
		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);
		background: #f9f9f9;
	}
	#footer ul#legalese li {
		display: inline;
		margin-left: 2em;
		text-shadow: none;
		color: #aaa;
	}
	#footer ul#legalese .policy {
		position: absolute;
		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;
	}

/* Content columns */
	.section {
		padding: 30px;
		position: relative;
	}
	#introduction + .section {
		/* padding: 0 30px 30px 30px; */
	}
	.section.main {
		/* padding: 0; */
		background: none;
	}
	#tagBrowserForm .section.main {
		padding: 30px;
	}
	.section.main .section-inner {
		/* -- padding: 30px; */
	}
	.section.upperpane {
		padding: 30px 0;
	}
	.section .section {
		padding: 30px 0;
	}
	body #page_content .main {
		background: none;
	}
	body #page_header {
		padding-bottom: 25px;
	}

/* Subjects (with right aside) */
	.subject {
		margin: 0;
		padding: 0;
		margin-right: 270px;
	}
	#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;
		padding: 0 0 0 30px;
	}
	
	.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;
	}
	.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 1px 4px rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		     -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}
	.aside>fieldset { 
		margin-top: 0;
	}
	.aside>fieldset:last-of-type { 
		margin-bottom: 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,
	.aside fieldset input {
		width: 100%;
	}
	.aside fieldset label input.option {
		width: auto;
	}
	.aside fieldset legend {
		display: none;
	}
	.aside fieldset fieldset legend {
		display: block;
		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: 20px;
	}
	.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;
	}
	.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 {
		position: relative;
		padding: 0.7em 0;
		margin-bottom: 3em;
		border-radius: 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;
	}

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

	section.section {
		display: table;
		table-layout: fixed;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}
	section.section>.section-inner {
		display: table;
		width: 100%;
		table-layout: fixed;
		padding: 0;
	}
	section.section .subject {
		display: table-cell;
		vertical-align: top;
		margin-right: 0px;
		padding-right: 30px;
	}
	section.section .subject .contentpaneopen {
		padding: 0;
	}
	section.section .aside {
		float: none;
		display: table-cell;
		vertical-align: top;
		width: 210px;
		padding: 0 30px 0 0;
	}
	section.section .aside + .subject {
		padding-left: 30px;
		padding-right: 0;
	}
	section.section .subject + .aside {
		position: relative;
		padding: 0 0 0 30px;
		-webkit-box-shadow: rgba(0,0,0,0.1) -2px 0px 2px;
		-moz-box-shadow: rgba(0,0,0,0.1) -2px 0px 2px;
		box-shadow: rgba(0,0,0,0.1) -2px 0px 2px;
	}
	
	#page_content section.section {
		padding: 0;
	}

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

/* Buttons & Icons */
	a.btn,
	.btn {
		color: #fff;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	a.btn-primary,
	.btn-primary {
		color: #fff;
	}
	a.btn-primary:hover,
	.btn-primary:hover {
		
	}
	.btn.btn-cancel {
		background: #666 !important;
		color: #fff;	
	}
	
	#page_options .btn,
	#content-header-extra .btn {
		background: transparent;
		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;
	}

	#page_options .edit:before {
		content: "";
		margin-right: 0;
	}
	#content #system-message {
		margin: 0 0 30px 0;
	}
	#content .section #system-message {
		margin: 0 0 30px 0;
	}
	
	#page_options .btn,
	#content-header-extra .btn {
		background: #F06922;
		border: none;
		color: #fff;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;	
		
		text-shadow: none;
	}
	#page_options .btn:hover,
	#content-header-extra .btn:hover {
		background: #ef4b25;
		border: none;
		color: #fff;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;	
		
		text-shadow: none;
	}

/* HUB Forms */
	#hubForm {
		position: relative;
	}
	#hubForm.login .explaination small.explaination-after,
	#hubForm.login .explaination:first-child:after {
		display: none;
	}
	#hubForm fieldset {
		color: #777;
		padding: 0 0px 1.75em 0px;
		margin: 0.7em 270px 1.7em 0;
	}
	.subject #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;
		border: 0;
	}
	#hubForm legend {
		display: block;
		float: right;
		width: 100%;
		margin: 0 0 1em 0;
		padding: 0.8em 30px;
		*padding: 0.8em 0;
		*text-indent: 2em;
		background: #666;
		color: #fff;
		-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 30px 0;
	}
	#hubForm input, 
	#hubForm select, 
	#hubForm textarea {
		margin-top: 0.25em;
		width: 100%;
	}
	#hubForm a.btn {
		margin-top: 0.25em;
	}
	#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 .field-wrap,
	#hubForm p {
		display: block;
		margin: 4.5em 2em 0 2em;
	}
	#hubForm span.field-wrap,
	#hubForm label + .field-wrap {
		margin: 0 2em 0 2em;
	}
	#hubForm label + input {
		margin-left: 30px;
		margin-right: 30px;
		width: 94.5%;
	}
	#hubForm .grid .options label {
		display: inline;
		float: none;
		width: auto;
	}
	#hubForm .grid {
		margin: 0 2em;
	}
	#hubForm .grid label {
		padding-left: 0;
		padding-right: 0;
	}
	#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;
		top: -2px;
		min-height: 10px;
		width: 210px;
		padding: 10px 30px;
		position: relative;
		-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 5px;
		-moz-box-shadow: rgba(0,0,0,0.1) 0 0 5px;
		box-shadow: rgba(0,0,0,0.1) 0 0 5px;
	}
	#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 .required {
		color: #F06922;
	}
	
	#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 30px;
	}
	#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;
	}
	#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;
	}
	.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-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;
		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;
	}
	#sbox-content fieldset p.multiple-option {
		margin: 0;
	}
	#sbox-content fieldset input[type=radio] {
		width: auto;
	}

/* 
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 {
		
	}

	.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 {
		background: #eee;
	}
	body #content form.search {
		/*border: 1px solid #f9f9f9*/
	}
	#section-plan {
		background: #f1f1f1;
	}
	#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;
	}
	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;
		padding-bottom: 1em;
	}
	#commentform input.option, 
	#commentform select.option {
		margin-top: 0;
	}
	
	.article-info {
		display: none;
	}

	.newsflash-vert {
		margin: 0;
		padding: 0;
	}

	.newsflash-vert li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.newsflash-vert .meta {
		text-transform: uppercase;
		color: #666;
		font-size: 0.8em;
		margin-top: 0;
	}

	.newsflash-vert  h4.newsflash-title {
		margin-bottom: 0.2em;
	}

/* Some mobile stuff */

/* Hide elements for small screens */
.show-m,
.show-s {
	display: none;
}

/* 
	*********************************************************************************************
	
	********************************************************************************************* 
*/

@media (max-width: 1200px) {



}

/* 
	*********************************************************************************************
	
	********************************************************************************************* 
*/

@media (max-width: 1064px) {
	#page_content section.section {
		display: block;
		width: auto;
	}
	#page_content section.section .subject,
	#page_content section.section .aside {
		display: block;
		width: auto;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}
	#page_content section.section .aside:before {
		display: none;
	}
	#page_content section.section .aside .container {
		border: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	#page_content section.section .aside .container:before,
	#page_content section.section .aside .container:after {
		display: none;
	}
	#page_content section.section .aside .container h3 {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

/* 
	*********************************************************************************************
	
	********************************************************************************************* 
*/

@media (max-width: 1023px) {
	#account li>a {
		border-left: 0;
	}
	#account #account-info {
		border-left: 0;
	}

	#content-header-extra {
		right: 30px;
	}
}

/* 
	*********************************************************************************************
	
	********************************************************************************************* 
*/

@media (max-width: 888px) {

	/* Switching to mobile nav */

	.show-m {
		display: block;
	}
	.hide-m {
		display: none !important;
	}

    #mobile-logo {
        float: left;
    }

    #mobile-logo img {
        height: 3em;
        padding: 0.5em 0;
    }

	#mobile-nav {
		float: right;
		margin: 0;
	}
	#mobile-nav ul li {
		list-style: none;
		display: inline-block;
		margin: 0;
	}
	#mobile-nav ul li a {
		display: block;
		cursor: pointer;
		font-size: 2.7em;
		line-height: 1em;
		color: #777676;
		border: 0;
	}
	#mobile-nav ul li a:hover {
		color: #111;
	}
	#mobile-menu {
		position: relative;
		line-height: 1em;
	}
	#nav-icon {
		margin: 0;
		position: absolute;
		top: 0.5em;
	}
    #mobile-menu em {
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
    #mobile-menu:hover em {
        color: #ef4b25;
    }
	#nav-icon span,
	#nav-icon span:before,
	#nav-icon span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 3px;
		width: 30px;
		background: #fff;
		position: absolute;
		display: block;
		content: '';
		-webkit-transition: all 200ms ease-in-out;
		   -moz-transition: all 200ms ease-in-out;
		    -ms-transition: all 200ms ease-in-out;
		     -o-transition: all 200ms ease-in-out;
		        transition: all 200ms ease-in-out;
	}
	#mobile-menu:hover #nav-icon span,
	#mobile-menu:hover #nav-icon span:before,
	#mobile-menu:hover #nav-icon span:after {
		background: #ef4b25;
	}
	#nav-icon span:before {
		top: -8px;
	}
	#nav-icon span:after {
		bottom: -8px; 
	}
	#mobile-menu #nav-icon.open span {
		background-color: transparent;
	}
	#nav-icon.open span:before,
	#nav-icon.open span:after {
		top: 0;
	}
	#nav-icon.open span:before {
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
		     -o-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	#nav-icon.open span:after {
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
		     -o-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}

	#mobile-menu em {
		padding-left: 35px;
		font-style: normal;
		text-transform: uppercase;
		font-size: 1em;
		line-height: 4em;
		color: #fff;
	}

	/* Search */
	#searchform {
		float: none;
		margin: 0 6em 0 0;
		padding: 0 3.25em 0 0;
		position: relative;
	}
	#searchword {
		width: 100%;
		float: none;
	}
	#submitquery {
		float: none;
		position: absolute;
		top: 0;
		right: 0;
	}

	.branding {
		display: none;
	}
	
	#navigation {
		float: none;
        padding: 0 30px;
	}
	
	.user-account {
		float: none;
		text-indent: 0;
		width: auto;
		height: auto;
		background: #2a2a2a;
		padding: 0;
	}
	
	.user-account a.user-account-link {
		margin-left: 2px;
		margin-top: 2px;
	}
	
	.user-account a.user-account-link {
		margin: 0;
	}
	
	.user-account a.user-account-link.loggedout {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: auto;
		text-indent: 0;
		height: auto;
        padding: 5px 10px;
	}
	
	.user-account a.user-account-link:before {
		text-transform: none;
	}
	.user-account a.user-account-link:hover:before {
		color: #7c7c7c;
	}
	
	#account .account-details {
		visibility: visible;
		border: none;
		position: static;
		width: auto;
		background: none;
	}
	
	#account .account-details ul {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
	}
	
	.user-image {
		float: left;	
	}
	
	.user-image img {
		max-width: none;
	}
	
	#account .user-info {
		padding: 0 1em 1em; 	
	}
	
	#account .user-info a {
		display: table-row;
		margin: 0.3em 0;
	}
	#account .user-info .user-image, #account .user-info p {
		display: table-cell;
		vertical-align: middle;
		margin-right: 1em;
	}

    #account ul li a:hover, #account ul li a:focus {
        background: none;
    }

    .searchhelp {
        padding: 0;
        background: #2a2a2a;
        border-top: 1px solid #494949;
    }

    .helpme, .nav-search {
        float: none;
    }

    .nav-search {
        padding: 1em 10px;
        border-top: 1px solid #494949;
    }

    .helpme a {
        padding: 1em 10px;
    }

    #mod-search-searchword {
        width: 100%;
        margin-top: 0;
		background: #fff;
    }

	.nav-search .search:after {
		right: 5px;
		top: 0.2em;
		font-size: 1em;
		font-family: 'hub';
		color: #000;
	}

	/* Main navigation */
	#nav ul.menu {
		float: none;
		padding: 1em 0;	
		font-size: 90%;
	}
	#nav ul.menu ul li.parent>a:after {
		display: none;
	}
	#main-navigation {
		float: none;
		max-height: 0;
	}
	#nav ul.menu li {
		width: 100%;
		padding: 0;
		float: none;
	}
	#nav ul.menu a {
		display: inline;
		padding: 0;
		border: 0;
		line-height: 3em;
	}
	#nav ul.menu a:hover {
		color: #222;
	}
	#nav ul.menu > li.active>a, 
	#nav ul.menu li.active a {
		background: none;
	}
    #nav ul.menu li:hover > a, #nav ul.menu li:focus > a, #nav ul.menu li > a:hover {
        background: none;
    }
	#nav ul.menu ul {
		width: 100%;
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		border: 0;
	}
	#nav ul.menu ul li {
		border: 0;
		padding: 0 0 0 20px;
	}
	#nav ul.menu ul li a {
		padding: 0;
		line-height: 1.3em;
	}
	#nav ul.menu span.separator {
		display: none;
	}
	#nav ul.menu li.active:hover>a,
	#nav ul.menu li.active:focus>a,
	#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: transparent;
		margin: 0 0;
		padding-left: 0;
		padding-right: 0;
	}
	nav#main-navigation {
		border-top: none;
		overflow: hidden;
		clear: both;
	}
	nav#main-navigation .wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	#nav ul.menu ul {
		visibility: visible;
		opacity: 1;
		position: static;
		padding: 0 0 1em 0;
		margin-top: -0.3em;
        background: none;
	}
	#nav ul.menu ul ul {
		border: none;
		background-color: transparent;
		-webkit-column-count: auto;
		   -moz-column-count: auto;
		        column-count: auto;
	}
	#nav ul.menu ul li.active>a, 
	#nav ul.menu ul li a:hover, 
	#nav ul.menu ul li:hover a {
		background-color: transparent;
	}
	
	#nav ul.menu ul ul {
		margin-top: 0;
	}
	/* End main navigation */

	#hubForm .explaination {
		float: none;
		width: auto;
		padding: 0;
		margin: 1em 0;
		border: none;
	}
	#hubForm fieldset {
		margin-right: 0;
	}
	#hubForm .submit {
		margin-right: 0;
	}
	#hubForm .explaination:before,
	#hubForm .explaination:after,
	#hubForm:before,
	#hubForm:after {
		display: none;
	}
	#masthead {
		margin-top: 0;
	}
	section.section {
		display: block;
		width: auto;
	}
	section.section .subject,
	section.section .aside {
		display: block;
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}
	section.section .aside:before {
		display: none;
	}
}

/* 
	*********************************************************************************************
	
	********************************************************************************************* 
*/

@media (max-width: 700px) {

}

/* 
	*********************************************************************************************
	
	********************************************************************************************* 
*/

@media (max-width: 600px) {
	#splash .inner-wrap .inner .wrap {
		min-height: 0.9em;
	}
	#hubForm .grid .span4 {
		float: none;
		width: auto;
		margin-right: 0;
	}
	
	#hubLogo {
		padding-bottom: 0;
	}
	
	body {
		padding-top: 0;
	}

    /* Switch all padding from 30px to 10px */
    #navigation {
        padding: 0 10px;
    }

	#content-header-extra {
		right: 10px;
	}

	.com_content .content-header h2,
	#content-header h2 {
		margin: 0 10px;
	}

	.section {
		padding-left: 10px;
		padding-right: 10px;
	}

	#introduction + .section {
		padding-left: 10px;
		padding-right: 10px;
	}
}

}

/* 
	*********************************************************************************************
	
	********************************************************************************************* 
*/

@media (max-width: 480px) {
	#hubLogo {
		width: 100px;
		overflow: hidden;
	}
	#hubLogo svg {
		width: 150px;
	}
	.com_content .content-header h2, 
	#content-header h2 {
		padding-left: 10px;
		padding-right: 10px;
	}
	#content-header-extra {
		position: static;
		padding: 10px;
		text-align: left;
		border-top: 1px solid #efefef;
	}
	#sub-masthead .inner {
		padding: 1em 10px;
	}
	.section {
		padding: 30px 10px;
	}
	#footer .inner {
		padding: 0 10px;
	}
	#account .account-details ul {
		-webkit-column-count: auto;
		   -moz-column-count: auto;
		        column-count: auto;
	}
	
	#nav ul.menu ul {
		-webkit-column-count: auto;
		   -moz-column-count: auto;
		        column-count: auto;
	}
	
	.section.upperpane {
		padding: 30px 10px;
	}
	
	section.section .subject, section.section .aside, section.section .subject + .aside {
		padding-left: 10px;
		padding-right: 10px;
}