/**
 * @package TinyPortal
 * @version 1.6.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) 2019 - The TinyPortal Team
 *
 */

.tp_container
{
	width: 100%;
	overflow: hidden;
}
.tp_col8
{
	float: left;
	width: 50%;
}

.tp_col16 
{
	float: left;
	width: 100%;
}
.leftcol
{
	padding-right: 3px;
}
.rightcol
{
	padding-left: 3px;
}
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* a general padding class */
.pad
{
	padding: 8px;
}
/* article, single */
.article h2
{
	margin: 0;
	padding: 0;
}
.article h3
{
	margin: 0 0 0 0;
	padding: 4px 2px;
	border-bottom: solid 1px #bbb;
}
.article_padding, .tp_pad
{
	padding: 1em;
}
.tp_readmore
{
	padding-top: 1em;
}
h2.author_h2
{
	font-size: 1.3em;
	font-weight: normal;
	border-top: solid 1px #ccc;
	padding: 0.7em 0;
}
.article_bodytext
{
	padding: 0 ;
}
.article_inner
{
	line-height: 1.4em;
}
.article_info
{
	padding: 1em 1em 0.75em 1em;
	color: #888;
	line-height: 1.6em;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
}
.article_text 
{
	border-bottom: solid 1px #ddd;
}
ul.gtags li
{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.article_others li.selected
{
	font-weight: bold;
}
.article
{
	overflow: auto;
}
.tparticle
{
	overflow: auto;
	border-radius: 0 0 6px 6px;
}
.tp_pageindex_lower,
.tp_pageindex_upper
{
	padding: 5px;
}
.tp_pageindex_upper
{
	display: none;
}
.article h2
{
	font-size: 1.4em;
}
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;
}
/* render1 */
.article h2
{
	overflow: hidden;
}
.article span.article_category
{
}
.article_category a
{
	font-weight: bold;
}
.article_info span
{
	border-right: solid 1px #888;
	padding: 0;
	padding-right: 10px; 
	margin-right: 5px;
}
.article_info span:last-of-type
{
	border-right: none;
}

/* render 2 */
.render2
{
	margin: 0 0 0 65px;
}
.render2 h2
{
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: bold;
}
.article_iconcolumn
{
	width: 60px;
	text-align: center;
	float: left;
}
.article_iconcolumn img
{
   max-width: 100%;
   height: auto;
}
.article_icon
{
   width: 128px;
   height: 128px;
   overflow: hidden;
   border: 1px solid #ccc;
}
/* render 4 */
.render4
{
	margin: 0 0 0 135px;
}
.render4 h2
{
	overflow: hidden;
	font-weight: bold;
}
.article_picturecolumn
{
	width: 130px;
	text-align: center;
	float: left;
}
.article_picture
{
	width: 128px; 
	height: 128px; 
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}
.article_boardnews
{
	padding-top: 1em;
	font-size: 0.8em;
}
#tportal
{
	text-align: center;
}
ul.category_children
{
	padding: 1em 0;
	margin: 0;
	overflow: hidden;
}
ul.category_children li
{
	padding: 0.5em;
	display: inline;
	list-style: none;
	margin: 0;
	font-weight: bold;
}
/* the credits screen */
#tpadmin #credits h2, #tpadmin #credits h3
{
	background: none;
	border: none;
}
#tpadmin #credits h2
{
	margin: 0.5em 0;
	border-bottom: solid 1px #bbb;
	font-size: 120%;
	padding: 0.5em 0;
}
#tpadmin #credits h3
{
	padding: 1em 0 0.2em 0;
	margin: 0;
}
#tpadmin h3.titlebg , #tpadmin h3.catbg ,
#tpadmin_content h3.titlebg , #tpadmin_content h3.catbg 
{
	clear: right;
}

/* TP specific classes */
ul.tpsitemap
{
	padding: 0;
	margin: 0;
}
ul.tpsitemap li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.tpsitemap li a
{
	display: block;
	padding: 5px;
	text-decoration: none;
	margin-bottom: 1px;
}
ul.tpsitemap li a:hover
{
	color: white;
	background: #555;
	text-decoration: none;
}
ul.tpsitemap li a.tpsitemapheader
{
	font-weight: bold;
}

