:root{
	--theme-backgorund: #FFF;
	--theme-surface: #FFF;
}
.theme-light{
	color-scheme: normal;
	--theme-backgorund: #FFF;
	--theme-surface: #FFF;
}
.theme-dark{
	color-scheme: dark;
	--theme-backgorund: #000;
	--theme-surface: #000;
}

form,
.tablebasic,
.tselector ul,
.itList,
.tableborder,
.block-container,
.main-menu,
.main-menu a,
#fancybox-tmp,
#fancybox-img,
.fancybox-bg,
dl {
	margin: 0;
	padding: 0;
}

ul,
ol {
	padding: 0 0 0 30px;
}

audio{
	width:100%;
	max-width:480px;
}
video{
	width:100%;
	max-width:640px;
	max-height:480px;
}

legend{
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding: 2px 0;
	margin: 4px 0;
}

table {
	border-spacing: 1px;
	width: 100%;
}

table th {
	font-weight: 300;
}

form {
	border: 0 solid #000;
	caret-color: #000
}

img {
	border: 0 solid #000;
	vertical-align: middle;
}

h2,
h3,
h4 {
	margin: 4px 0;
	color: #333;
	text-decoration: none;
	font-weight: 600;
}

h1 {
	font-size: 2.4rem;
	margin: 10px 0;
	text-decoration: none;
	font-weight: 600;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.6rem;
}

h4 {
	font-size: 1.4rem;
}

fieldset {
	border: 0;
	margin: 0;
	padding:1rem;
}

label {
	cursor: pointer;
}

dd, dt {
	margin: 0;
	display: inline;
}

dt {
	color: #777;
}

dd {
	padding-left: .4em;
	float: right;
}

select,
input{
	outline: none;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #CC3333;
	text-decoration: underline;
	cursor: pointer;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.fast-jump{
	width: 99%;
}
.block {
	margin: 0 0 20px;
}

.tablebasic {
	border: 0;
	clear: both;
	text-align: left;
	width: 100%;
}

.purple {
	color: purple;
	font-weight: bold;
}

.red,
a.red {
	color: red;
	font-weight: bold;
}

.green,
a.green {
	color: green;
	font-weight: bold;
}

.postContent,
a.userlink {
    word-break: break-all;
}

.blue,
a.blue {
	color: blue;
	font-weight: bold;
}

.orange,
a.orange {
	color: #F90;
	font-weight: bold;
}

.back,
a.black {
	color: #000000;
	font-weight: bold;
}

.warngood,
a.warngood {
	color: green;
}

.warnbad,
a.warnbad {
	color: red;
}

.modList,
.modList a {
	color: green;
}

.admList,
.admList a {
	color: red;
}

.memList,
.memList a {
	color: blue;
}

.guestList,
.guestList a {
	color: #777;
}

.inputRed {
	border: 1px solid #ff4040;
	background: #ffcece;
}

.inputGreen {
	border: 1px solid #83c954;
	background: #e8ffce;
}

.simpleLabel {
	white-space: nowrap;
	overflow: hidden;
}

.subLabel{
	color: #777;
	text-align: right;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.al {
	text-align: left;
}

.ar {
	text-align: right;
}

.ac {
	text-align: center;
}

.at {
	vertical-align: top;
}

.am {
	vertical-align: middle;
}

.m4 {
	margin: 4px;
}

.m2 {
	margin: 2px;
}

.mv4 {
	margin: 4px 0;
}

.p4 {
	padding: 4px;
}

.pv4 {
	padding: 4px 0;
}

#ratecon,
.tselector,
.tselthumb,
.rating-icon,
.rate-it,
.alseldesc,
.main-menu li,
.notification-icon,
.rating-block {
	display: -moz-inline-box;
	display: inline-block;
}

.disabled {
	visibility: hidden;;
}

.itblock {
	padding: 4px 0;
	text-align: center;
	width: 100%;
}

.itList {
	list-style: none;
	overflow: hidden;
}

.delitem {
	opacity: 0.2;
}

#pminline {
	margin: 10px 10px 0;
}

#pmnotifywrap {
	background: #FEF1F1;
	border: 1px solid #CE0000;
	width: 100%;
}

.pmnotifytop,
.pmnotifytop a {
	background: #CE0000;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
}

.pagination {
	display: table
}

.page-link-total,
.page-link-dots,
.page-link-current,
.page-link {
	color: #000;
	padding-right: 4px;
	text-align: center;
	line-height: 18px;
	float: left;
	padding-bottom: 3px;
	margin: 1px 0;
}

.page-link-current div {
	color: #FFF;
	background-color: #DA251B;
	border: 1px solid #DA251B;
	font-weight: normal;
	border-radius: 3px;
	line-height: 26px;
	padding: 0 4px;
	display: block;
	min-width: 14px;
}

.page-link a,
.page-link-total a,
.page-link-dots a,
.page-link-current a,
.page-link a:hover,
.page-link-total a:hover,
.page-link-dots a:hover,
.page-link-current a:hover,
a.page-link {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #EEE;
	border-radius: 3px;
	padding: 4px;
	display: block;
	min-width: 16px;
	line-height: 18px;
}

.mini-page-link a,
.mini-page-link-last a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #EEE;
	border-radius: 3px;
	padding: 0 5px;
}

.mini-page-link {
	color: #000;
	font-size: 1.2rem;
	font-weight: normal;
	margin-right: 1px;
	padding: 2px;
	text-decoration: none;
}

.mini-page-link-last {
	color: #000;
	font-size: 1.2rem;
	font-weight: normal;
	margin-right: 1px;
	padding: 1px 2px;
	white-space: nowrap;
}

.page-link a:hover,
.page-link-total a:hover,
.page-link-dots a:hover,
.mini-page-link a:hover,
.mini-page-link-last a:hover,
a.page-link:hover,
a.page-link-dots:hover,
a.mini-page-link:hover,
a.mini-page-link-last:hover {
	background-color: #E6E6E6;
}

.rowTopicTitle {
	line-height: 2.1rem;
}

.rowTopicTitle,
.rowTopicTitle a {
	font-size: 1.4rem;
}

.rowTopic a {
	text-decoration: none;
	color: #000;
}

.rowTopic a:hover {
	text-decoration: underline;
	color: #CC3333;
}

button.btn,
input.btn,
a.btn,
a.btn:hover {
	font: normal 14px 'Open Sans', Arial, Sans-Serif;
	border-radius: 4px;
	border: 1px #0049C4 solid;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	cursor: pointer;
	display: inline-block;
	margin: 1px 0;
	text-align: left;
	vertical-align: middle;
	color: #FFF;
	background-color: #716F6E;
	text-decoration: none;
	border-right: 7px solid #DA251B;
	padding: 3px 10px;
}

