/*
 * cBB Blockgets (common stylesheet)
 * Copyright (c) 2017, CaniDev
 * license http://opensource.org/licenses/gpl-license.php GNU Public License
 */

/* Component containers
----------------------------------*/
.blg-widget { font-size: 11px; }

.blg-widget-header {
	background: #5c9ccc;
	border: 1px solid #4297d7;
	color: #ffffff;
	padding: 2px 2px 4px 2px;
}

.disabled .blg-widget-header, .blg-widget-header.disabled {
	background: #ccc;
	border-color: #ccc;
}

.blg-message {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 5px;
	padding: 8px 6px;
	text-align: center;
}

.blg-message p { font-size: 1em; }

.blg-float-message {
	left: 10px;
	position: fixed;
	right: 10px;
	text-align: center;
	top: 26px;
	z-index: 9999;
}

.blg-float-message .blg-message {
	display: inline-block;
	padding: 8px 16px;

	-webkit-box-shadow: 0 0 15px #000000;
	-moz-box-shadow: 0 0 15px #000000;
	box-shadow: 0 0 15px #000000; 
}

.blg-table {
	border-collapse: separate;
    border-spacing: 1px;
	width: 100%;
}

/* States
----------------------------------*/
.blg-state-default {
	background: #dfeffc;
	border: 1px solid #c5dbec;
	color: #2e6e9e;
	font-weight: bold;
}

.blg-state-default a, .blg-state-default a:link, .blg-state-default a:visited {
	color: #2e6e9e;
	text-decoration: none;
}

.blg-state-hover, .blg-state-focus {
	background: #d0e5f5;
	border: 1px solid #79b7e7;
	color: #1d5987;
	font-weight: bold;
}

.blg-state-hover a, .blg-state-hover a:hover {
	color: #1d5987;
	text-decoration: none;
}

.blg-state-active {
	background: #f5f8f9;
	border: 1px solid #79b7e7;
	color: #e17009;
	font-weight: bold;
}

.blg-state-active a, .blg-state-active a:link, .blg-state-active a:visited {
	color: #e17009;
	text-decoration: none;
}

.blg-state-highlight {
	background: #fbec88;
	border: 1px solid #fad42e;
	color: #363636;
}

