@charset "utf-8";

/*
.for-ie6-under {
	display: none;
	_display: block;
}

.for-ie7-under {
	display: none;
	*display: block;
}

.for-ie8-under {
	display: none;
	display\9: block;
}
*/

body.is-web .for-native {
	display: none;
}
body.is-native .for-web {
	display: none;
}

.fb-like-wrap {
	display: inline-block;
	position: relative;
	width: 101px;
	height: 21px;
	overflow: hidden;
}

html {
	font-family: sans-serif;
	/* font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */
	overflow-y: scroll;
}

[data-lang] {
	display: none;
}

html[lang='en'] [data-lang='en'] {
	display: block;
}

html[lang='en'] span[data-lang='en'],html[lang='en'] a[data-lang='en'],html[lang='en'] address[data-lang='en'],html[lang='en'] i[data-lang='en'] {
	display: inline;
}

html[lang='ja'] [data-lang='ja'] {
	display: block;
}

html[lang='ja'] span[data-lang='ja'],html[lang='ja'] a[data-lang='ja'],html[lang='ja'] address[data-lang='ja'],html[lang='ja'] i[data-lang='ja'] {
	display: inline;
}

hr.dashed {
	border-top-style: dashed;
}

.list-none {
	padding: 7px 15px;
	text-align: center;
	color: #ccc;
	background: transparent !important;
	border: none !important;
	font-weight: bold;
	font-size: 13px;
	cursor: default;
}

label.btn-checkbox input[type="checkbox"] {
	display: none;
}


/*

*/
[class^="icon-caret-"],[class*=" icon-caret-"] {
	margin-right: -0.25em;
}

a.caret-closed,a.caret-opened {
	/* color: #888; */
	cursor: default;
}

a.caret-closed:hover,a.caret-opened:hover {
	/* color: #888; */
	text-decoration: none;
}

a.caret-closed [class=^"icon-caret-"],
a.caret-closed [class=*" icon-caret-"],
a.caret-opened [class=^"icon-caret-"],
a.caret-opened [class=*" icon-caret-"] {
	color: #888;
}

a.caret-closed>.icon-caret-down,a.caret-closed>.icon-caret-down+span {
	display: none;
}

a.caret-opened>.icon-caret-right,a.caret-opened>.icon-caret-left,a.caret-opened>.icon-caret-right+span,a.caret-opened>.icon-caret-left+span {
	display: none;
}

.carent-content.in {
	
}
.caret-content.hide {
	display: none !important;
}

.input-date-datepicker {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.datepicker-inline>a {
	margin: 0 1em;
}

.datepicker-inline>.ui-datepicker-inline {
	margin: 0 0 10px 0;
}

.mask {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	background: white;
	cursor: wait;
}

.mask-nobusy {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	background: white;
	cursor: default;
}

video.video_loading,
img.img_loading,
.mask-loading {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	background: white url(../img/spinner-black-32.gif) center center no-repeat;
	cursor: wait;
}

.mask-uploading {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	background: white;
	display: none;
}

.mask-uploading>div {
	display: block;
	color: #888;
	padding: 15px;
	margin-top: 3em;
	text-align: center;
}

.progress {
	position:relative;
	height: 1.4em;
}
.progress [data-tmpl="bar"] {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	
	background: #888;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	
	-webkit-opacity: 0.25;
	-moz-opaicyt: 0.25;
	-ms-filter: "alpha(opacity=25)";
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.progress .message {
	display: block;
}

.btn.btn-flat {
	padding: 0;
	background: inherit;
	border: none;
	font-size: inherit;
	box-shadow: none;
	ms-filter: none;
	filter: none;
}

.btn.for-admin {
	color: #9e7E00 !important;
	font-style: italic;
}

.btn.for-admin [class^="icon-"],.btn.for-admin [class*=" icon-"] {
	color: #9e7E00 !important;
}

.btn.busy {
	position: relative;
}

.btn.busy:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-opacity: 0.3;
	-ms-filter: "alpha(opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor: wait;
}

.navbar-search .icon-search {
	top: 3px;
}

ul.nomarker {
	list-style: none
}

.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.links {
	text-align: center;
	padding: 5px 0.5em;
}

.links>a {
	white-space: nowrap;
}

.links>a+a {
	margin-left: 0.25em;
	padding-left: 0.5em;
	border-left: 1px solid #ccc;
}

/* XXX : when no error
.alert-error[data-for] {
	padding: 4px 7px;
}
*/

/*******************************************************/
.sns-buttons {
	margin-top: 7px;
	text-align: right;
}

.sns-buttons>* {
	display: inline-block;
	vertical-align: middle;
}

#background-image-fixed {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	/* background-color: #888; */
	z-index: -1000;
}

.for-preview, .for-media-hot, .for-media-new, .for-questions,
.for-vgrid, .for-list, .for-mixed, .for-posts,.for-users,.for-user,.for-events, .for-myboard, .for-otherboard,
.for-tenant-has-discography, .for-tenant-has-webformat,
.navbar .nav.for-posts,
.navbar .nav.for-users,
.navbar .nav.for-user,
.navbar .nav.for-events {
	display: none;
}

body.nav-questions .for-questions,
body.nav-media-hot .for-media-hot,
body.nav-media-new .for-media-new {
	display:block;
}
body.nav-questions span.for-questions,
body.nav-media-hot span.for-media-hot,
body.nav-media-new span.for-media-new {
	display:inline;
}

body.preview .for-preview {
	display: block;
}

body.preview span.for-preview {
	display: inline;
}

.for-preview.preview-mask {
	position: fixed;
	z-index: 1050;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	background-color: white;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	/*
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	
	background: yellow;
	*/
}

body.tenant-has-webformat .for-tenant-has-webformat {
	display: block;
}

body.tenant-has-webformat-draft.loginuser-admin .for-tenant-has-webformat {
	display: block;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

body.tenant-has-discography .for-tenant-has-discography {
	display: block;
}

body.not-anonymous .for-anonymous,
body.anonymous .not-for-anonymous,
body.tenant-type-hybrid.anonymous .not-for-hybrid-anonymous {
	display: none!important;
}

.tmpl_waiting:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.content {
	font-size: 10px;
	color: #666;
}

body {
	background: #fafafa;
}

.for-admin,.for-vip {
	display: none;
}

body.loginuser-admin .for-admin,body.loginuser-vip .for-vip {
	display: inline;
}

body.loginuser-admin .for-admin.btn,body.loginuser-vip .for-vip.btn {
	display: inline-block;
}

body.loginuser-admin div.for-admin,body.loginuser-vip div.for-vip {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

body.loginuser-admin li.for-admin,body.loginuser-vip li.for-vip {
	display: list-item;
}

#main-container>.row {
	margin-left: 0;
}

.tmpl_waiting {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.icon-with-badge {
	position: relative;
}

.badge {
	position: absolute;
	bottom: 0;
	/*
	right: -20%;
	*/
	left: 50%;
	background: red;
	color: white;
	padding: 1px 3px;
	font-weight: bolder;
	font-size: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	font-style: normal;
	min-width: 10px;
	text-align: center;
}

.tooltip {
	z-index: 15;
}

li form {
	margin-bottom: 0;
}

.form-horizontal .control-group {
	margin-bottom: 9px;
}

.user_type {
	background: #222;
	color: white;
}

.navbar .brand img {
	position: relative;
	top: -4px;
	height: 32px;
	margin-bottom: -20px;
	vertical-align: top;
	max-width: none;
}

.navbar #header-name {
	position: relative;
	display: inline-block;
	min-width: 120px;
}

.navbar-search {
	position: relative;
}

.navbar-search .search-query {
	padding-left: 29px;
	margin-top: -1px;
	margin-bottom: -2px;
}

.navbar-search .icon-search {
	position: absolute;
	top: 7px;
	left: 11px;
}

.navbar-search .search-query:focus,.navbar-search .search-query.focused {
	padding-left: 30px;
}

.navbar #main-menu-toggle {
	vertical-align: middle;
}

.navbar #main-menu-toggle > * {
	vertical-align: middle;
}

.navbar #loginuser {
	white-space: nowrap;
}

.navbar #loginuser img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.navbar #loginuser .user_name {
	margin-left: 0.5em;
	display: inline-block;
	max-width: 8em;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.navbar .nav > li > a.btn-login-for-anonymous {
	color: #eee;
	padding-right: 0;
}

body.use-hover .navbar a.btn-login-for-anonymous:hover {
	text-decoration: none;
	font-weight: bold;
}

html.is-not-mobile .navbar #nav-messages {
	margin-right: 7px;
}


.navbar #notices .notice,
.navbar #nav-messages .message-status {
	width: 240px;
	/* padding: 5px; */
	/* background: #eee; */
}

.navbar #notices li.notice a,
.navbar #nav-messages li.message-status a {
	padding: 5px 7px;
	position: relative;
}

html.is-mobile .navbar #notices li.notice a,
html.is-mobile .navbar #nav-messages li.message-status a,
html.is-touch-device .navbar #notices li.notice a,
html.is-touch-device .navbar #nav-messages li.message-status a {
	padding: 8px;
}

.navbar #notices li.notice a .user,
.navbar #nav-messages a .user {
	float: left;
	position: relative;
	margin-right: -24px;
}

.navbar #notices li.notice a .notice-body,
.navbar #nav-messages li.message-status a .message-status-body {
	padding-left: 32px;
	position: relative;
	/* max-height: 44px; */
	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar #notices li.notice a .notice-body .notice-summary,