a.btn,
a.btn:hover {
	line-height: 20px;
	height: 20px;
}

button.btn,
input.btn {
	line-height: 20px;
	height: 28px;
}

.btn:hover,
a.btn:hover {
	background-color: #615F5E;
}

.btn:active,
a.btn:active {
	background-color: #716F6E;
	box-shadow: 0 0 4px #716F6E;
}

.btnBig,
.btnBig:hover,
a.btnBig,
a.btnBig:hover {
	border-radius: 4px;
	border: 1px solid;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 20px;
	margin: 1px 0;
	padding: 3px 10px;
	text-align: left;
	vertical-align: middle;
	color: #000 !important;
	background-color: #EEE;
	text-decoration: none !important;
}

a.btnBig:hover {
	background-color: #E7E7E7;
}

.btnBig:active,
a.btnBig:active {
	background-color: #EEE;
	box-shadow: 0 0 4px #CCC;
}

a.btnBigSelected {
	background-color: #5BB75B;
	color: #FFF !important;
	text-decoration: none;
}

.btnBigSelected,
a.btnBigSelected:hover {
	background-color: #4BA74B;
	color: #FFF !important;
}

.tab,
.tab-selected,
.tab-danger,
.tab-success,
.tab-info,
.tab-regular,
.tab-warning,
a.tab,
a.tab-selected,
a.tab-danger,
a.tab-success,
a.tab-info,
a.tab-regular,
a.tab-warning {
	padding: 4px;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 1.1rem;
	margin: 1px;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
}

.tab a,
.tab,
a.tab {
	color: #000;
	background-color: #E0E0E0;
	border-color: #E6E6E6 #E6E6E6 #A2A2A2;
}

.tab:hover {
	background-color: #E5E5E5;
}

.tab-selected a,
.tab-selected,
a.tab-selected {
	color: #000;
	background-color: #AF0;
	border-color: #A9FA00 #A9FA00 #8ADF00;
}

.tab-warning,
.tab-danger,
.tab-success,
.tab-info {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.tab-danger a,
.tab-danger,
a.tab-danger {
	background-color: #DA4F49;
	color: #FFF;
}

.tab-danger:hover a,
.tab-danger:hover,
a.tab-danger:hover {
	background-color: #e8524c;
	color: #FFF;
}

.tab-success a,
.tab-success,
a.tab-success {
	background-color: #5BB75B;
	color: #FFF;
}

.tab-success:hover a,
.tab-success:hover,
a.tab-success:hover {
	background-color: #61C761;
	color: #FFF;
}

.tab-info a,
.tab-info,
a.tab-info {
	background-color: #49AFCD;
	color: #FFF;
}

.tab-info:hover a,
.tab-info:hover,
a.tab-info:hover {
	background-color: #4cbddc;
}

.tab i,
.tab-selected i {
	position: relative;
	vertical-align: top;
}

input.tab,
input.tab-selected,
input.tab-danger,
input.tab-success,
input.tab-info,
input.tab-regular,
input.tab-warning {
	height: auto;
}

#member-bar {
	background-color: #DA251B;
	border-bottom: 1px solid #C2CFDF;
	margin: 0;
	width: 100%;
	color: #FFF;
	font-size: 1.2rem;
	overflow: hidden;
	box-sizing: border-box;
	padding: 6px;
}

#member-bar a {
	background-color: transparent;
	color: #FFF;
	text-decoration: underline;
}

#validate {
	color: #DAFC0E;
}

#validate a {
	background-color: transparent;
	color: #DAFC0E;
	text-decoration: underline;
}

.tableborder{
	border: 0 solid #072A66;
}

.block-container{
	width: 100%;
}

.blockPad {
	border-radius: 3px;
	margin-bottom: 20px;
}

.miniTitle {
	font-weight: bold;
}

.main-title {
	border-bottom: 1px solid #000;
	border-left: 7px solid #DA251B;
	color: #DA251B;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 5px 5px 4px 4px;
}

.main-title a {
	background-color: transparent;
	color: #DA251B;
	text-decoration: none;
	border-bottom: 1px dotted;
}

.main-title a:hover {
	color: red;
}

.main-title h1 {
	font-size: 1.5rem;
	text-shadow: 0 0 0 #FFF;
	margin: 2px;
}

.medium-title {
	background-color: #DDD;
	color: #333;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 6px;
	margin: 2px 0;
	border-radius: 3px;
}

.medium-title a {
	background-color: transparent;
	text-decoration: underline;
	color: #000;
}

.medium-title a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #CC3333;
}

.adfooter a,
.adfooter a:hover,
.adfooter {
	background-color: #72706F;
	color: #FFF;
	float: right;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 3px 10px;
}

.blockFooter {
	border-bottom: 1px solid #000;
	border-left: 7px solid #DA251B;
	height: 1px;
	line-height: 1px;
}

.tstate,
.timg,
.tauthor {
	text-align: center;
}

.tdesc {
	text-align: left;
}

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

.tauthor {
	white-space: nowrap;
}

.tnews {
	text-align: left;
}

td.tstate,
td.tdesc,
td.tauthor,
td.tstats,
td.tnews {
	border-bottom: 1px solid #DDD;
	padding: 8px;
}

td.timg {
	border-bottom: 1px solid #DDD;
}

td.tstats {
	font-size: 1.2rem;
	color: #777;
}

th.tstate,
th.timg,
th.tdesc,
th.tauthor,
th.tstats,
th.tnews {
	padding: 4px;
}

.titlebt {
	background-color: #DDD;
	color: #083F8B;
	font-size: 1.1rem;
	height: 1.8rem;
	margin: 0;
	padding: 2px;
}

.titlebt a {
	background-color: transparent;
	color: #3A4F6C;
	text-decoration: underline;
}

.titleslim {
	text-decoration: none;
	padding-bottom: 8px;
}

.block-outer {
	text-decoration: none;
	overflow: hidden;
}

.padBlock {
	padding: 8px 0;
}

.catend {
	font-size: 1px;
	height: 10px;
}

.desc {
	color: #555;
	font-size: 1.2rem;
	font-weight: normal;
	margin-top: 2px;
}

.desc a {
	font-weight: normal;
}

