/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #E5E5E5;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	color: #000000;
}

img {border:0}
img.postimage{max-width:100%;}

/* General font families for common tags */
font,th,td,p,li,div { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #006699; }
a:hover		{ text-decoration: underline; color : #DD6900; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

table.bodytab { width: 100%; border: 0; }
/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; padding: 10px; border-collapse: collapse; border-spacing: 0;}

table.headtab { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; margin-bottom: 10px;}
table.headtab td {border: 0; padding: 0; }
.menutd {width:100%; vertical-align:middle; text-align:center;}

table.menutab {border:0; margin-left:auto;margin-right:auto;border-collapse: collapse; border-spacing:0;}
table.menutab td {border:0;padding: 2px; text-align:center; vertical-align:top; white-space: nowrap;}

/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; width:100%; border-collapse: separate; border-spacing:1px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}

table.fl0 td, table.fl0 th { padding: 0px; }
table.fl1 td, table.fl1 th { padding: 1px; }
table.fl2 td, table.fl2 th { padding: 2px; }
table.fl3 td, table.fl3 th { padding: 3px; }
table.fl4 td, table.fl4 th { padding: 4px; }

table.newstab {margin-bottom: 10px;}
table.newstab td {text-align:center;}

div.upp150 {margin-bottom:5px}
div.bnrbm {width:590px; height:90px;overflow:hidden;margin-left:auto;margin-right:auto;}
div.bnrbnw {width:100%; height:60px;overflow:hidden;margin-left:auto;margin-right:auto; text-align:center;max-width:468px}

table.idxlnktb {width:100%;border: 0; border-collapse: collapse; border-spacing: 0;}
table.idxlnktb td {vertical-align:bottom;}

table.idxflst td {text-align:center;vertical-align:middle;}
table.idxflst td.rwdt {white-space: nowrap;}
table.idxflst td.rwftl {text-align:left;width:100%;}
table.idxflst img.frmicn {width:46px; height:25px;}

table.mwsp00 {width:100%; border:0;border-collapse: collapse; border-spacing:0;}
table.mwsp00 td, table.mwsp00 th { padding: 0; }