.navbar #nav-messages li.message-status a .message-status-body .message-status-summary {
	font-size: 11px;
	line-height: 12px;
}

.navbar #notices li.notice a .notice-body .notice-summary .notice-user,
.navbar #nav-messages li.message-status a .message-status-body .message-status-summary .message-status-user {
	font-weight: bold;
}

.navbar #notices li.notice a .notice-body .notice-info,
.navbar #nav-messages li.message-status a .message-status-body .message-status-info {
	font-size: 10px;
	margin-top: 5px;
	line-height: 12px;
	max-height: 24px;
	overflow: hidden;
}

.navbar #notices li.notice a .notice-body .notice-info .notice-icon {
	vertical-align: top;
}

.navbar #notices li.notice a .created_at,
.navbar #nav-messages li.message-status a .created_at {
	position: absolute;
	height: 12px;
	right: 3px;
	bottom: 0;
	border-radius: 2px;
	padding: 0 4px;
	border-left: 4px solid #eee;
	background: #eee;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #999;
}

.navbar #nav-messages li.message-status.has_unread a .created_at {
	background: white;
	border-color: white;
}

body.use-hover .navbar #notices li.notice a:hover .created_at,.navbar #notices li.notice.unread a .created_at,
body.use-hover .navbar #nav-messages li.message-status a:hover .created_at,.navbar #message-statuses li.message-status.unread a .created_at {
	border-color: white;
	background: white;
}

.navbar #notices li.notice a .notice-body .message,
.navbar #nav-messages li.message-status a .message-status-body .message {
	/* font-size: 11px; */
}

.navbar #notices li.notice,
.navbar #nav-messages li.message-status {
	background: #eee;
}

.navbar #nav-messages li.message-status.blocking {
	display: none;
}

.navbar #nav-messages li.message-status.has_unread {
	background: white;
}

.navbar #notices li.notice a,
.navbar #nav-messages li.message-status a {
	white-space: normal;
	color: #666;
	cursor: pointer;
}

body.use-hover .navbar #notices li.notice a:hover,
body.use-hover .navbar #nav-messages li.message-status a:hover {
	background: white;
}

.navbar #notices li.notice.unread,
.navbar #nav-messages li.message-status.unread {
	background: white;
}

.navbar #notices li.notice.unread a,
.navbar #nav-messages li.message-status.unread a {
	color: #333;
}

.navbar #notices li.notice.list-all,
.navbar #nav-messages li.message-status.list-all {
	background: transparent;
	text-align: center;
	/* height: 1.2em; */
}

.navbar #notices li.notice.list-all a,
.navbar #nav-messages li.message-status.list-all a {
	font-size: 12px;
	padding-bottom: 0;
}


.navbar #notices .notice .user img,
.navbar #nav-messages .message-status .user img {
	width: 24px;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.navbar [class^="icon-"],.navbar [class*=" icon-"] { /* color: white; */
	color: inherit;
}

.navbar .disabled [class^="icon-"],.navbar .disabled [class*=" icon-"] {
	color: #888;
}

.navbar .dropdown.disabled:hover .dropdown-menu {
	display: none;
}

.navbar-inner.navbar-sub {
	position: relative;
	min-height: 30px;
	background-color: white;
}

.navbar-sub {
	background-color: white;
	background-image: none;
	filter: none;
}

/*
body.resource .navbar-sub {
	display: none;
}
*/

.navbar .navbar-sub .btn.guide,
.navbar .navbar-sub .btn-danger,
.navbar .navbar-sub .btn-warning {
	/*
	padding: 4px 8px;
	margin: 4px 5px 3px;
	*/
	padding: 6px 10px 4px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	/*
	margin: 2px 3px 1px;
	*/
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	vertical-align: middle;
}

html.is-not-mobile .navbar #btn-post .btn-danger {
	/* letter-spacing: 0.25em; */
	min-width: 8em;
}
html.is-not-mobile .navbar #btn-post .btn.guide {
	background: orange;
}

.navbar .navbar-sub .nav>li {
	position: relative;
}

/* .navbar .navbar-sub .nav>li:first-child>a {
	padding-left: 4px;
}*/

.navbar .navbar-sub .nav>li>a {
	text-decoration: none;
	padding: 9px 10px 5px;
}

.navbar .navbar-sub .nav>li>a:hover,
.navbar .navbar-sub .nav>li>a,
.navbar .navbar-sub .nav>li.active>a:hover,
.navbar .navbar-sub .nav>li.active>a {
	background-color: white;
	color: #999;
}

.navbar .navbar-sub .nav>li.active>a:hover,
.navbar .navbar-sub .nav>li.active>a {
	color: #222;
}

.navbar-sub .nav #nav-posts-tags>ul.dropdown-menu>li>a.tag:hover {
	background: #ddd;
	color: black;
	font-weight: bold;
}

.navbar-sub .nav #nav-posts-tags>ul.dropdown-menu>li .tagsinput .tag a {
	display: none;
}

.navbar-sub .nav #nav-posts-tags .dropdown-menu {
	min-width: 80px;
}

.navbar-sub .nav #nav-posts-tags #form-nav-posts-search-tag {
	margin: 7px 7px 2px 7px;
}

.subnav .nav>li>a {
	
}

a#scroll-top {
	position: fixed;
	display: block;
	right: 30px;
	bottom: 50px;
	background: black;
	background: rgba(0,0,0,0.4);
	
	/*
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	
	border-radius: 3px;
	*/
	
	padding: 2px 6px 4px 6px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	
	z-index:100;
}

html.is-mobile a#scroll-top {
	top: auto;
	bottom: 80px;
	right: 10px;
}

a#scroll-top [class^="icon"] {
	font-size: 24px;
	line-height: 24px;
}

body.use-hover a#scroll-top:hover {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	pointer: point;
}

a#scoroll-top [class="icon-*"] {
	display: block;
}

#main-container {
	position: relative;
	padding-bottom: 2em; /* for footer */
}

#post-loading .btn {
	display: block;
}

#post-loading.loading .btn {
	display: none;
}

#post-loading img {
	display: none;
}

#post-loading.loading img {
	display: block;
	margin: 0 auto;
}

.unfreeze {
	background: rgba(0, 0, 0, 0.5);
}

.unfreeze .inner {
	position: relative;
	padding: 15px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	color: white;
}

[data-post].is_freezed .btn,
[data-post].is_freezed .sns-buttons,
[data-post].is_freezed form {
	display:none !important; 
}

[data-post].is_freezed .btn.btn-unfreeze {
	display: block !important;
}

#modal-post.is_freezed #btn-post-unfreeze {
	float: none;
	margin-top: 7px;
}

.post-comments .unfreeze .inner {
	font-size: 12px;
	padding: 7px;
}

.post-comments .post-comment.is_freezed,
.post-comments .post-comment .post-comment-reply.is_freezed {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.post-comments .post-comment.is_freezed > *,
.post-comments .post-comment .post-comment-reply.is_freezed > * {
	display: none;
}

.post-comments .post-comment.is_freezed > .for-freezed,
.post-comments .post-comment .post-comment-reply.is_freezed > .for-freezed {
	display: block;
	margin-left: -43px;
	padding: 0 7px;
	margin-bottom: 7px;
}

.post-comment-sticker,
.post-comment-reply-sticker {
	margin-top: 7px;
	/* margin-bottom: -22px; */
	margin-bottom: 7px;
}

html.is-mobile .post-comment-sticker,
html.is-mobile .post-comment-reply-sticker {
	/* margin-bottom: -30px; */
}

.btn-reportabuse,.btn-reportabuse [class^="icon-"],.btn-reportabuse [class*=" icon-"] {
	color: #aaa;
}

body.use-hover .btn-reportabuse:hover,body.use-hover .btn-reportabuse:hover [class^="icon-"],body.use-hover .btn-reportabuse:hover [class*=" icon-"] {
	color: #666;
}

#form-doreportabuse textarea[name="message"],
#form-dofreeze textarea[name="message"] {
	max-width: 80%;
	width: 30em;
	height: 8em;
}

/* @media ( max-width: 568px ) { */
	html.is-mobile #form-doreportabuse textarea[name="message"],
	html.is-mobile #form-dofreeze textarea[name="message"] {
		width: 15em;
	}
/* } */

#google-adsense {
	position: relative;
	width: 234px;
	margin: 2em auto 0 auto;
}

body.anonymous-cannot-post .loginuser-post-trigger,
body.loginuser-cannotquestion .loginuser-question-trigger,
body.loginuser-cannotpost .loginuser-post-trigger {
	display:none!important;
}

body.anonymous-cannot-post .for-user-can-post,
body.user-cannot-post .for-user-can-post {
	display: none;
}

/********* posts ************/
#nav-events {
	display: none;
}

/* content css is posts-vgrid.css, posts-list.css */
#list {
	padding-bottom: 5em;
	min-height: 100vh;
}

#posts,#users {
	position: relative;
	min-height: 200px;
}

.voted {
	background-image: none;
	filter: none;
}

.voted [class^='icon-'],.voted [class*=' icon-'] {
	/* color: white !important; */
	color: inherit !important;
}

.vote-up.voted {
	/* background-color: #05C; */
	color: #08c !important;
}

.vote-down.voted {
	background-color: #DA4F49;
}

