/**
 * @package TinyPortal
 * @version 2.2.2
 * @author IchBin - http://www.tinyportal.net
 * @founder Bloc
 * @license MPL 2.0
 *
 * The contents of this file are subject to the Mozilla Public License Version 2.0
 * (the "License"); you may not use this package except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Copyright (C) - The TinyPortal Team
 *
 */

/* page layout */
.tp_container {
	overflow: hidden;
	width: 100%;
}
.tp_twocolumn {
	float: left;
	width: 50%;
}
.tp_onecolumn {
	float: left;
	width: 100%;
}
.tp_leftcol {
	padding-right: 3px;
}
.tp_rightcol {
	padding-left: 3px;
}
.tp_tabs {
	margin: 0;
	padding: 1em;
}
.tp_tabs a.tp_active {
	font-weight: bold;
}
.dropmenu .tp_menu_horizontal20 {
	display: block;
	border-top: 1px solid;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	cursor: default;
	position: relative;
	top: .7em;
	opacity: 0.3;
}
.dropmenu .tp_menu_horizontal21 {
	display: block;
	border-top: 1px solid;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	cursor: default;
	position: relative;
	top: 1em;
	opacity: 0.3;
}
#tptopbarHeader {
	clear: both;
}
#mainContainer {
	clear: both;
}
#tpleftbarContainer {
	float: left;
}
#tprightbarContainer {
	float: right;
}
#centerContainer {
	padding-bottom: 4px;
}
#tpbottombarHeader {
	clear: both;
}
/*  This is where you set the distance between blocks, use padding and target each panel if you like */
.block_leftcontainer, .block_rightcontainer, .block_centercontainer, .block_uppercontainer, .block_lowercontainer, .block_topcontainer, .block_bottomcontainer {
	padding-bottom: 4px;
}
.panelsColumnsHorizontally {
	padding-right: 2px;
}
/* blocks in panels set to display in columns (the default is vertically)*/
.panelsColumns {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/* Panel Grid options using CSS grid */
.GridWrap {
    display: grid;
    column-gap: 4px;
    grid-template-columns: [col1-start] 33.1% [col2-start] 33.1%  [col3-start] 33.1% [col3-end];
    grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];
  }
/* Panel grid1 */
.grid1box1 {
    grid-column: col1-start / col3-end;
    grid-row: row1-start;
  }
.grid1box2 {
    grid-column: col1-start;
    grid-row: row2-start ;
	}
.grid1box3 {
    grid-column: col2-start ;
    grid-row: row2-start ;
	}
.grid1box4 {
    grid-column: col3-start;
    grid-row: row2-start ;
	}
/* Panel grid2 */
.grid2box1 {
    grid-column: col1-start ;
    grid-row: row1-start / row2-end;
  }
.grid2box2 {
    grid-column: col2-start;
    grid-row: row1-start ;
	}
.grid2box3 {
    grid-column: col3-start ;
    grid-row: row1-start ;
	}
.grid2box4 {
    grid-column: col2-start;
    grid-row: row2-start ;
	}
.grid2box5 {
    grid-column: col3-start ;
    grid-row: row2-start ;
	}	