/* Main table cell colours and backgrounds */
td.row1, .bg1 { background-color: #EFEFEF; }
td.row2, .bg2 { background-color: #DEE3E7; }
td.row3, .bg3 { background-color: #D1D7DC; }
td.row4, .bg4 { background-color: #DDFFEE; }

div.mdlbox {background: #EFEFEF;border:2px #006699 solid;}
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
		text-align:center;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFA34F; font-size: 13px; font-weight : bold;
	background-color: #006699; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }
td.spaceRow { height:1px;  line-height: 1px; }

th.thHead,td.catHead { font-size: 14px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.genbig { font-size : 16px; }
.gen { font-size : 14px; }
.genmed { font-size : 13px; }
.gensmall { font-size : 12px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 13px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
a.mainmenu img {width:12px;height:13px;margin: 0px 3px;}

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #006699}
a.cattitle		{ text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 14px; color : #006699; }
a.forumlink 	{ text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 12px; color : #000000;}
a.nav			{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 13px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 13px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 11px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { 
    font-size : 14px;
    line-height: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
a.postlink:link	{ text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 13px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}
input[type="image"] {
    border:0;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
button { color : #000000; }
input.button {
    background-color : #EFEFEF;
    color : #000000;
    font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 1px;
    text-indent: 0px;        
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

.qubg {
  position:absolute; 
  left:0; 
  top:0; 
  width:100%; 
  height:100%; 
  background-color:transparent;
  background-image:url('/images/qubg.gif');
  z-index:1;
  display: none;
}
.modalDialog {
  position:absolute; 
  left:50%; 
  top:50%; 
  width:800px; 
  height:400px; 
  margin-left:-400px;
  margin-top:-200px;
  border: 2px #006699 solid;
  background: #EFEFEF;
  z-index:2;
  display: none;
  overflow:hidden;
}
.modalDialogText {
	overflow:scroll;
	width:786px; 
	height:380px;
	margin:4px 0px 0px 4px;
	font-size : 16px;
}	
.modalBox {
  position:absolute; 
  left:50%; 
  top:50%; 
  min-width:400px; 
  min-height:205px; 
  border: 2px #006699 solid;
  background: #EFEFEF;
  z-index:3;
  display: none;
  overflow: none;
  text-align: center;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.cellBox {
	width: 400px;
	min-height: 160px; 
	vertical-align: middle;
	text-align: center;
	font-size : 16px;
	overflow: hidden;
}
.qhelp {
	font-size : 13px; 
	color : #3F702E;		
}

td.catted	{ background: #EFEFEF url('/images/cat_ye.gif') no-repeat bottom left }
td.ndtocat	{ background: #EFEFEF url('/images/cat_no.gif') no-repeat bottom left }
span.catted	{ background: transparent url('/images/cat_ye.gif') no-repeat bottom left }
span.ndtocat{ background: transparent url('/images/cat_no.gif') no-repeat bottom left }

.bddate {
    cursor:pointer;
    background-color:white;
    border: 1px inset black;
    padding: 1px;
    font-size:13px;
}

img.uplbt { background-color:#EFEFEF;border: 2px outset black }

.youtube-container { display: block; margin: 10px 20px; width: 100%; max-width: 600px; }
.youtube-player { display: block; width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; cursor: hand; cursor: pointer;  }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("/images/ytplay.png") no-repeat; }
div.play-button.play-button-small {transform:scale(0.5)}
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0;}

.video-container { display: block; margin: 10px 20px; max-width: 100%; background-color: lightgray;}
.video-player { display: block; width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; cursor: hand; cursor: pointer;  }
img.video-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto; object-fit: contain; }
.video-player video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0;}

a.postlink > span[style~=black] {border-bottom: 3px double;}

tr.hide_row { display:none;}
tr.hidden_row span { text-decoration: line-through;}

.asuz-gradient {
    width:100%;
    height:35px;
    position:absolute;
    bottom:0;
    left:0;
}
td.row1 .asuz-gradient {
    background:url("images/bggr_row1.png") repeat-x;
}
td.row2 .asuz-gradient {
    background:url("images/bggr_row2.png") repeat-x;
}
td.row4 .asuz-gradient {
    background:url("images/bggr_row4.png") repeat-x;
}
.asuz-wrap {
    position:relative;
    overflow:hidden;
}
button.asuzact {
    background-color : #FAFAFA;
    font-weight : normal;
    font-size:14px;
    border: black solid 1px;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

.tbl_tab {
    min-height:30px;
    border-spacing: 3px 1px;
    border-collapse: separate;    
}
.tbl_tab td {
    text-align:center;
    vertical-align:middle;
    border: 1px solid black;
    border-radius: 6px 6px 0 0;
    margin:10px;
    padding: 5px 20px;
}
.tbl_tab td.tab_on {
 background-color: #fff;
 border-bottom-color:#fff;
}
.tbl_tab td.tab_off {
 background-color: #ddd;
}
.tbl_tab td.tab_off .nav {
  color: #777
}

.contact-icons.dropdown-contents {
	min-width: 0;
	padding: 0;
	font-size: 0;
}
.contact-icon {
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.contact-icon.contact-icon-profile {
	display: inline-block;
	margin: 0 6px;
}
.contact-icons a {
	border-bottom: 1px dotted;
	border-right: 1px dotted;
	display: block;
	float: left;
	padding: 8px;
}
.contact-icons .last-cell {
	border-right: none;
}
.contact-icons div:last-child a {
	border-bottom: none;
}
.contact-icons div {
	clear: left;
}
.pm-icon		{ background-position: 0 0; }
.phpbb_icq-icon	{ background-position: -61px 0 ; }
.phpbb_website-icon		{ background-position: -40px 0; }
.phpbb_youtube-icon		{ background-position: -98px 0; }
.phpbb_facebook-icon	{ background-position: -119px 0; }
.phpbb_googleplus-icon	{ background-position: -140px 0; }
.phpbb_skype-icon		{ background-position: -161px 0; }
.phpbb_twitter-icon		{ background-position: -203px 0; }
.phpbb_vk-icon      { background-position: -261px 0; }
.phpbb_instagram-icon { background-position: -282px 0; }
.contact-icon { background-image: url("images/icons_contact.png"); }
.contact-icons a		{ border-color: #DCDCDC; }
.contact-icons a:hover	{ background-color: #F2F6F9; }
.hidden {
	display: none;
}
.dropdown-container {
	position: relative;
	display: inline-block;
}
.dropdown-container-right {
	float: right;
}
.dropdown-container-left {
	float: left;
}
.dropdown {
	position: absolute;
	left: 0;
	top: 1.2em;
	z-index: 2;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 9px 0 0;
	margin-right: -500px;
}
.dropdown-up .dropdown {
	top: auto;
	bottom: 1.2em;
	padding: 0 0 9px;
}
.dropdown-left .dropdown, .nojs .rightside .dropdown {
	left: auto;
	right: 0;
	margin-left: -500px;
	margin-right: 0;
}
.dropdown .dropdown-contents {
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 5px;
	position: relative;
	min-width: 40px;
	max-height: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dropdown .dropdown-contents {
	background: #fff;
	border-color: #b9b9b9;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
.dropdown .pointer, .dropdown .pointer-inner {
	position: absolute;
	width: 0;
	height: 0;
	border-top-width: 0;
	border-bottom: 10px solid transparent;
	border-left: 10px dashed transparent;
	border-right: 10px dashed transparent;
	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
	display: block;
}
.dropdown-up .pointer, .dropdown-up .pointer-inner {
	border-bottom-width: 0;
	border-top: 10px solid transparent;
}
.dropdown .pointer {
	right: auto;
	left: 5px;
	top: 0;
	z-index: 3;
}
.dropdown-up .pointer {
	bottom: 0;
	top: auto;
}
.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
	left: auto;
	right: 5px;
}
.dropdown .pointer-inner {
	top: auto;
	bottom: -11px;
	left: -10px;
}
.dropdown-up .pointer-inner {
	bottom: auto;
	top: -11px;
}
.dropdown .pointer {
	border-color: #B9B9B9 transparent;
}
.dropdown .pointer-inner {
	border-color: #FFF transparent;
}
.postcell .dropdown ul {
	margin: 0;
}

/* CP tabs shared
----------------------------------------*/
#tabs, #minitabs {
        line-height: normal;
}

#tabs > ul, #minitabs > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
}

#tabs .tab, #minitabs .tab {
        display: block;
        float: left;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4em;
}

#tabs .tab > a, #minitabs .tab > a {
        display: block;
        padding: 5px 9px;
        position: relative;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
        margin: 10px 0 0 5px;
}

#tabs .tab > a {
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        margin: 1px 1px 0 0;
}

#tabs .activetab > a {
        margin-top: 0;
        padding-bottom: 7px;
}

/* -- */
#tabs .tab > a {
        background: #DEDEDE;
        color: #536482;
}

#tabs .tab > a:hover {
        background: #DDEDFB;
        color: #D31141;
}

#tabs .activetab > a,
#tabs .activetab > a:hover {
        background: #EFEFEF;
        border-color: #666666;
        color: #333333;
        border-width: 1px 1px 0 1px;
}
#tabs .activetab > a:hover {
        color: #000000;
}
#file-total-progress {
        height: 2px;
        display: block;
        position: relative;
        margin: 4px -10px -6px -10px;
}
#file-total-progress-bar {
        background-color: green;
        display: block;
        height: 100%;
        width: 0;
}

.filter-block {margin-top:3px;max-width:100%;}
.filter-block-attr {margin-left:50px;}
.filter-block-attr-sel select {margin-top:4px;}

.pmstar {
  height: 15px;
  width: 15px;
  padding: 0;
  margin: 0 3px 0 10px;
  float: right;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.pmstar-h, .pmstar-r {
  margin-top: 2px;
}
.pmstar-on {
  background-image: url("/images/pm_star_on.svg");
}
.pmstar-off {
  background-image: url("/images/pm_star_off.svg");
}
.pmstar-h.pmstar-off {
  background-image: url("/images/pm_star_off0.svg");
}

.phpbb_alert {
	border: 2px #006699 solid;
	display: none;
	left: 0;
	padding: 0 25px 20px 25px;
	position: fixed;
	right: 0;
	top:50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 50;
	width: 620px;
	margin: 0 auto;
        border-radius: 5px;
}
.phpbb_alert_fix {transform: translateY(calc(-50% + 0.5px));}
.phpbb_alert_pm {
        right: 10px;
        top: 10px;
        z-index: 40;
        width: 300px;
        left: auto;
        background-color: #EAE8CF !important;
}
.phpbb_alert_pm.phpbb_alert_fix {transform: none;}
.phpbb_alert_pm .alert_close_btn.button2 {
        display: block;
        margin: 0 auto;
}
.phpbb_alert .alert_close {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-decoration: none !important;
	background: transparent none 0 0 no-repeat;
	margin-top: -7px;
	margin-right: -31px;
}
.phpbb_alert .alert_close:hover {
	background-position: 0 -16px;
}

.phpbb_alert p {
	margin: 8px 0;
	padding-bottom: 8px;
}

.phpbb_alert label {
	display: block;
	margin: 8px 0;
	padding-bottom: 8px;
}

.phpbb_alert div.alert_text > p,
.phpbb_alert div.alert_text > label,
.phpbb_alert div.alert_text > select,
.phpbb_alert div.alert_text > textarea,
.phpbb_alert div.alert_text > input {
	font-size: 1.1em;
}

.phpbb_alert.phpbb_notice {background-color:#DDFFEE; box-shadow: 5px 10px 18px 5px; font-size: 1.2em;padding: 0 45px; top:auto; bottom:100px;left:50px;right:auto;width:auto;max-width:500px;}
.phpbb_alert.phpbb_notice .alert_close {margin-right: -50px;}
.phpbb_alert p.notice_text {margin:10px 0;padding:0;}
@media only screen and (max-height: 500px), only screen and (max-device-width: 500px){
	/*.phpbb_alert {top: 55px;}*/
	.phpbb_alert.phpbb_notice {top:auto; bottom: 55px;left:0;right:0;}
}

#darkenwrapper {
	display: none;
	position: relative;
	z-index: 44;
}

#darken {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.87;
	z-index: 45;
}

#loading_indicator {
	background: center center no-repeat;
	border-radius: 5px;
	display: none;
	opacity: 0.9;
	margin-top: -50px;
	margin-left: -50px;
	height: 50px;
	width: 50px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 51;
}
.phpbb_alert {
	background-color: #EFEFEF;
	border: 2px #006699 solid;
}
.phpbb_alert .alert_close {
	background-image: url("images/alert_close.png");
}
#phpbb_alert h3.alert_title, .phpbb_confirm_title {
  color: #FFA34F;
  font-size: 14px;
  font-weight: bold;
  background-color: #006699;
  height: 25px;
  line-height: 25px;
  background-image: url("images/cellpic3.gif");
  margin:2px -23px;
  text-align:center;
}
#phpbb_alert .alert_text, .phpbb_confirm_msg {
  margin: 10px 0;
  text-align:center;
}
#phpbb_alert .alert_btns, .phpbb_confirm_btns {
  text-align:center;
}

#darken {
	background-color: #DEE3E7;
}

#loading_indicator {
	background-color: #AAAAAA;
	background-image: url("images/loading2.gif");
}

td.no_watch_notify{
      background-image: url('images/icon_no_bell.svg');
      background-repeat: no-repeat;
      background-position: bottom right;
}

.sm-preview {max-width:200px}
.imgph {width:200px; height:200px;}
div.ig_cont {
  position:relative;
  display:inline-block;}
  div.ig_cont a.ig_lgc {
    position:absolute;
    display: block;
    right:0;
    top:0;
    padding:5px;}
    a.ig_lgc img {
      width:32px;
      height:32px;}
  div.ig_cont .ig_lgz {
    position:absolute;
    display: block;
    -webkit-filter: opacity(30%);
    filter: opacity(30%);
    right:0;
    bottom:0;
    color: white;
    margin:5px;
    width:32px;
    height:32px;}

input.button.bbcode-upload {
  background: #EFEFEF url("/images/cam.svg") center center / contain no-repeat;
}

@media only screen and (min-width: 1220px) {
  #twrap.tnarrow {
    max-width:1152px;
    margin:0 auto;
    background-color: #FFF;
    padding: 10px 20px;
    border: 2px solid #FFF;
    border-radius: 15px;
    box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100,100,100,0.25);    
  }
  td.bodyline.tnarrow {
    border: 0;
  }
}

