/*! MV zen.css */

	html {
		min-width: 280px;
		margin: 0 auto;
		padding: 0;
		font-family: Mulish, sans-serif;
		font-size: 62.5%;
		color : #111;
	}

	html.narrow { max-width: 800px; }
	html.normal { max-width: 1000px; }
	html.wide { max-width: 1280px; }
		
	@media screen and (max-width: 700px) {
		html {
			background-color: #FFF;
			background-image: none;
		}
	}

	body {
		margin: 0px;
		font-size: 1.2rem;
		overflow-y: scroll;
	}

	a							{ color: #111; outline: none; }
	a:link,a:active,a:visited	{ color: #111; outline: none; }
	a.obvious					{ color: blue; text-decoration: underline };
	a:hover, a.obvious:hover	{ color: #600; text-decoration: underline; outline: none; }
	
	hr {
		height: 0px;
		border: solid #AAA 0px;
		border-top-width: 1px;
	}

	img { border: 0; }
	select { font-size: 1.6rem; }
	select:focus { outline: none; }
	select.small { font-size: 1.4rem; }
	input[type=text]:focus { outline: 2px solid #82a2d7; }
	textarea:focus { outline: 2px solid #82a2d7; }

/*----------------------------------*/
/*!-		Primitives				*/
/*----------------------------------*/

/*! Padding */
.sml-pad { padding: 5px !important; }
.std-pad { padding: 10px !important; }
.med-pad { padding: 15px !important; }
.lrg-pad { padding: 25px !important; }
.no-pad { padding: 0px !important; }
.std-upad { padding: 0px 10px 10px 10px !important; }
.med-upad { padding: 0px 15px 15px 15px !important; }

/*! Margins */
.sml-margin { margin: 5px !important; }
.sml-tm { margin-top: 5px !important; }
.sml-lm { margin-left: 5px !important; }
.sml-bm { margin-bottom: 5px !important; }
.sml-rm { margin-right: 5px !important; }
.sml-hm { margin-left: 5px !important; margin-right: 5px !important; }
.sml-vm { margin-top: 5px !important; margin-bottom: 5px !important; }

.std-margin { margin: 10px !important; }
.std-tm { margin-top: 10px !important; }
.std-lm { margin-left: 10px !important; }
.std-bm { margin-bottom: 10px !important; }
.std-rm { margin-right: 10px !important; }
.std-hm { margin-left: 10px !important; margin-right: 10px !important; }
.std-vm { margin-top: 10px !important; margin-bottom: 10px !important; }

.med-margin { margin: 15px !important; }
.med-tm { margin-top: 15px !important; }
.med-lm { margin-left: 15px !important; }
.med-bm { margin-bottom: 15px !important; }
.med-rm { margin-right: 15px !important; }
.med-hm { margin-left: 15px !important; margin-right: 15px !important; }
.med-vm { margin-top: 15px !important; margin-bottom: 15px !important; }

.lrg-margin { margin: 25px !important; }
.lrg-tm { margin-top: 25px !important; }
.lrg-lm { margin-left: 25px !important; }
.lrg-bm { margin-bottom: 25px !important; }
.lrg-rm { margin-right: 25px !important; }
.lrg-hm { margin-left: 25px !important; margin-right: 25px !important; }
.lrg-vm { margin-top: 25px !important; margin-bottom: 25px !important; }

.no-margin { margin: 0px !important; }
.no-tm { margin-top: 0px !important; }
.no-lm { margin-left: 0px !important; }
.no-bm { margin-bottom: 0px !important; }
.no-rm { margin-rm: 0px !important; }
.no-hm { margin-left: 0px; margin-right: 0px; !important; }
.no-vm { margin-top: 0px; margin-bottom: 0px; !important; }

/*! Text Colors */
.green-text { color: #080 !important; }
.red-text { color: #C00 !important; }
.white-text { color: white !important; }
.theme-text { color: #800 !important; }
.italic-text { font-style: italic !important; }
.bold-text { font-weight: bold !important; }

/*! Backgrounds */
.white-background { background-color: white !important; }
.black-background { background-color: black !important; }
.light-gray-background { background-color: #F5F5F5 !important; }

/*! Boxes */
.std-box {
	background-color: #F5F5F5;
	border: 1px solid #888;
	overflow: hidden;
	margin-top: 10px;
}

.std-box.dark { background-color: #dadee3; }
.std-box.round { border-radius: 12px; }

.outline { border: 1px solid #888; }

/*! Alignment */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.center { text-align: center !important; }

.text-top { vertical-align: top !important; }
.text-middle { vertical-align: middle !important; }
.text-bottom { vertical-align: bottom !important; }

/*! Indent */
.indent10 { text-indent: 10px !important; }
.indent20 { text-indent: 20px !important; }
.indent30 { text-indent: 30px !important; }

/* Width */
.twenty		{ width: 20% !important; }
.thirty		{ width: 30% !important; }
.forty		{ width: 40% !important; }
.fifty		{ width: 50% !important; }
.sixty		{ width: 60% !important; }
.seventy	{ width: 70% !important; }
.eighty		{ width: 80% !important; }

.min-width { width: 1% !important; }
.max-width { width: 100% !important; }

/* Float */
.float-right { float: right !important; }
.float-left { float: left !important; }

/*! Misc */
.no-wrap { white-space: nowrap !important; }
.inline-block { display:inline-block !important; }
.invisible { display: none !important; }
.block { display: block !important; }
.inline { display: inline !important; }
.flex-vcenter { display: flex !important; align-items: center !important; }

/*----------------------------------*/
/*!-		Content					*/
/*----------------------------------*/

.usercontent {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 1.9rem;
}


/*! Side-Slide */
.side-slide {
	clear: both;
	overflow: hidden;
	position: relative;
}

.side-slide .slide-left {
	float: left;
	margin-top: 10px;
}

.side-slide .slide-right {
	float: right;
	margin-top: 10px;
}

/*! Two column collapsible */
.left-sub, .right-sub {
	vertical-align: top;
	display: inline-block;
	width: 50%;
}

.left-sub-40, .right-sub-40 {
	vertical-align: top;
	display: inline-block;
	width: 40%;
}

/* .left-sub div:first-child, 
.right-sub div:first-child {
	margin-top: 0px;
} */

.left-dom, .right-dom {
	vertical-align: top;
	display: inline-block;
	width: 50%;
}

.left-dom-60, .right-dom-60 {
	vertical-align: top;
	display: inline-block;
	width: 60%
}

@media screen and (max-width: 600px) {
	.left-dom, .right-dom, 
	.left-sub, .right-sub,
	.left-dom-60, .right-dom-60,
	.left-sub-40, .right-sub-40
	 {
		display: block;
		width: auto;
	}
}


/*! Old-Style Row Colors */

	.forumline td.row1	{ background-color: #F6F6F6; }
	.forumline td.row2	{ background-color: #F0F0F0; }
	.forumline td.row3	{ background-color: #EAEAEA; }

/*! Outer Borders */

	#simplecontainer {
		padding: 8px;
		background-color: white;
	}

	#container { padding: 6px; }

	@media screen and (max-width: 700px) {
	  #container { padding: 0px; }
	}

	#borderline {
		padding: 12px;
		border: 1px solid #888;
		background-color: white;
		border-radius: 18px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	}

	@media screen and (max-width: 700px) {
		#borderline {
			padding: 10px;
			border: none;
			border-radius: 0px;
			box-shadow: none;
		}
	}

	#masthead {
		background: url(images/masthead_bg_alt.png) no-repeat top left;
		border: 1px solid #888;
		background-color: #EEE;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		margin: 0px 0px 25px 0px;
	}

	#page_content {
		margin-top: 25px;
	}

	.forumline {
		background-color: #FFF;
		border: 1px #888 solid;
		border-spacing: 1px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}

	.forumline th {
		background-color: #dadee3;
		padding: 0px;
		color: black;
	}

	.forumline th.main {
		height: 22px;
		letter-spacing: 1px;
		font-size: 1.6rem;
		font-weight: bold;
		padding: 3px;
		padding-left: 10px;
	}

	.forumline th.main a {
		text-decoration: none;
	}

	.forumline th.sub {
		height: 22px;
		text-align: center;
		font-size: 1.3rem;
		font-weight: bold;
		padding-left: 5px;
		padding-right: 5px;
	}

	.forumline td {
		padding: 4px;
		background-color: #EEE;
	}

	.forumline td.main {
		width: 100%;
	}

	.forumline .poster_container {
		display:inline-block;
		padding-left: 4px;
	}
	
	.forumline .poster_container img {
		vertical-align: middle;
	}

	.forumline .poster_text_block {
		display: inline-block; 
		vertical-align: middle; 
		padding-left: 5px;		
	}
	
/*! Generic Rounded Content Area */

	.roundpad {
		background-color: #F5F5F5;
		border: 1px solid #999;
		border-radius: 12px;
		margin-top: 10px;
		margin-bottom: 10px;
		clear:both;
	}

	.roundpad.squarebottom {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.roundpad.squaretop {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.roundpad .header {
		padding: 10px;
		background-color: #dadee3;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	    overflow:hidden;
	}

	.roundpad.squaretop .header {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.roundpad .header.big {
		padding: 10px;
	}

	.roundpad .header .title {
		margin-bottom: 5px;
		font-size: 1.4rem;
		font-weight: bold;
		text-decoration: none;
	}

	.roundpad .header.big .title {
		font-size: 1.8rem;
	}

	.roundpad .header .subtitle {
		margin-top: 5px;
		font-size: 1.4rem;
		font-style: italic;
	}

	.roundpad .header.centered {
		text-align: center;
	}

	.roundpad .footer {
		padding: 10px;
		background-color: #dadee3;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
	}

	.roundpad.squarebottom .footer {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.roundpad .footer .title {
		margin-bottom: 5px;
		font-size: 1.4rem;
		font-weight: bold;
		text-decoration: none;
	}

	.roundpad .content {
		clear:both;
		padding: 10px;
	    overflow:hidden;
	}

	/*! Statbox */
	.statbox {
		padding: 10px;
		background-color: #DDDDF5;
		border-radius: 12px;
	}

	.statbox .title {
		font-size: 1.2rem;
		text-align: center;
	}

	.statbox .statistic {
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
	}

	.stattable {
		margin-left: 20px;
	}

/*! Fancy Table Headings */

	table.fancy {
		margin-bottom: 20px;
	}

	table.fancy th {
		background-image: none;
		background-color: #b4bcca;
		height: 26px;
		font-size: 1.2rem;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 5px;
		margin-right: 5px;
		color: black;
		border-radius: 6px;
	}

	table.fancy th.selectable {
		background-color: #ccdded;
		cursor: pointer;
	}

	table.fancy th.selected {
		background-color: #8C8;
	}

	table.fancy td {
		font-size: 1.1rem;
	}

	table.fancy td.row2, table.fancy tr.row2 td {
		background-color: #dadee3;
		border-radius: 6px;
	}

/*! Standard Table */

	table.standard th {
		background-color: #b4bcca;
		border-radius: 6px;
	}
	
	table.standard tr {
	}

	table.standard th {
		height: 26px;
		font-size: 1.2rem;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	table.standard tr:nth-child(even) td {
		background-color: #dadee3;
		border-radius: 6px;
	}

	/*--- From tablesort.css ---*/
	table.standard th[role=columnheader]:not(.no-sort) {
		cursor: pointer;
	}
	
	table.standard th[role=columnheader]:not(.no-sort):after {
		content: '';
		float: right;
		margin-top: 7px;
		border-width: 0 5px 5px;
		border-style: solid;
		border-color: #404040 transparent;
		visibility: hidden;
		opacity: 0;
		-ms-user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}
	
	table.standard th[aria-sort]:not(.no-sort) {
		background-color: #8cc89d;
	}
	
	table.standard th[aria-sort=descending]:not(.no-sort):after {
		border-bottom: none;
		border-width: 5px 5px 0;
	}
	
	table.standard th[aria-sort]:not(.no-sort):after {
		visibility: visible;
		opacity: 0.4;
	}
	
	table.standard th[role=columnheader]:not(.no-sort):hover:after {
		visibility: visible;
		opacity: 1;
	}

/*! Ratio Bar */
	div.ratio-bar {
		margin-left: 5px;
		margin-right: 5px;
		border-radius: 5px;
		overflow: hidden;
	}
	
	div.ratio-bar div.ratio-left {
		display:inline-block; 
	}
	
	div.ratio-bar div.ratio-right {
		display:inline-block; 
	}
	
	div.ratio-bar span {
		color: white;
	}

/*! Alert Buttons */

	button.dialog_button {
		border: solid 1px #999;

		color: #222;
		font-family: Mulish, sans-serif;
		font-size: 1.6rem;
		text-align: center;
		text-shadow: #FFF 0px 1px 1px;
		text-decoration: none;
		font-weight: bold;
		white-space:nowrap;

		padding: 8px 16px;

		background-color: #DDD;
		background-image: linear-gradient(rgb(240,240,240), rgb(200,200,200));

		border-radius: 22px;

		display: inline-block;
		cursor: pointer;
	}

	button.dialog_button.large {
		font-size: 2.0rem;
		padding: 10px 20px;
		border-radius: 24px;
	}
	
	button.dialog_button.small {
		font-size: 1.3rem;
		padding: 5px 10px;
		border-radius: 18px;
	}
	
	button.dialog_button.tiny {
		font-size: 1.2rem;
		padding: 3px 8px;
		border-radius: 16px;
	}

	button.dialog_button:hover {
		border: solid 1px #888;
		background-color: #AAA;
		background-image: linear-gradient(#DCDCDC, #AAA);
	}

	button.dialog_button.prominent,
	button.dialog_button.prominent:hover {
		border: solid 1px #444;
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
	
	button.dialog_button:disabled {
		cursor: not-allowed;
		color: #AAA;
		text-shadow: none;
		border: solid 1px #DDD;
		background-color: #DDD;
		background-image: none;
	}

	button.dialog_button.red {
		color: #fff;
		text-shadow: #000 0px 1px 1px;
		background-color: #F00;
		background-image: linear-gradient(#F33, #D00);
	}
	
	button.dialog_button.red:hover {
		border: solid 1px #888;
		background-color: #D00;
		background-image: linear-gradient(#C33, #C00);
	}
	
	button.dialog_button.green {
		color: #fff;
		text-shadow: #000 0px 1px 1px;
		background-color: #0A0;
		background-image: linear-gradient(#3A3, #080);
	}
	
	button.dialog_button.green:hover {
		border: solid 1px #888;
		background-color: #080;
		background-image: linear-gradient(#383, #060);
	}
	
/*! Text Buttons */

	a.text_button {
		border: solid 1px #999;

		color: #222;
		font-size: 1.3rem;
		text-align: center;
		text-shadow: #FFF 0px 1px 1px;
		text-decoration: none;
		font-weight: bold;
		white-space:nowrap;

		padding: 5px 10px;

		background-color: #DDD;
		background-image: linear-gradient(rgb(240,240,240), rgb(200,200,200));

		border-radius: 12px;

		display: inline-block;
		cursor: pointer;
	}

	a.text_button.large {
		font-size: 1.6rem;
		padding: 8px 16px;
		border-radius: 20px;
	}
	
	a.text_button.medium {
		padding: 5px 10px;
		font-size: 1.4rem;
		border-radius: 16px;
	}

	a.text_button.small {
		padding: 3px 6px;
		font-size: 1.2rem;
		border-radius: 11px;
	}

	a.text_button.spacious {
		margin: 10px;
	}

	a.text_button:hover {
		border: solid 1px #888;
		background-color: #AAA;
		background-image: linear-gradient(rgb(220,220,220), rgb(170,170,170));
	}

	a.text_button.light {
		color: #555;
		border: solid 1px #CCC;
		text-shadow: #FFF 0px 1px 1px;
		background-color: white;
		background-image: linear-gradient(#FFF, #DDD);
	}
	
	a.text_button.light:hover {
		background-color: #EEE;
		background-image: linear-gradient(#EEE, #CCC);
	}
	


/*! Post Buttons */

	a.post_button {
		border: none;
		color: #C0C0C0;
		font-size: 1.1rem;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		white-space: nowrap;
		padding: 3px 8px;
		border-radius: 8px;
		display: inline-block;
	}

	a.post_button.bright {
		color: #1af;
	}

	a.post_button:hover {
		color: white;
		background-color: #1af;
	}

	.button_row {
		margin-top: 20px;
		margin-bottom: 10px;
	}

/*! Icon Buttons */

	a.icon_button {
		border: solid 1px #999;
		background-color: #DDD;
		display:inline-block;
		margin-left: 2px;
		border-radius: 12px;
		background-image: linear-gradient(rgb(240,240,240), rgb(200,200,200));
	}

	a.icon_button:hover {
		border: solid 1px #888;
		background-color: #AAA;
		background-image: linear-gradient(rgb(220,220,220), rgb(170,170,170));
	}

	a.icon_button i.icon {
		margin: 4px 6px 4px 6px;
		vertical-align: middle;
	}

/*!	Group Button */

	a.group_button {
		border-radius: 0px;
		margin-left: -1px;
		margin-right: -1px;
		cursor: pointer;
	}

	a.group_button:first-child {
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		margin-left: 0px;
	}

	a.group_button:last-child {
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		margin-right: 0px;
	}

/*! Toggle Button */

	a.toggle_button.selected {
		background-image: linear-gradient(rgb(200,200,200), rgb(240,240,240)) !important;
	}

/*! Rating Button */

	a.rating_button {
		cursor: pointer;
	}

	a.rating_button i.icon { vertical-align: middle; }
	a.rating_button.left i.icon { margin: 1px 5px 3px 8px; }
	a.rating_button.right i.icon { margin: 3px 3px 1px 8px; }

/*! Status Button */

	a.status_button {
		border: solid 1px #999;

		color: #222;
		font-size: 1.2rem;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		white-space:nowrap;

		padding: 3px 5px;

		background-color: #DDD;

		border-radius: 6px;

		display: inline-block;
		cursor: pointer;
	}

	a.status_button.true,
	a.status_button.on,
	a.status_button.enabled {
		color: white;
		border-color: green;
		background-color: green;
	}

	a.status_button:hover {
		border: solid 1px #888;
		background-color: #AAA;
	}

	a.status_button.true:hover,
	a.status_button.on:hover,
	a.status_button.enabled:hover {
		color: white;
		border-color: darkgreen;
		background-color: darkgreen;
	}


/*! Big Ass Button */
	.big-ass-button {
		border: solid 1px #999;

		color: #222;
		font-size: 2.0rem;
		text-align: center;
		text-shadow: #FFF 0px 1px 1px;
		text-decoration: none;
		font-weight: bold;
		white-space:nowrap;

		padding: 10px 20px;

		background-color: #DDD;
		background-image: linear-gradient(rgb(240,240,240), rgb(200,200,200));

		border-radius: 24px;

		display: inline-block;
		cursor: pointer;
		
		margin-top: 10px;
		margin-bottom: 25px;
	}				

	.big-ass-button:hover {
		text-decoration: none;
		color: #222;
	}


/*! Forum Links */

	a.forum_link {
		color:white;
		font-size: 1.0rem;
		text-align: center;
		text-shadow: none;
		text-decoration: none;
		font-weight: bold;
		padding: 3px 6px;
		white-space:nowrap;
		display:inline-block;

		background-color: #8D9DAD;
		border-radius: 12px;
	}

	a.forum_link:hover {
		color: white;
		cursor: pointer;
		text-decoration: none;
		background-color: #68a;
	}

/*! Text Selectors */

	a.text_selector {
		color: #222;
		background-color: #FFF;
		border: 1px solid #DDD;
		padding: 4px 8px 4px 8px;
		font-size: 1.2rem;
		font-weight: bold;
		text-decoration: none;
		text-shadow: #FFF 0px 1px 1px;
		text-decoration: none;
		white-space:nowrap;
		border-radius: 12px;
	}

	a.text_selector:hover {
		color: white;
		background-color: #800;
		border: 1px solid #800;
		text-shadow: none;
	}

	a.text_selector.selected {
		background-color: #080;
		color: white;
		text-shadow: none;
		border: none;
	}

/*! Arrows */

	.arrow {
		font: bold 20px Arial, sans-serif;
		content: "\261E";
	}

	.arrow.down {
		font: bold 20px Arial, sans-serif;
		content: "\261F";
	}

/*! Page Header Stuff */

	#logo a {
		background: url(logos/logo_6@2x.png) no-repeat top left / 100%;
		margin: 15px;
		width: 200px;
		height: 107px;
		float: left;
	}

	#logo.dev a {
		background: url(logos/logo_6dev@2x.png) no-repeat top left / 100%;
	}

	#logo h1, #logo_dev h1 { margin: 0px; }
	#logo h1 span, #logo_dev h1 span { display:none }

	@media screen and (max-width: 801px) {
		#logo a,
		#logo.dev a {
			margin: 10px;
			width: 150px;
			height: 80px;
		}
	}

	@media screen and (max-width: 700px) {
		#logo a,
		#logo.dev a {
			margin: 10px;
			width: 132px;
			height: 70px;
		}
	}

	#banner {
		background-color: #880000;
		margin: 10px;
		margin-left: 0px;
		float: right;
		max-width: 468px;
	}

/*! Options Bar Class */
	
	ul.option_bar {
		margin: 10px 5px 10px 5px;
		padding-left: 0px;
		display:inline-block;
	}
	
	ul.option_bar li {
		list-style: none;
		display: inline;
		background-color: #DDD;
		border-top: 1px solid #888;
		border-bottom: 1px solid #888;
		border-left: 1px solid #888;
		padding: 2px 0px;
		color: #222;
		font-size: 1.3rem;
		font-weight: bold;
		text-shadow: #FFF 0px 1px 1px;
	}
	
	ul.option_bar.tiny li {
		font-size: 1.1rem;
	}

	ul.option_bar.small li {
		font-size: 1.2rem;
	}
	
	ul.option_bar.large li {
		font-size: 1.4rem;
	}
	
	ul.option_bar li:first-child {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
	
	ul.option_bar li:last-child {
		border-right: 1px solid #888;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}
	
	ul.option_bar li a	{
		text-decoration: none;
		padding: 2px 10px;
	}
	
	ul.option_bar li a:hover {
		background-color: #999;
		color: #FFF;
		text-shadow: none;
	}

	ul.option_bar li.selected a
	{
		text-decoration: none;
		background-color: #080;
		color: #FFF;
		text-shadow: none;
	}

	ul.option_bar li.selected:first-child a,
	ul.option_bar li:first-child a:hover {
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	
	ul.option_bar li.selected:last-child a,
	ul.option_bar li:last-child a:hover {
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}

/*! User Menu Specifics */
	.vertical_menu {
	}

	.vertical_menu .vertical_menu_item {
		padding: 5px 0px;
		background-color: #DDD;
		border-left: 1px solid #888;
		border-right: 1px solid #888;
		color: #222;
		font-weight: bold;
	}

	.vertical_menu .vertical_menu_item:first-child {
		border-top: 1px solid #888;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.vertical_menu .vertical_menu_item:last-child {
		border-bottom: 1px solid #888;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	.vertical_menu .vertical_menu_item:hover {
		background-color: #700;
	}

	.vertical_menu div.vertical_menu_item a {
		padding: 5px 10px;
		text-decoration: none;
	}

	.vertical_menu div.vertical_menu_item a:hover {
		color: #FFF;
	}

/*! Bar Menu Specifics */

	#navmenu {
		margin: 0px 0 0px 0;
		padding: 0;
		height: 30px;
		border-top: 1px solid #BBB;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		background: #dadee3;
		clear: both;
	}

	#navmenu ul {
		padding: 0;
		margin: 0;
	}

	#navmenu li {
		margin: 0;
		padding: 0;
		float: left;
		display: block;
		border-right: 1px solid #EEE;
	}

	#navmenu li.start {
		border-left: 1px solid #EEE;
	}

	#navmenu li.end, #navmenu li.end a:hover {
		border-bottom-right-radius: 11px;
		border-right: none;
	}

	#navmenu li.yyr {
		display: none;
	}

	#navmenu li a {
		color: black;
		text-decoration: none;
		cursor: pointer;
		font-weight: bold;
		font-size: 1.4rem;
	}

	#navmenu li.left a:hover {
		border-bottom-left-radius: 11px;
		background: #AAA;
	}

	#navmenu li a:hover {
		background: #AAA;
	}

	#navmenu li a.navlink {
		display: block;
		height:30px;
		line-height: 30px; /* forces vertical centering */
		padding: 0px 10px 0 10px;
		color: #222;
		outline: none;
	}

	#navmenu li a.navlink i {
		margin-top: 3px;
	}

	#navmenu li.profile_menu {
		position: relative;
		display: inline-block;
		border-right: none;
		cursor: pointer;
		height: 30px;
	}

	#navmenu li.profile_menu:hover {
		border-bottom-right-radius: 11px;
		background-color: #AAA;
	}

	#navmenu li.profile_menu img.profile_image {
		max-width: 30px;
		border: none;
		border-radius: 5px;
		padding-left: 5px;
		padding-right:5px;
		cursor: pointer;
	}

	#navmenu li.profile_menu .profile-dropdown {
	  position: absolute;
	  top: 30px;
	  right: -1px;
	  background-color: #f9f9f9;
	  min-width: 120px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	}

	#navmenu li.profile_menu .profile-dropdown a {
		padding: 10px;
		display: block;
		text-align: right;
		border-radius: 0px;
	}

	#navmenu li.profile_menu .profile-dropdown a i {
		vertical-align:middle;
	}

	@media screen and (max-width: 700px) {
		#navmenu li a.navlink { 
			padding: 0px 6px 0 6px; 
		}
	}

	@media screen and (max-width: 400px) {
		#navmenu li a.navlink { 
			font-size: 1.3rem; 
			padding: 0px 6px 0 6px;
		}
	}

	@media screen and (max-width: 310px) {
		#navmenu li a.navlink { 
			font-size: 1.3rem;
			padding: 0px 3px 0px 3px; 
		}
	}