/**** modal ****/
.modal-backdrop,.modal-backdrop.fade.in {
	-webkit-opacity: 0.65;
	-moz-opacity: 0.65;
	-ms-filter: "alpha(opacity=65)";
	filter: alpha(opacity=65);
	opacity: 0.65;
}

.modal>.done {
	position: absolute;
	background: white;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
}

.modal>.done>div {
	margin: 5em;
	display: inline-block;
}

#modal-post { /* width:740px; */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border: none;
	/* width: 740px; */
	width: 80%;
	height: 90%;
	/* max-height: 600px; */
	max-height: none;
	/*
	width: 90%;
	max-width: 740px;
	height: 90%;
	max-height: 600px;
	*/
	background: #eee;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

#modal-post.loading {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#modal-post .modal-header,#modal-post .modal-footer {
	display: none;
}

#modal-post .modal-body {
	position: relative;
	height: 100%;
	padding: 0;
	border-radius: 0;
	padding: 0;
	/* max-height: 600px; */
	max-height: none;
	overflow: hidden;
}

/*

#modal-post .modal-body a.close {
	position: absolute;
	top: 0;
	right: 0;
	
	z-index: 1000;
	display: block;
	font-size: 12px;
	line-height: 12px;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	
	background: white;
	text-align: center;
	padding: 8px 8px 6px 6px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-ms-border-bottom-left-radius: 12px;
	border-bottom-left-radius: 10px;
}
*/

.modal a.close i.icon-remove {
	font-size: 16px;
	line-height: 16px;
}

#modal-post .modal-body a.close>span {
	
}

body.use-hover #modal-post .modal-body a.close:hover {
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#modal-post .container-fluid {
	position: relative;
	height: 100%;
	padding: 0;
}

#modal-post .container-fluid>.content {
	margin-right: 40%;
}

#modal-post .container-fluid>.sidebar {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	/* width: 399px; */
	width: 40%;
	/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*/
	/* background: white; */
	
	/* border-left: 1px solid #888; */
}

/***** portrait mode ******/ /* always for new ui */
/* @media (min-width:569px) and ( max-width:1023px ) { */
@media (min-width:569px) {

	#modal-post .modal-body {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#modal-post.has_question .container-fluid>.content,
	#modal-post.has_image .container-fluid>.content {
		margin-right:0;
		position: relative;
		height: auto;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#modal-post.has_question .container-fluid>.content .post-question {
		display: none;
	}
	#modal-post .post-image-box .site {
		position: static!important;
		top:0; bottom: auto; left:0; right: auto;
	}
	#modal-post.has_question .container-fluid>.sidebar,
	#modal-post.has_image .container-fluid>.sidebar {
		position:relative;
		margin-right: 0!important;
		width: auto;
		height: auto;
		overflow: visible;
	}
	html.is-not-mobile #modal-post.has_question #post-image-box .post_question_graph {
		display: none!important;
	}
	html.is-not-mobile #modal-post.has_question #post-comments-area .post_question_graph {
		display: block!important;
	}
}
	/* for gallery */
	body.gallery #modal-post .modal-body {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	body.gallery #modal-post.has_question .container-fluid>.content,
	body.gallery #modal-post.has_image .container-fluid>.content {
		margin-right:0;
		position: relative;
		height: auto;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	body.gallery #modal-post.has_question .container-fluid>.content .post-question {
		display: none;
	}
	body.gallery #modal-post .post-image-box .site {
		position: static!important;
		top:0; bottom: auto; left:0; right: auto;
	}
	body.gallery #modal-post.has_question .container-fluid>.sidebar,
	body.gallery #modal-post.has_image .container-fluid>.sidebar {
		position:relative;
		margin-right: 0!important;
		width: auto;
		height: auto;
		overflow: visible;
	}
	html.is-not-mobile body.gallery #modal-post.has_question #post-image-box .post_question_graph {
		display: none!important;
	}
	html.is-not-mobile body.gallery #modal-post.has_question #post-comments-area .post_question_graph {
		display: block!important;
	}

/******/

#modal-post .post-image-box {
	position: relative;
	height: 100%;
	overflow: hidden;
}

#modal-post .post-image {
	background: black;
}

#modal-post .post-image-box .post-image img {
	display: block;
	margin: 0 auto;
}

#modal-post .post-image-box .post-image {
	display: table;
	/* height: 100%; */
	width: 100%;
	position: relative;
}

#modal-post .post-image-box .post-image-inner {
	display: table-cell;
	vertical-align: middle;
}

#modal-post .post-image-box .post-image-inner .post-image-image {
	position: relative;
}

#modal-post .post-image-box .post-image-inner .post-image-image [data-tmpl="?site"] {
	display: inline-block;
}

#modal-post .post-image-box .post-image-inner .post-image-image a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: right;
	
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-filter:"alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

#modal-post .post-image-box .post-image-inner .post-image-image a i.icon-link {
	background: white;
	padding: 3px 3px 4px 4px;
	font-size: 16px;
	text-align: center;
	width: 16px;
	height: 16px;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	opacity: 0.5;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	
	position: absolute;
	top: 0;
	left: 0;
}

#modal-post .post-image-box .site {
	background: white;
	
	/*
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	*/
	
	color: #eee;
	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#modal-post .post-image-box .site a {
	display: block;
	color: #888!important;
	padding: 10px 15px 0;

}

#modal-post .post-image-box .site a:hover {
	text-decoration: none;
	color: #444!important;
}

#modal-post .post-image-box .site a .icon-link {
	color: inherit;
	/* float: right;
	font-size: 1.5em;
	margin: 0 0 0.5em 0.5em;
	*/
	float: left;
	margin-right: 0.25em;
}

#modal-post .post-image-box .site .title {
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-post .post-image-box .site .url {
	font-size: 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-post .post-image-box .site .description {
	font-size: 11px;
	line-height: 13px;
	max-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-post .site-for-topics {
	margin: 0 0 15px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}

body.use-hover #modal-post .site-for-topics a:hover,
#modal-post .site-for-topics a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}

#modal-post .site-for-topics [class^="icon"] {
	color: #888;
	font-size: 12px;
}

#modal-post #post-info {
	margin:0;
	background: #eee;
}

#modal-post #post-info #post-content {
	background: white;
	padding: 15px;
}

.btn-translate, .btn-translate > i[class^="icon-"]{
	color: #888;
}

#modal-post #post-info #post-content .btn-translate {
	margin-left: -7px;
}

.btn-translate.translated, .btn-translate.translating {
	display: none;
}

.translated-message , .translated-title {
	display: none;
	border-top: 1px solid #ddd;
	background: #f8f8f8;
	color: #444;
	padding: 4px;
	min-height: 1em;
	margin: 4px 0;
}
.translated-message:before,
.translated-title:before {
	/* icon-globe */
	display: inline-block;
	font-family: FontAwesome;
	content: "\f0ac";
	color: #ccc;
	margin-right: 0.35em;
	margin-left: 0;
}

.translated-message.translating:before,
.translated-title.translating:before {
	font-family: sans-serif;
	position: relative;
	width: 16px;
	height: 16px;
	content: url(../img/spinner-black-16.gif);
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	opacity: 0.3;
}

.post-comments .translated-message {
	background: #f8f8f8;
}

.translating, .translated, .translate-failed {
	display: block;
}

.translate-failed {
	background: #fcc !important;
	color: #844 !important;
}

#modal-post #post-info #post-comments-area,
#posts.channel .post-comments-area,
#posts.blog .post-comments-area {
	background: #eee;
}

#posts.channel .post-comments-area,
#posts.blog .post-comments-area {
	padding: 7px;
	margin-top:7px;
}

#posts.channel .form-post-comment {
	margin-bottom: 7px;
}


#modal-post #post-info #post-manip-area {
	background: white;
}

#modal-post #post-info .tags {
	padding: 8px 0;
}

#modal-post #post-info .tags {
	padding: 8px 0 0 0;
	line-height: 28px;
}
html.is-mobile #modal-post #post-info .tags,
html.is-touch-device #modal-post #post-info .tags {
	line-height: 36px;
}

div.tagsinput {
	padding: 2px;
}

div.tagsinput input {
	padding: 0;
	margin: 0;
}

/* .dropdown-menu>li>a.tag, */
/*
div.tagsinput span.tag,
a.tag, span.tag {
	font-size: 12px;
	line-height: 1em !important;
	color: #666;
	background: #ddd;
	margin: 2px;
	padding: 4px 8px 4px 2px;
	display: inline-block;
	*display: inline;
	white-space: nowrap;
	position: relative;
	margin-left: 20px;
	border: none;
	cursor: pointer;
}

div.tagsinput span.tag a {
	color: #444;
	padding-left: 2px;
	padding-right: 2px;
}

div.tagsinput span.tag:before,
a.tag:before, span.tag:before {
	content: "";
	position: absolute;
	left: -20px;
	top: 0;
	color: #ddd;
	border-color: #ddd;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid #ddd;
	background: transparent;
}

html.is-mobile .dropdown-menu>li>a.tag,
html.is-mobile div.tagsinput span.tag,
html.is-mobile a.tag,
html.is-touch-device .dropdown-menu>li>a.tag,
html.is-touch-device div.tagsinput span.tag,
html.is-touch-device a.tag {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: -8px;
	margin-bottom: -8px;
	margin-left: 24px;
}

html.is-mobile div.tagsinput span.tag:before,
html.is-mobile a.tag::before,
html.is-touch-device div.tagsinput span.tag:before,
html.is-touch-device a.tag::before {
	left: -28px;
	border-width: 14px;
}

a.tag:hover {
	text-decoration: none;
}
*/