/* articles */
.article h2 {
	margin: 0;
	padding: 0;
}
.article h3 {
	border-bottom: solid 1px #bbb;
	margin: 0 0 0 0;
	padding: 4px 2px;
}
.article_padding, .tp_pad {
	padding: 1em;
}
.blockarticle > .article_padding {
	padding: 0;
}
.tp_readmore {
	margin: 0;
	padding: 2em 0 0 0;
}
h2.author_h2 {
	border-top: 1px solid #CCCCCC;
	border-top: 1px solid rgba(204, 204, 204, 0.5);
	font-size: 1.3em;
	font-weight: normal;
	padding: 0.7em 0;
}
.article_bodytext {
	overflow-wrap: anywhere;
	padding: 0 ;
}
.article_inner {
	line-height: 1.4em;
	overflow-wrap: anywhere;
}
.inner a, .article_inner a {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	-ms-word-wrap: break-word;
	overflow-wrap: anywhere;
}
.article_inner ul, ul.disc {
	list-style-type: disc;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding: 0 0 0 40px;
    padding-inline-start: 40px;
}
.article_inner ol, ol.decimal {
    list-style-type: decimal;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding: 0 0 0 40px;
    padding-inline-start: 40px;
}
.article_info {
	color: #888;
	line-height: 1.4em;
	overflow: hidden;
	padding: .7em 1em 0.5em 1em;
}
.article_info a, .article_info a:visited {
	color: #888;
}
.article_extra {
	border-top: #DDDDDD;
	border-top: 1px solid rgba(221, 221, 221, 0.5);
	padding: 0 1em;
}
.tparticle {
	border-radius: 0 0 6px 6px;
	overflow: auto;
}
.tp_pageindex_lower, .tp_pageindex_upper {
	padding: 5px;
}
.tp_pageindex_upper {
	display: none;
}
.article h2 {
	font-size: 1.4em;
	overflow: hidden;
}
h3.article_info {
	font-size: 1.2em;
}
.article h2 span.article_shortdate, h3.article_title span.article_shortdate {
	font-size: 80%;
}
.article h2 span.article_shortdate span, h3.article_title span.article_shortdate span {
	font-size: 80%;
	font-weight: normal;
}
.article_category a {
	font-weight: bold;
}
.article_author span:last-of-type {
	border-right: none;
}
.article_authorinfo {
	overflow: hidden;
}
/* horizontal render layout */
.article_info div {
	border-right: solid 1px #888;
	display: inline-block;
	font-size: 0.9em;
	padding: 0 10px 0 5px;
}
.article_info div:last-of-type {
	border-right: none;
}
.article_info div.tp_avatar_single {
	border: none;
	float: left;
	max-width: 80px;
}
/* vertical layout */
.render3 .article_info div, .render4 .article_info div, .render2 .article_info div, .render8 .article_info div {
	display: block;
	border: none;
	padding: 0;
}
.authortext {
	font-size: 0.85em;
	line-height: 1.4em;
	padding-right: 2em;
}
span.article_shortdate {
	font-weight: normal;
}
/* avatar styles */
.tpavatar {
	float: left;
	padding: 3px 11px 0 0;
}
.tpavatar img {
	border-radius: 2px;
	height: auto;
	width: 40px;
}
a.tp_avatar_author {
	display: block;
	float: left;
	margin: 0;
}
a.tp_avatar_author img {
	border-radius: 2px;
	margin-right: 0.7em;
	padding: 1px;
	width: 80px;
}
.tp_avatar_single img {
	border-radius: 2px;
	float: left;
}
.tp_avatar_single2 img {
	border-radius: 2px;
	float: left;
	height: 30px;
	margin: 4px 4px 4px 0;
	padding: 1px;
}
.tp_avatar, .tp_avatar_category {
	float: right;
	padding: 10px;
	position: relative;
	right: -5px;
	top: 0;
}
.tp_avatar_category {
	margin: 0 0 8px 8px;
	padding: 3px;
	right: 0;
	top: 0;
}
/* social */
.article_socialbookmark {
	padding: 1em;
	text-align: center;
}
.article_socialbookmark a img {
	padding-left: 5px;
}
.tp_social {
	width: 24px;
}
/* rating */
.tp_article_rate {
	margin: 0;
	padding: 1em;
}
/* comments */
.mycomment, .othercomment {
	clear: both;
	overflow: hidden;
}
.textcomment .body {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid #999999;
	border: 1px solid rgba(153, 153, 153, 0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.1);
	margin: 14px 10px 10px 0;
	overflow-wrap: anywhere;
	padding: 1.5em 1em;
	position: relative;
}
.othercomment .textcomment .body {
	color: #008;
}
.tp_commentsbox {
	border: 1px solid #CCCCCC;
	border: 1px solid rgba(204, 204, 204, 0.5);
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	margin: 1em 0 0 1em;
	max-height: 30em;
	overflow: auto;
}
.tp_article_comment {
	padding: 1em 1em 0.3em 1em;
}
.tp_comment_author {
	display: block;
	float: left;
	margin: 0;
}
.tp_comment_author img {
	border-radius: 2px;
	margin: 0 8px 0 0;
	width: 34px;
}
.tp_comments span.counter {
	color: #bbb;
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
	margin-left: -0.5em;
	position: absolute;
}
.tp_comments span.author {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	padding-left: 20px;
}
.tp_comments strong.subject {
	padding-left: 20px;
}
.tp_comments div.text {
	line-height: 1.4em;
	margin: 0.5em 0.5em 0.5em 20px;
	padding: 0.5em 0.5em 0.5em 0;
}
.tp_comments a.delete {
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 10px;
	text-transform: uppercase;
}
/*images in articles content*/
.article_inner img, .tparticle img, .bbc_img {
	height: auto;
	max-width: 100%;
}
.tpthumb img {
	max-height: 150px;
	max-width: 150px;
	padding: 5px;
}
.tpthumb div {
	margin-top: 4px;
	overflow: hidden;
	padding: 4px;
}
.tpquicklist div {
	margin-top: 4px;
	max-height: 200px;
	overflow: auto;
	padding: 4px;
}
.youtubecontainer iframe {
	border-style: none;
}
/* render5 */
.catlayout5_title {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
.catlayout5_title .inner {
	border: solid 1px #898;
	margin: 2px 1px 2px 1px;
}
.catlayout5_title a {
	display: block;
	padding: 8px 12px;
}
.catlayout5_title a:hover {
	background: #f80;
}
.catlayout5_text {
	margin: 0;
}
/* renderX */
.render2, .render3, .render4, .render6, .render8 {
	margin: 0 0 0 0;
}
.render2 h2, .render4 h2, .render6 h2, .render8 h2 {
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
}
/* render2 */
.article_iconcolumn {
	float: left;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 100px;
}
.article_iconcolumn img {
	height: auto;
	max-width: 100%;
}
.article_icon {
	border: 1px solid #CCCCCC;
	border: 1px solid rgba(204, 204, 204, 0.5);
	max-height: 98px;
	overflow: hidden;
	width: 98px;
}
.admin-area .article_icon img {
	max-width: 100%;
	width: 100%;
}
/* render4 */
.render4 .windowbg, .render4 .windowbg2, .render4 .roundframe {
	margin-top: 0 !important;
}
/*.render6 .windowbg, .render6 .windowbg2, .render6 .roundframe, .render8 .windowbg, .render8 .windowbg2, .render8 .roundframe {
	margin-top: 2px !important;
}*/
.article_header {
	line-height: 1.6em;
	overflow: hidden;
	padding: 1em 1em 0 1em;
}
.article_picturecolumn {
	float: left;
	margin: 0 1em .5em 0;
	overflow: hidden;
	text-align: center;
}
.article_picturecolumn img {
	width: 100%;
}
.article_picture {
	background-position: top right;
	background-repeat: no-repeat;
	height: auto;
	max-height: 98px;
	width: 98px;
}
/* render9 */
.render9 .windowbg {
	margin: 6px 0 0 0 !important;
}

.tp_underline {
	border-bottom: #DDDDDD;
	border-bottom: 1px solid rgba(221, 221, 221, 0.5);
	margin: 0 1em 0 1em;
}
.article_boardnews {
	font-size: 0.9em;
	padding-top: 2em;
}
ul.category_children {
	margin: 0;
	overflow: hidden;
	padding: 1em 0;
}
ul.category_children li {
	display: inline;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0.5em;
}
/* SSI */
#articlejump {
	padding: 1em;
}
/* Panels */
#leftbarHeader .catbg3 a.subject:hover, #rightbarHeader .catbg3 a.subject:hover {
	text-decoration: none;
}
#tptopbarHeader, #tpbottombarHeader, #tpleftbarHeader, #tprightbarHeader, #tplowerbarHeader, #tpcenterbarHeader, #tpcontentHeader, #tpfrontpanel_top {
	padding-bottom: 0;
}
#tpleftbarHeader {
	padding-right: 2px;
}
#tprightbarHeader {
	padding-left: 2px;
}
/* blocklayout */
.blockbody {
	line-height: 1.3em;
	min-height: 0;
	overflow-wrap: anywhere;
	padding: 4px;
}
/* blocktype 1: User */
.tp_userblock h4 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
.tp_userblock h5, .tp_statsblock h5 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
.tp_userblock ul {
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0 5px 1.5em;
}
.tp_userblock ul li {
	line-height: 1.3em;
	list-style: circle;
	margin: 0;
	padding: 0;
}
/* blocktype 3: Stats */
.tp_statsblock h5 {
	padding: 5px 0 5px 0;
}
.tp_statsblock h5.mlist, .tp_statsblock h5.stats, .tp_statsblock h5.online {
	margin-bottom: 5px;
	padding: 5px 0 5px 25px;
}
.tp_statsblock h5.mlist {
	background: url(../images/tinyportal/members.png) no-repeat 0 5px;
}
.tp_statsblock h5.stats {
	background: url(../images/tinyportal/stats.png) no-repeat 0 5px;
}
.tp_statsblock h5.online {
	background: url(../images/tinyportal/online.png) no-repeat 0 5px;
}
.tp_statsblock ul, .tp_stats_users {
	padding-left: 2em;
}
/* blocktype 4: search */
.block_search {
	margin: 5px auto;
	width: 85%;
}
.block_search_submit {
	margin: 0 auto 5px auto;
	width: 65%;
}
/* blocktype 9: Menu */
ul.tp_catmenu, ul.tp_catmenu li {
	line-height: 1.3em;
	list-style: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -2em;
}
ul.tp_catmenu li.tp_catmenu_header {
	padding-top: 6px;
}
/* blocktype 12: Recent Topics */
ul.tp_recentblock, .tp_statsblock ul {
	line-height: 1.3em;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tp_recentblock li {
	line-height: 1.3em;
	padding: 4px 0 4px 0;
}
ul.recent_topics li {
	border-bottom: solid 1px #bbb;
	font-size: 1em;
	margin: 0;
	margin-bottom: 4px;
	overflow: hidden;
	padding: 4px;
}
/* blocktype 14: Article / Download functions */
ul.dl_recentitems {
	margin: 0;
	padding-inline-start: 20px;
}
/* blocktype 16: sitemap */
ul.tpsitemap {
	margin: 0;
	padding: 0;
}
ul.tpsitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tpsitemap li a {
	display: block;
	margin-bottom: 1px;
	padding: 3px;
	text-decoration: none;
}
ul.tpsitemap li a:hover {
	background: #555;
	color: white;
	text-decoration: none;
}
ul.tpsitemap li a.tpsitemapheader {
	font-weight: bold;
}
/* blocktype 18: Single Article */
.block_article h2.article_title, .block_article .article_info {
	display: none;
}
/* TP admin styles */
.tpadmin_content .button:not(:first-child) {
	margin-left: 4px;
}
.tp_overview {
	overflow: hidden;
	padding: 2%;
}
.tp_overview ul {
	margin: 0;
	padding: 0;
}
.tp_overview ul li {
	float: left;
	font-size: 90%;
	height: 120px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 150px;
}
.tpadmin h3.titlebg , .tpadmin h3.catbg , .tpadmin_content h3.titlebg , .tpadmin_content h3.catbg {
	clear: right;
}
.tp_largelist {
	border: 1px solid #CCCCCC;
	border: 1px solid rgba(204, 204, 204, 0.5);
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	margin-bottom: 4px;
	max-height: 10em;
	overflow: auto;
	padding: 4px;
}
.tp_largelist2 {
	border: 1px solid #CCCCCC;
	border: 1px solid rgba(204, 204, 204, 0.5);
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	margin-bottom: 4px;
	max-height: 20em;
	overflow: auto;
	padding: 4px;
}
ul.tp-subcategories, ul.tp-subcategories ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
ul.tp-subcategories li {
	float: left;
	list-style: none;
	margin: 1px 3px;
	padding: 0;
	width: 32%;
}
ul.tp-subcategories ul li {
	float: left;
	list-style: none;
	margin: 1px 3px;
	padding: 0;
	width: auto;
}
.tpleft {
	text-align: left;
}
.tpcenter {
	text-align: center;
}
.tpright {
	text-align: right;
}
.tptooltip::before {
	background: url(../images/tinyportal/TPquestion.png) no-repeat;
	content: '';
	display: inline-block;
	height: 16px;
	padding-right: .3em;
	vertical-align: middle;
	width: 16px;
}
.tptooltip {
	display: inline-block;
	position: relative;
}
.tpresults {
	margin: 0;
	padding: 0 10px 15px 10px;
}
h4.tpresults {
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 0;
}
.tp_listimage {
	font-size: 0.7em;
	height: 220px;
	text-align: center;
	width: 200px;
}
/* SMF2 styles */
.tpadmin_menu {
	float: left;
	margin: 0;
	width: 204px;
}
.tpadmin_menu ul {
	margin: 0;
	padding: 0;
}
.tpadmin_menu ul li {
	list-style: none;
	padding-left: 5px;
	width: 180px;
}
.tpadmin_menu ul li .largetext {
	font-size: 1.2em;
	line-height: 1em;
	padding-bottom: 5px;
	padding-top: 5px;
}
.tpadmin_menu ul li .normaltext, .tpadmin_menu ul li .middletext {
	margin: 0;
	padding: 2px 0 10px 0;
}
.tpadmin_content {
	margin: 2px 0 0 214px;
	overflow: hidden;
}
table.admintable, table.formtable {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}
.admintable td, .admintable th, .admintable caption {
	padding: 0 0.5em;
	text-align: left;
}
.admintable th {
	font-weight: normal;
}
.formtable td {
	padding: 10px 5px;
}
.formtable td.left {
	text-align: right;
	vertical-align: top;
	width: 30%;
}
.formtable td.right {
	text-align: left;
	vertical-align: top;
	width: 70%;
}
.formtable input.checkbox {
	margin: 0;
	width: 2em;
}
div.subtab, div.subtab_chosen {
	border: solid 1px transparent;
	float: left;
	padding: 4px 8px;
}
div.subtab_chosen {
	background: #f0f0f8;
	border: solid 1px #aaa;
}
img.catlayout {
	margin: 6px 2px 4px 16px;
	padding: 0;
}

fieldset#blockopts {
	margin-top: 1em;
	padding: 1em;
}
fieldset#blockopts table {
	margin: 1em 0;
}
fieldset#blockopts td {
	border: solid 1px #aaa;
}
/* rounded headers for TP */
h2.catbg, h2.catbg2, h2.titlebg {
	font-size: 1.2em;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
}
h2.catbg img.icon {
	float: left;
	margin: 5px 8px 0 0;
}
div.tp_half
{
	height: 31px;
	margin-bottom: 1px;
	overflow: hidden;
}
.tp_half h3.titlebg {
	background: url(../images/theme/main_block.png) no-repeat -10px -200px;
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	height: 31px;
	margin: 0;
	padding-right: 0;
}
.tp_half h3.titlebg span.l {
	background: url(../images/theme/main_block.png) no-repeat 0 -200px;
	display: block;
	float: left;
	height: 31px;
	width: 10px;
}
.tp_half h3.titlebg span.r {
	background: url(../images/theme/main_block.png) no-repeat 100% -200px;
	display: block;
	float: right;
	height: 31px;
	width: 10px;
}
.tp_half h3.catbg {
	background: url(../images/theme/main_block.png) no-repeat -10px -160px;
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	height: 31px;
	padding-right: 0;
}
.tp_half h3.catbg span.l {
	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
	display: block;
	float: left;
	height: 31px;
	width: 10px;
}
.tp_half h3.catbg span.r {
	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
	display: block;
	float: right;
	height: 31px;
	width: 10px;
}
.tpadmin_content .tpbut {
	background: none;
	border: none;
	margin:  0;
	padding: 0;
}
.editor {
	height: 100px;
	margin: 0.25em 0 1em 0;
	max-width: 100%;
	min-width: 90%;
	width: 635px;
}
.sceditor-container {
	margin: 0.25em 0 1em 0;
	max-width: 100%;
}
/* Style for article titles */
.tparticle .cat_bar {
	border-radius: 6px 6px 0 0;
}
.tparticle .title_bar h3.titlebg2 {
	background: none;
    padding: 8px 0 6px 0;
}
.tparticle .title_bar h3.catbg {
	background: none;
	padding: 6px 12px 5px 12px;
}
.tparticle .title_bar h3.catbg2 {
	background: none;
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	height: 31px;
	padding-right: 1em;
}
.tparticle .cat_bar h3.titlebg {
	background: none;
}
.tparticle .cat_bar h3.titlebg2 {
	background: none;
    padding: 8px 0 6px 0;
}
.tparticle .tp_half h3.titlebg {
    height: 31px;
	line-height: 31px;
    padding-left: 1em;
	padding-right: 1em;
}
.tparticle .tp_half h3.catbg, .tparticle .tp_half h3.catbg2 {
    border-radius: 6px;
    height: 31px;
    line-height: 31px;
	padding: 0 1em 0 1em;
}
.tparticle .tp_half h3.titlebg2 {
	border-radius: 6px 6px 0 0;
	font-weight: bold;
    height: 31px;
	line-height: 31px;
	padding: 0 1em 0 1em;
}