/* TP rss feed styles */
.rss_title
{
	font-size: 1.3em;
	margin: 0 0 5px 0;
	padding: 5px 0;
	line-height: 1.5em;
	border-bottom: solid 1px #999;
}
.rss_title_normal
{
	line-height: 1.5em;
	font-size: 1em;
	margin: 0;
	padding: 2px 2px 2px 16px;
	background: url(../images/tinyportal/bullet1.png) no-repeat 0 5px;
	border: none;
}
.rss_date
{
	font-size: 0.9em;
	padding: 4px 0;
	text-align: right;
	color: #666;
	font-style: italic;
}
.rss_body
{
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}
.rss_image
{
	margin: 0;
}
.rss_body img
{
	vertical-align: middle; 
	margin: 8px 0;
	width: 100%;
	border: solid 1px #888;
	padding: 4px;
	background: white;
}
.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
{
	padding: 5px;
	background: white;
	border: solid 1px #999;
	margin: 5px 0;
	font-style: italic;
}
.rss_body .quoteheader
{
	font-style: italic;
}
/* article css */
.tp_article_frame
{
	margin-bottom: 0;
}
.tp_subject
{
	font-size: 1.0em;
	margin: 0;
	padding: 7px 10px 7px 10px;
	line-height: 1em;
	font-weight: bold;
}
.tp_subject, .tp_subject a
{
}
.tp_day
{
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}
.tp_month
{
	padding: 0px;
	font-size: 0.85em;
	font-weight: normal;
	text-transform: uppercase;
}
.tp_year
{
	padding: 0;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: uppercase;
}
.catbg .tp_month
{
	font-weight: normal;
}
.tp_details
{
	line-height: 1.3em;
	font-size: 0.8em;
	padding: 2px 0 5px 0px;
	margin: 0 0 5px 0;
}
ul.tp_details li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.tp_articletext
{
	padding: 4px 1em;
	margin-top: 0px;
	line-height: 1.4em;
}
.tp_article_next
{
	margin: 1em 0 0 0;
	padding: 4px;
	width: 50%;
	font-style: italic;
}
.tp_editlink
{
	margin: 5px 0 0 0;
	padding: 4px;
	text-align: right;
	font-size: 0.85em;
	clear: right;
}
.tp_editlink5
{
	margin: 0;
	padding: 8px 5px 5px 5px;
	border-top: dotted 1px #888;
	text-align: right;
	font-size: 0.85em;
	margin-top: 10px;
}
.tp_article_comment_header
{
	padding: 5px;
	margin: 0;
}
.tp_article_rate
{
	margin: 0;
	padding: 1em;
}
/* comments */
.article_comment .single
{
	overflow: hidden;
	padding: 0.5em 0 0.5em 1em;
}
img.catlayout
{
	margin: 6px 2px 4px 16px;
	padding: 0;
}