.adString {
	color: #000;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 10px;
	margin: 2px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.pformstrip {
	color: #777;
	font-weight: bold;
	margin-top: 1px;
	padding: 7px;
}

.calstrip {
	color: #083F8B;
	font-weight: bold;
	margin-top: 1px;
	padding: 2px;
}


.copyright {
	background-color: #DA251B;
	font-size: 1.3rem;
	color: #FFF;
	padding: 6px 20px;
	text-align: left;
	box-sizing: border-box;
	width: 100%;
}

.copyright a,
.copyright a:hover {
	color: #FFF;
	text-decoration: underline;
	font-size: 1.3rem;
}

.copy-main {
	vertical-align: middle;
	margin: 0 0 4px 0;
	display: flex;
}

.copy-main div {
	padding: 0 4px;
	margin: auto;
}

.copy-text {
	flex: 1;
}

.copy-info{
	display: table;
}

.copy-info div {
	vertical-align: middle;
	display: table-cell;
	padding: 0 4px;
}

.activeUsers {
	border: 1px solid #D8D8D8;
	margin: 10px 0;
	padding: 1px;
	border-radius: 4px;
}

.activeuserposting,
.activeuserposting a {
	border-bottom: 1px dotted #000;
	font-style: italic;
	text-decoration: none;
}

.attach {
	background-color: gray;
	text-align: left;
	margin: 1px;
	padding: 1px;
	border-radius: 2px;
	display: -moz-inline-box;
	display: inline-block;
}

.helptext {
	color: #777;
}

li.helprow {
	margin: 0 0 10px;
	padding: 0;
}

ul#help {
	padding: 0 0 0 15px;
}

option.cat {
	font-weight: bold;
}

option.sub {
	color: #555;
	font-weight: bold;
}

.caldate {
	background-color: #FFF;
	color: #777;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	text-align: center;
}

.caldateweek {
	background-color: #DFE6EF;
	border-right: 1px solid #AAA;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0;
	padding: 6px;
	text-align: center;
}

#padandcenter {
	margin-left: auto;
	margin-right: auto;
	padding: 14px 0;
	text-align: center;
}

#profilename {
	font-size: 28px;
	font-weight: bold;
}

#calendarname {
	font-size: 2rem;
	font-weight: bold;
}

#photowrap {
	padding: 6px;
}

#phototitle {
	border-bottom: 1px solid black;
	font-size: 2.4rem;
	line-height: 26px;
}

#photoimg {
	margin-top: 15px;
	text-align: center;
}

#ucpmenu {
	background-color: #F5F9FD;
	border: 1px solid #345487;
	line-height: 150%;
	width: 22%;
}

#ucpmenu p {
	margin: 0;
	padding: 2px 5px 6px 9px;
}

#ucpmenu a {
	text-decoration: none;
}

#ucpcontent {
	background-color: #F5F9FD;
	border: 1px solid #345487;
	line-height: 150%;
	width: auto;
}

#ucpcontent p {
	margin: 0;
	padding: 10px;
}

.austrip,
.aulist {
	padding: 6px;
}

.austrip {
	font-weight: bold;
}

.pformleft, .pformleftsmall {
	background-color: #FFF;
	border-right: 1px solid #C2CFDF;
	border-top: 1px solid #C2CFDF;
	margin-top: 1px;
	padding: 6px;
	vertical-align: top;
}

.pformleft {
	width: 25%;
}

.pformleftsmall {
	width: 1%;
}

.pformright {
	background-color: #FFF;
	border-top: 1px solid #C2CFDF;
	margin-top: 1px;
	padding: 6px;
}

.signature {
	color: #339;
	font-size: 1.2rem;
	border-top: 1px dashed #000;
	margin-top: 20px;
	padding: 6px 0;
	max-height: 24rem;
	overflow: hidden;
}

.exUserInfo {
	padding: 6px 0;
	font-size: 1.1rem;
}


.weatherInfo dl,
.exUserInfo dl {
	padding: 1px 0;
	text-align: left;
}
.weatherInfo dl{
	font-size: 1.3rem;
}
.weatherInfo dt:after{
	content: ":";
}

.userInfo {
	font-size: 1.1rem;
	padding: 4px 2px;
	width: 128px;
	vertical-align: top;
	margin: 1px 0;
	text-align: center;
}

.postContent {
	font-size: 1.4rem;
	line-height: 2.2rem;
	word-break: break-word;
}

.postSmilie {
	vertical-align: middle;
}
.postContent a {
	color: #CC3333;
}

.postContent a:hover {
	color: #000;
}

.normalName,
.normalName a,
.postedName,
.postedName a {
	font-size: 11pt;
	word-wrap: break-word;
}

.normalName,
.normalName a {
	font-weight: normal;
}

.postedName,
.postedName a {
	font-weight: bold;
}

.unreg {
	color: #900;
	font-size: 11px;
	font-weight: bold;
}

.post1shaded {
	background-color: #DEDBE4;
}

.post2shaded {
	background-color: #E3DFE7;
}

.main-title-panel {
	float: right;
	padding: 2px;
}

.main-title-panel,
.main-title-panel a {
	color: #DA251B;
	font-size: 1.2rem;
	text-decoration: none;
}

.main-title-panel a:hover {
	color: #000;
}

.no-decoration{
	text-decoration: none;
	border-bottom: none;
}
.no-decoration a {
	text-decoration: none;
	border-bottom: none;
}

.main-form-content {
	padding: 1rem;
}

.main-form,
.alrow0,
.alrow1,
.alrow2,
.alrow3,
.alrow4 {
	border-radius: 4px;
	padding: 4px;
}

.row1,
.post1 {
	background-color: #FFF;
}

.main-form,
.alrow0,
.alrow1 {
	background-color: #F5F5F5;
	border: 1px solid #E8E8E8;
}

.row5,
.alrow2 {
	background-color: #EFE;
	border: 1px solid #C7FFC7;
}

.row2,
.alrow3 {
	background-color: #FEF;
	border: 1px solid #FFC7FF;
}

.alrow4 {
*	background-color: #EFF;
	border: 1px solid #C7FFFF;
}

.row3,
.post2 {
	background-color: #F5F5F5;
}

.row4,
.sbrow {
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
	padding: 8px;
	overflow: hidden;
}

.sbrow {
	text-align: center;
}

.lineBlock{
	padding: 8px 0;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}

.main-menu{
	display: flex;
	flex-wrap: wrap;
}

.main-menu ul {
	flex: 1;
	padding: 0;
}

.main-menu a{
	font-weight: 600;
	text-decoration: none;
	list-style: none;
	padding: 0 4px;
	margin: 0;
	font-size: 1.2rem;
	color: #000;
}

.main-menu a:hover {
	color: #CC3333;
	text-decoration: none;
}

.main-menu li {
	width: 100%;
	margin: 3px 0;
}

.main-menu li i {
	padding-right: 4px;
}