.blg-state-highlight a { color: #363636; }

.blg-state-error, .blg-inputbox.blg-state-error {
	background: #FEF1EC;
	border: 1px solid #CD0A0A;
}

.blg-state-error, .blg-inputbox.blg-state-error, .blg-state-error-text {
	color: #CD0A0A;
}

.blg-state-error a { color: #000000; }

.blg-state-ok {
	background: #d9fdbe;
	border: 1px solid #72b42d;
	color: green;
}

.blg-state-disabled {
	background-image: none;
	cursor: default !important;
	filter: Alpha(Opacity=35);
	opacity: .35;
}

/* Icons and Images
----------------------------------*/
.block_title .blg-icon {
	font-size: 1.2em;
	margin:  0 5px;
}

.blg-image {
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: inline-block;
	max-width: 100%;
}

.blg-image.online-users-img {
	background-image: url('images/online_users.png');
	height: 50px;
	width: 62px;
}

.blg-image.last-online-img {
	background-image: url('images/last_online.png');
	height: 50px;
	width: 62px;
}

.blg-image.logo-img {
	background-image: url('images/cbb-blockgets-logo.png');
	height: 75px;
	width: 300px;
}

/* Misc visuals
----------------------------------*/
.blg-widget-overlay {
	background: #000000;
	bottom: 0;
	filter: Alpha(Opacity=50);
	height: 100%;
	left: 0;
	opacity: .5;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9990;
}

.blg-grid .blg-block {
    display: inline-block;
    vertical-align: top;
	box-sizing: border-box;
}

.grid-col-2 .blg-block, .hasleft.hasright .grid-col-3 .blg-block {
	margin-right: 0.4%;
    width: 49.2%;
}

.grid-col-3 .blg-block {
    width: 32.7%;
}

/* Buttons
----------------------------------*/
div.blg-button, a.blg-button, input.blg-button, button.blg-button {
	border: 1px solid #CCC;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font: normal normal normal 11px/14px 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 25px;
	margin: 0 2px;
	overflow: hidden;
	padding: 0 10px;
	text-decoration: none;
	vertical-align: middle;
}

div.blg-button, a.blg-button, input.blg-button, button.blg-button, button.blg-button:disabled {
	background: -moz-linear-gradient(top, #FFFFFF, #E0E1E4);
    background: -ms-linear-gradient(top, #FFFFFF, #E0E1E4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#E0E1E4));
    background: -o-linear-gradient(top, #FFFFFF, #E0E1E4);
    background: linear-gradient(to bottom, #fff, #E0E1E4);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#E0E1E4', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#E0E1E4', GradientType=0)";
}

a.blg-button {
	line-height: 23px;
	height: 23px;
	padding: 0 10px !important;
}

a.blg-button.small, input.blg-button.small, button.blg-button.small {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	height: auto;
	line-height: 20px;
    padding: 2px 8px;
}

.blg-button:hover {
	background: #FAFAFA;
	border-color: #CCC;
}

button.blg-button:disabled {
    cursor: default;
    color: #888;
    border-color: #ccc;
}

a.blg-button.default-action, input.blg-button.default-action, button.blg-button.default-action {
	background: #427fed;
	border-color: #427fed;
	color: #FFF;
}

.blg-button.default-action:hover {
	background: #2c56b1;
	border-color: #21448d;
}

.blg-button span {
	display: inline-block;
    vertical-align: middle;
}

.blg-button .color-preview {
	border: 1px solid #ccc;
	width: 12px;
    height: 12px;
    margin-top: -2px;
}


/* Corner radius
----------------------------------*/
.blg-corner-all, .blg-inputbox, .blg-button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.blg-group .blg-inputbox, .blg-group .blg-button {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

.blg-corner-top, .blg-corner-left, .blg-corner-tl,
.blg-group > :first-child {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.blg-corner-top, .blg-corner-right, .blg-corner-tr,
.blg-group > :last-child {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.blg-corner-bottom, .blg-corner-left, .blg-corner-bl,
.blg-group > :first-child {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.blg-corner-bottom, .blg-corner-right, .blg-corner-br,
.blg-group > :last-child {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Accordion
----------------------------------*/
.blg-accordion { width: 100%; }

.blg-accordion .blg-accordion-header {
	cursor: pointer;
	display: block;
	margin-top: 1px;
	padding: .5em .5em .5em .7em;
	position: relative;
}

.blg-accordion .blg-accordion-header-active {
	border-bottom: 0 !important;
}

.blg-accordion-icons .blg-accordion-header { padding-left: 24px; }

.blg-accordion .blg-accordion-header .blg-icon {
	left: .5em;
	margin-top: -9px;
	position: absolute;
	top: 50%;
}

.blg-accordion .blg-accordion-content {
	border-top: 0;
	line-height: 1.6em;
	margin: -2px 0 2px 0;
	overflow: hidden;
	padding: 3px;
	position: relative;
	top: 1px;
}

.blg-accordion .blg-accordion-icons 		{ padding-left: 2em; }
.blg-accordion .blg-accordion-noicons	{ padding-left: .7em; }
.blg-accordion .blg-accordion-content-active { display: block; }

.blg-accordion h5 {
	font-size: 11px;
	font-weight: bold;
	width: auto !important;
}

/* Tabs
----------------------------------*/
.blg-tabs {
	padding: .2em;
	position: relative;
}

.blg-tabs  .blg-tabs-nav {
	border: none;
	margin: 0;
	padding: .2em .3em 0;
}

.blg-tabs.rtl .blg-tabs-nav {
	text-align: right;
}

.blg-tabs .blg-tabs-nav li {
	border-bottom: 0;
	display: inline-block;
	font-size: 1em;
	list-style: none;
	margin-bottom: 0;
	margin-right: 2px;
	padding: 1px;
	position: relative;
	vertical-align: bottom;
	white-space: nowrap;
}

.blg-tabs .blg-tabs-nav li.tab-title {
	display: block;
	font-size: 1.2em;
	margin: 3px 5px;
}

.blg-tabs .blg-tabs-nav li a {
	float: left;
	padding: .3em .9em;
	text-decoration: none;
}

.blg-tabs .blg-tabs-nav li.blg-tabs-selected { padding: 3px 2px; }

.blg-tabs .blg-tabs-nav li.blg-tabs-selected a, .blg-tabs .blg-tabs-nav li.blg-state-disabled a,
.blg-tabs .blg-tabs-nav li.blg-state-processing a {
	cursor: text;
}

.blg-tabs .blg-tabs-nav li a, .blg-tabs.blg-tabs-collapsible .blg-tabs-nav li.blg-tabs-selected a { cursor: pointer; }

.blg-tabs .blg-tabs-panel {
	background: none;
	border-width: 0;
	display: block;
	padding: 6px 4px 4px 4px;
}

.blg-tabs .blg-tabs-hide { display: none !important; }

/* Progressbar
----------------------------------*/
.blg-progressbar {
	height: 14px;
	min-width: 2px;
	padding: 0;
	text-align: left;
}

.blg-progressbar .blg-progressbar-value {
	font-size: 0.9em;
	height: 100%;
	margin: 0 2px;
}

/* Slider
----------------------------------*/
.blg-slider {
	position: relative;
	text-align: left;
}

.blg-slider .blg-slider-handle {
	cursor: default;
	height: 1.2em;
	outline: none;
	padding: 0;
	position: absolute;
	width: 1.2em;
	z-index: 2;
}

.blg-slider-horizontal { height: .8em; }
.blg-slider-horizontal .blg-slider-handle { margin-left: -.6em; top: -.3em; }

/* Dialogs
----------------------------------*/
.blg-dialog {
	overflow: auto;
	padding: .2em;
	position: absolute;
	width: 300px;
	z-index: 9995;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.blg-dialog .blg-dialog-header {
	cursor: move;
	font-size: 1em;
	font-weight: bold;
	padding: 6px 8px;
	position: relative;
}

.blg-dialog.disabled .blg-dialog-header {
	cursor: default;
}

a.blg-dialog-close, button.blg-dialog-close {
	background: none;
	border: none;
	height: 18px;
	margin: -10px 0 0 0;
	padding: 0;
	position: absolute;
	right: .8em;
	text-decoration: none;
	top: 50%;
}

.blg-dialog .blg-dialog-content, .blg-dialog .dialog-text {
	font-size: 1em;
	overflow: auto;
	padding: .5em 1em;
	position: relative;
	
	box-sizing: border-box;
}

.blg-dialog .dialog-text { max-height: 600px; }

.blg-dialog .blg-dialog-buttons {
	border-top: 1px solid #F3F3F3;
	margin: 10px 0 5px 0;
	padding-top: 8px;
	text-align: center;
}

.blg-dialog .blg-dialog-buttons .blg-button { min-width: 45px; }

.blg-dialog-mask {
	background: rgba(90, 90, 90, 0.2);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.blg-modal-dialog {
	z-index: 9998;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: #fff;
	margin: 0;
    position: fixed;
	overflow: hidden;
	font-size: 12px;
}

.blg-modal-dialog h3 {
	border-bottom: none;
}

.blg-modal-dialog a.blg-dialog-close, .blg-modal-dialog button.blg-dialog-close {
	right: 1.2em;
}

.blg-modal-dialog .media-menu {
	border-style: solid;
	border-color: #ccc;
	border-width: 0 1px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
    z-index: 2;
	background: #f3f3f3;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
}

.blg-modal-dialog .media-menu a {
    display: block;
    position: relative;
    padding: 8px 20px;
    margin: 0;
	text-decoration: none;
    line-height: 18px;
    font-size: 14px;
}

.blg-modal-dialog .media-menu a .blg-icon { display: none; }

.blg-modal-dialog .media-menu a.active {
	background-color: #eaeaea;
}

.blg-modal-dialog .media-menu .separator {
	border: 1px solid #ddd;
	border-width: 1px 0 0 0;
    height: 0;
    margin: 12px 20px;
    padding: 0;
}

.blg-modal-dialog .media-sidebar {
    position: absolute;
    width: 267px;
    padding: 0 16px 24px;
    z-index: 1;
    border: 1px solid #ddd;
	border-width: 0 0 0 1px;
    overflow: auto;
	top: 0;
    bottom: 0;
    right: 0;
    background: #f3f3f3;
}

.blg-modal-dialog .media-frame-title {
    top: 0;
    height: 50px;
	right: 0;
}

.blg-modal-dialog .media-frame-title h1 {
    padding: 0 16px;
    font-size: 22px;
    line-height: 50px;
    margin: 5px 0 0;
	color: #000;
}

.blg-modal-dialog .media-frame-content {
    top: 60px;
    bottom: 61px;
    height: auto;
    width: auto;
    margin: 0;
    overflow: auto;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	right: 0;
}

.blg-modal-dialog .media-frame-toolbar {
    bottom: 0;
    height: 60px;
	right: 0;
	padding: 0 16px;
}

.blg-modal-dialog .media-frame-title,
.blg-modal-dialog .media-frame-content,
.blg-modal-dialog .media-frame-toolbar {
	position: absolute;
	left: 200px;
	z-index: 1;
}

.blg-modal-dialog.editor .media-frame-title,
.blg-modal-dialog.editor .media-frame-content,
.blg-modal-dialog.editor .media-frame-toolbar {
	left: 0;
}

.blg-modal-dialog .media-section-content {
	bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 300px;
}

.blg-modal-dialog.editor .media-section-content {
    left: 10px;
    bottom: 10px;
    right: 310px;
    top: 10px;
}

.blg-modal-dialog .editor-title {
	width: 50%;
    line-height: 24px;
    font-size: 1.2em;
    padding: 2px 10px;
}

.blg-modal-dialog .editor-container {
	position: absolute;
    bottom: 0;
    top: 50px;
    right: 0;
    left: 0;
}

.blg-modal-dialog .sidebar-box {
	margin-bottom: 20px;
}

.blg-modal-dialog .sidebar-box.smileys {
	max-height: 55%;
    overflow: auto;
}

.blg-modal-dialog .sidebar-box.smileys a {
	display: inline-block;
	margin: 5px;
}

.blg-modal-dialog .attachments, .blg-modal-dialog .upload-ui, .blg-modal-dialog .media-embed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
}

.blg-modal-dialog .attachments {
	left: 5px;
	list-style-type: none;
	margin: 0;
	padding: 0;
    top: 5px;
    overflow: auto;
    outline: 0;
}

.blg-modal-dialog .attachment {
    position: relative;
    float: left;
    padding: 0;
    margin: 8px;
    color: #464646;
    cursor: pointer;
    text-align: center;
    user-select: none;
	width: 14%;
	outline: none;
}

.blg-modal-dialog .attachment.iconic {
	width: 10%;
}

.blg-modal-dialog .attachment-preview {
	position: relative;
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
    box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
    background: #eee;
    cursor: pointer;
	overflow: hidden;
}

.blg-modal-dialog .attachment-preview:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.blg-modal-dialog .attachment-preview .thumbnail {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	text-align: left;
	transform: translate(50%,50%);
}

.blg-modal-dialog .attachment-preview .thumbnail img {
    max-height: 100%;
	margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(-50%,-50%);
}

.blg-modal-dialog .iconic .attachment-preview .thumbnail span {
    transform: translate(-50%,-50%);
    text-align: center;
    display: block;
    margin: auto;
}

.blg-modal-dialog .attachment .check {
    display: none;
    height: 26px;
    width: 26px;
    padding: 0;
    position: absolute;
    z-index: 10;
    top: -8px;
    right: -8px;
    outline: 0;
    background: #ccc;
    border-radius: 50%;
    font-size: 11px;
    border: 2px solid #fff;
}

.blg-modal-dialog .attachment.selected .check {
	display: block;
}

.blg-modal-dialog .attachment.active .check {
	background: #64ca3b;
}

.blg-modal-dialog .media-toolbar-primary {
    float: right;
    height: 100%;
	padding-top: 15px;
}

.blg-modal-dialog .media-toolbar-secondary {
    float: left;
    height: 100%;
	padding-top: 15px;
}

.blg-modal-dialog .upload-ui.is-dragover {
	outline: 2px dashed #ccc;
    outline-offset: -8px;
}

.blg-modal-dialog .uploader-inline, .upload-drop-label {
	position: absolute;
    left: 0;
    right: 0;
	text-align: center;
}

.blg-modal-dialog .uploader-inline { top: 30%; }

.blg-modal-dialog .upload-drop-label {
	display: none;
	font-size: 20px;
	top: 40%;
}

.blg-modal-dialog .upload-ui.is-dragover .uploader-inline 		{ display: none; }
.blg-modal-dialog .upload-ui.is-dragover .upload-drop-label 	{ display: block; }

.blg-browser-button {
	position: relative;
    display: inline-block;
}

.blg-browser-button button {
	display: inline-block;
	position: relative;
    border: 1px solid #ccc;
    padding: 10px 14px;
    border-radius: 4px;
	background: #FFF;
	text-decoration: none;
	cursor: pointer;
	z-index: 1;
}

.blg-browser-button input[type=file] {
	position: absolute;
	left: 0;
    top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 0;
}

.blg-browser-button:hover {
	border-color: #999;
	color: #222;
}

.blg-modal-dialog .upload-ui p 	{ margin-top: 15px; }
.blg-modal-dialog .upload-ui h3 	{ margin-top: 5px; }

.blg-modal-dialog .upload-ui .max-upload-size {
	font-size: 0.85em;
}

.blg-modal-dialog .upload-inline-status {
	margin: 30% auto 0 auto;
	width: 50%;
}

.blg-modal-dialog .media-sidebar h3 {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
    margin: 14px 0 5px 0;
}

.blg-modal-dialog .media-sidebar .thumbnail {
	max-width: 70%;
    margin: 10px auto;
    text-align: center;
}

.blg-modal-dialog .media-sidebar .thumbnail img {
	max-width: 100%;
	height: auto;
}

.blg-modal-dialog .media-sidebar .iconic .thumbnail span {
	display: inline-block;
	font-size: 50px;
	margin-top: 25px;
}

.blg-modal-dialog .attachment-info {
    overflow: hidden;
    min-height: 60px;
    line-height: 18px;
    color: #666;
    border-bottom: 1px solid #ddd;
    padding-bottom: 11px;
}

.blg-modal-dialog .iconic .attachment-info {
	border-bottom: none;
}

.blg-modal-dialog .attachment-details .setting {
    display: block;
    width: 100%;
    margin: 1px 0;
}

.blg-modal-dialog .attachment-details .setting .name {
    max-width: 100%;
    display: block;
    min-height: 22px;
    padding-top: 8px;
    line-height: 16px;
    font-weight: 400;
    color: #666;
    margin-right: 4%;
    font-size: 12px;
    word-wrap: break-word;
}

.blg-modal-dialog .attachment-details .setting input, .attachment-details .setting textarea {
    width: 100%;
	background-color: #eee;
	font-family: "Open Sans",sans-serif;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
	padding: 6px 8px;
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.blg-modal-dialog .attachment-details .blg-button {
    display: block;
    margin: 10px auto 0 auto;
}

.blg-modal-dialog .media-embed {
	padding: 10px;
}

.blg-modal-dialog .media-embed .embed-url {
	display: block;
	position: relative;
	margin-top: 15px;
}

.blg-modal-dialog .media-embed .embed-url input {
	font-size: 12px;
	padding: 10px 30px 10px 10px;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	background: #fff;
	box-sizing: border-box;
}

.blg-modal-dialog .media-embed .embed-url .spinner {
	margin: 0;
	min-height: 16px;
    position: absolute;
    top: 10px;
    right: 15px;
}

.blg-modal-dialog .media-embed-submit {
	text-align: center;
}

.blg-modal-dialog .media-embed-submit > label {
	display: block;
    margin: 20px 0;
}

/* ProgressBar
----------------------------------*/
.blg-progress-bar {
	background: #e8e8e8;
    width: 100%;
    height: 15px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.blg-progress-bar .inner {
	position: absolute;
    left: 0;
    width: 0;
    background: #2BA4DB;
    box-sizing: border-box;
    z-index: 1;
    height: 100%;
}

/* jQuery UI Selectable
----------------------------------*/
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000000;
}

.ui-sortable-placeholder {
	border: 1px dotted gray !important;
	background: white !important;
	height: 0;
	visibility: visible !important;
}

.ui-sortable-placeholder * { visibility: hidden; }

/* Gallery */
.attachment.ui-sortable-placeholder {
	border: none !important;
	outline-color: gray;
    outline-offset: -1px;
    outline-style: dotted;
    outline-width: 1px;
}

/* Lists
----------------------------------*/
ul.blg-linear-list {
	display: block;
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
}

.blg-linear-list li {
	display: block;
	margin: 2px 0;
}

.blg-linear-list li.double-space {
	margin: 12px 0;
}

.blg-linear-list li.subchild { padding-left: 8px; }
.blg-linear-list img { vertical-align: middle; }

.blg-linear-list .bordered, .blg-linear-list .top-bordered {
	border-top: 1px solid #CCC;
	padding-top: 5px;
}

.blg-linear-list .bordered, .blg-linear-list .bottom-bordered  {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
}

.blg-linear-list li:first-child {
	border-top: none;
	margin-top: 2px;
}

.blg-linear-list li:last-child { border-bottom: none; }

.menu-cat {
	color: #484C92;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

/* General Style
----------------------------------*/
.no-wrap { white-space: nowrap; }

.blg-align-center			{ text-align: center; }
.blg-align-left				{ text-align: left; }
.blg-align-left.floated		{ float: left; }
.blg-align-right			{ text-align: right; }
.blg-align-right.floated	{ float: right; }
.blg-align-top				{ vertical-align: top; }

.blg-area {
	margin-top: 5px;
	position: relative;
}

.blg-area:after {
	content: "";
	clear: both;
	display: block;
}

.blg-area-wrapper {
	float: left;
	width: 100%;
}

#blg-column-left, #blg-column-center, #blg-column-right {
	box-sizing: border-box;
}

#blg-column-left {
	float: left;
    margin-left: -100%;
}

#blg-column-right {
	float: right;
	margin-left: -100%;
}

.blg-block p {
	font-size: 1em;
	margin: 0;
}

.block-postbody {
	font-size: 1.1em;
	line-height: 1.5em;
}

.block-postbody ul, .block-postbody ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

.blg-block.style-content_full, .blg-block.style-content_simple { background: none; }

.blg-block.style-content_full .block_title {
	background: none;
	border-bottom: 1px solid #CCC;
	margin-bottom: 4px;
	font-weight: bold;
	padding: 2px 0 4px 0;
}

.blg-block.style-content_simple { padding: 0; }

.blg-block.style-content_simple .block_title {
	display: none;
}

.blg-block.style-alternative .block-content,
.blg-block.style-content_full .block-content, .blg-block.style-content_simple .block-content {
	background: none;
	border: none;
}

.blg-background {
	background: transparent none 50% 50% repeat;
	background-attachment: fixed;
}

.b-side {
	float: right;
	font-size: 1.1em;
}

.b-side .blg-icon:before 			{ content: '\f0aa'; }
.b-side.collapsed .blg-icon:before 	{ content: '\f0ab'; }

.blg-loading {
	background: transparent url('images/loading.gif') 50% 50% no-repeat;
	display: block;
	margin: 5px;
	min-height: 50px;
	min-width: 16px;
}

.blg-loading-big {
	background: transparent url('images/progress.gif') 50% 45% no-repeat;
	min-height: 32px;
	min-width: 32px;
}

.blg-float-message .blg-loading {
	min-height: 16px;
	width: 25px;
}

.blg-user-avatar img, .user-avatar-default {
	border-radius: 50%;
}

.blg-user-avatar.adjusted img {
	max-width: 70%;
	height: auto;
	width: 80px;
}

.user-avatar-default {
	background: transparent url('images/no_avatar.png') 50% 50% no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	
	height: 80px;
	width: 80px;
}

.userrow {
	line-height: 17px;
	text-align: left;
}

.blg-readmore-link {
	font-style: italic;
	white-space: nowrap;
}

.blg-text-overflowed {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

label.full-label {
	display: block;
	padding: 5px;
}

/* Admin Bar
------------------------------- */
.blg-admin-bar, a.blg-admin-opener {
	background: #fff;
	border: 1px solid #ccc;
}

.blg-admin-bar {
	border-width: 0 0 1px 0;
    left: 0;
    height: 40px;
	opacity: .4;
	position: fixed;
    right: 0;
    top: -41px;
    z-index: 998;
}

a.blg-admin-opener {
    bottom: -21px;
    height: 19px;
	position: absolute;
    right: 49%;
    width: 40px;
    z-index: 999;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    line-height: 10px;
    border-top-color: #fff;
	
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.blg-admin-bar ul {
    list-style-type: none;
    margin: 7px;
}

.blg-admin-bar ul li { display: inline-block; }

/* Inputs
------------------------------- */
.blg-inputbox {
	border: 1px solid #B2B2B2;
	font-size: 11px;
	line-height: normal;
	max-width: 100%;
	padding: 5px;
	vertical-align: middle;
}

input.blg-inputbox, textarea.blg-inputbox {
	cursor: text;
	max-width: 100%;
	box-sizing: border-box;
}

.blg-group .blg-inputbox, .blg-group .blg-button {
	float: left;
    margin: 0 -1px 0 0;
	line-height: 12px;
}

.blg-group .blg-button	{
	line-height: 22px;
	outline: none;
}

.blg-group:after {
    content: "";
    clear: both;
    display: block;
}

.blg-group > :last-child	{ margin-right: 0; }

/* Image Resize
----------------------------------*/
.resized {
	display: inline-block;
	position: relative;
}

.resized .rsz-button {
	background: url('images/fullsize32x32.png');
	bottom: 10px;
	display: block;
	height: 32px;
	position: absolute;
	right: 10px;
	width: 32px;
}

.resized .rsz-button.small {
	background: url('images/fullsize16x16.png');
	bottom: 5px;
	height: 16px;
	right: 5px;
	width: 16px;
}

.rsz-loading {
	border: 1px dotted #CCC;
	display: inline-block !important;
	height: 50px;
	width: 50px;
}

#rsz-fullsize {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 9996;
}

#rsz-fullsize .rsz-close {
	background: url('images/close.png');
	display: none;
	height: 30px;
	position: absolute;
	right: -12px;
	top: -12px;
	width: 30px;
	z-index: 9999;
}

#rsz-fullsize .rsz-img {
	background: #FFFFFF;
	padding: 0;
	position: absolute;
	z-index: 9998;
}

#rsz-overlay { z-index: 9997; }

/* Layout helpers
----------------------------------*/
.blg-helper-hidden, .blg-helper-content-hidden * { display: none!important; }

.blg-helper-overflow {
	overflow: hidden;
	position: relative;
}

.blg-helper-text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 98%;
}

.blg-helper-autoheight, body.blg-helper-autoheight { height: auto !important; margin-bottom: 0; }

.blg-helper-noscroll {
	margin-right: 17px;
	overflow: hidden;
}

.blg-helper-wait, .blg-helper-wait *		{ cursor: progress!important; }

/* Banners block
----------------------------------*/
.blg-banners img, .mini-banner img {
	max-height: 200px;
}

.mini-banner {
	display: block;
	text-align: center;
	white-space: nowrap;
}

.mini-banner.left {
	display: inline-block;
	margin-left: 20px;
}

.mini-banner.up { margin-bottom: 10px; }

/* Calendar
----------------------------------*/
.style-default .calendar_container, .style-alternative .calendar_container { margin: -3px; }
.calendar_container, .calendar tbody td { text-align: center; }

table.calendar {
	border-collapse: separate;
    border-spacing: 2px;
	width: 100%;
}

.calendar thead .blg-icon { display: inline-block; }
.calendar tbody td { width: 14%; }

.calendar .month-title, .calendar .cal-header {
	color: black;
	font-weight: bold;
	padding: 2px 0 5px 0;
}

.calendar a { text-decoration: none; }

.calendar tbody a {
	display: block;
	font-size: 0.9em;
	padding: 20px 6px;
	text-align: right;
}

.calendar.autofit tbody a { padding: 4px 1px; }

.calendar a.today { color: red; }

.calendar-month {
	display: block;
	margin: 0 1px 1px 0;
	padding: 2px;
	vertical-align: top;
}

.blg-calendar-info {
	position: absolute;
	padding: 10px;
	background: #fff;
	font-size: 12px;
	border: 1px solid #CCC;
	border-radius: 4px;
	width: 250px;
	visibility: hidden;
	z-index: 999;
}

.blg-calendar-info a[data-action="close"] {
	position: absolute;
    right: 10px;
	text-decoration: none;
    top: 6px;
}

.blg-calendar-info .info-content {
	min-height: 50px;
	margin: 5px 0 10px 0;
	max-height: 200px;
	overflow: auto;
}

.blg-calendar-info .prong {
	position: absolute;
    height: 9px;
    width: 18px;
    overflow: hidden;
}

.prong-dk, .prong-lt {
    position: absolute;
    left: 0;
    top: 0;
}

.prong-dk {
    border: 9px solid;
    border-color: #ccc rgba(0, 0, 0, 0);
}

.prong-lt {
    border: 8px solid;
    border-color: #fff rgba(0, 0, 0, 0);
    left: 1px;
}

.blg-calendar-info.up .prong 		{ bottom: -9px; }
.blg-calendar-info.down .prong 		{ top: -9px; }
.blg-calendar-info.down .prong-lt	{ top: 1px; }
.blg-calendar-info.up .prong-dk, .blg-calendar-info.up .prong-lt 		{ border-bottom-width: 0; }
.blg-calendar-info.down .prong-dk, .blg-calendar-info.down .prong-lt	{ border-top-width: 0; }

.blg-calendar {
    width: 100%;
    margin: 10px 0;
}

.blg-calendar th {
    padding: 4px;
    font-size: 1.1em;
	font-weight: bold;
}

.blg-calendar th .short-day { display: none; }

.blg-calendar td {
    border: 1px solid #ccc;
	height: 100px;
    padding: 4px;
	position: relative;
	width: 14%;
}

.blg-calendar-actionbar {
    margin: 20px;
}

.blg-calendar-actionbar .blg-group {
	display: inline-block;
    vertical-align: top;
}

.blg-calendar-title {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.blg-calendar-day, .blg-calendar-content {
	left: -1px;
	position: absolute;
	right: -1px;
}

.blg-calendar-day {
	line-height: 20px;
    padding: 0 5px;
	top: -1px;
	z-index: 2;
}

.blg-calendar-content {
	bottom: -1px;
	overflow: auto;
	padding: 0 4px;
	top: 20px;
}

.blg-calendar-event {
	background: #d7e7f5;
	cursor: pointer;
	font-size: 10px;
	margin-top: 5px;
	overflow: hidden;
	padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blg-calendar-event.blg-event-birthday {
	padding: 0 4px;
	background: #d6918c;
	overflow: initial;
    white-space: normal;
}

.blg-calendar td.today {
	background-color: #efefef;
}

.blg-calendar td.today .blg-calendar-day {
	border: 1px solid #999;
	border-bottom-width: 0;
	font-weight: bold;
}

.blg-calendar td.today .blg-calendar-content {
	border: 1px solid #999;
	border-top-width: 0;
}

a.blg-event-add {
	display: none;
    margin-top: 4px;
    text-decoration: none;
    font-size: 14px;
    color: #999;
}

a.blg-event-add:hover {
	color: #7175ff;
}

/* Contact block
----------------------------------*/
.contact-table { border-spacing: 6px; }
.shorted .contact-table .blg-inputbox { width: 100%; }

/* Counter block
----------------------------------*/
.counter-digits span {
	background:#FFFFFF url('images/counter-digits.gif') 0 0 no-repeat; 
	display: inline-block;
	height: 22px;
	width: 16px;
}

.counter-digits .digit-0 { background-position: -18px 0; }
.counter-digits .digit-1 { background-position: -36px 0; }
.counter-digits .digit-2 { background-position: -54px 0; }
.counter-digits .digit-3 { background-position: -72px 0; }
.counter-digits .digit-4 { background-position: -90px 0; }
.counter-digits .digit-5 { background-position: -108px 0; }
.counter-digits .digit-6 { background-position: -126px 0; }
.counter-digits .digit-7 { background-position: -144px 0; }
.counter-digits .digit-8 { background-position: -162px 0; }
.counter-digits .digit-9 { background-position: -180px 0; }

/* Dock Block
----------------------------------*/
.dock { position: relative; }

.dock-container {
	bottom: 1px;
	position: absolute;
	text-align: center; 
	width: 100%;
}

.dock-container a {
	color: #000;
	display: inline-block;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0;
	text-decoration: none;
}

/* Forums Block
--------------------------------- */
.fb-forum-list { min-width: 400px; }

/* Gallery block
----------------------------------*/
.gallery {
	overflow: hidden;
	position: relative;
}

.gallery img { display: none; }

/* Google translate block
----------------------------------*/
.google-translate { padding: 5px; }

.google-translate a {
	display: inline-block;
	background: transparent none 50% 50% no-repeat;
	border: 1px solid transparent;
	height: 20px;
	width: 20px;
}

.google-logo {
	float: right;
	vertical-align: middle;
	width: 48px;
}

/* LinkUs Block
----------------------------------*/
.linkus-textarea {
	overflow: hidden;
	width: 93%;
	height:	140px;
	border: 1px solid #999;
	padding: 5px;
	min-height: 1em;
}

.linkus-banner {
	clear: both;
	padding: 10px 0;
}

/* Marquee block
----------------------------------*/
.marquee { display: none; }


/* News block
----------------------------------*/
.news-content { margin: 5px; }

/* Poll block
----------------------------------*/
.blg-poll-table dl {
    display: block;
	margin: 5px 0;
}

.blg-poll-table dt, .blg-poll-table dd {
    display: inline-block;
}

.blg-poll-table dt	{ width: 40%; }
.blg-poll-table dd	{ width: 19%; }
.blg-poll-table dd.blg-progress { width: 39%; }

.shorted .blg-poll-table dl {
	margin: 10px 0;
}

.shorted .blg-poll-table dt, .shorted .blg-poll-table dd {
    display: block;
    margin: 5px 0;
    width: auto;
}

/* Player block
----------------------------------*/
.player-window 		{ padding: 10px; }
.player-container 	{ min-width: 170px; }
.player-wrap, .player-statusbar, .player-newwin-message { position: relative; }

.player-wrap, .player-list-wrap, .player-newwin-message {
	display: none;
	clear: both;
}

.player-statusbar {
	height: 16px;
	overflow: hidden;
	padding: 2px 0 0 2px;
}

.player-statusbar span {
	display: block;
	left: 0;
	position: absolute;
	top: 1px;
	white-space: nowrap;
}

.player-buttons {
	height: 30px;
	margin: 5px 0 10px 0;
}

.player-buttons > a {
	float: left;
	margin: 3px 0 0 4px;
	padding: 1px 2px;
	width: 18px;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}

.player-volume {
	float: left;
	margin: 8px 0 0 8px;
	width: 50px;
}

a.player-newwin {
	bottom: 0;
	font-size: 10px;
	position: absolute;
    right: 4px;
    text-decoration: none;
}

.player-list-wrap {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 2px;
}

.player-playlist {
	list-style-type: decimal;
	margin: 0 0 0 18px;
	max-height: 150px;
}

.player-playlist li a {
	display: inline-block;
	overflow: hidden;
	padding: 0 3px 3px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.player-newwin-message .player-newwin {
	float: right;
	margin-top: 5px;
	position: relative;
}

.player-statusbar span, .player-playlist { font-size: 10px; }
.player-playlist a.active { font-weight: bold; }

/* Random member block
----------------------------------*/
.random-member-content 	{ padding: 3px; }
.random-member-info 		{ padding: 4px 3px; }

/* Recent topics block
----------------------------------*/
.recent-block td { vertical-align: top; }
.blg-tabs-nav .blg-icon { display: none; }

/* Share block
----------------------------------*/
.share-button {
	display: inline-block;
	margin: 5px 5px;
	text-align: center;
	vertical-align: middle;
	width: auto;
}

/* Stats block
----------------------------------*/
.st-inline p {
	display: inline;
	margin: 4px 8px;
	white-space: nowrap;
}

/* Top Topics Block
----------------------------------*/
.lunread-row {
	display: block;
	margin: 5px;
	overflow: hidden;
}

/* Topic Index Block
----------------------------------*/
.topic-index-content {
	line-height: 1.6em;
	padding: 2px;
}

.topic-index-content th {
	font-weight: normal;
	padding: 1px 0;
}

.char-select {
	font-size: 0.95em;
	font-weight: bold;
	margin-bottom: 5px;
}

.char-select span { color: red; }

.blg-block .pagination { text-align: right; }

/* Whos Online Block
----------------------------------*/
.wio-block {
	clear: both;
	display: inline-block;
	margin: 10px;
	width: 130px;
}

.wio-block div { text-align: left; }
.wio-block span { float: right; }

/* YouTube Block
----------------------------------*/
.yt-thumbnail {
	background: #000000;
	display: block;
	height: 90px;
	margin-bottom: 4px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 145px;
}

.yt-thumbnail img {
	width: 100%;
	max-height: 100%;
	height: auto;
}

.yt-title, .yt-title  a {
	color: #2793E6;
	font-weight: bold;
}

.yt-time {
	background: #000000;
	bottom: 0;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 14px;
	padding: 2px 4px;
	position: absolute;
	right: 0;
}

.yt-list {
	list-style-type: none;
	margin: 0;
}

.yt-list li {
	position: relative;
	vertical-align: top;
}

.yt-list-list li {
	margin: 4px 0;
}

.yt-list-simple, .yt-list-video {
	display: block;
	text-align: center;
}

.yt-list-simple li {
	display: inline-block;
	margin: 10px 8px;
	width: 145px;
}

.yt-list-simple .yt-title {
	font-size: 11px;
	text-align: center;
}

.yt-list-full li {
	display: block;
	margin: 8px 0;
	min-height: 85px;
	padding: 5px;
}

.yt-list-full li:hover {
	background-color: #FAFAFA;
}

.yt-list-full .yt-thumbnail {
	left: 5px;
	position: absolute;
	top: 5px;
}

.yt-list-full .yt-title {
	font-size: 12px;
	margin: 0 0 0 155px;
}

.yt-list-full .yt-description, .yt-list-full .yt-info {
	margin: 5px 0 0 155px;
}

.yt-list-full .yt-info {
	font-size: 0.9em;
	font-style: italic;
}

.yt-list-video li {
	display: inline-block;
	margin: 5px;
	width: auto;
}

.yt-list-video iframe, .yt-video { max-width: 100%; }

/* RTL Support
------------------------------- */
.rtl .b-side { float: left; }

.rtl .blg-align-left 				{ text-align: right; }
.rtl .blg-align-left.floated 		{ float: right; }
.rtl .blg-align-right 			{ text-align: left; }
.rtl .blg-align-right.floated	{ float: left; }

.rtl a.blg-dialog-close, .rtl button.blg-dialog-close {
	right: initial;
	left: .8em;
}

.rtl .blg-modal-dialog a.blg-dialog-close, .rtl .blg-modal-dialog button.blg-dialog-close {
	right: initial;
	left: 1.2em;
}


/* Responsive Layout
------------------------------- */
.hastouch .blg-block a.b-side,
.hastouch .blg-event-add {
	display: block !important;
}

.hastouch .calendar-printer { display: none; }

@media only screen and (max-width: 1200px) and (min-width: 1124px) {
	.hasleft.hasright .blg-column-topic-views,
	.hasleft.hasright .blg-tabs-nav .tab-title,
	.hasleft.hasright .blg-tabs-nav .blg-tabs-selected .blg-icon	{
		display: none;
	}
	
	.hasleft.hasright .blg-tabs-nav .blg-icon, .hasleft.hasright .blg-tabs-nav .blg-tabs-selected .tab-title { display: block; }
}

@media only screen and (max-width: 1165px) {
	.blg-modal-dialog .attachment { width: 13.7%; }
}

@media only screen and (max-width: 1150px) and (min-width: 900px) {
	.hasleft.hasright .grid-col-2 .blg-block, .hasleft.hasright .grid-col-3 .blg-block {
		display: block;
		margin-right: 0;
		width: auto;
	}
}

@media only screen and (max-width: 1124px) {
	#blg-column-left, #blg-column-right { width: 20%; }
	
	.hasleft.hasright #blg-column-center .blg-poll-table dd.blg-progress {
		width: 35%;
	}
	
	.grid-col-3 .blg-block {
		margin-right: 2%;
		width: 31%;
	}
	
	.blg-modal-dialog .attachment { width: 13.3%; }
}

@media only screen and (max-width: 1024px) {
	.blg-modal-dialog.media .media-sidebar { display: none; }
	.blg-modal-dialog.media .media-section-content { right: 0; }

	a.blg-admin-opener { right: 48%; }

	.hasleft.hasright #blg-column-left, .hasleft.hasright #blg-column-right {
		margin-left: 0;
		width: 49%;
	}
	
	.hasleft.hasright .blg-area-wrapper { float: none; }
	
	.hasleft.hasright #blg-column-center, .hasleft.hasright #blg-column-center {
		margin: 0 !important;
		padding: 0;
	}
	
	.blg-calendar td { height: 80px; }
	
	.blg-modal-dialog.media .media-sidebar { display: none; }
	.blg-modal-dialog.media .media-section-content { right: 0; }
}

@media only screen and (max-width: 960px) and (min-width: 900px) {
	.hasleft.hasright .blg-column-topic-views,
	.hasleft.hasright .blg-tabs-nav .tab-title,
	.hasleft.hasright .blg-tabs-nav .blg-tabs-selected .blg-icon {
		display: none;
	}
	
	.hasleft.hasright .blg-tabs-nav .blg-icon, .hasleft.hasright .blg-tabs-nav .blg-tabs-selected .tab-title { display: block; }
}

@media only screen and (max-width: 780px) {
	.grid-col-3 .blg-block {
		margin-right: 1%;
		width: 31.8%;
	}
	
	.hasleft .blg-column-topic-views, .hasleft .blg-column-comments, .hasleft [id^="recent_replies-"] .blg-column-topic-title,
	.hasright .blg-column-topic-views, .hasright .blg-column-comments, .hasright [id^="recent_replies-"] .blg-column-topic-title,
	.hasleft .blg-tabs-nav .tab-title, .hasright .blg-tabs-nav .tab-title ,
	.hasleft .blg-tabs-nav .blg-tabs-selected .blg-icon, .hasright .blg-tabs-nav .blg-tabs-selected .blg-icon {
		display: none;
	}
	
	.hasleft .blg-tabs-nav .blg-icon, .hasright .blg-tabs-nav .blg-icon,
	.hasleft .blg-tabs-nav .blg-tabs-selected .tab-title, .hasright .blg-tabs-nav .blg-tabs-selected .tab-title {
		display: block;
	}
	
	.blg-modal-dialog {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	.hasleft #blg-column-left, .hasright #blg-column-right {
		margin-left: 0;
		width: 100%;
	}

	.hasleft #blg-column-center, .hasright #blg-column-center {
		margin: 0 !important;
		padding: 0;
	}
	
	.blg-area-wrapper { float: none !important; }
	
	.hasleft.hasright #blg-column-left, .hasleft.hasright #blg-column-right { width: 48%; }
}

@media only screen and (max-width: 700px) {
	.grid-col-2, .hasleft.hasright .grid-col-3 { margin-right: -1.4%; }
	.grid-col-2 .blg-block, .hasleft.hasright .grid-col-3 .blg-block { margin-right: 1.2%; }
	
	.blg-calendar td { height: 70px; }
	
	.blg-modal-dialog.editor .media-section-content {
		bottom: 240px;
		right: 10px;
	}
	
	.blg-modal-dialog.editor .media-sidebar {
		border-width: 1px 0 0 0;
		height: 200px;
		top: initial;
		width: auto;
	}
	
	.blg-modal-dialog.editor .sidebar-box {
		margin: 0;
	}
	
	.blg-modal-dialog.media .media-menu { width: 60px; }
	
	.blg-modal-dialog.media .media-frame-title,
	.blg-modal-dialog.media .media-frame-content,
	.blg-modal-dialog.media .media-frame-toolbar {
		left: 60px;
	}
	
	.blg-modal-dialog .media-menu a .blg-icon		{ display: block; }
	.blg-modal-dialog .media-menu a .item-title	{ display: none; }
}

@media only screen and (max-width: 600px) {
	.grid-col-3 .blg-block, .hasleft.hasright .grid-col-3 .blg-block {
		margin-right: 0;
		display: block;
		width: auto;
	}
	
	.hasleft.hasright .grid-col-3 { margin-right: -1%; }
}

@media only screen and (max-width: 480px) {
	a.blg-admin-opener { right: 46%; }
	
	.blg-admin-bar .btn-title, .blg-column-topic-views, .blg-column-comments,
	[id^="recent_replies-"] .blg-column-topic-title,
	.blg-tabs-nav .tab-title, .blg-tabs-nav .blg-tabs-selected .blg-icon,
	.blg-calendar th .full-day {
		display: none;
	}
	
	.blg-tabs-nav .blg-icon, .blg-tabs-nav .blg-tabs-selected .tab-title,
	.blg-calendar th .short-day {
		display: block;
	}
	
	.blg-calendar td { height: 50px; }
	
	.blg-modal-dialog.media .media-menu {
		top: 60px;
		bottom: initial;
		height: 36px;
		padding: 0;
		right: 0;
		width: auto;
		border: none;
		border-width: 1px 0 0 0;
		text-align: center;
		white-space: nowrap;
		overflow-x: auto;
	}
	
	.blg-modal-dialog .media-menu li { display: inline-block; }
	
	.blg-modal-dialog.media .media-frame-content { top: 97px; }
	
	.blg-modal-dialog.media .media-frame-title,
	.blg-modal-dialog.media .media-frame-content,
	.blg-modal-dialog.media .media-frame-toolbar {
		left: 0;
	}
	
	.blg-modal-dialog .media-menu .separator {
		width: 0;
		padding: 0;
		border-width: 0 1px 0 0;
		height: 28px;
		vertical-align: top;
		margin: 5px 0 0 0;
	}
	
	.blg-modal-dialog .attachment { width: 12%; }
}

@media only screen and (max-width: 450px) {
	.hasleft #blg-column-left, .hasright #blg-column-right,
	.hasleft.hasright #blg-column-left, .hasleft.hasright #blg-column-right {
		float: none;
		width: auto;
	}
	
	.grid-col-2, .hasleft.hasright .grid-col-3 { margin-right: -1%; }
	
	.grid-col-2 .blg-block, .hasleft.hasright .grid-col-3 .blg-block {
		display: block;
		margin-right: 0;
		width: auto;
	}
	
	.calendar.autofit tbody a {
		padding: 20px 6px;
	}
	
	.blg-modal-dialog .attachment .check {
		font-size: 8px;
		height: 20px;
		width: 20px;
	}
	
	.blg-modal-dialog .attachment .check .blg-icon { line-height: 9px; }
}

@media only screen and (max-width: 400px) {
	.contact-table.full-table input.blg-inputbox, .contact-table.full-table textarea.blg-inputbox {
		max-width: 160px;
	}
	
	.calendar.autofit tbody a, .calendar tbody a { padding: 4px 1px; }
	.blg-calendar td { height: 40px; }
	
	.blg-calendar-actionbar { 
		margin-left: 0;
		margin-right: 0;
	}
	
	.blg-modal-dialog .editor-title { width: 100%; }
	.blg-modal-dialog.editor .media-section-content { bottom: 180px; }
	.blg-modal-dialog.editor .media-sidebar { height: 150px; }

	.blg-modal-dialog .media-frame-title h1 {
		font-size: 20px;
		line-height: 40px;
	}
	
	.blg-modal-dialog.media .media-menu { top: 50px; }
	.blg-modal-dialog .media-menu a { padding: 8px 10px; }

	.blg-modal-dialog.media .media-frame-content { top: 87px; }
}

@media only screen and (max-width: 350px) {
	.blg-modal-dialog .attachment { width: 11%; }
}