/* for the tab category layout option */
#tp_tabarticle_frame
{
	margin-left: 220px;
	padding: 10px 10px 10px 30px;
}
#tp_tableft
{
	float: left;
	width: 204px;
	margin-top: 5px;
	padding: 0 0 5px 0;
}
ul#tp_tabmenu
{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#tp_tabmenu li
{
	width: 230px;
	padding: 0;
	margin: 0;
}
ul#tp_tabmenu li a
{
	display: block;
	height: 27px;
	width: 230px;
	line-height: 26px;
	padding: 0 15px 0 15px;
	text-decoration: none;
	outline: none;
	color: black;
}
ul#tp_tabmenu li a:hover
{
	color: #669;
}
.tabimage
{
	background: url(../images/tinyportal/TPtabindicator.png) no-repeat;
	font-weight: bold;
}
.notab
{
	font-weight: normal;
	background-image: none; 
}
#tp_tabs_frame h4
{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#tp_tabs_frame h4.forumpost
{
	padding-left: 24px;
	background: url(../images/tinyportal/normal_post.png) 0 50% no-repeat;
}
#tp_tabs_frame h3
{
	font-size: 1.5em;
	margin: 0 0 5px 0;
	color: #543;
	padding: 5px 5px 5px 8px;
	border-bottom: dotted 1px #888;
}
p.tp_tabarticle_opt
{
	font-size: 0.85em;
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	border-bottom: dotted 1px #888;
}
.tp_tabarticle_body
{
	line-height: 1.5em;
}
ul#tp_child_articles
{
	list-style: none;
	padding: 0;
	margin: 1em;
}
ul#tp_child_articles li
{
	background: url(../images/tinyportal/TPboard.png) no-repeat 0 50%;
	margin-left: 0;
	padding: 5px 0 5px 20px;
}
#articlejump
{
	padding: 1em;
}

/* panels */
#leftbarHeader
{
}
#rightbarHeader
{
}
#leftbarHeader .catbg3, #rightbarHeader .catbg3
{
}
#leftbarHeader .catbg3 a, #rightbarHeader .catbg3 a
{
}
#leftbarHeader .catbg3 a.subject:hover, #rightbarHeader .catbg3 a.subject:hover
{
	text-decoration: none;
}
#leftbarHeader .windowbg, #rightbarHeader .windowbg
{
}

/* panels */
#tptopbarHeader,
#tpbottombarHeader,
#tpleftbarHeader,
#tprightbarHeader,
#tplowerbarHeader,
#tpcenterbarHeader,
#tpcontentHeader,
#tpfrontpanel_top
{
	padding-bottom: 0;
}
#tpleftbarHeader
{
	padding-right: 2px;
}
#tprightbarHeader
{
	padding-left: 2px;
}

/* classes for special block types */
ul.tp_recentblock, .tp_statsblock ul	
{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}
.tp_statsblock ul, .tp_stats_users	
{
	padding-left: 2em;
}
ul.tp_recentblock li	
{
	line-height: 1.3em;
	padding: 4px 0 4px 0;
}
.tp_userblock h4
{
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}
.tp_userblock h5, .tp_statsblock h5
{
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}
.tp_userblock ul
{
	line-height: 1.5em;
	padding: 5px 0 5px 1.5em;
	margin: 0;
}
.tp_userblock ul li
{
	line-height: 1.3em;
	list-style: circle;
	padding: 0;
	margin: 0;
}
img.tp_social
{ 
	height: 24px; 
	width:auto;
}
.tp_statsblock h5
{
	padding: 5px 0 5px 0;
}
.tp_statsblock h5.mlist, .tp_statsblock h5.stats, .tp_statsblock h5.online
{
	padding: 5px 0 5px 25px;
	margin-bottom: 5px;
}
.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;
}
ul.dl_recentitems	
{
	padding-inline-start: 20px;
	margin-top: 0px;
}
/* for the menu block */
ul.tp_catmenu, ul.tp_catmenu li
{
	margin: 0;
	text-indent: -2em;
	padding-left: 1em;
	list-style: none;
	line-height: 1.3em;
}
ul.tp_catmenu li.tp_catmenu_header
{
	padding-top: 6px;
}

/* for tp admin */
.tp_largelist
{
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	border: solid 1px #ccc;
	padding: 4px;
	margin-bottom: 4px;
	max-height: 10em;
	overflow: auto;
}
.tp_largelist2
{
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	border: solid 1px #ccc;
	padding: 4px;
	margin-bottom: 4px;
	max-height: 20em;
	overflow: auto;
}
#tp_dlmanager ul.hoveritems, #tp_dlmanager ul.hoveritems li
{
	margin: 0;
	list-style: none;
	padding: 0;
}
#tp_dlmanager .hoveritems li a, .hoveritems li a.active:hover
{
	display: block;
	padding: 5px;
}
#tp_dlmanager .hoveritems li a.active:hover
{
	color: white;
	background: #466A8E;
}
#tp_dlmanager .hoveritems li a:hover, .hoveritems li a.active
{
	background: #466A8E;
	color: white;
	text-decoration: none;
}
#tp_dlmanager .hoveritems li.sub a
{
	padding-left: 1em;
}
#tp_dlmanager .hoveritems li.sub a,#tp_dlmanager .hoveritems li.sub a.active:hover
{
	background: #d8d8d8;
	color: black;
}
#tp_dlmanager .hoveritems li.sub a.active:hover
{
	background: #666;
	color: white;
}
#tp_dlmanager h3.catbg
{
	margin: 0;
	padding: 4px;
}
#tp_dlmanager .hoveritems li.sub a:hover,#tp_dlmanager .hoveritems li.sub a.active
{
	background: #90a090;
	text-decoration: none;
	color: white;
}
h3.tp-dlmanager
{
	font-size: 1.2em;
}
h3.tp-dlmanager small
{
	padding-left: 5px;
	font-size: 80%;
	font-weight: normal;
}
#tp_locations h4
{
	margin: 0;
	padding: 0 0 7px 0;
}
ul.tp-subcategories,ul.tp-subcategories ul
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.tp-subcategories li
{
	list-style: none;
	margin: 1px 3px;
	float: left;
	width: 31%;
	padding: 0;
	font-size: 0.85em;
}
ul.tp-subcategories ul li
{
	list-style: none;
	margin: 1px 3px;
	float: left;
	width: auto;
	padding: 0;
}
.tp-thumb
{
	margin: 2px;
	border: solid 1px #bbb;
	cursor: pointer;
}
.tpresults
{
	margin: 0;
	padding: 0 10px 15px 10px;
}
h4.tpresults
{
	font-weight: normal;
	font-size: 1.3em;
	padding-bottom: 0;
}
.dl_perm .perm
{
	width: 250px;
	height: 1.6em;
	float: left;
}
h4.dl_perm
{
	clear: both;
	margin: 0 0 5px 0;
	padding: 1em 0 5px 0 ;
	height: auto;
	border-bottom: solid 1px #888;
}
.authorinfo
{
	float: left;
	padding: 8px 1em 8px 8px;
	min-width: 300px;
	width: 50%;
	overflow: hidden;
}
a.avatar
{
	display: block;
	margin: 0;
	float: left;
}
a.avatar img
{
	border-radius: 2px;
	padding: 1px;
	width: 35px;
	margin-right: 0.7em;
}
.article_authorinfo
{
	overflow: hidden;
}
.article_socialbookmark
{
	padding-top: 0.7em;
	text-align: center;
}
.article_socialbookmark a img
{
	padding-left: 5px;
}
.authorinfo h4
{
	padding: 0;
	margin: 0 10px 10px 5px;
}
.extrasblock .digg
{
	padding: 20px 20px 10px 20px;
}
.extrasblock .editlink
{
	padding: 8px 0 0 20px;
	text-transform: uppercase;
	font-size: 0.8em;
}
.globaltags ul
{
	margin: 0;
	padding: 0;
}
.globaltags li
{
	margin: 0 0 4px 0;
	list-style: none;
	padding: 0;

}
.authortext
{
	line-height: 1.4em;
	font-size: 0.85em;
	padding-right: 2em;
}
.comment_author
{
	float: left;
	display: block;
	margin: 0; 
}
.comment_author img
{
	width: 34px;
	border-radius: 2px;
	margin: 0 8px 0 0;
}
.comments span.counter
{
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
	color: #bbb;
	position: absolute;
	margin-left: -0.5em;
}
.comments span.author
{
	font-size: 0.8em;
	font-weight: normal;
	display: block;
	padding-left: 20px;
}
.comments strong.subject
{
	padding-left: 20px;
}
.comments div.text
{
	padding: 0.5em 0.5em 0.5em 0;
	margin: 0.5em 0.5em 0.5em 20px;
	line-height: 1.4em;
}
.comments a.delete
{
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
}

/* DL manager styles */
.dl_last_added h3
{
	padding: 0;
	margin: 0 0 2px 0;
	font-size: 1em;
}
.dl_last_added
{
	padding: 5px;
	margin-bottom: 5px;
}
.dl_last_added p
{
	padding: 0;
	margin: 0;
}
.dl_last_added .dl_details
{
	padding: 0;
	margin-top: 5px;
}
.dl_week_downloaded 
{
	padding-bottom: 3px;
}
.dl_number
{
	float: left;
	font-size: 1.8em;
	color: #965;
	margin: 0 8px 0 0;
}
.dl_number2
{
	float: left;
	font-size: 1.4em;
	color: #888;
	margin: 0 8px 0 0;
}
.dl_number_right
{
	margin-left: 2em;
}
.dl_cats h4
{
	margin: 0;
	padding: 0;
}
img.dl_icon
{
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	vertical-align: top;
}
.dl_cats
{
	padding-bottom: 1em;
}
.taglink
{
	display: block;
	padding: 0 0 0 24px;
	margin: 0;
}
.divider
{
	margin: 2px;
	padding: 8px;
}
.attachimage_left
{
	margin: 5px 1em 0 0;
}
.attachimage_right
{
	margin: 5px 0 0 1em;
}
.attachsubtext
{
	font-size: 0.7em;
	line-height: 1.5em;
	padding: 0;
	text-align: center;
}
.attachsubtext p
{
	padding: 5px;
	margin: 0;
}
.dlcategory
{
	padding: 4px 10px; 
	margin-bottom: 0.5em; 
	overflow: visible;
 }
.tp-subcats
{
	padding-left: 5%;
}
.dlcategory .details
{
	float: right;
}
.dlcategory h4
{
	line-height: 1.5em;
	padding: 0 0 0 35px;
	margin: 0.5em 0 0 0;
	font-size: 1.1em;
}
.dlitems h5
{
	line-height: 1.5em;
	padding: 4px 10px;
	margin: 0;
	font-size: 1em;
}
.dlitems h5.titlebg2 a
{
	text-decoration: none;
}
.dlcategory .itempicture
{
	float: right;
	margin: 5px 0 5px 5px;
}
.dlcategory .itemdetails
{
	padding: 10px 0 4px 0;
}
.dlitems
{
	margin-top: 0em;
}
.dlitems h4.titlebg
{
	padding: 5px 10px;
}
#fileitem .screenshot
{
	float: right;
	margin: 0 1em 1em 1em;
}
#fileitem
{
	padding: 1em;
}
#fileitem h3
{
	padding: 5px 0 0px 0;
	margin: 0;
	font-size: 1.2em;
}
#fileitem .details
{
	display: inline;
	border-right: solid 1px #888;
	padding: 5px 10px 5px 25px;
}
#fileitem #filesize
{
	background: url(../images/tinyportal/glyph_filesize.png) 5px 0 no-repeat;
}
#fileitem #downloads
{
	background: url(../images/tinyportal/glyph_docounter.png) 5px 0 no-repeat;
}
#fileitem #views
{
	background: url(../images/tinyportal/glyph_views.png) 5px 0 no-repeat;
}
#fileitem #rating
{
	padding: 10px 5px 0 5px;
	border: none;
}
#fileitem #time
{
	background: url(../images/tinyportal/glyph_time.png) 5px 0 no-repeat;
	border: none;
}
.ratingoption
{
	padding: 0 5px;
}
.morefiles ul, .morefiles li
{
	list-style: none;
}
.morefiles li
{
	padding: 2px 0 6px 20px;
	margin: 0;
	background: url(../images/tinyportal/glyph_download.png) no-repeat;
}
.dl_most_downloaded
{
	overflow: visible;
	padding: 1%;
}
.forumgtags
{
	overflow: hidden;
}
.forumgtags a
{
	display: block;
	width: 20em;
	padding: 3px 0 2px 0;
	overflow: hidden;
	float: left;
}
.forumgtags a.selected
{
	font-weight: bold;
}
.gtagwindow
{
	margin: 0;
	padding: 4px;
}
.rate_frame .rate_outer
{
	border: solid 1px #777;
	background: #eee;
	width: 157px;
	text-align: left;
	padding: 1px;
	margin: 7px 0 8px 0;
}
.rate_frame .rate_outer .inner
{
	margin: 0;
	height: 12px;
}
div.slider {
	width: 162px;
	height: 18px;
	background: #e0e0e0;
}
div.slider div.knob {
	height: 18px;
	width: 30px;
	background: blue;
	border: solid 1px white;
	cursor: pointer;
}
.tptabs
{
	margin: 0;
	padding: 1em;
}
.tptabs a
{
}
.tptabs a.tpactive
{
	font-weight: bold;
}

/* block styles */
.block_search
{
	width: 85%;
	margin: 5px auto;
}
.block_search_submit
{
	width: 65%;
	margin: 0 auto 5px auto;
}
.block_article h2.article_title, .block_article .article_info
{
	display: none;
}
/*  
*******************************************************************************
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;
}

/* SMF2 styles */
#tpadmin_menu
{
	margin: 0;
	float: left;
	width: 204px;
}
#tpadmin_menu ul
{
	padding: 0;
	margin: 0;
}
#tpadmin_menu ul li
{
	list-style: none;
	width: 180px;
	padding-left: 5px;
}
#tpadmin_menu ul li div.largetext
{
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 1.2em;
	line-height: 1em;
}
#tpadmin_menu ul li div.normaltext,
#tpadmin_menu ul li div.middletext
{
	padding: 2px 0 10px 0;
	margin: 0;
}
#tpadmin_content
{
	margin: 2px 0 0 214px;
}
#tpadmin_subtabs ul
{
	overflow: hidden;
}
#tpadmin_subtabs li
{
	float: left;
	padding: 10px;
	z-index: 10;
}
#tpadmin .content
{
	overflow: hidden;
}

table.admintable, table.formtable, table.multiplerow
{
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

table.multiplerow td
{
	border: solid 1px #ccc;
}
.admintable td, .admintable th, .admintable caption
{
	padding: 0.6em 1em;
	text-align: left;
}
.formtable td
{
	padding: 10px 5px;
}
.formtable td.left
{
	text-align: right;
	width: 30%;
	vertical-align: top;
}
.multirow td.left
{
	text-align: right;
	width: 20%;
	vertical-align: top;
	font-weight: bold;
}
.formtable td.right
{
	vertical-align: top;
	text-align: left;
	width: 70%;
}

#editblock td.left
{
	text-align: right;
	width: 25%;
}
.admintable th 
{
	font-weight: normal;
}
.formtable .checkboxmulti
{
	padding: 2px;
	width: 49%;
	float: left;
}
.formtable .checkboxmulti input, .formtable input.checkbox
{
	width: 2em;
	margin: 0;
}
.checkboxmulti_container
{
	overflow: auto;
	max-height: 16em;
}
#tpadmin .oldsidebar
{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1em;
	margin: 0;
}
div.subtab, div.subtab_chosen
{
	float: left;
	padding: 4px 8px;
	border: solid 1px transparent;
}
div.subtab_chosen
{
	background: #f0f0f8;
	border: solid 1px #aaa;
}
.article_gtags li
{
	float: left;
	width: 22%;
	padding: 4px 2% 2px 0;
}
.article_gtags li a.selected
{
	font-weight: bold;
}
.article_gtags
{
	overflow: hidden;
}
.smallpad
{
	padding: 1em;
}
.catlayout5_title
{
	padding: 0;
	margin: 0;
	width: 50%;
	float: left;
}
.catlayout5_title .inner
{
	border: solid 1px #898;
	margin: 2px 1px 2px 1px;
}
.catlayout5_title a
{
	padding: 8px 12px;
	display: block;
}
.catlayout5_title a:hover
{
	background: #f80;
}
.catlayout5_text
{
	margin: 0;
}
.catlayout6_text
{
	font-size: 0.9em; 
	padding: 0px 5px 0 0; 
	margin: 4px 0 10px 0; 
	overflow: hidden; 
}
fieldset#blockopts
{
	padding: 1em;
	margin-top: 1em;
}
fieldset#blockopts table
{
	margin: 1em 0;
}
fieldset#blockopts td
{
	border: solid 1px #aaa;
}

/* rounded headers for TP */
h2.catbg, h2.catbg2, h2.titlebg
{
	overflow: hidden;
	height: 31px;
	line-height: 31px;
	font-size: 1.2em;
	font-weight: bold;
}
h2.catbg a, h2.catbg
{
	color: white;
}
h2.catbg2 a, h2.catbg2
{
	color: #feb;
}
h2.catbg a:hover
{
	color: #fd9;
	text-decoration: none;
}
h2.catbg2 a:hover
{
	color: #fff;
	text-decoration: none;
}
h2.titlebg a, h2.titlebg
{
	color: black;
}
h2.titlebg a:hover
{
	color: #FFA500;
	text-decoration: none;
}
h2.catbg img.icon
{
	float: left;
	margin: 5px 8px 0 0;
}
#tp_overview
{
	padding: 2%;
	overflow: hidden;
}
#tp_overview ul
{
	margin: 0;
	padding: 0;
}
#tp_overview ul li
{
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
	text-align: center;
	height: 120px;
	font-size: 90%;
	list-style: none;
}

/* avatar styles */
span.tpavatar
{
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	padding: 1px;
	display: block;
	overflow: auto;
}
span.tpavatar img
{
	width: 40px;
	height: auto;
	border-radius: 2px;
}
.avatar_single img
{
	height: 30px;
	float: left;
	padding: 1px;
	border-radius: 2px;
	margin: 0 .75em 4px 0;
}
.tp_avatar, .tp_avatar_category
{
	float: right;
	padding: 10px;
	position: relative;
	top: 0px;
	right: -5px;
}
.tp_avatar_category
{
	padding: 3px;
	top: 0px;
	right: 0;
	margin: 0 0 8px 8px;
}
.avatar_single2 img
{
	height: 30px;
	float: left;
	padding: 1px;
	border-radius: 2px;
	margin: 4px 4px 4px 0;
}
ul.recent_topics li
{
	padding: 4px;
	margin: 0;
	margin-bottom: 4px;
	border-bottom: solid 1px #bbb;
	font-size: 1em;
	overflow: hidden;
}
.blockbody
{
	padding: 4px;
	line-height: 1.3em;
	min-height: 0%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-word;
	word-break: break-word;
}
.tp_halfgrid,
.tp_halfgrid span.firsthalf,
.tp_halfgrid span.lasthalf
{
	height: 28px;
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/theme/main_block.png) no-repeat -10px -160px;
}
.tp_halfgrid a:visited
{
	color: white;
}
.tp_halfgrid span.firsthalf
{
	float: left;
	width: 10px;
	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}
.tp_halfgrid span.lasthalf
{
	float: right;
	width: 10px;
	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
}
span.article_shortdate
{
	font-weight: normal;
}
p.tphelp
{
	line-height: 1.4em;
}
b.tphelp
{
	font-size: 1.2em;
	padding-left: 5px;
}
h2.tphelp
{
	padding-left: 0;
	margin-left: 0;
	font-size: 1.3em;
	border-bottom: solid 1px #888;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.tp_half h3.titlebg
{
	margin: 0;
	height: 28px;
	font-weight: bold;
	background: url(../images/theme/main_block.png) no-repeat -10px -200px;
	padding-right: 0;
}
.tp_half h3.titlebg span.l
{
	display: block;
	float: left;
	width: 10px;
	height: 28px;
	background: url(../images/theme/main_block.png) no-repeat 0 -200px;
}
.tp_half h3.titlebg span.r
{
	display: block;
	float: right;
	width: 10px;
	height: 28px;
	background: url(../images/theme/main_block.png) no-repeat 100% -200px;
}
.tp_half h3.catbg
{
	height: 28px;
	font-weight: bold;
	background: url(../images/theme/main_block.png) no-repeat -10px -160px;
	padding-right: 0;
}
.tp_half h3.catbg span.l
{
	display: block;
	float: left;
	width: 10px;
	height: 28px;
	background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}
.tp_half h3.catbg span.r
{
	display: block;
	float: right;
	width: 10px;
	height: 28px;
	background: url(../images/theme/main_block.png) no-repeat 100% -160px;
}
h4.h4dl
{
	font-size: 1.8em;
	margin: 0;
	padding: 0 0 0.5em 0;
	font-weight: normal;
}
ul.uldl
{
	margin: 0;
	padding: 0;
}
ul.uldl li
{
	list-style: none;
	padding: 0;
	margin: 0;
}
h3.h3dl
{
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0.5em 0;
}
.recentdl
{
	overflow: hidden;
	padding: 1%;
}
.dlpost
{
	padding-top: 5px;
	margin-top: 10px;
}
.dlitemgrid
{
	width: 48%;
	float: left;
	padding: 1em 1% 1em 0;
	overflow: hidden;
}
#tpadmin_content .tpbut
{
	margin:  0;
	padding: 0;
	border: none;
	background: none;
}

div.useravatar img
{
	margin: 1em auto 0 auto;
	border-radius: 2px;
	padding: 1px;
	display: block;
	overflow: auto;
	width: 45px;
}
.mycomment, .othercomment
{
	clear: both;
	overflow: hidden;
}
.textcomment .body
{
	position: relative;
	padding: 1.5em 1em;
	margin: 14px 10px 10px 0;
	background: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.1);
	border: #999 solid 1px;
	word-wrap: break-word;
	word-break: break-word;
}
.textcomment .body:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 8px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -8px;
	left: 16px;
}
.textcomment .body:before 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 8px;
	border-color: #999 transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -9px;
	left: 16px;
}
.othercomment .textcomment .body
{
	color: #008;
}
.editor 
{
	height: 100px;
	width: 635px;
	max-width: 95%;
	min-width: 90%;
	margin: 0.25em 0 1em 0;
}
.sceditor-container 
{
	max-width: 100%;
	margin: 0.25em 0 1em 0;
}
.dl_container 
{
	width: 100%;
	clear: both;
}

