.mobile_on
{
	visibility: hidden;
}
.button
{
	margin-bottom: 3px !important;
}
a > .bd-icon, a:hover > .bd-icon
{
	font-size: 40px;
	color: #333;
	text-decoration: none;
}

.horizontal-menu li a.active
{
	color: #1ba1e2 !important;
	font-weight: bold !important;
}
.avatar-r img
{
	float: left;
	border-radius: 100%;
	width: 18%;
	height: 18%;
	margin: -3px 10px 5px;
}
h4.member-r
{
	font-size: 12pt;
	margin: 5px 0 4px 10px;
	line-height: 8px;
}
span.group-r
{
	font-size: 10pt;
	margin: 2px 0 0 10px;
	line-height: 15px;
	background: url(../images/md/posterarrow.png) left center no-repeat;
	padding-left: 20px;
	float: left;
}
span.user_status-r
{
	margin: 0 0 0 10px;
}

/** Responsive design **/
@media (min-width: 768px) and (max-width: 1024px)
{
	table.table_list tbody.content td.stats
	{
		display: none;
	}
	table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
	{
		width: 35% !important;
	}
	#mlist table thead tr th:nth-last-child(1), #mlist table tbody tr td:nth-last-child(1), #mlist table tbody tr td:nth-last-child(2)
	{
		display: none;
	}
}

@media (max-width: 768px)
{
	table.table_list tbody.content td.stats, table.table_list tbody.content td.lastpost
	{
		display: none;
	}
	#basicinfo, #detailedinfo, .modblock_left, .modblock_right, #live_news, #supportVersionsTable
	{
		width: 100% !important;
		float: none !important;
		margin: 0 0 3px !important;
	}
	.postarea, .moderatorbar
	{
		width: 100% !important;
		margin: 0 !important;
	}
	.poster
	{
		float: none !important;
		width: 100% !important;
		height: 100px;
	}
	#mlist table tbody tr td:nth-child(3), #mlist table tbody tr td:nth-child(4), #mlist table tbody tr td:nth-child(5), #mlist table tbody tr td:nth-child(6), #mlist table tbody tr td:nth-child(7), #mlist table tbody tr td:nth-child(8), #mlist table tbody tr td:nth-child(10), #mlist table thead tr th:nth-child(3), #mlist table thead tr th:nth-child(4), #mlist table thead tr th:nth-child(5), #mlist table thead tr th:nth-child(6), #mlist table thead tr th:nth-child(7), #mlist table thead tr th:nth-child(8), #mlist table thead tr th:nth-child(10), #mlist table thead tr th:nth-last-child(1), #mlist table tbody tr td:nth-last-child(1), #mlist table tbody tr td:nth-last-child(2)
	{
		display: none;
	}
	dd, dt
	{
		width: 100% !important;
		overflow: hidden !important;
		text-align: left !important;
	}
	.inner
	{
		padding: 1em .5em 2px .5em !important;
		margin: 0 !important;
	}
	.signature, .attachments
	{
		width: 100% !important;
		margin: 1em 0 0 !important;
		padding: 1em 1em 3px !important;
	}
	.keyinfo
	{
		border-radius: 2px;
		background-color: rgba(153,153,153,0.1);
		padding: 3px 2px;
	}
	#menutop, .topnav
	{
		float: none !important;
		height: auto !important;
		width: 100% !important;
		clear: both;
		z-index: 100000 !important;
	}
	.topnav li, .nav_bar_guts { 
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		display: block !important;
	}
	.topnav li, .topnav li a, .topnav li li, .topnav li li a
	{
		height: auto !important;
		border-bottom: 1px solid rgba(0,0,0,0.1) !important;
		z-index: 100000 !important;
	}
	.topnav li a, .topnav li li a { 
		float: none !important;
		margin: 0 0 -1px !important;
		padding: 5px 20px !important;
		top: 0 !important;
		width: 100% !important;
		z-index: 100000 !important;
	}
	.topnav li ul
	{
		border-radius: 0 !important;
		margin-bottom: -1px !important;
	}
	.buttonlist ul li a span
	{
		height: auto !important;
	}
	#quick_tasks li
	{
		height: 5em !important;
		padding: 0 !important;
	}
	#main_admsection #basicinfo h4
	{
		width: 100% !important;
	}
	#left_admsection
	{
		margin: 0 0 8px !important;
		padding: 0 0 5px !important;
		border-bottom: 3px solid #dbe4ef;
		float: none !important;
		width: 100% !important;
	}
}

@media (max-width: 640px)
{
	.iclinks li
	{
		float: none !important;
		font-size: 11px !important;
	}
	ul.links li
	{
		width: 100% !important;
		float: none !important;
		display: block !important;
		padding: 1px 0 !important;
	}
	ul.footer
	{
		float: none !important;
		text-align: center !important;
		margin-top: 20px !important;
	}
	.nav_bar_inner, #wrapper, .top_bar_inner, .headerm_inner
	{
		width: 100% !important;
	}
	.headerm, .headerm_inner
	{
		height: auto !important;
	}
	.logo_banner
	{
    	text-align: center !important;
		max-width: 640px !important;
	}
	.logo_banner a > img
	{
		max-width: 90%;
	}
	.quick_search_holder, #search_form
	{
		text-align: center !important;
		margin: 0 auto !important;
		float: none !important;
	}
	.dropmenu li
	{
		width: 100% !important;
		text-align: center !important;
	}
	.dropmenu li li, .dropmenu li li li
	{
		width: 100% !important;
		text-align: left !important;
	}
	.dropmenu li ul
	{
		width: 80% !important;
		margin-left: 15% !important;
	}
	.dropmenu li ul ul, .dropmenu li.sfhover ul ul
	{
    	margin: 3px 0 0 50px !important;
	}
	#quick_tasks li
	{
		height: auto !important;
		padding: 0 !important;
		width: 100% !important;
		float: none !important;
	}
	.home_image
	{
		clear: both;
	}
}

@media (max-width: 480px)
{
	table.table_list tbody.content td.icon, table.table_list a.unreadlink, table.table_list a.collapse
	{
		display: none;
	}
	.mobile_on
	{
		visibility: visible;
	}
	.date_post span
	{
		float: none !important;
		clear: both;
	}
	.boards_frame
	{
		padding: 0 !important;
		border-color: transparent rgba(0, 85, 128, 0.6) rgba(123, 148, 164, 0.5);
		border-width: 0 1px 2px;
		border-style: solid;
	}
	h4.member-r
	{
		font-size: 10pt;
	}
	span.group-r
	{
		font-size: 8pt;
	}
	span.topbar_time
	{
		font-size: 8px;
	}
}