div.tagsinput span.tag,
a.tag, span.tag {
	white-space: nowrap;
	display:inline-block;
	
	margin-right: 0.5em;
	margin-left: 0.5em;
	padding: 0 !important;
	background: inherit;
	border: none;
}
a.tag {
	color: #08c;
}

div.tagsinput span.tag + span.tag,
div.tagsinput span.tag + [id$="_addTag"] {
	margin-left: 1em;
}

div.tagsinput span.tag:before,
a.tag:before, span.tag:before {
	content: "#";
	margin: 0;
	padding: 0;
	width: auto;
}

a.tag {
	cursor: pointer;
}

div.tagsinput span.tag:hover, span.tag:hover {
	text-decoration: none;
}

#modal-post.noimage.noquestion .post-image {
	display: none;
}

#modal-post.noimage.noquestion #post-info {
	width: 100%;
	margin: 0;
	border-left: none;
}

/* XXX */
#modal-post #post-info .title_message {
	max-height: none;
}

#modal-post #post-info .title {
	padding: 0;
	font-size: 150%;
	line-height: 150%;
}

#modal-post #post-info .message {
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modal-post #post-info .file_name {
	
}
#modal-post #post-info .file_name img.post_file_icon {
	height: 1em;
}

#modal-post #post-info .user {
	line-height: 1.2;
	/* width: 32px; */
}

#modal-post #post-info .user-title,
#modal-post #post-info .created_at {
	font-size: 10px;
	color: #888;
}

#modal-post #post-info .score {
	padding: 0 7px;
	line-height: 28px;
	font-size: 24px;
	color: #888;
}

#modal-post #post-info .user img {
	width: 32px;
	height: 32px;
	margin-right: 7px;
}

#modal-post .post_info {
	font-size: 12px;
	margin-top: 15px;
	color: #888;
	padding-left: 15px;
}

#modal-post .post_info > span + span {
	margin-left: 1.5em;
}

#modal-post #post-content {
	/* border-bottom: 1px solid #ccc; */
}

#modal-post .post-manip {
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
modal-post .post-manip .post_user_manip {
	position: relative;
}

#modal-post .post-manip .post_user_manip a.btn-flat {
	display: inline-block;
	position: relative;
	/* width: 33%; */
	min-width: 8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	text-align: left;
	
	color: #888;
	font-size: 12px;
}

#modal-post .post-manip .post_user_manip a.btn-flat > [class^="icon-"] {
	color: #888;
}

#modal-post .post-manip .post_user_manip a.btn-flat-wide {
	max-width: none;
	width: 100%;
	white-space: normal;
}

/*** XXX ***/

.scrollable {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

html.ua-ios .scrollable,
html.ua-ios .scrollable > div {
	position: relative;
	-webkit-transform: translate3d(0, 0, 0); /* for ios workaround */
}

.shrinkable {
	max-height: none;
}

.shrinkable.shrinked {
	position: relative;
	overflow: hidden;
	max-height: 250px;
	text-overflow: ellipsis;
}

a[data-toggle="shrinkable"] {
	cursor: pointer;
	display:none;
}

.shrinkable a[data-toggle="shrinkable"] {
	display: block;
	position: static;
	text-align: right;
}

.shrinkable.shrinked a[data-toggle="shrinkable"] {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1.2em;
	padding-top: 0.3em;
	background: white;
}

.shrinkable.shrinked .for-expanded,
.shrinkable .for-shrinked {
	display: none;
}

.shrinkable.shrinked .for-shrinked {
	display: inline;
}

#modal-post #post-title-message.shrinked {
	/* max-height: 20em; */
}

#modal-post #post-manip-area {
	background: white;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

/*********** comments ************/

.post-comments {
	/* overflow-y: scroll; */
}

.post-comments .post-comments-nocomments {
	padding: 15px;
	color: #999;
	font-style: italic;
	text-align: center;
}

.post-comments .post-comment {
	position: relative;
	border-bottom: 1px solid #ccc;
	padding: 8px 15px 8px 43px;
}

.post-comments .post-comment.highlight {
	background: white;
	/* border: 5px solid #ccc;
	/* border-radius: 7px; */
}

.post-comments .post-comment:last-child {
	border-bottom: none;
}

.post-comments .post-comment .post-comment-manip,
.post-comments .post-comment .post-comment-reply-manip {
	color: #aaa;
	padding-bottom: 8px;
	font-size: 12px;
}

.post-comments .post-comment .post-comment-manip a.btn.btn-flat,
.post-comments .post-comment .post-comment-reply-manip a.btn.btn-flat {
	margin-right: 1em;
}

.post-comments .post-comment a.btn.btn-flat.btn-translate {
	margin-left: 2em;
	font-size: 12px;
	color: #aaa;
}

.post-comments .post-comment .post-comment-manip a.btn.btn-flat,
.post-comments .post-comment .post-comment-reply-manip a.btn.btn-flat,
.post-comments .post-comment .post-comment-manip a.btn.btn-flat i,
.post-comments .post-comment .post-comment-reply-manip a.btn.btn-flat i,
#modal-messages #messages .btn i {
	color: #aaa;
	font-size: 12px;
	padding: 0;
}

/*
.is_mine {
	outline: 1px solid red;
}
*/

#modal-post.is_mine .post_user_manip  .for-admin .btn-freeze,
.post-comments .post-comment.is_mine > .post-comment-manip .for-admin .btn-post-comment-freeze,
.post-comments .post-comment-reply.is_mine > .post-comment-reply-manip .for-admin .btn-post-comment-reply-freeze {
	display: none;
}

.post-comments .post-comment-user img {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 8px;
}

.post-comments .post-comment-image img {
	max-width: 200px;
	height: auto;
}

.post-comments .post-comment-user {
	font-size: 10px;
	line-height: 10px;
}

.post-comments .post-comment-message,
.post-comments .post-comment-reply-message {
	margin: 7px 0;
}

html.is-mobile .post-comments .post-comment-user {
	font-size: 12px;
	line-height: 12px;
}

html.is-mobile .post-comments .post-comment-message,
html.is-mobile .post-comments .post-comment-reply-message {
	font-size: 14px;
	line-height: 140%;
	/*
	margin-top: 6px;
	margin-bottom: 6px;
	*/
}


.post-comments .post-comment-date,
.post-comments .reply-date {
	color: #888;
	margin-left: 1em;
}

.post-comments .post-comment-replies {
	margin-left: -1.5em;
}

.post-comments .post-comment-replies .post-comment-reply {
	position: relative;
	border-top: 1px solid #ccc;
	padding: 8px 0 0 38px;
	border-top: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.post-comments .post-comment-replies .post-comment-reply.highlight {
	background: white;
	border: 5px solid white;
	/* border-radius: 7px; */
	padding-right: 5px;
	margin-right: -5px;
}

.post-comments .post-comment.highlight .post-comment-replies .post-comment-reply.highlight {
	background: #f0f0f0;
	border-color: #f0f0f0;
}

.post-comments .form-post-comment-reply {
	position: relative;
	background-color: transparent;
	display: none;
	margin: 0;
}

.post-comment-reply .sticker-tiny,
.post-comment .sticker-tiny {
	margin-top: 5px;
	margin-bottom: -22px; /* height of manip */
}

html.is-mobile .post-comment-reply .sticker-tiny,
html.is-mobile .post-comment .sticker-tiny {
	margin-bottom: 5px;;
}

.post-comments {
	padding-bottom: 200px; /* for sticker selector */
}

#posts.channel .post-comments {
	padding-bottom: 5px;
}
#posts.channel {
	padding-bottom: 200px;
}

/**** end comments *****/

#modal-post .post-manip {
	margin-top: 8px;
}

#modal-post .post-manip .post-manip-left a.btn {
	margin-right: 5px;
}

#modal-post #form-dokeep-set {
	background: #eee;
	clear: both;
	padding: 5px;
	/* max-height: 18em; */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#modal-post #form-dokeep-set label { /* font-size: 8px; */
	color: #888;
}

#modal-post #form-dokeep-set input[name="expire_date"],#modal-post #form-dokeep-set input[name="expire_time"] {
	width: 10em;
}

#modal-post #form-dokeep-set 

#modal-post .form-post-comment {
	margin: 0;
	/* position: absolute; *
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0;
	border-top: 1px solid #ccc;
	*/
	background: #eee;
}

#modal-post .form-post-comment>div {
	padding: 10px 7px;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#modal-post .form-post-comment>div>div {
	display: table-cell;
	position: relative;
	vertical-align: middle;
}

#modal-post .form-post-comment>div>div.user {
	width: 40px;
	text-align: left;
	vertical-align: top;
}

#modal-post .form-post-comment-reply textarea,
#modal-post .form-post-comment textarea {
	display: block;
	margin: 0 0 0 0;
	/* width: 95%; */
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#modal-post .form-post-comment textarea {
	height: 2.2em;
}

#modal-post .form-post-comment textarea.focused,
#modal-post .form-post-comment textarea:focus {
	height: 5em;
}

#modal-post .form-post-comment .user img {
	margin-right: 0;
	width: 32px;
	height: 32px;
}

#modal-post #btn-post-report {
	position: relative;
	top: 12px;
	color: #888;
}

body.use-hover #modal-post #btn-post-report:hover {
	color: #444;
}