.action24-icon {
	overflow: hidden;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	background: url('https://sayanogorsk.info/view/2/images/actions24.png') no-repeat center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
}

.action24-icon-prev {
	background-position: 0 0
}

.action24-icon-next {
	background-position: 0 -24px;
}

.rating-block {
	position: relative;
	width: 60px;
	height: 12px;
}

.rating-stars {
	position: absolute;
	top: 2px;
	left: 0;
	background: url('https://sayanogorsk.info/view/2/images/rating-stars.png') repeat scroll left top transparent;
	height: 12px;
	width: 60px;
}

#rating-hover {
	position: absolute;
	top: 2px;
	left: 0;
	height: 12px;
	width: 60px;
	cursor: pointer;
}

.queued {
	float: right;
	height: 1.5em;
	margin-top: 11px;
	width: auto;
}

.row2shaded {
	background-color: #DEDBE4;
}

.row4shaded {
	background-color: #E3DFE7;
}

.darkrow1 {
	background-color: #FFF;
	color: #4C77B6;
}

.darkrow2 {
	background-color: #FFF;
	border-bottom: 1px solid #000;
	color: #000;
}

.darkrow3 {
	background-color: #D1DCEB;
	color: #3A4F6C;
}

.hlight {
	background-color: #FFFFCC;
	text-align: center;
	border: 1px solid #FFC7FF;
}

.dlight {
	background-color: #F5F5F5;
	text-align: center;
	border: 1px solid #FFC7FF;
}

.postBorder {
	border: 1px solid #DDD;
	padding: 0;
	margin: 0;
	text-align: center;
}

.tablefill {
	background-color: #FFF;
	border: 1px solid #345487;
	padding: 6px;
}

.tablepad {
	background-color: #FFF;
	padding: 6px;
}

.tabletop {
	height: 30px;
}

.wrapmini {
	float: left;
	line-height: 1.5em;
	width: 25%;
}

.pagelinks {
	float: left;
	line-height: 1.2em;
	width: 35%;
}

.edit {
	font-size: 1.2rem;
	color: gray;
}

.searchlite {
	background-color: #FF0;
	color: red;
	font-weight: bold;
}

.codebuttons,
.actbuttons {
	font-family: verdana, helvetica, sans-serif;
	vertical-align: middle;
}

.codebuttons {
	font-size: 10px;
}

.actbuttons {
	font-size: 9px;
}

.formItem{
	background-color: #FAFAFA;
	margin: 6px 0;
	border-radius: 4px;
}

.asmSelect,
.textarea,
.dropdown,
.formInput,
.formField {
	border: 1px solid #4C77B6;
	font-size: 14px;
	line-height: 20px;
	padding: 3px 4px;
	margin: 1px 0;
	vertical-align: middle;
	border-radius: 4px;
	min-height: 20px;
	box-sizing: border-box;
	max-width: 100%;
}

.formField {
	width: 100%;
}

.formField:focus,
.formInput:focus {
	border-color: rgba(76, 119, 182, 0.75);
	box-shadow: 0 0 8px rgba(76, 119, 182, 0.5);
	outline: medium none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.radiobutton,
.checkbox {
	border: 0;
	vertical-align: middle;
}

.thin {
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	line-height: 160%;
	margin: 2px 0;
	padding: 6px 0;
}

.formsubtitle {
	border: 0;
	color: #777;
	font-weight: 600;
	padding: 5px;
	font-size: 1.2rem;
}

.formtable td.formstrip {
	background: #DDE8F2;
	border: 1px solid #9FB9D4;
	border-left: 0;
	border-right: 0;
	font-weight: normal;
}

.formsubtitle p.members {
	float: right;
	width: auto !important;
}

#ratecon {
	padding: 0;
}

.padBlock,
.padList,
.block-list {
	overflow: hidden;
	margin: 0;
	list-style: none;
}

.padList,
.block-list {
	padding: 2px 4px 8px;
}

.actList,
.navBlock {
	text-align: center;
}

.actList {
	margin: 8px 0 4px 0;
}

.navBlock {
	display: table;
	margin: 0 auto 8px auto;
}

.navBlock a {
	margin: 0 3px;
}

.block-list-row a {
	text-decoration: none;
	color: #000;
}

.block-list-row a:hover {
	text-decoration: underline;
	color: #CC3333;
}

.block-list-row {
	font-size: 1.3rem;
	font-weight: 600;
	margin: 2px 0;
	padding: 2px 0;
}

.block-list-row div {
	font-weight: normal;
	font-size: 1.2rem;
}

.block-list div {
	overflow: hidden;
}

.helpbtn {
	margin: 2px 0 2px 3px;
	height: 16px;
	width: 4px;
	cursor: help;
	background: url('https://sayanogorsk.info/view/2/images/arrow.gif') no-repeat scroll 2px 8px #F5F5F5;
}

.list-avatar-left {
	margin: 0 2px 0 0;
	padding: 2px 5px 0 0;
	float: left;
}

.list-avatar-left img {
	border-radius: 4px;
	border: 1px solid #AAA;
}

.list-avatar-left span {
	font-size: 22px;
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
}

.list-avatar-right {
	margin: 0 2px 0 0;
	padding: 0 0 0 5px;
	float: right;
}

.list-avatar-right img {
	border-radius: 4px;
	border: 1px solid #AAA;
}

.avRight24 span {
	font-size: 1.6rem;
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
}

.avatarHelp {
	padding: 4px 6px 4px 0;
	margin: 0 2px 0 0;
	float: left;
}

.avatarHelp span {
	font-size: 32px;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
}

.userAvatar {
	width: 100px;
	height: 100px;
	display: inline;
}

.userAvatar img,
.list-avatar-left img,
.list-avatar-right img,
.avatarHelp img {
	border-radius: 4px;
	display: inline;
}

.userAvatar a,
.list-avatar-left a,
.list-avatar-right a,
.userAvatarHelp a {
	text-decoration: none !important;
}

.userAvatar span {
	font-size: 70px;
	line-height: 100px;
	border-radius: 4px;
}

.userAvatarDefault {
	font-weight: normal;
	text-align: center;
	text-decoration: none !important;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: auto;
	width: 100px;
	height: 100px;
	display: block !important;
}

.commentsSep {
	clear: both;
	border-top: 1px solid #777;
	margin: 4px 0;
}

.padstr {
	margin: 2px 0;
	padding: 2px 0;
}

.padvert {
	padding: 15px 0;
	text-align: center;
}

.pcomm1 {
	background-color: #FFF;
	padding: 10px 0;
	line-height: 1.5em;
	font-size: 13px;
}