.upclsbtn {
    float:right;
    border:1px black solid;
    padding:1px 5px;
    font-size:1em;
    border-radius:7px;
    font-weight:700;
    cursor:pointer;
    margin: -5px -5px 0 0;
    background-color: white;
}
.upclsbtn:before {
    content: "X";
}

div.uplgalwrap {
    max-width:1152px;
    margin:0 auto;
    background-color: white;
}

div.uplgalpan {
    text-align:center;
    background-color: #EFEFEF;
    padding:10px 0;
    margin-bottom: 3px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
div.uplgalpan div.uplgalcell {
    text-align:center; 
    display:inline-block;
    vertical-align:top; 
    margin-bottom:4px; 
    max-width:32%; 
    overflow:hidden;
}
div.uplgalpan div.uplgalcont {
    position:relative;
    width:150px;
    height:150px;
    cursor:pointer;
    max-width:100%;
}
div.uplgalpan img.uplgalpic {
    width:150px;
    height:150px;
    object-fit: cover;
}
div.uplgalpan img.uplgalplus {
     width:40%;
     position:absolute;
     right:0px;
     bottom:0px;
}
div.uplgalpan div.uplgalcapt {
    width:150px; 
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:left;
}
div.uplpostbtn {
    text-align:center;
    background-color: #EFEFEF;
}
figure {
    margin: 0;
    padding: 0;
    display: inline-table;
}
figure figcaption{
    margin:2px 2px 4px 2px;
    padding: 0;
    font-style: italic;
    font-weight: 700;
    color: #777;
    display: table-caption;
    caption-side: bottom;
    line-height: 1.2em;
    max-height: 3.1em;
    overflow: hidden;
}
.bigcolbtn {
    font-weight:bold;
    font-size:16px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#DDFFEE;
    cursor:pointer;
}
div.asuzordcont {
    padding:5px 0; 
    width:560px; 
    border-bottom:1px black dotted;
    border-top:1px black dotted;
}
div.asuzordcont input,
div.asuzordcont select{
    border: 1px gray solid;
}
div.asuzordcont .azocont {
    margin:5px 0;
}
div.asuzordcont .azoleft {
    float: left;
}
div.asuzordcont .azoright {
    width:auto;
    overflow:hidden;
    padding-left:10px;
    text-align: right;
}
div.asuzordcont .azoright input {
    width: 100%;
}
div.asuzordcont .azoaddfcont {
    text-align: left;
    margin-right: -10px;
}
div.asuzordcont .azoaddf {
    display:inline-block;
    line-height: 2em;
    position:relative;
}
div.asuzordcont .hidfld {
    display:none !important;
}
div.asuzordcont .azocont,
div.asuzordcont .azoprp {
    position:relative;
}
div.asuzordcont .azoprp {
    display: inline-block;
}
div.asuzordcont .azoaddf.afdsbl:before,
div.asuzordcont .azocont.afdsbl:before,
div.asuzordcont .azoprp.afdsbl:before {
    content: '';
    position:absolute;
    width: 100%;
    height: 100%;
    opacity: 0.80;
    left: 0;
    background-color: #EFEFEF;    
    z-index:1;
}
td.row4 div.asuzordcont .azoaddf.afdsbl:before,
td.row4 div.asuzordcont .azocont.afdsbl:before,
td.row4 div.asuzordcont .azoprp.afdsbl:before {
    opacity: 0.60;
    background-color: #DDFFEE;
}
div.asuzordcont .azoaddf input {
    width: 200px;
    margin-right:10px;
}
div.asuzordcont .azoaddf select {
    width: 100px;
    margin-right:10px;
}
div.asuzordcont label {
    display: inline; 
    margin:0;
    padding:0;
}
div.asuzordcont .mndfld label:after,
div.good-inp .mndfld span:after{
    content: '*';
    font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
div.phpbb_modal {
	border: 2px #006699 solid;
        border-radius: 5px;
}
img.good-img {
    float:left;
    object-fit:cover; 
    margin-right:5px;
    cursor: pointer;
}
.sctmpl1 img.good-img {
    height:50px;
    width:50px;
}
.sctmpl2 img.good-img {
    height:100px;
    width:100px;
}
div.asuzordcont figure {
    float:right;
    padding: 0 0 0 10px;
}
div.asuzordcont figure figcaption {
    margin: 0;
    padding: 10px 0 5px 10px;
}
div.asuzordcont img#upimg {
    height:120px;
    max-height:120px;
    width:120px;
    object-fit:cover;
    cursor:pointer;
    float:right;
    margin-left:5px;    
}
div.azocont.azocont-withimg {
    width: calc( 100% - 120px );
}
figure.good-img-cont {
    height:120px;
    max-height:120px;
    width:120px;
    cursor:pointer;
    float:right;
    margin-left:5px;
}
figure.good-img-cont img.good-img-card {
    height:120px;
    max-height:120px;
    width:120px;
    object-fit:cover; 
}
figcaption.good-img-paging {
    margin-top:3px;
    display:flex;
    justify-content:space-around
}
button.asuzact.nopic {
    background-color: transparent;
}
button.asuzact.selpic {
    font-weight: bold;
    border-width: 2px;
}
div.sldpgr {
    position: absolute;
    top: 69px;
    left: 50%;
    transform: translateX(-50%);
}
div.sldpgr div {
    margin:0 15px;
    width:9px;
    height:9px;
    border: 2px solid #eee;
    display: inline-block;
    border-radius: 9px;
}
div.sldpgr div.seld {
    background-color: #eee;
}
div.good-add2cart div.good-f0-val {
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 10px;
}
div.good-add2cart div.good-name, 
div.good-add2cart div.good-price {
    font-size: 1.2em;
}
div.good-add2cart input, div.good-add2cart select {
    border: 1px gray solid;
}
div.good-inp {
    padding: 5px 0;
}
div.good-inp span {
    display: inline-block;
    width: 150px;
}
div.good-inp select,
div.good-inp input[type="text"] {
    width: 250px;
}
.hltMndFlds {
    border-color: red !important;
    border-width: 2px !important;
}
tr.good-row-sticky td.good-f0-val {
    font-weight: bold;
}
tr.good-row-sticky td.good-f0-val:before {
    content:'*';
    font-weight: bold;
    float:right;
}
tr.good-row-hidden td.good-f0-val a{
    color: #bbb;
}
div.good-descr-block {
    max-width: 600px;
}
.sctmpl1 div.good-descr-trig, .sctmpl2 div.good-descr-trig {
    position: absolute;
    bottom:2px;
    right: 5px;
}
td.goodcell50 {
    width: 50%;
    position:relative;
}
td.asuzolnm {
    background-image:url('/images/cat_no.gif');
    background-position:99% 2%;
    background-repeat:no-repeat;
}
td.asuzolou {
    background-image:url('/images/excl.png');
    background-position:99% 80%;
    background-repeat:no-repeat;
}
td.asuzolnc {
    background-image:url('/images/lock.png');
    background-repeat: no-repeat;
    background-position: 99% 80%;
}
td.asuzolsc {
    background-image:url('/images/boxsi.png');
    background-repeat: no-repeat;
    background-position: 99% 90%;
}
a.wtbr {
    color:red;
}
img.lazyimg.lprev {
    width: 250px !important;
    background-color: #eee;
    display: inline-block;
}
.postdetails .avatar img.lazyimg.lava {
    background-color: #eee;    
}
img.lazyimg.lfimg {
    background-color: #eee; 
    display: inline-block;
}
.smfiwrpouter {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.smfiwrp {
    width: 100%;
    height: 0;
    position: relative;
    background-color: #eee;
}
.smfiwrp img {
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}
div.pawr {
    margin:3px 0 3px -5px;
    border:0;
    width:100%;
    height:20px;
    font-size:17px;
}
div.pawr a {
    margin-left:5px;
}
a.nounderl {
    text-decoration: none;
}
span.pthcnt {
    vertical-align:text-top;
}
.wtchimg {
    background: url('images/icon_watch.png') no-repeat;
}
.wtchimg0 {
    background: url('images/icon_unwatch.png') no-repeat;
}
.wtchimg a, .wtchimg0 a {height:25px;width:82px;display:block;}
.rtcd {
    background: url('images/icon_report.gif') no-repeat;
    display: inline-block;
}
.rtcd0 {
    background: url('images/icon_del_report.gif') no-repeat;
    display: inline-block;
}
.rtcd0 a, .rtcd a {width:16px;height:18px;display:block;}
#ucntr a {display:block;margin:3px 0;}
div.brd12 {background-color:#EFEFEF; border:2px #006699 solid;}
.uref {cursor:pointer;}
.uref_stub {margin:90px}

table.sctmpl1,table.sctmpl2 {width:100%} 
div.sccath{background-color:#D1D7DC;margin:3px 0;padding:2px 10px;cursor:pointer;border:1px solid #EFEFEF}
div.sccatb{display:none}
div.sccath:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
div.sccath.sscao:after {content: "\2212";}
.doiconsmalledt {
    height:83px;
    width:65px;
    object-fit:cover; 
    float:right;
    cursor:pointer;
}
.bdblock .dropdown-trigger::after {
    content: '\25BC';
    font-size: 13px;
    color: #006699;
    position:absolute;
    bottom:-3px;
    right:-1px;
}
.bdblk img, .bdicon{width:auto;height:32px;vertical-align:top;padding-right:2px;}
.txtHlt{color:red !important}
.avblock{width:150px;max-width:150px;min-width:150px;vertical-align:top;text-align:left;text-overflow:ellipsis;overflow:hidden;}
.fsst{font-weight:normal;cursor:pointer;}
.boldd{font-weight:bold;}
div.rmrkrast {
    position: absolute;
    top: 3px;
    right: 3px;
    font-family: "Cuprum",sans-serif;color: rgba(66,74,89,0.7);font-size: 12px;    
}
div.rmrk590 {
    margin:auto;
    width:590px;
    text-align:right;
    font-family: "Cuprum",sans-serif;color: rgba(66,74,89,0.7);font-size: 12px;    
}
div.rmrk468 {
    margin:auto;
    width:468px;
    text-align:right;
    font-family: "Cuprum",sans-serif;color: rgba(66,74,89,0.7);font-size: 12px;    
}
div.rmrk150 {
    margin:auto;
    width:150px;
    text-align:right;
    font-family: "Cuprum",sans-serif;color: rgba(66,74,89,0.7);font-size: 12px;    
}
div.rurlm {cursor: pointer;position: absolute;right: 2px;top: 2px;z-index: 1;width: 22px;height: 22px;align-items: center;justify-content: center;border-radius: 50%;}
div.rurld {cursor: pointer;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: -1;border-radius: inherit;color: rgb(255, 255, 255, 0.86);background: rgba(135, 135, 135, 0.36);}
td.mainmenu .dropdown-container, .bnrbm .dropdown-container, .rstblk .dropdown-container, .bnrbnw .dropdown-container {display:block;text-align: center;}
.rstblk .rmrkrast { top: unset; bottom:3px; }
.dropdown-tooltip {display: none;}