/*****/
#modal-post {
	overflow: visible;
}

/*
#modal-post #modal-post-nav {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#modal-post .modal-post-nav {
	position: absolute;
	top: 10%;
	height: 80%;
	background: white;
	width: 99px;
	max-height: 480px;
	overflow: hidden;
	font-size: x-small;
}

#modal-post .modal-post-nav>a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #666;
}

body.use-hover #modal-post .modal-post-nav>a:hover {
	text-decoration: none;
}

#modal-post .modal-post-nav-title {
	position: relative;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 7px;
}

#modal-post .modal-post-nav-message {
	padding: 7px;
	color: #aaa;
	font-size: 8px;
}

#modal-post-prev>a {
	left: 0;
}

#modal-post-next>a {
	right: 0;
}

#modal-post-prev {
	left: -100px;
}

#modal-post-next {
	right: -100px;
}

#modal-post .modal-post-nav-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-filter: "alpha(opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

body.use-hover #modal-post .modal-post-nav>a:hover .modal-post-nav-mask {
	display: none;
}
*/

/***** footer ********/
#nav-top-resources {
	margin-left: 2em;
}

#nav-top-resources a.dropdown-toggle [class^="icon-"] {
	font-size: 150%;
	line-height: 100%;
	color: white;
}

#nav-top-resources > ul.nav {
	margin: 0;
}

body.use-hover .navbar #nav-top-resources ul.nav>li>a {
	color: white;
	padding-left: 3px;
	padding-right: 3px;
}

#nav-top-footer [class="icon-rvlvr"] {
	font-size: 180%;
	vertical-align: top;
	/*line-height: 80%; */
}

#footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 24px;
	width: 100%;
	background: #eee;
	z-index: 10;
}

#footer.navbar {
	margin-bottom: 0;
}

#footer.navbar .nav>li>a {
	line-height: 0.8;
	text-shadow: none;
}

#footer.navbar .nav>li.active>a,body.use-hover #footer.navbar .nav>li>a:hover {
	color: #666;
	background: transparent
}

#footer.navbar img {
	height: 1em;
}

/* modal forms */
.modal form {
	margin: 0 0 0 0;
}

/******************/
/* https://github.com/twitter/bootstrap/issues/2351 */
/* BUTTON GROUPS  (VERTICAL ) 
 *  ------------------------ 
 * Make the div behave like a button */
.btn-group-vertical {
	display: block;
	position: relative;
	*zoom: 1;
	overflow: hidden;
	height: auto;
}

/* Space out series of button groups */
.btn-group-vertical+.btn-group-vertical {
	margin-top: 5px;
}

/* Float them,remove border radius,then re-add to first and last elements */
.btn-group-vertical .btn {
	display: block;
	/* width: 100%; */
	width: auto;
	margin-top: -1px;
	/* padding-top: 5px; */
	border-radius: 0;
	margin-top: -1px;
}

.btn-group-vertical .btn.btn-large {
	padding-top: 10px;
}

/* Set corners individual because sometimes a single button can be in a .btn-group-vertical and we need :first-child and :last-child to both match */
.btn-group-vertical .btn:first-child {
	margin-top: 0;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

.btn-group-vertical .btn:last-child {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

/* Reset corners for large buttons */
.btn-group-vertical .btn.large:first-child {
	margin-top: 0;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}

.btn-group-vertical .btn.large:last-child {
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}

/* On hover /focus/active,bring the proper btn to front */
.btn-group-vertical .btn:hover,.btn-group-vertical .btn:focus,.btn-group-vertical .btn:active,.btn-group-vertical .btn.active {
	z-index: 2;
}

/************** loading **********************/

.loading img {
	background: 
}

.for-loading {
	display: none;
}

.tmpl_waiting .for-loading,.loading .for-loading {
	display: block;
	position: relative;
	min-height: 48px;
}

.nextanchor {
	border: none !important;
	background: transparent !important;
}

.nextanchor .for-loading {
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-ms-filter: "alpha(opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
	height: 100px;
	text-align: center;
	border: none;
	background: transparent;
}

.nextanchor {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	z-index: -1;
}

.loading .nextanchor {
	z-index: 5;
}

#posts, #users {
	padding-bottom: 100px;
}

.tmpl_waiting>*>img,.for-loading>*>img,
.tmpl_waiting>*>[class^="spinner"],.for-loading>*>[class^="spinner"],
.tmpl_waiting>*>[class*=" spinner"],.for-loading>*>[class*=" spinner"] {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
}

.tmpl_waiting>*>span+img,.for-loading>*>span+img,
.tmpl_waiting>*>span+[class^="spinner"],.for-loading>*>span+[class^="spinner"],
.tmpl_waiting>*>span+[class*=" spinner"],.for-loading>*>span+[class*=" spinner"] {
	vertical-align: middle;
	position: relative;
	top:0; left: 0;
	margin-top: 0;
	margin-left: 0;
}

.tmpl_waiting {
	min-height: 32px;
}

.tmpl_waiting>.for-loading {
	display:block;
}

.posts-loading, .users-loading,
.modal-post-loading,
.modal-post-image-loading,.modal-dopost-loading,
.modal-post-comments-loading,
.messages-loading {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#modal-post>.for-loading,
#modal-post .post-image-box .for-loading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal-post-loading,.modal-post-image-loading {
	background: black;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal-post-image-loading {
	background: black;
	background: rgba(0, 0, 0, 0.3);
}

.posts-loading,.users-loading {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 200px;
	background: transparent;
	/* http://stackoverflow.com/questions/2293910/css3-transparency-gradient */
	background-image: -webkit-gradient(linear, left top, left 50%, from(rgba(255, 255, 255, 0) ), to(rgba(255, 255, 255, 1) ) );
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF );
}

#post-prepend {
	display: none;
}

#post-append {
	display: none;
}

.btn-replies-append,
.comments-nomore,
.btn-comments-append {
	position: relative;
	display: block;
	padding: 7px 7px 7px 7px;
	text-align: center;
	color: #888;
}

.btn-replies-append {
	padding-bottom: 7px;
}


.comments-nomore {
	color: #bbb;
}

.btn-replies-append,
.btn-comments-append {
	cursor: pointer;
}

body.use-hover .btn-comments-append:hover,
body.use-hover .btn-replies-append:hover,
.btn-replis-append:active,
.btn-comments-append:active {
	text-decoration: none;
	color: #888;
}

/************************/
#modal-dopost {
	
}

#modal-dopost .modal-header,#modal-dopostimagelink .modal-header {
	/* padding: 9px 0 9px 0; */
	border-bottom: none;
	padding-top: 15px;
}

.modal-header .close[data-dismiss="modal"] {
	position: absolute;
	right: 0;
	top: 0;
	width: 1em;
	height: 1em;
	padding: 7px;
	text-align: center;
	margin: 0;
}

/*
#modal-dopost .modal-header .close, #modal-dopostimagelink .modal-header .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 1em;
	height: 1em;
	padding 7px;
	text-align: center;
}
*/

#modal-dopost .modal-header .modal-dopost-heading {
	margin-left: -15px;
	margin-right: -15px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: darkgoldenrod;
	padding: 3px 15px 13px;
}
html.is-not-mobile #modal-dopost .modal-header .modal-dopost-heading {
	font-size: 120%;
}

/*
#modal-dopost .modal-header #tabs-dopost {
	display: none;
}
*/

#modal-dopost .modal-header .nav,#modal-dopostimagelink .modal-header .nav {
	margin-top: 7px;
	margin-bottom: 0;
}

#modal-dopost .tags-recommend {
	color: #999;
	margin: 7px 0 7px 1em;
}

#dopostimagelink-results {
	
}

/* #dopostimagelink-results.loading .btns-images-select { */
.loading > .dopostimagelink-results .btns-images-select {
	display: none;
}

/* #form-dopostimagelink-results { */
.dopostimagelink-results {
	min-height: 48px;
}

.tab-content {
	position: relative;
	overflow-x: hidden;
}

.dopostimagelink-results {
	position: relative;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #eee;
	padding: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dopostimagelink-results>.images {
	width: 150px;
	float: left;
	margin-right: -150px;
}

.dopostimagelink-results>.descriptions {
	margin-left: 165px;
}

.dopostimagelink-results .title {
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dopostimagelink-results .url {
	margin: 5px 0;
	color: #888;
	font-size: 10px;
	line-height: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dopostimagelink-results .description {
	color: #666;
	font-size: 11px;
	line-height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dopostimagelink-results .image-size {
	color: #888;
	text-align: center;
}

.dopostimagelink-results .btns-images-select {
	margin: 15px 0;
	color: #888;
	font-size: 12px;
}

.dopostimagelink-results .btns-images-select .selected-index {
	white-space: nowrap;
	margin-left: 5px;
}

html.is-mobile .dopostimagelink-results .btns-images-select {
	margin-bottom: 5px;
	text-align: center;
}

html.is-mobile .dopostimagelink-results .btns-images-select .selected-index {
	display: block;
}

html.is-mobile .dopostimagelink-results label.checkbox {
	font-size: 12px;
	margin-left: 0;
	padding-left: 0;
}

.images-select {
	
}

.images-select label.label-radio {
	position: relative;
	width: 140px;
	padding: 0 0 15px 0;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

.images-select label.label-radio img {
	max-width: 140px;
	height: auto;
	padding: 2px;
	border: 1px solid #ccc;
}

.images-select label.label-radio input[type="radio"] {
	display: none;
}

.images-select label.label-radio {
	display: none;
}

.images-select label.label-radio.checked {
	display: block;
}

form input[type="file"] {
	width: auto;
	height: auto;
	max-width: 80%;
}

form#form-dochangepasswd.form-horizontal .control-label {
	width: 200px;
}

form#form-dochangepasswd.form-horizontal .controls {
	margin-left: 210px;
}

form#form-doemailpost .control-group+.control-group {
	margin-top: 30px;
}

form#form-doemailpost .control-group .controls {
	margin-left: 2em;
}

form#form-doemailpost label.control-label {
	font-size: 18px;
	font-weight: bold;
}