.pcomm2 {
	background-color: #F5F5F5;
	padding: 10px 0;
	line-height: 1.5em;
	font-size: 13px;
}

.commMessage{
	padding: 2px 15px;
}

.commMessage a {
	text-decoration: none;
	color: #CC3333;
}

.commMessage a:hover {
	text-decoration: underline;
	color: #000;
}

.commtop {
	background: transparent url('https://sayanogorsk.info/view/2/images/cmt.gif') no-repeat scroll 1px 3px;
	border-bottom: 1px solid #DDD;
	padding: 2px 15px;
}
.fads,
.fads a,
.fads a:hover {
	font-size: 10px;
	text-align: center;
	color: #000;
}

#uploadcomplete,
#uploadfail,
.uploadRestore,
#uploadComplete,
#uploadFail,
#file {
	display: none;
}

.floatselect {
	float: right;
}

.dashed_link,
a.dashed_link,
a.dashed_link:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

.bbcodeimg {
	display: inline-block;
	max-width: 100%;
	padding: 8px 0;
}

.bbcodeimg img {
	max-width: 100%;
}

.bbcodeimgbig {
	z-index: 50000;
	position: absolute;
	cursor: pointer;
}

#bbcodeimgtip {
	position: absolute;
	background-color: #333;
	opacity: 0.6;
	border-radius: 0 0 4px 4px;
	color: #FFF;
	padding: 2px 0;
	width: 240px;
	text-align: center;
	font-size: 11px;
	cursor: pointer;
	line-height: 18px;
}

.glabel,
.glabel a {
	color: #555 !important;
	text-decoration: none;
}

.glabel a:hover {
	color: #777 !important;
	text-decoration: underline;
}

.dateLink,
.dateLink a {
	color: #555;
	text-decoration: none;
}

.dateLink a:hover {
	color: #777;
	text-decoration: underline;
}

.quoteback {
	padding-top: 3px;
	vertical-align: top;
}

.list-members-item {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 4px auto;
	padding: 4px 0;
	border: 1px solid #F1F1F1;
	border-radius: 4px;
	width: 138px;
}

.list-members-item div {
	margin: auto;
}

.tipsy,
.tipsy-help {
	padding: 5px;
	font-size: 9px;
	position: absolute;
	z-index: 100000;
}

.tipsy-inner,
.tipsy-help-inner {
	padding: 6px 10px;
	background-color: #333;
	color: #FFF;
	max-width: 210px;
	text-align: left;
}

.tipsy-help-inner {
	min-width: 210px;
}

.tipsy-inner,
.tipsy-help-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
	font-size: 10px;
}

.tipsy-arrow {
	position: absolute;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjhGMDc3RDQ3NUIyMTFFMzgwQ0JCOUQ0RkIzQkRGQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGMDc3RDU3NUIyMTFFMzgwQ0JCOUQ0RkIzQkRGQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOEYwNzdEMjc1QjIxMUUzODBDQkI5RDRGQjNCREZBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOEYwNzdEMzc1QjIxMUUzODBDQkI5RDRGQjNCREZBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjkqq/sAAABPSURBVHjahM/RCQAgCATQzpncfwJ3si5IpAzvK65HJtx95KgqC5hZdFIAxtf5RQmMG4LjCpADacB+kePQIJw//eDuJa2KCsR2BQzAuynAANnSG+GL3NqmAAAAAElFTkSuQmCC") no-repeat top left;
	width: 9px;
	height: 5px;
}

.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}

.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}

#top-link-left,
#top-link-right{
	cursor: pointer;
	display: none;
	position: fixed;
	color: white;
	background: none repeat scroll 0 0 #666;
	margin: 5px;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	width: 40px;
	border-radius: 4px;
	opacity: 0.6;
	z-index: 200;
	box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
}


#top-link-left{
	left: 0;
	bottom: 0;
}

#top-link-right{
	right: 0;
	bottom: 0;
}

.top-link-icon {
	border-bottom: 7px solid #FFFFFF;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	display: inline-block;
	height: 0;
	width: 0;
}

.noteCloseButton {
	cursor: pointer;
	float: right;
}

.alert-help,
.alert-warning,
.alert-error,
.alert-info,
.alert-success {
	padding: 1rem 1rem 1em 7.2rem;
	border-radius: 4px;
	min-height: 30px;
	color: #000;
	margin: 8px 0;
	font-size: 1.4rem;
}

.alert-title {
	font-size: 1.6rem;
	overflow: hidden;
	font-weight: 600;
	padding-bottom: 0.3rem;
}

.alert-help{
	border: 1px solid #E8E8E8;
	background: #F5F5F5 url('https://sayanogorsk.info/view/2/images/message/help.svg') no-repeat 18px 50%;
}
.alert-warning {
	border: 1px solid #e5db55;
	background: #fefccb url('https://sayanogorsk.info/view/2/images/message/warning.svg') no-repeat 18px 50%;
}

.alert-warning .alert-title {
	color: #878314;
}

.alert-info {
	border: 1px solid #9fc7f5;
	background: #dbecff url('https://sayanogorsk.info/view/2/images/message/info.svg') no-repeat 18px 50%;
}

.alert-info .alert-title {
	color: #2850c1;
}

.alert-success {
	border: 1px solid #9adf8f;
	background: #d4ffcd url('https://sayanogorsk.info/view/2/images/message/success.svg') no-repeat 18px 50%;
}

.alert-success .alert-title {
	color: #39922c;
}

.alert-error {
	border: 1px solid #df8f90;
	background: #ffd2d3 url('https://sayanogorsk.info/view/2/images/message/error.svg') no-repeat 18px 50%;
}

.alert-error .alert-title {
	color: #871414;
}

#memberMessage {
	position: fixed;
	left: 0;
	bottom: 0;
	margin: 5px;
	max-width: 400px;
	text-decoration: none;
	z-index: 9999;
	text-align: left;
}

.currentDate {
	border: 1px solid darkred;
}

.catList {
	overflow: hidden;
	margin: 0;
	list-style: none;
	padding: 8px 4px;
	line-height: 1.2em;
}

.catList div,
.catList li {
	font-weight: 600;
	padding: 3px 10px;
	font-size: 9.5pt;
}

.catSelected a {
	color: #CC3333;
}

.uploadComplete,
.uploadProcess,
.uploadFail {
	border-radius: 4px;
	padding: 8px;
	margin: 4px 0;
	overflow: hidden;
}

.uploadComplete {
	background-color: #EEE;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.22);
}

.uploadProcess {
	background-color: #F1F0F0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.22);
}

.uploadFail {
	background-color: #FEF;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.22);
}