/************* TP STYLES ********************/
.clearthefloat
{
   clear:both;
   padding:0px;
   margin:0px   
}
input#searchbox
{
	width: 100%;
	max-width: 350px!important;
	margin-bottom: 0.5em; 
	padding: 5px;
}
input,select
{
	max-width:97%!important;
}
#tpleftbarContainer
{
	float: left;
}
#tprightbarContainer
{
	float: right;
}
#centerContainer
{
	padding-bottom: 4px;
}	
.tp_upshrink20 
{
	float: right; 
	margin-right: 0.5em; 
	margin-top: -1.5em;
}
.tp_upshrink21 {
	float: right; 
	margin-top:6px; 
	padding-left:10px;
}
/* blocks in panels set to display in columns (the default is vertically)*/
.panelsColumns{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
/*images in articles content*/
.article_inner img, .bbc_img 
{
	max-width: 100%;
	height: auto;
} 
.tpthumb img 
{
   max-width: 150px;
   max-height: 150px;
   padding: 5px;
}
.tpthumb div
{
   padding: 4px;
   margin-top: 4px;
   overflow: auto;
}
.tpquicklist div
{
   padding: 4px;
   margin-top: 4px;
   max-height: 200px;
   overflow: auto;
 }

/************* TP ADMIN STYLES ********************/

.addborder
{
	border-bottom: 1px solid #ccc;	
}
.addborderleft div
{
	border-left:1px solid #ccc;
} 
.admin-area
{
	width: 100%;
    float: left;
	box-sizing: border-box;
    border:1px solid #ccc;
}
.admin-area img
{
	max-width: 95%;
} 
.tpartlayoutfp
{
    float: left;
	margin: 4px;
} 
.tpartlayouttype
{
	float: left; 
	width: 180px; 
	height: 100px; 
	margin: 4px;
}
#tp_article_body
{
	width: 95%; 
	height: 300px;
}
#tp_article_intro
{
	width: 95%; 
	height: 140px;
}
#tp_customlayout
{
	width: 90%; 
	max-width: 900px;
	height: 200px;
}
#tpadmin_content .information
{	margin: 0px;
	border: none;
	border-radius: 0 0 0 0;
}
#tpadmin_content
{
	min-width:700px;
}
.padding-div
{
	padding:1%;
}
.font-strong
{
	font-weight:bold;
	padding:1% 0 1% 0;
}
.float-items
{
   	float: left;
	padding: 1%;
	box-sizing: border-box;
}
#show-on-respnsive-layout
{
	display:none;
}
.pos
{
	border-left:0px!important;
}
.admin-area .dl_perm .perm
{
	width: 100%;
	height: 100%;
	float: none;
}
#tpadmin
{
	padding: 0 0 4px 0;
}
.panels-optionsbg
{
	background-color: #ffffff;
	overflow: hidden;
	padding: 5px;
}
.panels-options
{
	float: left;
	width: 160px;
	height: 120px; 
	margin: 5px;
}
img.theme_icon
{
   width: 35px; 
   height: 35px;
}

/* SMF2.1 styles */
/* Added these styles for 2.1 Curve to override new styles in admin sections */
.admintable > .windowbg
{
	box-shadow: none;
	border-radius: 0;
	border: none;
	margin: 0 0 0 0 !important;
}
.admintable > .windowbg2
{
	box-shadow: none;
	border-radius: 0;
	border: none;
	margin: 0 0 0 0 !important;
}
.admintable > .windowbg3
{
	box-shadow: none;
	border-radius: 0;
	border: none;
	margin: 0 0 0 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: 1px solid #ddd;
}
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;
}