/*! Nav Menu Specifics */

	.pm_menu {
		max-width: 280px;
		border: 1px solid #888;
		background: #DDD;
		border-radius: 1.5em;
	}

	.pm_menu .item {
		display: inline;
		border-right: 1px solid #555;
		font: bold 12px/30px Helvetica, sans-serif;
		text-shadow: #FFF 0px 1px 1px;
		color: #070;
		padding: 0px 8px 0 8px;
		margin: 0px;
	}

	.pm_menu .end {
		border-right: 0px;
		padding-right: 0px;
	}

	.pm_menu .item a {
		font: bold 12px/30px Helvetica, sans-serif;
		text-decoration: none;
		text-shadow: #FFF 0px 1px 1px;
		padding-right: 0px;
	}


/*! NUSelect Select Menu */

	select.nuselect {
		background-color: white;
		border: thin solid #888;
		border-radius: 8px;
		display: inline-block;
		font: inherit;
		padding: 3px 8px 3px 8px;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.4rem;
		text-align-last:center;
		margin: 10px 5px 10px 5px;
	
		/* reset */
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	
	select.nuselect.minimal {
		background-color: #DDD;
	}

	select.nuselect.large {
		font-size: 1.6rem;
	}
	
	select.nuselect.minimal:focus {
		outline: 0;
	}
	
	select.nuselect:-moz-focusring {
	  	color: transparent;
  		text-shadow: 0 0 0 #000;
	}

/*! Avatars */

	img.avatar {
		max-width: 125px;
		border-radius: 10px;
	}

	img.avatar_small {
		max-width: 30px;
		display:inline-block;
		border-radius: 5px;
	}

	img.avatar_medium {
		max-width: 40px;
		display:inline-block;
		border-radius: 5px;
	}

	img.avatar_medium_large {
		max-width: 50px;
		display:inline-block;
		border-radius: 5px;
	}

/*--------------------------------------------------------------------------------------*/
/*!							Icons														*/
/*--------------------------------------------------------------------------------------*/

	i.icon { display:inline-block; }
	i.icon.clickable { cursor: pointer; }

/*! Menu Icon Sprites */

	i.menu_icon
	{
		width:25px;
		height:25px;
		background: url(images/menu_icons.png);
		background: -webkit-image-set(
			url(images/menu_icons.png) 1x,
			url(images/menu_icons@2x.png) 2x);
		background: image-set(
			url(images/menu_icons.png) 1x,
			url(images/menu_icons@2x.png) 2x);
		margin: auto;
		display:inline-block;
	}

	i.menu_icon.home				{ background-position:	0px		0px;	}

	i.menu_icon.search				{ background-position:	-0px	-25px;	}
	i.menu_icon.xsearch				{ background-position:	-25px	-25px;	}

	i.menu_icon.messages			{ background-position:	0px		-50px;	}
	i.menu_icon.messages.new		{ background-position:	-25px	-50px;	}

	i.menu_icon.notifications		{ background-position:	-0px	-75px;	}
	i.menu_icon.notifications.new	{ background-position:	-25px	-75px;	}

	i.menu_icon.profile				{ background-position:	-0px	-100px;	}
	i.menu_icon.posts				{ background-position:	-25px	-100px;	}
	i.menu_icon.notes				{ background-position:	-0px	-125px;	}
	i.menu_icon.logout				{ background-position:	-25px	-125px;	}

/*! Forum Icon Sprites */

	i.forum_icon
	{
		width:40px;
		height:40px;
		background: url(images/forum_icons.png);
		background: -webkit-image-set(
			url(images/forum_icons.png) 1x,
			url(images/forum_icons@2x.png) 2x);
		background: image-set(
			url(images/forum_icons.png) 1x,
			url(images/forum_icons@2x.png) 2x);
	}

	i.forum_icon.new	{ background-position:0 -35px; }
	i.forum_icon.locked	{ background-position:0 -70px; }

	i.forum_icon.small
	{
		width:22px;
		height:22px;
		vertical-align: middle;
		background-position:-2px -138px;
	}

	i.forum_icon.small.new { background-position:-24px -138px; }

	i.forum_icon.topic
	{
		width:22px;
		height:22px;
		background-position:0 -182px;
	}

	i.forum_icon.topic.new				{ background-position:	-22px	-182px; }
	i.forum_icon.topic.announce			{ background-position:	0		-160px;	}
	i.forum_icon.topic.announce.new		{ background-position:	-22px	-160px;	}
	i.forum_icon.topic.locked			{ background-position:	0		-204px;	}
	i.forum_icon.topic.locked.new		{ background-position:	-22px	-204px;	}
	i.forum_icon.topic.favorite			{ background-position:	0		-226px;	}
	i.forum_icon.topic.favorite.new		{ background-position:	-22px	-226px;	}
	i.forum_icon.topic.moved			{ background-position:	0		-248px;	}
	i.forum_icon.topic.removed			{ background-position:	-22px	-248px;	}

	i.forum_icon.topic.sticky			{ background-position:	0		-182px;	}
	i.forum_icon.topic.sticky.new		{ background-position:	-22px	-182px;	}

	i.forum_icon.latest_post
	{
		width:18px;
		height:9px;
		background-position:-24px -112px;
	}

/*! Notification Icon Sprites */

	i.notification_icon
	{
		width:80px;
		height:80px;
		background: url(images/notification_icons.png);
		background: -webkit-image-set(
			url(images/notification_icons.png) 1x,
			url(images/notification_icons@2x.png) 2x);
		background: image-set(
			url(images/notification_icons.png) 1x,
			url(images/notification_icons@2x.png) 2x);
	}

	i.notification_icon.like_icon		{ background-position:	0 0; }
	i.notification_icon.quote_icon		{ background-position:	0 -80px;	}
	i.notification_icon.tag_icon		{ background-position:	0 -160px;	}
	i.notification_icon.reply_icon		{ background-position:	0 -240px;	}
	i.notification_icon.message_icon	{ background-position:	0 -320px;	}
	i.notification_icon.award_icon		{ background-position:	0 -400px;	}


/*! Topic Icon Sprites */

	i.karma_icon {
		width:1px;
		height:20px;
		background: url(images/topic_icons.png);
		background: -webkit-image-set(
			url(images/topic_icons.png) 1x,
			url(images/topic_icons@2x.png) 2x);
		background: image-set(
			url(images/topic_icons.png) 1x,
			url(images/topic_icons@2x.png) 2x);
	}

	i.karma_icon.good {
		background-position:-20px 0px;
	}

	i.karma_icon.good_plus_five {
		background-position: 0px 0px;
	}

	i.karma_icon.bad {
		background-position: 0px -21px;
	}

	i.karma_icon.karma_level_05 { width:10px; }
	i.karma_icon.karma_level_10 { width:20px; }
	i.karma_icon.karma_level_15 { width:30px; }
	i.karma_icon.karma_level_20 { width:40px; }
	i.karma_icon.karma_level_25 { width:50px; }
	i.karma_icon.karma_level_30 { width:60px; }
	i.karma_icon.karma_level_35 { width:70px; }
	i.karma_icon.karma_level_40 { width:80px; }
	i.karma_icon.karma_level_45 { width:90px; }

	i.karma_icon.karma_level_50 { width:20px; }
	i.karma_icon.karma_level_55 { width:30px; }
	i.karma_icon.karma_level_60 { width:40px; }
	i.karma_icon.karma_level_65 { width:50px; }
	i.karma_icon.karma_level_70 { width:60px; }
	i.karma_icon.karma_level_75 { width:70px; }
	i.karma_icon.karma_level_80 { width:80px; }
	i.karma_icon.karma_level_85 { width:90px; }
	i.karma_icon.karma_level_90 { width:100px; }
	i.karma_icon.karma_level_95 { width:110px; }
	i.karma_icon.karma_level_100 { width:120px; }

	i.karma_icon.karma_warning {
		background-position: -100px -22px;
		width: 20px;
	}

/*! Topic Icon Sprites */

	i.topic_icon {
		background: url(images/topic_icons.png);
		background: -webkit-image-set(
			url(images/topic_icons.png) 1x,
			url(images/topic_icons@2x.png) 2x);
		background: image-set(
			url(images/topic_icons.png) 1x,
			url(images/topic_icons@2x.png) 2x);
	}

	i.topic_icon.nav {
		width:13px;
		height:14px;
	}

	i.topic_icon.nav.favorite_star { background-position:0px -42px; }
	a.icon_button.selected i.topic_icon.nav.favorite_star { background-position:-14px -42px; }	/* favorite button gold */

	/* i.topic_icon.nav.watch_topic { background-position:-28px -42px;	}
	a.icon_button.selected i.topic_icon.nav.watch_topic { background-position:-42px -42px; }

	i.topic_icon.nav.show_reply { background-position:-56px -42px; }
	a.icon_button.selected i.topic_icon.nav.show_reply { background-position:-70px -42px; } */

	i.topic_icon.nav.topic_notify { background-position:-28px -42px;	}
	a.icon_button.selected i.topic_icon.nav.topic_notify { background-position:-42px -42px; } /* topic notify button gold */

	i.topic_icon.nav.email_on_reply { background-position:-56px -42px; }
	a.icon_button.selected i.topic_icon.nav.email_on_reply { background-position:-70px -42px; }

	i.topic_icon.nav.show_in_replied { background-position:-84px -42px; }
	a.icon_button.selected i.topic_icon.nav.show_in_replied { background-position:-98px -42px; }


	i.topic_icon.toggle_topic_history { background-position:-112px -42px; }

	i.topic_icon.nav.nav_left	{ background-position:   0px -56px; }
	i.topic_icon.nav.nav_right	{ background-position: -14px -56px; }
	i.topic_icon.nav.nav_up		{ background-position: -28px -56px; }
	i.topic_icon.nav.nav_down	{ background-position: -42px -56px; }

	i.topic_icon.nav.mod_delete	{ background-position: -56px -56px; }
	i.topic_icon.nav.mod_move	{ background-position: -70px -56px; }
	i.topic_icon.nav.mod_hide	{ background-position: -84px -56px; }
	i.topic_icon.nav.mod_lock	{ background-position: -98px -56px; }
	i.topic_icon.nav.mod_split	{ background-position:-112px -56px; }

	i.topic_icon.minipost {
		width:8px;
		height:11px;
		background-position:-94px -80px;
		margin-right: 3px;
	}

	i.minipost.new { background-position:-103px -80px; }
	i.minipost:hover { background-position:-112px -80px; }

	i.topic_icon.close
	{
		width:15px;
		height:15px;
		background-position: -89px -105px;
	}

	i.topic_icon.plus
	{
		width:15px;
		height:15px;
		background-position:-105px -105px;
	}

	i.topic_icon.thumbs {
		width:18px;
		height:18px;
	}

	i.topic_icon.thumbs.thumbs_up { background-position:0px -78px; }
	i.topic_icon.thumbs.thumbs_up:hover { background-position:-19px -78px; }
	i.topic_icon.thumbs.thumbs_up.clicked { background-position:-38px -78px; }
	i.topic_icon.thumbs.thumbs_up.selected { background-position:-57px -78px; }

	i.topic_icon.thumbs.thumbs_down { background-position:0px -97px; }
	i.topic_icon.thumbs.thumbs_down:hover { background-position:-19px -97px; }
	i.topic_icon.thumbs.thumbs_down.clicked { background-position:-38px -97px; }
	i.topic_icon.thumbs.thumbs_down.selected { background-position:-57px -97px; }

	i.topic_icon.award {
		width:25px;
		height:25px;
		margin-right: 4px;
		background: url(images/awards.png);
		background: -webkit-image-set(
			url(images/awards.png) 1x,
			url(images/awards@2x.png) 2x);
		background: image-set(
			url(images/awards.png) 1x,
			url(images/awards@2x.png) 2x);
	}

	i.topic_icon.award.award_tstr		{ background-position:0px 0px; }
	i.topic_icon.award.award_rtst		{ background-position:-30px 0px; }
	i.topic_icon.award.award_gtst		{ background-position:-60px 0px; }
	i.topic_icon.award.award_1000		{ background-position:-90px 0px; }
	i.topic_icon.award.award_1500		{ background-position:-120px 0px; }
	i.topic_icon.award.award_tptp		{ background-position:-150px 0px; }
	i.topic_icon.award.award_mvbg		{ background-position:-180px 0px; }
	i.topic_icon.award.award_mvpa		{ background-position:-210px 0px; }
	i.topic_icon.award.award_mvmv		{ background-position:-240px 0px; }
	i.topic_icon.award.award_mvjc		{ background-position:-270px 0px; }
	i.topic_icon.award.award_sccb		{ background-position:-300px 0px; }
	i.topic_icon.award.award_plad		{ background-position:-330px 0px; }
	i.topic_icon.award.award_paco		{ background-position:-360px 0px; }
	i.topic_icon.award.award_book		{ background-position:-390px 0px; }
	i.topic_icon.award.award_artp		{ background-position:-420px 0px; }
	i.topic_icon.award.award_foto		{ background-position:-450px 0px; }
	i.topic_icon.award.award_yelo		{ background-position:-480px 0px; }
	i.topic_icon.award.award_boom		{ background-position:-510px 0px; }
	i.topic_icon.award.award_jest		{ background-position:-540px 0px; }

	i.topic_icon.award.award_hamb		{ background-position:0px -30px; }
	i.topic_icon.award.award_csup		{ background-position:-30px -30px; }
	i.topic_icon.award.award_cent		{ background-position:-60px -30px; }
	i.topic_icon.award.award_cstr		{ background-position:-90px -30px; }

/*! Emoticon Sprites */

	i.emo_icon {
		width:15px;
		height:15px;
		background: url(images/emo_icons.png);
		background: -webkit-image-set(
			url(images/emo_icons.png) 1x,
			url(images/emo_icons@2x.png) 2x);
		background: image-set(
			url(images/emo_icons.png) 1x,
			url(images/emo_icons@2x.png) 2x);
		vertical-align: text-bottom;
	}

	i.emo_icon.emo_exclamation	{ background-position: 0px 0px; }
	i.emo_icon.emo_question		{ background-position: 0px -15px; }
	i.emo_icon.emo_idea			{ background-position: 0px -30px; }
	i.emo_icon.emo_arrow		{ background-position: 0px -45px; }
	i.emo_icon.emo_big_grin		{ background-position: 0px -60px; }
	i.emo_icon.emo_smile		{ background-position: 0px -75px; }
	i.emo_icon.emo_neutral		{ background-position: 0px -90px; }
	i.emo_icon.emo_surprised	{ background-position: 0px -105px; }
	i.emo_icon.emo_shocked		{ background-position: 0px -120px; }
	i.emo_icon.emo_wink			{ background-position: 0px -135px; }
	i.emo_icon.emo_cool			{ background-position: 0px -150px; }
	i.emo_icon.emo_confused		{ background-position: 0px -165px; }
	i.emo_icon.emo_sad			{ background-position: 0px -180px; }
	i.emo_icon.emo_mad			{ background-position: 0px -195px; }
	i.emo_icon.emo_roll			{ background-position: 0px -210px; }
	i.emo_icon.emo_angry		{ background-position: 0px -225px; }
	i.emo_icon.emo_evil			{ background-position: 0px -240px; }
	i.emo_icon.emo_embarrassed	{ background-position: 0px -255px; }
	i.emo_icon.emo_mr_green		{ background-position: 0px -270px; }
	i.emo_icon.emo_back_arrow	{ background-position: 0px -285px; }
	i.emo_icon.emo_up_arrow		{ background-position: 0px -300px; }
	i.emo_icon.emo_down_arrow	{ background-position: 0px -315px; }
	i.emo_icon.emo_check		{ background-position: 0px -330px; }





/*! Close Button */
.close_button, .add_button {
	overflow: hidden;
	position: relative;
	border: none;
	padding: 0;
	width: 25px; height: 25px;
	border-radius: 50%;
	background-color: #ddd;
	color: #1af;
	font: inherit;
	text-indent: 100%;
	cursor: pointer;
	vertical-align: middle;
}
	
.close_button:focus, .add_button:focus {
		outline: solid 0 transparent;
		box-shadow: 0 0 0 2px #8ed0f9
	}
	
.close_button:hover, .add_button:hover {
		color: white;
		background-color: #1af;
	}
	
.close_button:before, .close_button:after {
		position: absolute;
		top: 20%; left: calc(50% - 1px);
		width: 2px; height: 60%;
		border-radius: 1px;
		transform: rotate(45deg);
		background: currentcolor;
		content: ''
	}
	
.close_button:after { transform: rotate(-45deg); }

.add_button:before, .add_button:after {
		position: absolute;
		top: 20%; left: calc(50% - 1px);
		width: 2px; height: 60%;
		border-radius: 1px;
		transform: rotate(0deg);
		background: currentcolor;
		content: ''
	}
	
.add_button:after { transform: rotate(90deg); }

/*! Dot Loader */
.dot-carousel {
	position: relative;
	left: -9999px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #1af;
	color: #1af;
	box-shadow: 9984px 0 0 0 #1af, 9999px 0 0 0 #1af, 10014px 0 0 0 #1af;
	-webkit-animation: dot-carousel 1.5s infinite linear;
	animation: dot-carousel 1.5s infinite linear;
	margin: 5px;
}

@-webkit-keyframes dot-carousel {
	0% { box-shadow: 9984px 0 0 -1px #1af, 9999px 0 0 1px #1af, 10014px 0 0 -1px #1af; }
	50% { box-shadow: 10014px 0 0 -1px #1af, 9984px 0 0 -1px #1af, 9999px 0 0 1px #1af; }
	100% { box-shadow: 9999px 0 0 1px #1af, 10014px 0 0 -1px #1af, 9984px 0 0 -1px #1af; }
}

@keyframes dot-carousel {
	0% { box-shadow: 9984px 0 0 -1px #1af, 9999px 0 0 1px #1af, 10014px 0 0 -1px #1af; }
	50% { box-shadow: 10014px 0 0 -1px #1af, 9984px 0 0 -1px #1af, 9999px 0 0 1px #1af; }
	100% { box-shadow: 9999px 0 0 1px #1af, 10014px 0 0 -1px #1af, 9984px 0 0 -1px #1af; }
}

/*! General Row Properties */

	tr.general {
		background-color: #F6F6F6;
	}

	tr.main, td.main {
		text-align: left;
	}

	td.status { background-color: #dadee3; }
	
	td.status.corner {
		background: url(images/forum_icons.png);
		background: -webkit-image-set(
			url(images/forum_icons.png) 1x,
			url(images/forum_icons@2x.png) 2x) no-repeat;
		background: image-set(
			url(images/forum_icons.png) 1x,
			url(images/forum_icons@2x.png) 2x) no-repeat;
		background-color: #dadee3;
		background-repeat: no-repeat;
	}

	td.status.corner.replied {
		background-position: 0 -272px;
	}

	td.status.corner.op {
		background-position: -33px -272px;
	}

	td.status.recent, td.status.corner.recent { 
		background-color: #D4DEE9; 
	}

	td.status img, td.status i {
		vertical-align: middle;
	}

	tr.bottom {
		height: 25px;
		background-color: #ccc;
	}

	tr.spacing {
		background-color: #FFF;
		height: 10px;
	}

	tr.darkspacing {
		background-color: #DDD;
		height: 6px;
	}

/*! Sidebar Stuff */

	#sidebar a {
		font-weight: bold;
		text-decoration: none;
	}

/*! Lozenges */

	.lozenge {
		color:white;
		font-size: 1.0rem;
		text-align: center;
		text-shadow: none;
		text-decoration: none;
		font-weight: bold;
		padding: 3px 6px;
		white-space:nowrap;
		background-color: #000;
		border-radius: 12px;
		display:inline-block;
		margin-left: 5px;
	}

	.lozenge.new { background-color: #800; }
	.lozenge.necro { background-color: #c77; }
	.lozenge.op { background-color: #808; }
	
/*! Small Forum Links */

	.small_forum_links a
	{
		margin-right: 10px;
		white-space: nowrap;
		font-size: 1.3rem;
		font-weight: bold;
		text-decoration: none;
	}

	.small_forum_link { display:inline-block; }

/*! Forum Index */

	tr.forumindex a {
		text-decoration: none;
	}

	tr.forumindex a:hover {
		text-decoration: underline;
	}

	tr.forumindex td.main {
		width: 100%;
		padding: 10px;
	}

	tr.forumindex td.main a {
		font-weight: 600;
		font-size: 1.8rem;
	}

	tr.forumindex td.status, tr.forumindex td.topics, tr.forumindex td.posts, tr.forumindex td.lastpost {
		text-align: center;
		font-size: 1.2rem;
		background-color: #dadee3;
	}

	tr.forumindex p {
		display: inline;
	}
	
/*! Legend */

	table.legend td {
		font-size : 1.0rem;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}
}

/*! Topic Index */

	tr.topicindex					{ font-size : 1.0rem; }
	tr.topicindex td.author			{ background-color: #dadee3; }
	tr.topicindex td.replies		{ background-color: #dadee3; }
	tr.topicindex td.views			{ background-color: #dadee3; }
	tr.topicindex td.activity		{ background-color: #dadee3; }

	tr.topicindex td.main			{ padding: 8px; }

	tr.topicindex td.replies, tr.topicindex td.views, tr.topicindex td.activity {
		text-align: center;
	}

	tr.topicindex img.avatar_small {
		vertical-align: middle;
	}
	
	tr.topicindex.older td.main, tr.topicindex.older td.poster_avatars { 
		background-color: #EEE 
	}
	
	tr.topicindex.spam td.main, tr.topicindex.spam td.author {
		background-color: #faa;
	}

	.warning_text {
		color: #F00;
	}


/*! Thread Style */
	table.postheading {
		border: 1px solid #888;
		border-bottom: 0px;
		margin-top: 10px;
	}

	.onepost {
		width: 100%;
		padding: 0;
		border-spacing: 0;
		background-color: #F5F5F5;
		border: 1px solid #888;
		margin-top: 10px;
		position: relative;
	}


	.onepost .author_top {
		background-color: #dadee3;
		text-decoration: none;
		padding: 5px;
		overflow: hidden;
		font-size: 1.2rem;
	}

	.onepost .author_top .avatar img {
		float: left;
		height: 50px;
		margin-right: 10px;
	}

	.onepost .author_top .rank {  margin-bottom: 10px; }

	.onepost .author_top .date {
		margin-top: 10px;
		color: #888;
	}

	.onepost .author_top a.username {
		font-size: 1.3rem;
		font-weight: bold;
		text-decoration: none;
	}

	.onepost .author_top a.details_button {
		color: #CCC;
		font-size: 1.0rem;
		text-decoration: none;
		font-weight: bold;
		background-color: #dadee3;
		display:inline-block;
		cursor: pointer;
	}

	.onepost .author_top a.details_button:hover {
		color: #AAA;
	}

	.onepost .author_top .scooter {
		font-weight: bold;
		margin-bottom: 8px;
	}

	.onepost .author {
		background-color: #dadee3;
		vertical-align: top;
		width: 150px;
	}

	.onepost .author_outer {
		position:relative;
	}

	.onepost .author .banner_corner {
		z-index: 0;
		width: 0;
		height: 0;
		border-top: 40px solid #800;
		border-bottom: 40px solid transparent;
		border-right: 40px solid transparent;
		position:absolute;
		left:0;
	}

	.onepost .author .banner_corner.mourning {
		border-top: 40px solid #000;
	}

	.onepost .author .banner_corner.op {
		border-top: 40px solid #808;
	}

	.onepost .author .banner_corner span {
		z-index: 0;
		position:absolute;
		top: -37px;
		left: 1px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: white;
		transform: rotate(-45deg);
		display:block;
	}

	.onepost .author_inner {
		position:relative;
		z-index: 2;
		padding: 8px;
		min-height: 100%;
		height: 100%;
		margin 0 auto -25px;
		font-size: 1.3rem;
	}

	.onepost .message_container {
		min-height: 100%;
		height: 100%;
		margin 0 auto -18px;
	}


	.onepost .author .name {
		z-index: 2;
		min-width: 200px;
		font-weight: bold;
		text-align: center;
	}

	.onepost .author .name .username {
		font-size: 1.6rem;
	}

	.onepost .author .rank {
		text-align: center;
		margin-bottom: 8px;
	}

	.onepost .author div.avatar {
		text-align: center;
		margin: 16px 0px 16px 0px;
	}

	.onepost .author div.avatar .hide_button {
		display: none;
		position: absolute;
		z-index: 10000;
	}

	.onepost .author div.avatar .show_button {
		float: right;
		position: relative;
		top: -35px;
	}

	.onepost .author .scooter {
		font-weight: bold;
		text-align: center;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.onepost .author .karma {
		text-align: center;
	}

	.onepost .author .details {
		margin-top: 8px;
	}

	.onepost .awards {
		height: 25px;
		position: absolute;
		bottom: 8px;
		left: 8px;
		text-align: center;
		z-index: 2;
	}

	.onepost .message {
		padding: 10px;
		vertical-align: top;
		height: 100%;
	}

	.onepost .heading {
		overflow: hidden;
	}

	.onepost .heading .details {
		font-size: 1.1rem;
		color: #888;
	}

	.onepost .heading .details img {
		vertical-align: -10%;
	}

	.onepost .heading .actions {
		float: right;
	}

	.onepost .subject {
		font-size: 1.4rem;
		font-weight: bold;
		margin: 10px 0px;
	}

	.onepost .postcontent {
		margin-top: 10px;
	}

	/* Bump up post font size for mobile devices */
	@media (hover:none) {
		.onepost .postcontent { font-size: 1.4rem; }
	}

	.onepost .postcontent a {
		color: #00F;
		text-decoration: none;
	}

	.onepost .postcontent a:hover {
		text-decoration: underline;
	}

	.onepost .postcontent a:visited {
		color: #A00;
	}

	.onepost .postcontent img {
		max-width: 100%;
		height: auto;
	}

	.onepost .postcontent.fade {
		-webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
		mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
		height:  120px;
		overflow-y: hidden;
	}

	/* Bump Restrict max image width for large screens */
	@media screen and (min-width: 800px) {
		.onepost .postcontent img { max-width: 90%; }
	}

	@media screen and (min-width: 1000px) {
		.onepost .postcontent img { max-width: 80%; }
	}

	.onepost .edited-note {
		border-top: 1px solid #CCC;
		padding-top: 10px;
		text-align: center;
		margin-top: 10px;
	}
	
	.onepost .signature {
		margin-top: 10px;
		margin-bottom: 10px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.onepost .signature .signature_content {
		padding-top: 8px;
		border-top: 1px solid #CCC;
		color: #888;
		font-size: 1.2rem !important;
	}

	.onepost .signature .hide_button {
		display: none;
		position: absolute;
		z-index: 10000;
	}

	.onepost .signature .show_button {
		position: absolute;
		bottom: 0px;
		right: 0;
	}

	.onepost .signature img {
		max-width: 100%;
	}

	.content_hidden {
		display: none;
	}

	.onepost .author_inner .push {
		height: 35px;
	}

	.onepost .message_container .push {
		height: 30px;
	}

	.onepost .footer_left {
		height: 15px;
		position: absolute;
		bottom: 8px;
	}

	.onepost .footer_right {
		height: 15px;
		position: absolute;
		bottom: 10px;
		right: 5px;
	}

	.onepost .postrating {
		margin-right: 5px;
	}

	.onepost.removed .author,
	.onepost.removed .author_top {
		background-color: #F99;
	}

	.time_elapsed_marker {
		color: #000;
		background-color: #ffa249;
		text-align: center;
		font-size : 1.3rem;
		font-weight: bold;
		padding: 5px;
		margin: 10px 0px 10px 0px;
	}

/*! Post Target Highlight */

	@keyframes yellow_fade_animation {
		from {background-color: #FFFF96;}
		to {background-color: #F5F5F5;}
	}

	.onepost:target {
		animation-name: yellow_fade_animation;
		animation-duration: 2s;
	}

	#article_banner {
		background-color: #FAA;
		border: 1px solid #888;
		text-align: center;
		font-size : 1.2rem;
		line-height: 18px;
		padding: 5px;
		margin: 10px 0px 10px 0px;
	}

	.rating {
		cursor: pointer;
	}

/*! Small Screen Media Modifications */

	@media screen and (max-width: 700px) {
		.onepost td.author,		/* Remove sidebar author altogether */
		.message .details,		/* Message date is in header of author_top, so no need for it here */
		.onepost .subject,		/* Remove subject altogether */
		.onepost .signature,	/* Remove signature altogether */
		.onepost .hide_button,	/* Don't need hide avatar / signature button */
		.onepost .show_button {	/* Don't need show avatar / signature button */
			 display: none;
		 }

		.onepost .message { padding: 8px; } /* Reduce the padding around the message for small screen sizes */

		.onepost .quote {
			margin-left: 0px;
		}

	}

	@media screen and (min-width: 701px) {
		.onepost tr.author_top_row { display: none; }
	}

/*! Dogear Document Stuff */

.attachment {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

.attachment .comment {
	font-size: 1.4rem;
	font-style: italic;
}

.attachment .link {
	margin-top: 5px;
}

.attachment .document {
	position: relative;
	width: 150px;
	height: 200px;
	margin: 0 auto;
	color: #111;
	background: white;
	overflow: hidden;
}

.attachment .document:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 25px 25px 0;
    border-style: solid;
    border-color: #F5F5F5 #F5F5F5 #dadee3 #dadee3;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    display: block;
    width: 0;
 }

.attachment .document .extension {
    position: absolute;
	top: 40%;
	font-size: 5.0rem;
	font-weight: bold;
	color: #555;
	width: 100%;
	text-align: center;
}

.attachment .document .size {
    position: absolute;
	bottom: 10px;
	font-size: 1.4rem;
	color: #555;
	width: 100%;
	text-align: center;
}

/*! Footer Stuff */

#end_banner {
	background-color: #DDD;
	background-image:url(images/escheresque.png);
	background-repeat: repeat;
	background-size: 46px 29px;
	border: 1px solid #888;
	margin-top: 10px;
	padding: 8px;
	text-align: center;
}

#end_banner img {
	max-width: 100%;
}

/*! Section Styles */

	.section {
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.section .section {
		margin-top: 20px;
	}

	.section .section .section {
		margin-top: 10px;
	}

	.section .sectionTitle {
		border-bottom: 1px solid #BBB;
		font-weight: bold;
		font-size: 1.6rem;
	}

	.section .sectionTitle.medium {
		font-size: 1.4rem;
	}

	.section .sectionTitle.small, .section .section .sectionTitle {
		font-size: 1.3rem;
	}

	.section .section .section .sectionTitle {
		font-size: 1.2rem;
		border-bottom: none;
	}

	.section .section .section .section .sectionTitle {
		font-size: 1.1rem;
		border-bottom: none;
	}

	.section .sectionDivider {
		border-top: 1px solid #BBB;
	}

	.section .sectionContent {
		margin-top: 5px;
		margin-left: 15px;
	}


/*! General Text Styles */

	.maintitle	{
		padding-top: 10px;
		padding-bottom: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		text-decoration: none;
		color : #383838;
	}

	.gianttext	{
		font-weight: bold;
		font-size: 2.4rem;
		text-decoration: none;
		color : #222;
	}

	.biggesttext	{
		font-weight: bold;
		font-size: 2.0rem;
		text-decoration: none;
		color : #222;
	}

	.biggertext	{
		font-weight: bold;
		font-size: 1.6rem;
		text-decoration: none;
		color : #222;
	}

	.bigtext	{
		font-weight: bold;
		font-size: 1.4rem;
		text-decoration: none;
		color : #222;
	}

	.mediumtext {
		font-weight: bold;
		font-size: 1.2rem;
		text-decoration: none;
		color : #222;
	}

	.gentiny		{ font-size : 1.0rem; }
	.gensmall		{ font-size : 1.2rem; }
	.gensmallish	{ font-size : 1.3rem; }
	.gen			{ font-size : 1.4rem; }
	.genmed			{ font-size : 1.5rem; }
	.genlarge		{ font-size : 1.6rem; }
	.genlarger		{ font-size : 1.8rem; }
	.gen,.genmed,.gensmall,.gensmallish,.genlarge,.genlarger { color : #383838; }
	a.gen,a.genmed,a.gensmall,a.gensmallish,a.genlarge,.genlarger { text-decoration: none; }
	a.gen:hover,a.genmed:hover,a.gensmall:hover,a.gensmallish:hover,a.genlarge:hover,a.genlarger:hover { text-decoration: underline; }

	.gen_error {
		font-size : 1.2rem;
		color : #FF0000;
		font-weight : bold;
	}

	#yyr {
		display: none;
	}

	.yyr {
		display: none;
	}

	.bbcode_headline_underline {
		border-bottom: 1px solid #BBB;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.bbcode_headline {
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.forcewrap {
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;

		-ms-word-break: break-all;
		word-break: break-word;

		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.video_frame {
		width: 80%;
		margin: auto;
		padding-bottom: 20px;
	}

	@media screen and (max-width: 800px) {
		.video_frame { width: 100%; }
	}

	.video_wrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
		margin: auto;
	}

	.video_wrapper iframe,
	.video_wrapper embed,
	.video_wrapper object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*! Pagination */

	.pagination {
		margin-top: 8px;
	}

	.pagination .page_num {
		color: #fff;
		background-color: #080;
		border: 1px solid #080;
		margin: 0px 1px 0px 3px;
		padding: 2px 4px 2px 4px;
		font-size: 1.2rem;
		font-weight: bold;
\		border-radius: 2px;
	}

	.pagination .page_interrupt {
		margin: 0px 1px 0px 3px;
		text-decoration: none;
		font-weight: bold;
	}

	.pagination a.page_num {
		color: #222;
		background-color: #DDD;
		background-image: linear-gradient(rgb(240,240,240), rgb(200,200,200));
		border: 1px solid #999;
		text-shadow: #FFF 0px 1px 1px;
		text-decoration: none;
		border-radius: 2px;
		display:inline-block;
	}

	.pagination a.page_num:hover {
		border: solid 1px #888;
		background-color: #AAA;
		background-image: linear-gradient(rgb(220,220,220), rgb(170,170,170));
	}

/*! Navigation Text */

	/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
	.nav			{	text-decoration: none;
						font-weight: bold;
						font-size: 1.2rem;
					}
	.nav.medium		{ font-size: 1.4rem; }
	.nav.large		{ font-size: 1.8rem; }
	.nav b			{ color: #070; }
	.nav a			{ text-decoration: none; }
	.nav a:hover	{ text-decoration: underline; }

	.button_bar {
		margin: 12px 0px 12px 0px;
	}

/*! More Old-Style Stuff */

	/* This is the style for older versions of topic titles, still in use in some parts of the template. Need to convert. */
	h1,h2				{ font-weight: bold; font-size: 1.6rem; }
	h3					{ font-weight: bold; font-size: 1.4rem; margin-bottom: 5px; }
	.topictitle			{ font-weight: 600; font-size: 1.6rem; }
	a.topictitle   		{ text-decoration: none; }
	a.topictitle.mid	{ font-weight: bold; font-size: 1.4rem; }
	a.topictitle:hover	{ text-decoration: underline; }

	.boldlink			{ font-weight: bold; font-size: 1.3rem; }
	.boldlink.mid		{ font-size: 1.5rem; }
	.boldlink.big		{ font-size: 1.8rem; }
	.boldlink.huge		{ font-size: 2.4rem; }
	a.boldlink  		{ text-decoration: none; }
	a.boldlink:hover	{ text-decoration: underline; }
	
	.username			{ font-weight: bold; font-size: 1.3rem; }
	.username.mid		{ font-size: 1.5rem; }
	.username.big		{ font-size: 1.8rem; }
	.username.huge		{ font-size: 2.4rem; }
	a.username   		{ text-decoration: none; }
	a.username:hover	{ text-decoration: underline; }
	span.username		{ cursor: pointer; }
	
	a.member_tag		{ color: #143f8c !important; text-decoration: none; }
	a.member_tag:visited { color: #143f8c !important; }
	a.member_tag:hover	{ text-decoration: underline; }

	/* Location, number of posts, post date etc */
	.postdetails		{ font-size : 1.0rem; color : #383838; }

	/* The content of the posts (body of text) */
	.postbody { 
		font-family: Verdana, sans-serif;
		font-size : 1.4rem; 
		line-height: 1.8rem
	}

/*! Attachment Styles */

	td.attachrow {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color : #383838;
	border-color : #383838;
	}

/*! Quote & Code Blocks */

	.code {
		font-family: Courier, 'Courier New', sans-serif;
		color: #006600;
		background-color: #EEE;
		border: 1px solid #AAA;
		margin: 15px 0px 15px 20px;
		padding: 5px;
	}

	.quote {
		color: #222;
		margin: 10px 0px 15px 25px;
	}

	.quote .quote {
		margin: 10px 0px 10px 15px;
	}

	.quote_title {
		color: #111;
		font-weight: bold;
	}

	.quote .quote .quote .quote_body .quote {
		display: none;
	}

	.quote_body {
		color: #555;
		background-color: #F1FAF9;
		border: 1px solid #CCC;
		margin-top: 3px;
		padding: 5px;
	}

	.quote .quote .quote_body {
		background-color: #E1EAE9;
	}

	.quote .quote .quote .quote_body {
		background-color: #D1DAD9;
	}

	.postcontent .indent {
		margin: 10px 0px 10px 20px;
	}

/*! Admin Links */

	.chart {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.chart_title {
		text-align: center;
		font-weight: bold;
		font-size: 1.6rem;
		text-decoration: none;
		color : #555;
	}

	.chart_content {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		width:600px;
		height:400px;
	}

/*! Admin Links */

	.adminlink {
		font-size: 1.1rem;
		margin: 10px 0px 0px 0px;
		text-align: center;
	}

	.adminlink a		{ text-decoration: none;}
	.adminlink a:hover	{ text-decoration: underline;}
	
/*! Endcap and bottom info */

	#endcap {
		margin-top: 25px;
		text-align: center;
	}

/*! Form Elements */

	.posting_container {
		max-width: 600px;
		margin: auto;
	}

	.text-control-bar input[type='button'] {
		font-size: 11px;
	}
	
	.text-control-bar select {
		font-size: 11px;
	}
	
	.textarea_container {
		text-align: center;
	}

	.textarea_container textarea {
		width: 95%;
		max-width: 95%;
		color : #383838;
		font: normal 1.4rem Verdana, sans-serif;
	}

	@media (hover:none) {
		.textarea_container textarea { font-size: 16px; }
	}

	.wide_input_container input[type='text'] {
		width: 100%;
		margin: auto;
		margin-top: 10px;
	}

	input[type='checkbox'] { -webkit-transform: scale(1.3,1.3); }
	input[type='radio'] { -webkit-transform: scale(1.3,1.3); }

	.helpline { background-color: #F0F0F0; border-style: none; }

	/* Inline Edit Support */
	.hover_edit {
		padding-right: 20px;
	}

	.hover_edit:hover {
		background: #FFC url(images/icon_pencil.png) no-repeat right;
	}

	.mveditable {
		padding: 10px;
		border-radius: 5px;
		background-color: #dadee3;
		border: solid 1px #999;
		-moz-box-shadow: 4px 4px 4px 4px #AAA;
		-webkit-box-shadow: 4px 4px 4px #AAA;
		box-shadow: 4px 4px 4px #AAA;
	}

	.mveditable-button-bar {
		display: block;
		text-align: right;
	}
	
	.mveditable-hover {
		font-size: 1.4rem;
	}

	.mveditable-hover:hover {
		background: rgba(155, 219, 255, 0.258) url(images/icon_pencil.png) no-repeat right;
	}

	.mveditable-hover:empty::before {
		content: 'click to edit';
		font-style: italic;
		color: gray;
	}

	.click-to-edit:hover {
		background: rgba(155, 219, 255, 0.258) url(images/icon_pencil.png) no-repeat right;
	}
	
	.click-to-edit:empty::before {
		content: 'click to edit';
		font-style: italic;
		color: gray;
	}

	button.mveditable-button {
		border: solid 1px #999;

		color: #222;
		font-size: 1.2rem;
		text-align: center;
		text-shadow: #FFF 0px 1px 1px;
		text-decoration: none;
		font-weight: bold;
		white-space:nowrap;

		padding: 4px 8px;

		background-color: #DDD;
		background-image: linear-gradient(rgb(240,240,240), rgb(200,200,200));

		border-radius: 10px;

		cursor: pointer;

		margin-left: 10px;
		margin-top: 10px;
	}

	.mveditable input[type=text] {
		font-size: 1.6rem;
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.mveditable textarea {
		font-size: 1.6rem;
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	/* Sparkline */
	.sparkline {
		stroke: red;
		fill: rgba(255, 0, 0, .3);
		/* width: 100%; */
		margin: auto;
		display: block;
	}

	/* change the spot color */
	.sparkline--spot {
		stroke: blue;
		fill: blue;
	}

	/* Rows and columns */

	.sparkline_row {
		display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-gap: 20px;
	}

	.sparkline_container {
	    position: relative;
		display: table;
		margin: auto;
	}

	.sparkline_tooltip {
		position: absolute;
		background: rgba(0, 0, 0, .7);
		color: #fff;
		padding: 2px 5px;
		font-size: 12px;
		white-space: nowrap;
		z-index: 9999;
	}

	/* User Notes */
	textarea.user_notes {
		width: 95%;
		margin:auto;
	}
	
	@media screen and (max-width: 700px) { .sparkline_row { grid-template-columns: 1fr; } }

	/* Notification Last Visit Divider */
	.hr-text {
		margin: 12px 0px 12px 0px;		
		border: 0;
		font-size: 1.2rem;
		font-weight: bold;
		height: 1.5em;
		line-height: 1em;
		position: relative;
		text-align: center;
	}

	.hr-text::before {
		content: "";
		background-color: #C00;
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 1px;
	}

	.hr-text::after {
		background-color: inherit;
		color: #C00;
		content: attr(data-content);
		line-height: 1.5em;
		padding: 0 7px;
		position: relative;
	}


	/* Signage */
	.signage {
		font-weight: bold;
		font-family: ui-monospace;
		border-radius: 3px;
		padding: 1px 3px 1px 3px;
		background-color: black;
		color: white;
	}

	.signage.wide {
		padding: 1px 6px 1px 6px;
	}

	/* Slide Switch */

	input.slide-switch {
		position: relative;
		-webkit-appearance: none;
		outline: none;
		width: 33px;
		height: 20px;
		background-color: #fff;
		border: 1px solid #D9DADC;
		border-radius: 33px;
		box-shadow: inset -13px 0 0 0 #fff;
		vertical-align: middle;
		margin-right: 10px;
	}
	
	input.slide-switch:after {
		content: "";
		position: absolute;
		top: 1px;
		left: 1px;
		background: transparent;
		width: 17px;
		height: 17px;
		border-radius: 50%;
		box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
	}
	
	input.slide-switch.pending {
		box-shadow: inset -13px 0 0 0 #fff;
		border-color: #4a0;
	}
	
	input.slide-switch:checked {
		box-shadow: inset 13px 0 0 0 #4a0;
		border-color: #4a0;
	}

	input.slide-switch.pending.critical {
		box-shadow: inset -13px 0 0 0 #fff;
		border-color: #cf1717;
	}
	
	input.slide-switch.critical:checked {
		box-shadow: inset 13px 0 0 0 #cf1717;
		border-color: #cf1717;
	}
	
	input.slide-switch:checked:after {
		left: 13px;
		box-shadow: -2px 4px 3px rgba(0,0,0,0.2);
	}

	label.slide-switch {
		font-size: 1.2em;
		font-weight: bold;
		vertical-align: middle;
		margin-right: 10px;
	}

	label.slide-switch.big {
		font-size: 1.4em;
		font-weight: bold;
		vertical-align: middle;
		margin-right: 10px;
	}

	label.general {
		font-size: 1.2em;
		font-weight: bold;
	}

	label.middle {
		font-size: 1.2em;
		font-weight: bold;
		vertical-align: middle;
	}
	
	/* Selective removal of tiered content */
	@media screen and (max-width: 900px) { .tier8 { display: none !important; } }
	@media screen and (max-width: 800px) { .tier7 { display: none !important; } }
	@media screen and (max-width: 700px) { .tier6 { display: none !important; } }
	@media screen and (max-width: 600px) { .tier5 { display: none !important; } }
	@media screen and (max-width: 500px) { .tier4 { display: none !important; } }
	@media screen and (max-width: 400px) { .tier3 { display: none !important; } }
	@media screen and (max-width: 350px) { .tier2 { display: none !important; } }

	/* Selective addition of tiered content */
	@media screen and (min-width: 901px) { .tier8-add { display: none !important; } }
	@media screen and (min-width: 801px) { .tier7-add { display: none !important; } }
	@media screen and (min-width: 701px) { .tier6-add { display: none !important; } }
	@media screen and (min-width: 601px) { .tier5-add { display: none !important; } }
	@media screen and (min-width: 501px) { .tier4-add { display: none !important; } }
	@media screen and (min-width: 401px) { .tier3-add { display: none !important; } }
	@media screen and (min-width: 351px) { .tier2-add { display: none !important; } }

	@media screen and (max-width: 350px) { .tier2-window { display: none !important; } }
	@media screen and (min-width: 701px) { .tier2-window { display: none !important; } }