.uploadImage {
	text-align: center;
	padding:0 4px 0 0;
	width: 60px;
}

.uploadImage img {
	max-height: 52px;
	object-fit: contain;
}

.panel-left {
	text-align: left;
	padding-right: 4px;
	float: left;
}

.panel-right{
	text-align: right;
	float: right;
	padding-left: 4px;
}

.buttonsBlock {
	padding: 0 0 8px 0;
	overflow: hidden;
}

.searchForm fieldset {
	width: 230px;
}

.searchForm input[type="text"] {
	padding-right: 24px;
	width: 200px;
	margin-right: -24px;
}

.searchForm input[type="submit"] {
	background: rgba(0, 0, 0, 0) url("https://sayanogorsk.info/view/2/images/search.png") no-repeat scroll center;
	border: 0 none;
	cursor: pointer;
	left: -4px;
	position: relative;
	width: 16px;
	text-indent: -9999px;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.block-title {
	background-color: #AAA;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 300;
	margin: 2px 0;
	padding: 4px 12px;
	border-radius: 3px;
	overflow: hidden;
}

.block-title a {
	color: #fff;
}

.miniCalendarHeader {
	color: #083f8b;
	font-weight: bold;
	margin-top: 1px;
	padding: 1px;
}

.miniCalendarHeader td {
	width: 14px;
}

.fileInputButton {
	font-weight: normal;
}

.fileInputButton input {
	cursor: pointer;
	direction: ltr;
	font-size: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fileInputButton span {
	display: block;
	text-align: center;
}

.goodshare {
	cursor: pointer;
}

.goodshare:hover {
	opacity: 0.3;
	-moz-opacity: 0.3;
}

img.goodshare {
	width: 56px;
	height: 56px;
}

blockquote {
	border-left: 1px solid rgba(0, 0, 0, 0.3);
	padding-left: 2.4rem;
	color: rgba(0, 0, 0, 0.8);
	font-style: italic;
	position: relative;
	margin: 2.4rem;
	overflow: hidden;
}

#photoSubmit {
	display: none;
}

.bottomTabs {
	padding: 0 4px;
	text-align: center;
	display: table;
	width: 100%;
	background-color: #FAFAFA;
	box-sizing: border-box;
	margin: 4px 0;
	border-top: 1px solid #DA251B;
}

.bottomTabs div{
	display: table-cell;
	height: 38px;
	vertical-align: middle;
	font-size: 13px;
	cursor: pointer;
}

.bottomTabs div:hover{
	background-color: #DDD;
}

.bottomTabs .pointerArrow {
	position: absolute;
	border: 10px solid transparent;
	border-top-color: #DA251B;
	border-bottom-width: 0;
	margin: -11px -2px;
}

.bottomTabs .pointerArrow i {
	position: absolute;
	top: -18px;
	right: -7px;
	border: 9px solid transparent;
	border-top-color: #FFF;
	border-bottom-width: 0;
}

.topTabs {
	padding: 0 4px;
	text-align: center;
	display: table;
	width: 100%;
	background-color: #FAFAFA;
	box-sizing: border-box;
	margin: 4px 0;
	border-bottom: 1px solid #DA251B;
}

.topTabs div{
	display: table-cell;
	height: 38px;
	vertical-align: middle;
	font-size: 13px;
	cursor: pointer;
}
.topTabs div:hover{
	background-color: #DDD;
}

.topTabs .pointerArrow {
	position: absolute;
	border: 10px solid transparent;
	border-bottom-color: #DA251B;
	border-top-width: 0;
	margin: 19px -2px;
}

.topTabs .pointerArrow i {
	position: absolute;
	top: -18px;
	right: -7px;
	border: 9px solid transparent;
	border-bottom-color: #FFF;
	border-top-width: 0;
}

.youtubeEmbed {
	background-color: #CDCDCD;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: all 200ms ease-out;
	cursor: pointer;
	width: 100%;
	height: 400px;
	max-width: 600px;
}
.youtubeEmbed .play {
	background: url('https://sayanogorsk.info/view/2/images/yBtn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
	background-position: 0 -50px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	height: 50px;
	width: 69px;
	transition: none;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.youtubeEmbed:hover .play {
	background-position: 0 0;
}

.uploadBlock {
	margin: 4px;
	overflow: hidden;
}

.attachBlock {
	margin: 4px;
	overflow: hidden;
	display: inline-block;
}

.progressBar,
.progressBar div {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) inset;
	margin: 2px 0;
	height: 1.2rem;
	width: 100%;
}

.progressBar div {
	background: url('https://sayanogorsk.info/view/2/images/progressbar.gif') repeat scroll 0 0 transparent;
	width: auto;
}


.nav-forum {
	padding-left: 1em;
}

.nav-forum:before {
	content: "»» ";
}

.nav-forum-sub {
	padding-left: 2em;
}

.nav-forum-sub:before {
	content: "\b7\a0 ";
}

.main-weather{
	padding: 4px;
	overflow: hidden;
}

.main-news {
	clear: both;
	overflow: hidden;
	color: #333;
	font-size: 1.3rem;
	display: flex;
	padding: 4px;
}
.main-news a:active,
.main-news a:link {
	text-decoration: none;
	color: #000;
}

.main-news a:hover {
	text-decoration: underline;
	color: #CC3333;
}

.main-news a:visited {
	color: #666;
	text-decoration: none;
}

.main-news-left,
.main-news-right {
	flex:1;
	width: 50%;
}
.main-news-left {
	padding-right: 8px;
}

.main-news-right {
	padding-left: 8px;
}

.main-news-row {
	padding: 8px;
	overflow: hidden;
}

.main-news-row a,
.news-row a,
.news-row-body a{
	font-weight: 600;
	font-size: 1.3rem;
}

.main-news-row span {
	font-weight: 600;
	color: #CC3333;
}

.main-news-latest-img {
	max-width: 320px;
}

.main-news-latest-img img {
	max-width: 100%;
	max-height: 100%;
	padding: 2px 0;
}

.main-news-latest-title a{
	font-size: 1.8rem;
	font-weight: 600;
	word-break: break-word;
}

.main-news-other {
	overflow: hidden;
	padding: 4px 0;
}
.main-news-latest span,
.main-news-other span {
	font-weight: 600;
	color: #CC3333;
}

.main-news-other a {
	font-weight: 600;
	font-size: 1.3rem;
}


@media only screen and (max-width: 480px) {
	.main-news-latest-title a{
		font-size: 1.6rem;
		font-weight: 600;
	}
}



.nav-forum {
	padding-left: 1rem;
}

.nav-forum:before {
	content: "»» ";
}

.nav-forum-sub {
	padding-left: 2rem;
}

.nav-forum-sub:before {
	content: "\b7\a0 ";
}
.news-stats {
	padding: 6px 0;
	font-weight: 600;
	font-size: 1.3rem;
}

.news-stats span {
	font-size: 1.3rem;
	color: #8c8c8c !important;
	padding-left: 2px;
}

.news-row-body {
	overflow: hidden;
}

.news-row-body a:active,
.news-row-body a:link{
	text-decoration: none;
	color: #000;
	font-weight: 600;
	font-size: 1.6rem;
}

.news-row {
	overflow: hidden;
	width: 100%;
}

.news-row{
	margin: 0 0 14px;
	padding: 0;
	color: #333;
}

.news-row-body a:hover{
	text-decoration: underline;
	color: #CC3333;
}

.news-row-body a:visited{
	color: #666;
	text-decoration: none;
}

.news-row-body span{
	font-weight: 600;
	color: #CC3333;
}

.news-small-img {
	margin: 4px 8px 2px 0;
}

.news-main-img {
	margin: 4px 12px 8px 0;
	max-width: 300px;
}

.news-small-img {
	margin: 4px 8px 2px 0;
}

.main-news-row,
.main-news-other {
	word-break: break-word;
}

.main-news-row .news-small-img,
.news-row-body .news-small-img{
	max-width: 96px;
}


.main-news-other .news-small-img {
	max-width: 64px;
}

.news-small-img div,
.news-main-img div {
	padding: 2px 5px;
}

.news-small-img,
.news-main-img {
	background: #222;
	color: #FFF;
	float: left;
	font-size: 10px;
	padding: 0;
	border-radius: 2px;
	line-height: 1.6em;
}

.news-small-img img,
.news-main-img img{
	width:100%;
}

.news-content {
	font-size: 1.6rem;
	padding: 0 0 15px;
	overflow: hidden;
}

.news-content a,
.news-content a:link,
.news-content a:visited,
.news-content a:active {
	color: #CC3333;
}

.news-content a:hover {
	color: #000;
}

.news-content h1 {
	font-size: 2.6rem;
	padding-bottom: 8px;
	font-weight: 600;
	word-break: break-word;
}

@media only screen and (max-width: 1120px) {
	.news-main-img {
		float: none;
		margin: 0 0 8px 0;
		max-width:100%;
	}
}

@media only screen and (min-width: 992px) {
	.ads-horizontal div {
		width: 454px;
	}
}

@media only screen and (min-width: 1200px) {
	.ads-horizontal div {
		width: 660px;
	}
}

@media only screen and (min-width: 1400px) {
	.ads-horizontal div {
		width: 860px;
	}
}

@media only screen and (max-width: 1004px) {
	.ads-horizontal div {
		width: 100%;
	}
}

@media only screen and (max-width: 640px) {
	.main-news-row .news-small-img,
	.main-news-other .news-small-img {
		max-width: 100%;
	 	float: none;
	}
	.main-news-other .news-small-img {
		max-width:  96px;
	}

}



#topicActions,
#topicActions a {
	text-align: right;
	margin-top: 3px;
}

#favcon {
	display: inline;
	width: 90px;
}