/* Additional style for blocks replacing tp_half */
div.tp_half21
{
	background: #B1BBC5;
	padding: 0;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 16px 20px rgba(255,255,255,0.15) inset;
	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;
}
.inner a, .article_inner a
{
	/* These are technically the same, but use both */
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	-ms-word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
}
code.bbc_code
{
	white-space: normal !important;
	/* These are technically the same, but use both */
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	-ms-word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
}
/************* TP ADMIN RESPONSIVE ********************/

/* Responsive Youtube embed */
@media only screen and (min-width: 769px) {
.youtubecontainer
{
	width: 59vw;
	height: calc(59vw/1.77);
	margin: 0 auto;
	display: inline-block;
}
}

@media only screen and (max-width: 768px) {
.youtubecontainer
{
	width: 80vw;
	height: calc(80vw/1.77);
	margin: 0 auto;
	display: inline-block;
}
}

.youtubecontainer iframe
{
	display:block;
	width:100%;
	height:100%;
}
.tp_responsive #tpadmin_content
{
	min-width:200px;
}

/** screen bigger then 900px **/
@media all and (min-width: 900px) {	
.clickme
{
	display:none!important;
}
.box
{
	display:block!important;
}
}

/** screen smaller then 900px **/
@media all and (max-width: 900px) {	
.tp_responsive .clickme
{
	width:55px;
	font-weight:bold;
	font-size:12px;
	cursor: pointer;
	padding: 1%;
    clear:both;	
	display:block;
	background-image:url(../images/tinyportal/TPsort_down.png);
	background-repeat:no-repeat;
	background-position:center right;
	text-decoration:none;
}	
.tp_responsive .box
{
	width:100%!important;
    float:none!important;	
}
.tp_responsive .fullwidth-on-res-layout
{
    text-align: left!important;	
	width:98%!important;	
	float:none!important;
	clear:both!important;
	box-sizing: border-box;
}	
.tp_responsive .fullwidth-on-res-layout::after
{
    content: "";
	clear:both;
	display:block;
}
.tp_responsive .fullwidth-on-res-layout:after
{
    content: "";
	clear:both;
	display:block; /* after for older browsers*/
}
.tp_responsive #show-on-respnsive-layout
{
	display:block;
	float: left;
	width: 35%!important;
	max-width: 150px;
}
.tp_responsive #size-on-respnsive-layout
{
	width: 65%;
	float: left;
}	
.tp_responsive .title-admin-area
{
	display:none;
}
.tp_responsive .admin-area .pos,
.tp_responsive .admin-area .name
{
	display:inline-block;
	box-sizing: border-box;
}
.tp_responsive .admin-area .name
{
	width:78%!important;		
}
.tp_responsive .admin-area .pos,
.tp_responsive .admin-area .adm-pos
{
	width:14%!important;
	box-sizing: border-box;	
}	
.tp_responsive .admin-area .adm-name
{
	width:80%!important;	
    padding:1%!important;
	box-sizing: border-box;	
}	
.tp_responsive .bigger-width #show-on-respnsive-layout
{
	width: 30%!important;
	padding:0 3% 0 2%!important;
}
.tp_responsive .bigger-width  #size-on-respnsive-layout
{
	width: 65%;	
}
.tp_responsive #new-item #show-on-respnsive-layout
{
	width:100%!important;
	float:none;
	padding: 0 0 1% 0!important;
}
.tp_responsive #any-subcats #size-on-respnsive-layout .float-items,
.tp_responsive #up-file #size-on-respnsive-layout .float-items
{
	padding:0px 1%;
	text-align:left;	
}
.tp_responsive #any-subcats #size-on-respnsive-layout,
.tp_responsive #up-file #size-on-respnsive-layout
{
	text-align:left;
}
.tp_responsive #new-item  .float-items
{
	width: 98%!important;
    float: none;
}
.tp_responsive #tpadmin_menu 
{
    float: none!important;
    width: 100%!important;
}
.tp_responsive #tpadmin_menu ul li
{
    width: 31%!important;
    padding-left: 1%!important;
	display: inline-block;
	vertical-align: top;
}
.tp_responsive #tpadmin_menu .roundframe::after
{
	content: "";
	display: table;	
	clear: both;
}
.tp_responsive #tpadmin_content
{
    margin: 2px 0 0 0px!important;
}
.tp_responsive .article_iconcolumn
{
	width:100%!important;
	float:none!important;
	text-align: left;
	/* Avatar + Article ON for articles*/
}
.tp_responsive .article_picturecolumn
{
	width:100%!important;
	float:none!important;
	/* Picture + Article ON for articles*/
}
.tp_responsive .article_picture
{
	background-position: bottom left;
}
.tp_responsive .render2
{
	margin: 4px 0 0 0px!important;
}
.tp_responsive .render4
{
	margin: 4px 0 0 0px!important;
}

/*** responsiveness dlmanager ***/
.dlitemgrid
{
	width: 98%;
	word-wrap: break-word;
}
ul.tp-subcategories li
{
	width: 48%;
}
}

