/*
 * add/edit rules here to style the side boxes
 */

/** Main Wrapper **/
div.asb-sidebox-container {
	width: 100%;

	padding: 0px; 
	margin: 0px;

	font-size: 0;
	text-align: left;
	clear: both;
}

/** Toggle Icons Start **/

#asb_left_open,
#asb_right_close {
	position: relative;
	top: 13px;
	left: 10px;
}

#asb_left_close,
#asb_right_open {
	position: relative;
	top: 13px;
	left: 3px;
}

span.asb-sidebox-toggle-column {
	position: absolute;
}

span.asb-sidebox-toggle-column-left {
	margin-left: -17px;
}

span.asb-sidebox-toggle-column-right {
}

/** Toggle Icons End **/

/** Columns Start **/

	/**
	Important - column width and margin is controlled in the Manage Scripts page.
	Adjusting column width or margin can break HTML output!
	**/

div.asb-sidebox-column {
	display: inline-block;

	vertical-align: top;
	text-align: left;
}

div.asb-sidebox-column-left {
}

div.asb-sidebox-column-middle {
}

div.asb-sidebox-column-middle > * {
	/** Important - restores font size, adjust if necessary **/
	font-size: 14px;
}

div.asb-sidebox-column-middle > table.tborder,
div.asb-sidebox-column-middle > div.tborder {
	/** Important - keeps middle content fluid **/
	width: 100%;

	/** Important - removes any space above middle content **/
	margin-top: 0px!important;
}

div.asb-sidebox-column-right {
	/** Fix for "mystery pixels" **/
	margin-left: -4px;
}

div.asb-sidebox-column-left,
div.asb-sidebox-column-right {
}

/** Columns End **/

/** Side Boxes Start **/

div.asb-wrapped-sidebox {
	font-size: 14px;
	word-wrap: break-word;
	box-shadow: 0 4px 5px -3px rgba(85,85,85,0.9);
	margin-bottom: 10px;
}

/** Side Boxes End **/

/** Modules Start **/

	/** Birthdays Start **/

div.asb-birthdays-header {
}

div.asb-birthdays-today-header {
}

div.asb-birthdays-upcoming-header {
}

div.asb-birthdays-no-birthdays {
}

div.asb-birthdays-user-avatar {
	display: inline-block;
	vertical-align: middle;

	width: 20%;
	padding-bottom: 20%;

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}

div.asb-birthdays-user-row > span {
	display: inline-block;
	vertical-align: middle;

	font-weight: bold;
}

/** Birthdays End **/

	/** Forum Age Start **/

div.asb-forum-age-header {
}

div.asb-forum-age-footer {
}

span.asb-forum-age-text {
	font-weight: bold;
	font-size: 1.2em;
	color: #444444;
}

/** Forum Age End **/

	/** Goals Start **/

div.asb-goals-progress-container {
	text-align: center;
}

div.asb-goals-progress-footer {
	text-align: center;
}

div.asb-goals-goal-reached-message {
	font-size: 1.6em;
	color: navy;
}

span.asb-goals-progress-message {
	font-size: 1.4em;
	color: green;
}

div.asb-goals-progress-indicator {
	width: 95%;
	height: 20px;

	margin: 2px auto;
	border: 2px outset grey;

	background-color: white;
}

div.asb-goals-progress-indicator-completed {
	background: blue;
	height: 20px;
}

img.asb-goals-success-image {
}

/** Goals End **/

	/** Latest Threads Start **/

div.asb-latest-threads-thread {
}

span.asb-latestest-threads-thread-title {
	font-weight: 600;
}

div.asb-latest-threads-container {
	font-size: 0;
}

div.asb-latest-threads-title-container {
	display: inline-block;
	vertical-align: top;

	width: 60%;

	font-size: 14px;

	margin-left: 2%;
	margin-right: 2%;
}

div.asb-latest-threads-last-post-container {
	display: inline-block;

	width: 20%;
}

div.asb-latest-threads-last-post-container a {
	font-size: 12px;
	font-weight: bold;
}

a.asb-latest-threads-thread-gotounread {
}

a.latest-threads-last-post-link {
}

a.asb-latest-threads-last-poster-avatar {
	display: inline-block;

	width: 15%;
	padding-bottom: 15%;

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;

	border-radius: 50%;
	border: 1px solid lightgrey;
}

/** Latest Threads End **/

	/** Private Messages Start **/

div.asb-private-messages-container {
}

div.asb-private-messages-overview {
	text-align: center;

	padding: 2.5%;
}

div.asb-private-messages-links {
}

div.asb-private-messages-links a,
div.asb-private-messages-links a:hover {
	text-decoration: none;
	font-weight: bold;
}

/** Privates Messages End **/

	/** Random Quotes Start **/

div.asb-random-quote-header {
}

div.asb-random-quote-user-info {
}

img.asb-random-quote-user-avatar {
	padding: 4px;
	width: 15%;
	vertical-align: middle;
	max-height: 30px;
}

a.asb-random-quote-user-link {
	vertical-align: middle;
}

div.asb-random-quote-message {
}

div.asb-random-quote-footer {
	text-align: center;
}

a.asb-random-quote-thread_title_link {
}

a.asb-random-quote-thread_title_link span {
	font-weight: bold;
}

/** Random Quotes End **/

	/** Recent Posts Start **/

div.asb-recent-posts-title {
	clear: both;

	text-align: center;
}

div.asb-recent-posts-excerpt {
	padding: 2.5%;
}