form#form-doemailpost .domailpost-email {
	font-size: 125%;
	margin: 15px 0;
}

/* @media ( max-width: 568px ) { */
	html.is-mobile form#form-doemailpost .control-group .controls {
		margin-left: 0;
	}
	html.is-mobile form#form-doemailpost .btn.pull-right.btn-mailpost-change {
		float: none;
		margin-top: 0;
		margin-bottom: 15px;
	}
/* } */

#canvas_menu {
	position: relative;
	height: 30px;
	*zoom: 1;
}

#canvas {
	position: relative;
	height: 250px;
	width: 400px;
	border: 1px solid #ccc;
}

#_wPaint_menu {
	position: relative;
	border: none;
}

#_wPaint_menu ._wPaint_handle {
	display: none;
}

#_wPaint_menu ._wPaint_lineWidth select {
	width: auto;
	height: auto;
	line-height: inherit;
	padding: 0;
}

/**************************************/
.nav-pills {
	font-weight: bold;
}

.nav-pills>li>a {
	color: #888;
	text-shadow: none;
}

.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus { /*
	color: white;
	background-color:#333;
	*/
	background-color: #eee;
	color: #333;
	text-shadow: 0px 0px 1px #ccc;
}

/*********************************************/
.nav-pills.nav-pills-underbar {
	border-bottom: 3px solid #ddd;
}

.nav-pills.nav-pills-underbar>li:first-child {
	margin-left: 15px;
}

.nav-pills.nav-pills-underbar>li:last-child {
	margin-right: 15px;
}

.nav-pills.nav-pills-underbar>li>a {
	color: #666;
	border: none;
	border-radius: 0;
	border-bottom: 3px solid #ddd;
	padding: 4px 4px 0 4px;
	margin: 3px 4px -3px 0;
	text-shadow: none;
}

.nav-pills.nav-pills-underbar>.active>a {
	color: #666;
	background-color: transparent;
}

body .nav-pills.nav-pills-underbar>.active>a,body.use-hover .nav-pills.nav-pills-underbar>.active:hover>a {
	color: #666;
	background-color: transparent;
	border-bottom-color: #888;
}

/*****************************************/
.btn>[class^="icon-"], .btn>[class*=" icon-"] {
	vertical-align: middle;
	/*
	position: relative;
	left: -2px;
	*/
	
}

/********************* @media *********************/



/*
@media ( max-width : 767px ) {
	body {
		padding-left: 14px;
		padding-right: 14px;
	}
	#header,#background-image-fixed {
		margin: 0 -14px;
	}
	#header {
		margin-bottom: 14px;
	}
	#modal-post {
		width: 480px;
	}
}

@media ( max-width:979px ) {
	/*
	#header,#background-image-fixed {
		margin: 0 -7px;
	}
}
*/

@media ( max-width:979px ) {
	.navbar .nav>li>a {
		padding: 7px 5px 9px 5px;
	}
}

/* @media ( max-width: 568px ) { */
@media ( max-width: 568px ) {
	.navbar .brand {
		display: none;
	}
	html.is-mobile .navbar .nav>li>a {
		/* padding: 7px 15px 9px 9px; */
		padding: 7px 10px;
	}
}


/* @media ( max-width : 568px ) { /* for touch devices */
	html.is-mobile body {
		/*
		padding-left: 7px;
		padding-right: 7px;
		*/
		padding-left: 0;
		padding-right: 0;
	}
	html.is-mobile .content {
		font-size: 12px;
	}
	html.is-mobile #header {
		/* margin-bottom: 7px; */
	}
	html.is-mobile #footer {
		display: none;
	}
	/*
	html.is-mobile #nav-top-main {
		width: 100%;
	}
	*/
	html.is-mobile #nav-top-footer {
		display: inline-block;
	}
	html.is-mobile .subnav-fixed {
		position: relative;
		top: 0;
	}
/* } */
@media (min-width:568px) {
	html.is-mobile .navbar .brand {
		display: block;
	}
}

	html.is-mobile  #modal-post { /* position: absolute; */
		/* position: relative; */
		left: 0;
		right: 0;
		margin: 0 !important;
		min-height: 480px;
		max-height: none;
		height: auto;
		width: auto;
	}
	html.is-mobile  #modal-post .modal-body a.close {
		/* display: none; */
	}
	html.is-mobile  #modal-post #modal-post-nav {
		display: none;
	}
	html.is-mobile  #modal-post img {
		/* height: 2em; */
	}
	html.is-mobile  #modal-post .modal-body .row-fluid {
		height: auto;
	}
	html.is-mobile  #modal-post .modal-body {
		max-height: none !important;
		height: auto;
	}
	html.is-mobile  #modal-post .container-fluid {
		height: auto;
	}
	html.is-mobile  #modal-post .container-fluid>.content {
		margin: 0;
	}
	html.is-mobile  #modal-post .container-fluid>.sidebar {
		position: relative;
		height: auto;
		width: 100%;
		/* min-height: 480px; */
	}
	html.is-mobile  #modal-post .post-image img {
		max-height: none;
	}
	html.is-mobile  #modal-post #post-info {
		height: auto;
	}
	html.is-mobile  #modal-post {
		height: auto;
		width: auto;
		min-height: 100%;
		background: #eee;
	}
	html.is-mobile  #modal-post .modal-body .container-fluid {
		min-height: 100%;
	}
	html.is-mobile  #modal-post .post-image-box .post-image {
		display: block;
		height: auto !important;
		/* width: auto !important; */
		border-right: none;
		/* border-bottom: 1px solid #ccc; */
	}
	html.is-mobile  #modal-post .post-image-box .post-image-inner {
		display: block;
	}
	html.is-mobile  #modal-post .post-image img {
		width: 100%;
		height: auto;
	}
	html.is-mobile  #modal-post .post-image-box .site {
		position: relative;
		top: 0;
		bottom: auto;
		/* padding: 15px; */
	}
	html.is-mobile  #modal-post #post-info {
		/* width: auto !important; */
		max-width: 100%;
		overflow-x: hidden;
	}
	html.is-mobile  #modal-post #post-info .message { /* max-height: none; */
		
	}
	html.is-mobile  #modal-post .post-comments {
		height: auto !important;
		/* padding-bottom: 80px; */
		padding-bottom: 62px;
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
	}
	html.is-mobile  #modal-post #form-post-addcomment {
		position: fixed;
		border-bottom: 1px solid #ccc;
		bottom: 40px;
		background: white;
		display: none;
	}
	html.is-mobile  #modal-post .form-post-comment .user img {
		width: 24px;
		height: 24px;
	}
	html.is-mobile .modal-open #main-container {
		display: none;
	}
	html.is-mobile .modal-open .modal .close[data-dismiss="modal"] {
	/*
		position: fixed;
		z-index: 1000;
		top: 7px;
		right: 0;
		*/
	}
	html.is-mobile.smartbanner-shown .modal-open .modal .close[data-dismiss="modal"] {
		top: 90px;
	}
	html.is-mobile  #form-dopostimagelink-url input[name="linkurl"], #form-dopostimagelink-url #btn-dopostimagelink-url {
		display:block; 
		width: 95%;
		margin-bottom: 7px;
	}
}

.masonry,.masonry .masonry-brick {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transitinon-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-ms-transition-property: none;
	-o-transitinon-property: none;
	transition-property: none;
}

/****** mobile nav ******/
.mobile-nav,.mobile-nav-fixed {
	display: none;
}

html.is-mobile  #modal-post .modal-body > a.close {
	display: none;
}

/* @media ( max-width:568px ) { */

/*
	html.is-mobile  .mobile-nav {
		display: block;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		opacity: 0.8;
		position: fixed;
	}
	html.is-mobile  .mobile-nav.navbar-fixed-bottom .navbar-inner,.mobile-nav.navbar-fixed-top .navbar-inner {
	}
	html.is-mobile  .mobile-nav .nav li>a {
		padding: 7px 20px;
		font-size: 28px;
		line-height: 28px;
	}
	html.is-mobile  .mobile-nav .nav li>a [class^="icon-"],.mobile-nav .nav li>a [class*=" icon-"] {
		color: white;
	}
	html.is-mobile  .mobile-nav .nav li>a.disabled [class^="icon-"],.mobile-nav .nav li>a.disabled [class*=" icon-"] {
		color: #888;
	}
	
	html.is-mobile  .navbar .navbar-sub .nav > li > a {
		padding-left: 7px;
		padding-right: 7px;
	}
}
*/

/* simple lightbox */
.modal-lightbox {
	overflow: hidden;
}

.modal-lightbox .modal-body {
	text-align: center;
	vertical-align: middle;
}