/** screen smaller then 720px **/
@media only screen and (max-width: 720px) {
.tp_upshrink21 
{
    float: left;
	padding-left: 0px;
	width: 95%;
} 
}

/** screen smaller then 600px **/
@media all and (max-width: 600px) {
.tp_responsive #tpadmin_menu 
{
    float: none!important;
    width: 100%!important;
}
.tp_responsive #tpadmin_menu ul li
{
    width: 45%!important;
    padding-left: 3%!important;
}
.tp_responsive #tpadmin_menu .roundframe::after
{
	content: "";
	display: table;	
	clear: both;	
}
.tp_responsive #tpadmin_content
{
    margin: 2px 0 0 0px!important;
}
.tp_responsive #tp_overview ul li
{
    width: 50%!important;
}
ul.tp-subcategories li
{
	width: 98%;
}
}

/** screen smaller then 400px **/
@media all and (min-width: 0px) and (max-width: 400px) {	
.tp_responsive .panels-options
{
	width: 95%!important; /* Panel Settings */
}
}

/** screen smaller then 300px **/
@media all and (max-width: 300px) {	
.tp_responsive #tpadmin_content
{
	font-size:11px;
	word-break: break-all;
}
}

/********** RESPONSIVE TP ***********/

/** screen smaller then 500px **/
@media all and (min-width: 0px) and (max-width: 500px) {		
.tp_responsive .panelsColumns,
.tp_responsive .gridColumns,
.tp_responsive .gridC
{
	width:100%!important;
	padding-right:0px!important;
	/* blocks in panels set to display horizontally,in columns or grid (the default is vertically)*/
}
.tp_col8
{
	width: 100%;
}
}