.post {
	padding: 5px 0;
}

.postBody {
	width: 100%;
	overflow: hidden;
	display: flex;
	border: 1px solid #D8D8D8;
	border-radius: 3px;
}

.postLeft {
	width: 130px;
	float: left;
	border-right: 1px solid #D8D8D8;
	overflow: hidden;
	flex: 0 0 130px;
	padding: 8px;
	display: inline;
	background-color: #EAEAEA;
}

.postRight {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	width: 100%
}

.postInfo {
	background-color: #DDD;
	min-height: 19px;
	padding: 6px 4px 3px 4px;
}

.postInfo i {
	position: relative;
	top: -1px;
}

.postMessage {
	padding: 8px;
	margin: 1px 0;
	flex: 1 1 auto;
}

.postDetails {
	font-size: 10px;
}

.postDetails i {
	top: -2px;
	position: relative;
}

.userArrow {
	position: absolute;
	border: 10px solid transparent;
	border-left-width: 0;
	border-right-color: #D8D8D8;
	margin: 32px -10px;
}

.userArrow i {
	position: absolute;
	top: -9px;
	right: -10px;
	border: 9px solid transparent;
	border-left-width: 0;
}

.userArrow-post1 {
	border-right-color: #FFF !important;
}

.userArrow-post2 {
	border-right-color: #F5F5F5 !important;
}

.topicad {
	text-align: center;
	margin: auto;
	overflow: hidden;
	width: 100%;
}

.postHeader {
	font-size: 1.1rem;
	border-bottom: 1px solid #D8D8D8;
	overflow: hidden;
	margin: 0 8px;
	padding: 8px 0;
}

.postFooter {
	font-size: 1.2rem;
	border-top: 1px solid #D8D8D8;
	overflow: hidden;
	margin: 0 8px;
	padding: 8px 0;
}