.modal-lightbox .modal-body img {
	max-height: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* @media ( max-width : 568px ) { */
	html.is-mobile .modal-lightbox .modal-body img {
		max-height: none;
	}
	html .is-mobile .modal-lightbox .close {
		margin-right: 7px;
	}
/* } */

/* @media ( max-width : 568px ) { /* for android fixed bug */
	html.is-mobile {
		/* position: relative; */
		box-sizing: border-box;
		width: 100%;
		overflow-x: hidden;
		height: auto;
		padding-right: 0;
	}
	html.is-mobile body {
		/* position: relative; */
		box-sizing: border-box;
		width: 100%;
		overflow-x: hidden; /* cause pc scrollbar on body */
		height: auto;
		min-height: 100%;
		/* padding-bottom: 50px; */
		padding-bottom: 0;
		overflow-y: visible;
	}
	html.is-mobile #body-anchor {
		position: relative;
		height: 0;
		width: 100%;
	}
	html.is-mobile #body-anchor:after {
		content: '';
		display: table;
		clear: both;
	}
	html.is-mobile body.modal-open {
		padding: 0;
	}
	/*
	html.is-mobile body.modal-open>* {
		display: none;
	}*/
	html.is-mobile body.modal-open>#left-menu,
	html.is-mobile body.modal-open>#all,
	html.is-mobile body.modal-open>.modal-backdrop {
		display: none;
	}

	html.is-mobile body.modal-open>.modal.in,
	html.is-mobile .modal-body {
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		display: block;
		box-sizing: border-box;
		height: auto;
		width: 100%;
		max-height: none;
		max-width: none;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
	}
	html.is-mobile #modal-login #tenant-forms {
		height: auto;
		overflow: visible;
	}
	
	html.is-mobile form .btn.pull-right {
		float: none;
		margin-top: 15px;
	}
	
	html.is-mobile form#form-dochangepasswd.form-horizontal .control-label {
		width: auto;
		margin-top: 15px;
	}
	
	html.is-mobile form#form-dochangepasswd.form-horizontal .controls {
		margin-left: 0;
	}
/* } */

/******************************/

body.preopen.anonymous #main-menu-toggle {
	display: none !important;
}

.menu-mask {
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-ms-filter:"alpha(opacity=50)";
	filter:alpha(opacity=50);
	opacity: 0.5;
	background: white;
	
	z-index: 100;
	cursor: pointer;
}

body.left-menu-opened .menu-mask {
	display:block;
}

/********/
.video_place, .audio_place, video, audio {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	line-height: 100%;
}

.video_place .progress {
	position: absolute;
	bottom: 0;
	left: 0;
	right :0;
	-webkit-opacity: 0.75;
	-moz-opacity: 0.75;
	-ms-filter: alpha(opacity=75);
	filter: "alpha(opacity=75)";
	opacity: 0.75;
	margin-bottom: 0;
	text-align: center;
}

#dopost-movieupload-embed .video_place {
	width: 200px;
}

.audio_place a, .video_place a {
	cursor: pointer;
	display: block;
}

.audio_place .post_image_marker {
	left :15px;
	margin-left: 0;
	/* margin-top: -10px; /* overwrite common.js */
}

.audio_place .post_image_marker .icon-play-circle {
	font-size: 20px; /* overwrite common.js */
	line-height: 20px;
	width: auto;
}

.audio_place .post_image_marker .icon-play-circle:before {
	content: '\f0a1\f04b'; /* bull-horn, play */
	letter-spacing: 10px; /* overwrite common.js */
	white-space: no-wrap;
	width: auto;
}

/*
.ua-ios audio {
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transform-origin: top left;
}
*/

.ua-ios #dopost-audioupload-tab {
	display: none;
}

/******/

#posts .post_question_graph {
	height: 120px;
	margin-top: 5px;
	margin-bottom: 5px;
	/* text-align: center; */
}

#posts .post_question_result.is_empty .post_question_graph,
#posts .post_question_result.is_empty .post_question_link {
	display: none;
}

.post-image-box .post_question_leader,
.post-image-box .post_question_manip,
.post-image-box .post_question_result_str {
	display: none;
}

.visualize {
	border: none;
	background: transparent;
}

#posts .post_question_graph .visualize-labels-x,
#posts .post_question_graph .visualize-labels-y .label,
#posts .post_question_graph .visualize-info {
	display: none;
}

#modal-post .post_question_graph .post_question_result_pie .visualize-info,
aaa .post_question_graph .visualize-labels-y {
	display: none;
}

.post_question_graph {
	position: relative;
	margin-bottom: 15px;
	white-space: nowrap;
	vertical-align: middle;
	height: 120px;
}

.post_question_result_pie {
	display: inline-block;
	vertical-align: middle;
}

.post_question_result_bar {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ccc;
	margin-left: 24px;
}

.post_question_result_stacked {
	position:relative;
	display:block;
	padding:0 7px;
	height:80px;
}
.post_question_result_stacked .stacked-bars {
	position:relative;
	width:100%;
	height:100%;
	height:100%;
	display:flex;
}
.post_question_result_stacked .stacked-bars > * {
	color:white;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.post_question_result_stacked .stacked-bars > * > * {
	z-index:10;
	display:block;
	white-space:nowrap;
	padding:5px;
	position:relative;
	text-align:center;
}

#posts .post_question_result_bar {
	margin-left: 15px;
}

.post_question_manip {
	text-align: center;
	padding: 5px 0;
	white-space: nowrap;
}

.post_question_manip .btn {
	width: 49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	font-weight: bold;
}

.post_question_manip .btn-answer-yes,
.post_question_manip .btn-answer-no {
	-moz-opacity:0.6;
	-ms-filter:alpha(opacity=60);
	filter:(opacity=60);
	opacity:0.6;
}

.post_question_manip .btn.answered {
	font-weight: bold;
	/* outline: 2px solid #ccc; */
	
	-moz-opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	opacity:1;
}

.post_question_manip .btn-answer-yes {
	/* margin-right: 15px; */
}

.answer-yes,
.post_question_manip .btn-answer-yes {
	/* green */
	/* color: #58c23c; /* votena */
	color: #77ba4e; /* ogawa hsv: 97,58,73 */
	color: #71b04a; /* ogawa darken hsv: 97,58,69 */
}

.answer-no,
.post_question_manip .btn-answer-no {
	/* red */
	/* color: #ef0d2b; /* votena */
	color: #d93e42; /* ogawa */
}

/*
.post-comments .answer-no,
.post-comments .answer-yes {
	font-style: italic;
}
*/

.post_question_result_str {
	text-align: right;
	white-space: nowrap;
}

#modal-post.has_question .post-image-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 200px;
}

#modal-post.has_question .post-image-box .post-question {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding : 15px;
	height:200px;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
}

#modal-post.has_question.noimage .post-image-box .post-question {
	position: absolute;
	top: 50%;
	bottom: auto;
	margin-top: -100px;
	left: 0;
}

html.is-mobile #modal-post.has_question .post-image-box {
	padding-bottom: 0;
}

html.is-not-mobile #modal-post.has_question #post-comments-area .post_question_graph,
html.is-mobile #modal-post.has_question .post-image-box .post-question {
	display: none;
}

html.is-mobile #modal-post.has_question #post-comments-area .post_question_result_bar .visualize-info {
	padding: 2px 5px;
	top: -10px;
}

#modal-post.has_question .post-image-box .post-question .post_question_result .post_question_graph,
#modal-post.has_question .post-image-box .post-question .post_question_result {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	margin-bottom: 0;
}

#modal-post.has_question .post_question_result {
	padding: 7px;
	color: #888;
}

.post_question_result {
	margin-top: 7px;
	font-size: 80%;
}

.post_question_result .post_question_leader {
	font-weight: bold;
	margin-bottom: 5px;
	/* font-size: 80%; */
}
.post_question_result .post_question_result_str {
	/* font-size: 80%; */
}

a:focus .post_questoin_result *,
a:hover .post_questoin_result *,
a .post_questoin_result {
	text-decoration: none;
	color: inherit;
}

html #tabs-dopost.nav-pills>li>a {
	text-align: center;
	min-width: 1.2em;
}
html #tabs-dopost.nav-pills>li>a>[class^="icon-"] {
	width: auto;
}

html.is-mobile #tabs-dopost.nav-pills {
	margin-top: 15px;
}

html.is-mobile #tabs-dopost.nav-pills>li>a{
	padding-right: 8px;
	padding-left: 8px;
}

.visualize-labels-x li span.line, .visualize-labels-y li span.line {
	border-color: #eee;
	color: transparent;
}

.visualize-bar .visualize-labels-y li span.label,
.visualize-bar .visualize-labels-x li span.label {
	background-color: transparent;
	font-weight: normal;
	padding : 0;
	font-size: inherit;
	display: inline;
}

.visualize-bar {
	background: white;
}

.visualize canvas {
	position: relative;
}

.visualize .visualize-key,
.visualize .visualize-title {
	display: inline-block;
	vertical-align: middle;
}

.visualize .visualize-title {
	margin-right: 1em;
	margin-bottom : 0;
}

.post_question_result.answered .for-not-answered,
.post_question_result.not_answered .for-answered {
	display: none;
}

.post_question_result.not_answered .for-not-answered {
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0; right: 0;
	margin-top: -0.5em;
	font-size: 14px;
}


/*** flatten test **/
body.posts #posts.vgrid .post_main {
	border-bottom-style: none!important;
}

.post-comments .post-comment {
	border-bottom: none!important;
}

.post-comments .post-comment-replies .post-comment-reply {
	border-top: none!important;
}