/** screen from 400px to 600px **/
@media all and (min-width: 400px) and (max-width: 600px) {
.tp_responsive .panelsColumns,
.tp_responsive .panelsColumnsHorizontally
{
	width:50%!important;
}
}

/** screen smaller then 400px **/
@media all and (min-width: 0px) and (max-width: 400px) {	
.tp_responsive .panelsColumns,
.tp_responsive .panelsColumnsHorizontally
{
	width:100%!important;
	/* blocks in panels set to display horizontally or in columns (the default is vertically)*/	
}
.tp_responsive #left_admsection
{
	width: 100%;
	float: none;
	/* width and float for left toggle menu from pages like profile page */
}
} 

/********** RESPONSIVE TP - only if one or both sidebars are ON on the page ***********/
.lrs #centerContainer
{
	overflow:hidden; 
	/* do not delete */
}
/** screen smaller then 500px **/
@media all and (min-width: 0px) and (max-width: 500px) {
.lrON.tp_responsive #tpleftbarContainer
{
	display: table-row-group;	
}
.lrON.tp_responsive #tprightbarContainer
{
	display: table-footer-group;	
}
.tp_responsive #tpleftbarContainer,
.tp_responsive #tprightbarContainer
{
	width:100%!important;
	float:none!important;
}
.tp_responsive #tpleftbarContainer #tpleftbarHeader,
.tp_responsive #tprightbarContainer #tprightbarHeader
{
	padding: 0px;
	margin: 0px;
}
}