/************* TP STYLES ********************/
.tp_floatleft {
	float: left;
}
.tp_floatright {
	float: right;
}
.clearthefloat {
   clear:both;
   margin: 0;
   padding: 0;
}
input#searchbox {
	margin-bottom: 0.5em;
	max-width: 350px!important;
	padding: 5px;
	width: 100%;
}
input,select {
	max-width:100%!important;
}
.tp_upshrink20 {
	float: right;
	margin-right: 0.5em;
	margin-top: -2.1em;
}
.tp_upshrink21, .navigate_section .tp_upshrink21 {
	float: right;
	padding: 0 0 1px 3px;
	margin-top: 6px;
}

/* ** TP ADMIN STYLES ** */
.tpadmin {
	padding: 0 0 4px 0;
}
.windowbg.noup {
	margin-top: 0 !important;
}
.admin-area {
	border: 1px solid #CCCCCC;
	border: 1px solid rgba(204, 204, 204, 0.5);
	box-sizing: border-box;
    float: left;
	width: 100%;
}
.admin-area img {
	max-width: 95%;
}
.addborder {
	border-bottom: 1px solid #CCCCCC;
	border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.addborderleft div {
	border-left: 1px solid #CCCCCC;
	border-left: 1px solid rgba(204, 204, 204, 0.5);
}
.tpartlayoutfp {
    float: left;
	margin: 4px;
}
.tpartlayouttype {
	float: left;
	height: 100px;
	margin: 4px;
	width: 180px;
}
#tp_article_body {
	height: 300px;
	width: 98%;
}
#tp_article_intro {
	height: 140px;
	width: 98%;
}
dl.tptitle dt {
	float: left;
	width: 39%;
}
dl.tptitle dd {
	float: right;
	width: 60%;
}
.tp_customlayout {
	height: 200px;
	max-width: 900px;
	width: 90%;
}
.tpadmin_content .information {
	border: none;
	border-radius: 0 0 0 0;
	margin: 0;
}
.padding-div {
	padding:1%;
}
.font-strong {
	font-weight:bold;
	padding:1% 0 1% 0;
}
.float-items {
	box-sizing: border-box;
   	float: left;
	padding: 1%;
}
.show-on-responsive {
	display:none;
}
.pos {
	border-left: 0!important;
}
.admin-area .dl_perm .perm {
	float: none;
	height: 100%;
	width: 100%;
}
.panels-optionsbg {
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.5);
	overflow: hidden;
	padding: 5px;
}
.panels-options {
	float: left;
	height: 120px;
	margin: 5px;
	width: 160px;
}
.theme_icon {
	height: 35px;
	width: 35px;
}
.tp-illu {
	max-width: 300px;
	max-height: 300px;
}
/* SMF2.1 styles */
/* Added these styles for 2.1 Curve to override new styles in admin sections */
.tparticle .windowbg, .tparticle .windowbg2, .tparticle .roundframe {
	padding: 0;
}
.admintable > .windowbg {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 0 0 !important;
}
.admintable > .windowbg2 {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 0 0 !important;
}
.admintable > .windowbg3 {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 0 0 !important;
}
.tparticle .windowbg, .tparticle .windowbg2, .tparticle .windowbg3, .tparticle .roundframe, .dl_container .windowbg {
	margin-bottom: 6px !important;
}
#tpfrontpanel_top .windowbg, #tpfrontpanel_bottom .windowbg {
	margin-bottom: 0 !important;
}
/* Added so that grid lists show acceptable in 2.0 > not needed in 2.1 */
table.tp_grid td, table.tp_grid th {
	border: #DDDDDD;
	border: 1px solid rgba(221, 221, 221, 0.5);
}
table.tp_grid tr.windowbg:nth-of-type(odd) {
    background: #fdfdfd;
}
table.tp_grid tr.windowbg:nth-of-type(even) {
    background: #f0f4f7;
}
/* Main icons for SMF 2.1 */
.main_icons.menu_tp::before {
	background: url(../images/tinyportal/menu_tp.png) no-repeat;
}
.main_icons.menu_tparticle::before {
	background: url(../images/tinyportal/menu_tparticle.png) no-repeat;
}
.main_icons.menu_tpdownload::before {
	background: url(../images/tinyportal/menu_tpdownload.png) no-repeat;
}
.main_icons.menu_tpshout::before {
	background: url(../images/tinyportal/menu_tpshout.png) no-repeat;
}
.main_icons.menu_tpforum::before {
    background: url(../images/tinyportal/menu_tpforum.png) no-repeat;
}
/* font awesome icons for FA themes*/
.fa-forum:before {
  content: "\f086"; }
  