body.posts #posts.channel .post-comments-area .post-comment {
	border-top: none!important;
}


body.posts #posts .post .post_pic {
	border-bottom-color: #eee!important;
}

#modal-post #post-manip-area {
	border-bottom: none!important;
}

body.posts #posts.channel .post[data-tmpl-row]+.post[data-tmpl-row] {
	margin-top: 80px!important;
}

/* new menues */

html.is-mobile .navbar .navbar-sub .nav {
	white-space: nowrap;
}

html.is-mobile .navbar .navbar-sub .nav>li>a {
	padding-right: 4px;
}

.for-users,
.for-media, .for-media-hot, .for-media-new, .for-media-following,
.for-media-tag, .for-media-tags,
.for-topics, .for-questions {
	display: none;
}

body.nav-media-tags .for-media-tags,
body.nav-media-tag .for-media-tag,
body.nav-users .for-users,
body.nav-media .for-media,
body.nav-media-hot .for-media-hot,
body.nav-media-new .for-media-new,
body.nav-media-follwing .for-media-follwing,
body.nav-topics .for-topics,
body.nav-questions .for-questions,
body.nav-media-following .for-media-following {
	display: block;
}

body.nav-media-tags span.for-media-tags,
body.nav-media-tag span.for-media-tag,
body.nav-users span.for-users,
body.nav-media span.for-media,
body.nav-media-hot span.for-media-hot,
body.nav-media-new span.for-media-new,
body.nav-media-follwing span.for-media-follwing,
body.nav-topics span.for-topics,
body.nav-questions span.for-questions,
body.nav-media-following span.for-media-following,
body.nav-users a.for-users,
body.nav-media a.for-media,
body.nav-media-hot a.for-media-hot,
body.nav-media-new a.for-media-new,
body.nav-media-follwing a.for-media-follwing,
body.nav-topics a.for-topics,
body.nav-questions a.for-questions,
body.nav-media-following a.for-media-following {
	display: inline;
}

body.nav-media-tags #list {
	display:none;
}

#post-tags {
	color: #666;
	padding: 7px;
	margin-bottom: 15px;
}

#post-tags-presets {
	line-height: 2.5em;
}

#post-tags-presets form {
	/* display: inline-block; */
	position: relative;
	margin: 7px 0 0 10px;
	overflow: hidden;
	vertical-align: middle;
	padding: 0;
	line-height: 1em;
}

#post-tags-presets form .tagsinput {
	overflow: hidden;
	height: 1.4em!important;
	padding: 5px 5px 7px 5px;
}

body.posts #posts.vgrid .post.has_question .post_message {
	max-height: 480px;
}

/*** question ***/

.for-question-type-0,
.for-question-type-1 {
	display: none;
}

.question-type-0 .for-question-type-0,
.question-type-1 .for-question-type-1 {
	display: block;
}

.question-type-0 span.for-question-type-0,
.question-type-1 span.for-question-type-1 {
	display: inline;
}

#sysinfo {
	/*
	position: absolute;
	z-index: 10000;
	top: 0;
	max-width: 80%;
	width: 320px;
	margin-left: -160px;
	left: 50%;
	*/
	
	padding :0;
	background: white;
	border: 1px solid #da4f49;
	
	font-size: 80%;
	line-height: 1.4em;
	font-weight: normal;
}

#sysinfo {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);	
}

#sysinfo .sysinfo {
	padding: 15px;
	position: relative;
}

#sysinfo .sysinfo[data-tmpl-row] + .sysinfo[data-tmpl-row] {
	border-top: 1px solid #ccc;
}

#sysinfo .sysinfo .sysinfo_delete {
	position: absolute;
	right: 0;
	top:0;
	bottom: 0;
	padding: 0;
	width: 20px;
	font-size: 12px;
	line-height: 12px;
}

#sysinfo .sysinfo .sysinfo_delete > a {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.5em;
	margin-left: -0.5em;
}

#sysinfo .sysinfo .sysinfo_delete > * {
	vartical-align: middle;
}

#sysinfo .sysinfo_delete [class^="icon-"],
#sysinfo .sysinfo_delete [class*=" icon-"] {
	color: #ccc;
}

#profile-edit-resend-confirm.btn {
	margin-top: 7px;
}

.sticker > img {
	width: 120px;
	height: 120px;
}

.sticker-tiny > img {
	width: 48px;
	height: 48px;
}

.sticker_group_tab > li > a {
	padding: 2px;
}
.sticker_group_tab > li > a > img {
	width: 24px;
	height: 24px;
}

.sticker_group_tab.nav.nav-tabs {
	margin-bottom: 0;
	border-bottom: none;
	border-top: 1px solid #ddd;
	margin-bottom: -9px;
	white-space: nowrap;
}

.sticker_group_tab.nav.nav-tabs > li.active > a,
.sticker_group_tab.nav.nav-tabs > li > a {
	border: none;
	bacground: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.sticker_group_tab.nav.nav-tabs > li[data-tmpl-row]:first-child {
	border-botom-left-radius: 7px;
}

.sticker_group_tab.nav.nav-tabs > li:hover > a,
.sticker_group_tab.nav.nav-tabs > li.active > a {
	background: #ccc;
}


.stickers .sticker > img {
	width: 60px;
	height: 60px;
}

a.sticker-select {
	display: inline-block;
	margin: 0px;
	padding: 5px;
}
a.sticker-select:hover {
	text-decoration: none;
	background: #ddd;
}

.stickers .tab-content {
	position:relative;
	height: 144px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.form-post-comment .popover,
.form-post-comment-reply .popover,
#form-domessage .popover {
	left: 0 !important;
	right: 0 !important;
	max-width: none;
	padding: 0;
}

.form-post-comment .popover .poover-title,
.form-post-comment-reply .popover .popover-title,
#form-domessage .popover .popover-title {
	display: none;
}

.form-post-comment .popover.bottom .arrow,
.form-post-comment-reply .popover.bottom .arrow,
#form-domessage .popover.bottom .arrow {
	right: 7px;
	left: auto;
}

.form-post-comment .popover .popover-content,
.form-post-comment-reply .popover .popover-content,
#form-domessage .popover .popover-content {
	padding-left: 0;
	padding-right: 0;
}

html.ua-ios .modal .popover,
html.is-mobile .modal .popover {
	/* for iOS safari z-index bug */
	position: relative;
	top: 0!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	z-index: auto;
}

html.ua-ios form.showing_sticker .btn-submit,
html.is-mobile form.showing_sticker .btn-submit {
	display: none!important;
}

#messages .sticker {
	
}

#messages .message-from-other .sticker {
	text-align: right;
}


#message-statuses .sticker > img {
	border:none; outline:none;
	width: 48px;
	height: 48px;
	-ms-interpolation-mode: bicubic;
}

#nav-messages .sticker > img {
	border:none; outline:none;
	width: 32px;
	height: 32px;
	-ms-interpolation-mode: bicubic;
}

.textarea-wrap {
	position: relative;
	display: block;
}

span.textarea-wrap {
	display: inline-block;
}

.textarea-wrap > textarea {
	display: inline-block;
}

.textarea-wrap .rightbottom {
	position: absolute;
	right: 0;
	bottom: 0;
	top: auto;
	left: auto;
	color: #888;
	font-size: 16px;
	line-height: 16px;
	padding: 5px;
}

.textarea-wrap a.rightbottom,
.textarea-wrap a.rightbottom:active,
.textarea-wrap a.rightbottom:hover,
.textarea-wrap a.rightbottom:focus {
	text-decoration: none;
	outline: none;
}

html.is-mobile .textarea-wrap {
	display: block;
}

html.is-mobile .textarea-wrap .rightbottom {
	/* bottom: 12px; */
}

html.is-touch-device .textarea-wrap .rightbottom {
	font-size: 20px;
	line-height: 20px;
}

.textarea-wrap .rightbottom [class*=" icon-"],
.textarea-wrap .rightbottom [class^="icon-"] {
	color: #888;
}

#message-stickers {
	margin-top: 10px;
}

.users-divider {
	clear:both;
	height: 30px;
	font-size: 0; line-height: 0;
	/* border-bottom: 1px solid #ddd; */
	/* margin-bottom: 20px; */
}

/*************************/
html.is-native.ua-ios .not-for-native-ios,
html.is-native.ua-android .not-for-native-android,
html.is-native .not-for-native,
html.is-native [data-channel].not-subscribed,
html.is-native .btn-channel_subscribe {
	display: none!important;
}

/*****************************/
#notices .for-loading,
#nav-messages .for-loading,
#stickers-tmpl .for-loading,
.stickers .for-loading {
	text-align: center;
	min-height: 0;
}

script, style {
	display: none !important;
}

/************* new logins ***************/

body {
	font-family:'Helvetica Neue', 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	-webkit-transition: opacity 0.5s ease 0;
	-moz-transition: -moz-opacity 0.5s ease 0;
	-ms-transition: opacity 0.5s ease 0;
	transition: opacity 0.5s ease 0;
}

body.init {
	-moz-opacity:0;
	opacity:0;
}

body {
	-moz-opacity:1;
	opacity:1;
}

/*********** ad **************/
#post-ad-area {
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
@media (max-width:767px) {
	#post-ad-area {
		margin-left:-7px;
		margin-right:-7px;
		margin-bottom:-7px;
	}
	#post-ad-area > iframe {
		display:block;
		margin:0 auto;
	}
}