/** screen from 500px to 900px **/
@media all and (min-width: 500px) and (max-width: 900px) {
.lrON.tp_responsive #tpleftbarContainer,
.lrON.tp_responsive #tprightbarContainer
{
	float:none!important;	
}
.lrON.tp_responsive #tpleftbarContainer
{
	display: table-cell;		
}
.lrON.tp_responsive #tprightbarContainer
{
	display: table-cell;	
}
.tp_responsive #tpleftbarContainer,
.tp_responsive #tprightbarContainer
{
	width:49%!important;
	padding:0.5%;
}			
}

/** screen smaller then 900px **/
@media all and (min-width: 0px) and (max-width: 900px) {
.tp_responsive #centerContainer
{
	overflow:hidden!important;
 	max-width:100%;
}
/* very specific fixes dealing width responsive curve in 2.0 */
.lrON input[name="subject"], input[name="evtitle"], input[name="secret_question"], 
.lrON #edit_poll fieldset input, 
.lrON select[name="targetboard"], 
.leftpanelOn input[name="subject"], input[name="evtitle"], input[name="secret_question"], 
.leftpanelOn #edit_poll fieldset input, 
.leftpanelOn select[name="targetboard"],
.rightpanelOn input[name="subject"], input[name="evtitle"], input[name="secret_question"], 
.rightpanelOn #edit_poll fieldset input, 
.rightpanelOn select[name="targetboard"] 
{
	width:90%;
}	
.lrON td.blocks select, .leftpanelOn td.blocks select, .rightpanelOn td.blocks select
{
	width:70%;
}		
.lrs.tp_responsive #mainContainer
{
	display: table;
	width:100%; /* can be changed but not deleted
    it must have a width in px or % because of display table */
}	
.lrs.tp_responsive #centerContainer
{
	display: table-caption;	
}		 			
.tp_responsive.leftpanelOn  #tpleftbarContainer,	
.tp_responsive.rightpanelOn #tprightbarContainer
{
	display: table-footer-group;
}	
.tp_responsive.leftpanelOn  #tpleftbarContainer,	
.tp_responsive.rightpanelOn #tprightbarContainer
{
	width: 100%!important;
	float:none!important;
}
.tp_responsive.leftpanelOn #tpleftbarContainer #tpleftbarHeader,
.tp_responsive.rightpanelOn #tprightbarContainer #tprightbarHeader
{
	padding: 0px;
	margin: 0px;
}		
}