.fa-tpadmin:before {
  content: "\f1b3"; }
  
/* Additional style for blocks replacing tp_half */
div.tp_half21 {
	background: #B1BBC5;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 16px 20px rgba(255,255,255,0.15) inset;
	padding: 0;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}
.tp_half21 h3.titlebg {
	font-size: 1.1em;
	overflow: hidden;
	padding: 8px 12px 6px 12px;
}
.tp_half21 h3.catbg {
	font-size: 1.1em;
	overflow: hidden;
	padding: 8px 12px 6px 12px;
}
.tp_block21 {
	margin-bottom: 0 !important;
	margin-top: 6px;
	padding: 4px 8px 8px 8px;
}
code.bbc_code {
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: anywhere;
	white-space: normal !important;
}
/* TP rss feed styles */
.rss_title {
	border-bottom: solid 1px #999;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 5px 0;
	padding: 5px 0;
}
.rss_title_normal {
	background: url(../images/tinyportal/bullet1.png) no-repeat 0 5px;
	border: none;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	padding: 2px 2px 2px 16px;
}
.rss_date {
	color: #666;
	font-size: 0.9em;
	font-style: italic;
	padding: 4px 0;
	text-align: right;
}
.rss_body {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
}
.rss_image {
	margin: 0;
}
.rss_body img {
	background: white;
	border: solid 1px #888;
	margin: 8px 0;
	padding: 4px;
	vertical-align: middle;
	max-width: 100%;
}
.rss_body h1, .rss_body h2, .rss_body h3, .rss_body h4, .rss_body h5, .rss_body h6 {
	font-size: 1em;
	margin: 0;
	padding: 0 0 5px 0;
}
.rss_body .quote, .rss_body blockquote {
	background: white;
	border: solid 1px #999;
	font-style: italic;
	margin: 5px 0;
	padding: 5px;
}
.rss_body .quoteheader {
	font-style: italic;
}
/* DL manager styles */
.dl_container {
	clear: both;
	width: 100%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.dl_details {
	font-size: 0.95em;
	line-height: 1.4em;
	margin: 0 0 5px 0;
	padding: 2px 0 5px 0;
}
ul.dl_details li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dl_pageindex {
	border: #CCCCCC;
	border: 1px solid rgba(204, 204, 204, 0.5);
	overflow: hidden;
}
.dl_cats {
	padding-bottom: 1em;
}
.dl_cats h4 {
	margin: 0;
	padding: 0;
}
.dl_icon {
	float: left;
	max-width: 100px;
	padding: 0 1em .3em 0;
}
.dl_caticon {
	float: left;
	margin: 0.7em 1em .5em 0;
	max-width: 50px;
}
.dl_tag {
	display: block;
	margin: 0;
	padding: 0 0 0 24px;
}
.dl_category {
	margin-bottom: 0.5em;
	overflow: visible;
	padding: 4px 10px;
}
.dl_category h4 {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 60px;
}
.dl_category .details {
	float: right;
}
.dl_category .itemdetails {
	padding: 10px 0 4px 0;
}
.dl_subcats {
	padding-left: 60px;
}
.dl_itemgrid {
	display: inline-block;
	overflow: hidden;
	padding: 1em 1% 1em 0;
	vertical-align: top;
	width: 48%;
}
.dl_itemgrid .itemdetails {
	padding: 10px 0 4px 0;
}
select[name="tp_dlitem_rating"] {
	width: initial;
}
div.dl_featureshot {
	float: right;
	margin: 4px 4px 4px 1em;
}
.dl_screenshot {
	float: left;
	margin-right: 15px;
}
.dl_ratingoption {
	padding: 0 5px;
}
.dl_morefiles {
	padding: 10px 0 0 0;
}
.dl_morefiles li {
	background: url(../images/tinyportal/glyph_download.png) no-repeat;
	list-style: none;
	margin: 0;
	padding: 2px 0 6px 20px;
}
.dl_most_downloaded {
	overflow: visible;
	padding: 1%;
}
h3.h3dl {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.5em 0;
}
h4.h4dl {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.5em 0;
}
.dl_recentdl {
	display: inline-block;
	min-width: 300px;
	overflow: hidden;
	padding: 1% 1% 0 1%;
	vertical-align: top;
	width: 47%;
}
.dl_post {
	padding: 0 0 .5em 0;
}
.dl_catpost {
	margin: 0.5em 0 0 0;
	padding: 0 0 .5em 60px;
}
.dl_summary {
	line-height: 1.4em;
	overflow: hidden;
}