.topicClosed {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

.topicClosedMessage {
	font-size: 5rem;
	color: red;
	position: relative;
	text-align: center;
	margin: auto;
	top: 20px;
	opacity: 0.8;
	font-weight: bold;
	height: 0;
}

.spoilertop {
	background: #E4E4E4;
	border-left: 4px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}

.quotetop {
	background: #E4EAF2 url('https://sayanogorsk.info/view/2/images/css_img_quote.gif') right no-repeat;
	border-left: 4px solid #8394B2;
	border-right: 1px solid #8394B2;
	border-top: 1px solid #8394B2;

}

.codetop,
.sqltop,
.htmltop {
	background: #FDDBCC url('https://sayanogorsk.info/view/2/images/css_img_code.gif') right no-repeat;
	border-left: 4px solid #836452;
	border-right: 1px solid #836452;
	border-top: 1px solid #836452;
}

.spoilertop,
.quotetop,
.codetop,
.sqltop,
.htmltop {
	color: #000;
	font-size: 10px;
	line-height: 19px;
	font-weight: bold;
	margin: 8px auto 0;
	padding: 3px;
	border-radius: 4px 4px 0 0;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.spoilerField,
.spoilermain{
	background-color: #FAFAFA;
	border-bottom: 1px solid #e0e0e0;
	border-left: 4px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	color: #2b2b2b;
}

.spoilerField{
	border-top: 1px solid #e0e0e0;
	border-radius: 4px;
	margin: 0 auto 8px;
	padding: 8px 4px;
	min-height: 1em;
}

.quoteField,
.quotemain{
	background-color: #FAFCFE;
	border-bottom: 1px solid #8394B2;
	border-left: 4px solid #8394B2;
	border-right: 1px solid #8394B2;
	color: #465584;
	box-sizing: border-box;
	width: 100%;
}

.quoteField{
	border-top: 1px solid #8394B2;
	border-radius: 4px;
	margin: 8px auto;
	padding: 8px 4px;
	min-height: 1em;
}
     
.codeField,
.sqlField,
.htmlField,
.codemain,
.sqlmain,
.htmlmain{
	background-color: #FAFCFE;
	border-bottom: 1px solid #836452;
	border-left: 4px solid #836452;
	border-right: 1px solid #836452;
	color: #465584;
	font-family: courier, courier new, monospace;
	box-sizing: border-box;
	width: 100%;
}

.codeField,
.sqlField,
.htmlField{
	border-top: 1px solid #836452;
	border-radius: 4px;
	margin: 8px auto;
	padding: 8px 4px;
	min-height: 1em;
}

.codemain,
.sqlmain,
.htmlmain,
.quotemain,
.spoilermain {
	margin: 0 auto 8px;
	padding: 8px 4px;
	border-radius: 0 0 4px 4px;
	min-height: 1em;
}

.codemain div,
.sqlmain div,
.htmlmain div,
.quotemain div,
.spoilermain div {
}

.recentNode,
.recentTitle{
	border-bottom: 1px solid #DDD;
	display: table;
	width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
}
.recentNode{
	padding: 12px;
}
.recentMain{
	text-align: left;
}

.recentExtra{
	width: 170px;
	text-align: right;
	padding: 0 0 0 16px;
}

.recentExtra,
.recentMain{
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

.uploadItem,
.uploadItem div {
	overflow: hidden;
}

.fileSize,
.fileName{
	padding: 4px 4px 8px 4px;
}

@media only screen and (max-width: 948px) {
	.postBody {
		flex-direction: column;
	}

	.postBody .postLeft {
		flex: 0 0 64px;
		width: 100%;
		padding: 4px;
		border-bottom: 1px solid #D8D8D8
	}

	.postBody .userAvatar {
		width: 50px;
		height: 50px;
		display: block;
		flex: 0 0 50px;
	}

	.postBody .userAvatar span {
		font-size: 35px;
		line-height: 50px;
		border-radius: 4px;
	}

	.postBody .userInfo {
		width: 100%;
		display: flex;
		padding: 4px 6px;
	}

	.postBody .baseUserInfo {
		flex: 1 1 100%;
		text-align: left;
		padding-left: 8px;
	    word-break: break-all;
	}

	.postBody .baseUserInfo div:nth-child(3) {
		display: none;
	}

	.postBody .exUserInfo {
		width: 126px;
		flex: 0 0 126px;
		margin: -6px 24px -6px 4px;
		right: 40px;
		text-align: left;
	}

	.postBody .exUserInfo dl {
		display: none;
	}

	.postBody .exUserInfo dl:nth-child(1),
	.postBody .exUserInfo dl:nth-child(2) {
		display: block;
	}

	.postBody .userAvatar img {
		width: 50px;
		height: 50px;
	}

	.postBody .userAvatarDefault {
		font-weight: normal;
		text-align: center;
		text-decoration: none !important;
		line-height: 1;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin: auto;
		width: 50px;
		height: 50px;
		display: block !important;
	}

	.postBody .userArrow {
		position: absolute;
		border: 10px solid transparent;
		border-bottom-color: #D8D8D8;
		margin: -10px 26px;
		border-top-width: 0;
	}

	.postBody .userArrow i {
		position: absolute;
		top: 1px;
		right: -9px;
		border: 9px solid transparent;
		border-top-width: 0;
	}

	.postBody .userArrow-post1 {
		border-bottom-color: #FFF !important;
		border-right-color: transparent !important;
	}

	.postBody .userArrow-post2 {
		border-bottom-color: #F5F5F5 !important;
		border-right-color: transparent !important;
	}
}

.icon{background:url('https://sayanogorsk.info/static/sprites/d1a754dd5f497a549d3a79e157bf08b2.png') no-repeat center;overflow:hidden;text-align:left;display:-moz-inline-box;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;}
.i-a {background-position:-0px -0px;width:31px;height:31px;}
.i-act-close {background-position:-0px -31px;width:16px;height:16px;}
.i-act-close:hover {background-position:-0px -47px;width:16px;height:16px;}
.i-act-fav {background-position:-0px -63px;width:16px;height:16px;}
.i-act-rss {background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFAF5A%22%20d%3D%22M14.5%200h-13C.675%200%200%20.675%200%201.5v13c0%20.825.675%201.5%201.5%201.5h13c.825%200%201.5-.675%201.5-1.5v-13c0-.825-.675-1.5-1.5-1.5M4.359%2012.988c-.75%200-1.359-.603-1.359-1.353a1.36%201.36%200%200%201%202.718%200c0%20.75-.609%201.353-1.359%201.353M7.772%2013a4.753%204.753%200%200%200-1.397-3.381A4.74%204.74%200%200%200%203%208.219V6.263c3.713%200%206.738%203.022%206.738%206.737zm3.472%200c0-4.547-3.697-8.25-8.241-8.25V2.794c5.625%200%2010.203%204.581%2010.203%2010.206h-1.963z%22%2F%3E%3C%2Fsvg%3E');width:20px;height:20px;}
.i-act-user {background-position:-0px -79px;width:16px;height:16px;}
.i-comm {background-position:-0px -95px;width:14px;height:15px;}
.i-menu-articles {background-position:-0px -110px;width:20px;height:20px;}
.i-menu-blogs {background-position:-0px -130px;width:20px;height:20px;}
.i-menu-calendar {background-position:-0px -150px;width:20px;height:20px;}
.i-menu-catalog {background-position:-0px -170px;width:20px;height:20px;}
.i-menu-chat {background-position:-0px -190px;width:20px;height:20px;}
.i-menu-files {background-position:-0px -210px;width:20px;height:20px;}
.i-menu-forum {background-position:-0px -230px;width:20px;height:20px;}
.i-menu-games {background-position:-0px -250px;width:20px;height:20px;}
.i-menu-help {background-position:-0px -270px;width:20px;height:20px;}
.i-menu-home {background-position:-0px -290px;width:20px;height:20px;}
.i-menu-news {background-position:-0px -310px;width:20px;height:20px;}
.i-menu-photo {background-position:-0px -330px;width:20px;height:20px;}
.i-menu-search {background-position:-0px -350px;width:20px;height:20px;}
.i-menu-user {background-position:-0px -370px;width:20px;height:20px;}
.i-views {background-position:-0px -390px;width:14px;height:15px;}