div.asb-recent-posts-author {
	text-align: right;
}

div.asb-recent-posts-author span {
	padding-right: 2.5%;
}

/** Recent Posts End **/

	/** Search Start **/

div.asb-search-container {
}

input.asb-search-keywords {
	width: 80%;
}

input.asb-search-go-button {
	width: 13%;
}

div.asb-search-advanced {
	text-align: center;
	font-weight: bold;
}

div.asb-search-advanced > span > a,
div.asb-search-advanced > span > a:hover {
	text-decoration: none;
}

/** Search End **/

	/** Slideshow Start **/

div.asb-slideshow-container {
	text-align: center;
}

div.tfoot asb-slideshow-footer {
	text-align: center;
}

div.asb-slideshow-image-container {
	position: relative;
}

div.asb-slideshow-image {
	position: absolute;

	top: 0px;
	left: 0px;

	width: 100%;
	height: 100%;

	background-color: transparent;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

div.asb-slideshow-image-one {
}

div.asb-slideshow-image-two {
	z-index: 99;
}

/** Slideshow End **/

	/** Staff Online Start **/

div.asb-staff-online-row {
	width: 100%;

	font-size: 0;
	padding: 0px;
	margin: 0px;
}

a.asb-staff-online-avatar,
div.asb-staff-online-username,
div.asb-staff-online-badge {
	text-align: center;
}

a.asb-staff-online-avatar,
div.asb-staff-online-user-container {
	font-size: 14px;

	display: inline-block;
}

a.asb-staff-online-avatar {
	width: 19%;
	padding-bottom: 19%;
}

div.asb-staff-online-user-container {
	width: 79%;

	vertical-align: top;
}

div.asb-staff-online-username {
	width: 100%;

	margin-top: 2%;
}

div.asb-staff-online-badge {
	width: 100%;
}

div.asb-staff-online-badge > img {
	width: 60%;
}

/** Staff Online End **/

	/** Statistics Start **/

div.asb-statistics-container {
}

ul.asb-statistics-list li {
	list-style: none;
}

div.asb-statistics-full-link {
	text-align: center;
}

div.asb-statistics-full-link a {
	font-weight: bold;
}

div.asb-statistics-full-link a,
div.asb-statistics-full-link a:hover {
	text-decoration: none;
}

/** Statistics End **/

	/** Top Poster Start **/

div.asb-top-poster-description {
	font-size: .8em;
	text-align: center;
}

div.asb-top-poster-posters {
	padding: 0px;
}

div.asb-top-poster-posters-single {
	text-align: center;
}

div.asb-top-poster-poster-text,
div.asb-top-poster-poster-avatar {
	display: inline-block;
}

div.asb-top-poster-poster-avatar {
	width: 14%;

	padding-top: 0px;
	padding-bottom: 0px;
}

div.asb-top-poster-poster-text {
	width: 84%;
	font-size: 1em;

	padding-top: 0px;
	padding-bottom: 0px;
}

div.asb-top-poster-avatar {
	width: 90%;

	padding-bottom: 90%;
}

div.asb-top-poster-avatar-single {
	width: 80%;

	padding-bottom: 80%;
	margin: 2.5% auto;
}

div.asb-top-poster-avatar,
div.asb-top-poster-avatar-single {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}

/** Top Poster End **/

	/** Welcome Start **/

div.asb-welcome-info {
}

ul.asb-welcome-info-list li {
	list-style: none;
}

div.asb-welcome-links {
	text-align: center;

	clear: both;
}

div.asb-welcome-links > a {
	font-weight: bold;
}

div.asb-welcome-links > a,
div.asb-welcome-links > a:hover {
	text-decoration: none;
}

div.asb-welcome-user-avatar {
	width: 20%;
	/* padding-bottom: 20%; */
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 5%;
	display: inline-block;
	float: right;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}

div.asb-welcome-registration-form-container {
}

div.asb-welcome-registration-message {
}

/** Welcome End **/

	/** Who's Online Start **/

div.asb-whosonline-container {
}

div.asb-whosonline-info {
}

div.asb-whosonline-users {
}

div.asb-whosonline-users.asb-whosonline-users-avatars-container {
	/** Important - will break user avatar layout if removed/changed **/
	font-size: 0;
}

div.asb-whosonline-users.asb-whosonline-users-links-container {
}

a.asb-whosonline-avatar-link {
	display: inline-block;
	overflow: hidden;

	padding: 0px;

	background-color: transparent;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

	/** uncomment for round avatars
	border-radius: 50%;
	**/
}

a.asb-whosonline-see-all-link {
}

/** Who's Online End **/

/** Modules End **/

/** Responsive Adjustments **/

@media print,screen and (min-width:64em){
}

@media screen and (max-width:63.9375em) {
	div.asb-sidebox-container {
		text-align: center;
}

div.asb-sidebox-column-middle > table.tborder,
	div.asb-sidebox-column-middle > div.tborder,
	div.asb-sidebox-column {
		display: block;
		width: 90vw!important;
		margin: 0px;
}

div.asb-sidebox-column-middle {
		margin-left: 0px;
		margin-right: 0px;
}

span.asb-sidebox-toggle-column {
		display: none;
}


}

@media screen and (max-width:39.9375em) {
}

div.asb-sidebox-column-middle {
    width: 78.5% !important;
    margin-left: 0% !important;
    margin-right: 1.5% !important;
}

div.asb-wrapped-sidebox {
    margin-bottom: 20px;
}