* {
	outline: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-spacing: 0;
	border: 0px none transparent;
}

body {
	--top-dist: 144px;
	--top-dist-tabheader: 120px;
	--top-dist-tab: 100px;
	--top-dist-over: 168px;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	color:var(--color-snow);
}

	body.compact {
		--top-dist: 76px;
		--top-dist-tabheader: 52px;
		--top-dist-tab: 32px;
		--top-dist-over: 88px;
	}

#IBR_back2 {
	position: absolute;
	top: var(--top-dist);
	left: 0;
	bottom: 0;
	width: 163px;
	height: 100%;
	background-color: var(--color-darksky)
}

.IBR_linkhead{
	width:147px;
	overflow:hidden;
	color:var(--color-snow);
	font-weight:bold;
}
.IBR_darknewline {
	background-color: var(--color-darksky);
	height: 24px;
	border-bottom: 1px solid var(--color-neptune);
	transition: background-color 200ms linear;
}

.IBR_darknewline:hover {
	background-color:var(--color-airforce);
}

.IBR_XLonly {
	background-color: var(--color-darksky);
	height: 24px;
	opacity: 0.5;
	filter: blur(0.1em);
	border-bottom: 1px solid var(--color-neptune);
	transition: background-color 200ms linear;
}
.IBR_XLonly:hover {
	background-color: var(--color-airforce);
}

.IBR_XL_CUT {
	height: 1.5rem;
	margin:0.2rem auto;
	background-image: url("/img/xl/xl-access.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.IBR_leftcell {
	padding: 5px 0 5px 8px;
	color: var(--color-lightsky);
	white-space: nowrap;
	overflow: hidden;
	width: 163px;
	height: 24px;
	cursor: pointer;
}

.IBR_leftcell.admin {
	color: var(--color-admin);
	font-weight: bold;
}

.IBR_tableline {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

#IBR_back6{
	position:absolute;
	visibility:visible;
	width:162px;
	height:96px;
	bottom:0px;
	background-color:var(--color-darksky);
}
#IBR_divfurther {
	position: absolute;
	visibility: hidden;
	left: 0px;
	width: 183px;
	height: 75px;
	bottom: 21px;
	background-color: var(--color-indigo);
	border-right: 1px solid var(--color-neptune);
}

#IBR_divfurther::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 162px;
	height: 0;
	border-width: 20px 20px 0 0;
	border-style: solid;
	border-color: var(--color-indigo) transparent;
}

#IBR_divfurther::before {
	content: "";
	position: absolute;
	bottom: -21px;
	left: 162px;
	width: 0;
	height: 0;
	border-width: 21px 21px 0 0;
	border-style: solid;
	border-color: var(--color-neptune) transparent;
}

/* ---------------------- Tabs ------------------- */
.tabimg {
	position: absolute;
	width: 45px;
	height: 20px;
	cursor: pointer;
	top: var(--top-dist-tab);
	background-repeat: no-repeat;
	background-size: cover;
}

body[data-active="vis"] #IBR_tabimg_vis_div,
body[data-active="fav"] #IBR_tabimg_fav_div,
body[data-active="msg"] #IBR_tabimg_msg_div,
body[data-active="lin"] #IBR_tabimg_lin_div {
	z-index: 50;
}
/* Links-Tab */
#IBR_tabimg_lin_div {
	left: 117px;
	z-index: 10;
	background-image: url("/img/ibr/lin_off_blue.svg");
}

body[data-active="lin"] #IBR_tabimg_lin_div,
#IBR_tabimg_lin_div:hover {
	background-image: url("/img/ibr/lin_on_blue.svg");
}

#IBR_tabimg_lin_div.highlight {
	background-image: url("/img/ibr/lin_off_gold.svg");
}

body[data-active="lin"] #IBR_tabimg_lin_div.highlight,
#IBR_tabimg_lin_div.highlight:hover {
	background-image: url("/img/ibr/lin_on_gold.svg");
}

/* Visitors-Tab */

#IBR_tabimg_vis_div {
	left: 78px;
	z-index: 20;
	background-image: url("/img/ibr/vis_off_blue.svg");
}

body[data-active="vis"] #IBR_tabimg_vis_div,
#IBR_tabimg_vis_div:hover {
	background-image: url("/img/ibr/vis_on_blue.svg");
}

#IBR_tabimg_vis_div.highlight {
	background-image: url("/img/ibr/vis_off_gold.svg");
}

body[data-active="vis"] #IBR_tabimg_vis_div.highlight,
#IBR_tabimg_vis_div.highlight:hover {
	background-image: url("/img/ibr/vis_on_gold.svg");
}

/* Favorites-Tab */
#IBR_tabimg_fav_div {
	left: 39px;
	z-index: 30;
	background-image: url("/img/ibr/fav_off_blue.svg");
}

body[data-active="fav"] #IBR_tabimg_fav_div,
#IBR_tabimg_fav_div:hover {
	background-image: url("/img/ibr/fav_on_blue.svg");
}

#IBR_tabimg_fav_div.highlight {
	background-image: url("/img/ibr/fav_off_gold.svg");
}

body[data-active="fav"] #IBR_tabimg_fav_div.highlight,
#IBR_tabimg_fav_div.highlight:hover {
	background-image: url("/img/ibr/fav_on_gold.svg");
}
/* Messages-Tab */
#IBR_tabimg_msg_div {
	left: 0px;
	z-index: 40;
	background-image: url("/img/ibr/msg_off_blue.svg");
}
body[data-active="msg"] #IBR_tabimg_msg_div,
#IBR_tabimg_msg_div:hover {
	background-image: url("/img/ibr/msg_on_blue.svg");
}

#IBR_tabimg_msg_div.highlight {
	background-image: url("/img/ibr/msg_off_gold.svg");
}

body[data-active="msg"] #IBR_tabimg_msg_div.highlight,
#IBR_tabimg_msg_div.highlight:hover {
	background-image: url("/img/ibr/msg_on_gold.svg");
}

/* ----------------------End Tabs ------------------- */

#IBR_divoversmall {
	position: absolute;
	top: var(--top-dist-over);
	left: 0px;
	width: 183px;
	display: none;
	border-bottom: 1px solid var(--color-neptune);
	border-right: 1px solid var(--color-neptune);
	background-color: var(--color-airforce);
	padding: 6px 2px 6px 8px;
	box-sizing:border-box;
}
#IBR_mainhead {
	position: absolute;
	top: var(--top-dist-tabheader);
	height: 24px;
	width: 163px;
	left: 0px;
	z-index: 50;
	background-color: var(--color-space);
}

#IBR_mainhead_content {
	width: 130px;
	overflow: hidden;
	color: var(--color-snow);
	font-weight: bold;
	white-space: nowrap;
	float: left;
	height: 24px;
	padding-left: 8px;
	line-height: 24px;
}

#IBR_main {
	position: absolute;
	top: var(--top-dist);
	left: 0px;
	width: 183px;
	border: 0px none transparent;
	overflow: hidden;
	height: 100%;
}

#IBR_msg,
#IBR_vis,
#IBR_fav {
	position: absolute;
	display: none;
	top: -100vh;
	width: 162px;
	min-height: 100vh;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	border:0px none transparent;
}

.favNew {
	color: var(--color-gold);
	font-weight:bold;
}



body[data-active="vis"] #IBR_vis,
body[data-active="fav"] #IBR_fav,
body[data-active="msg"] #IBR_msg,
body[data-active="lin"] #IBR_lin {
	display:block;
}

#IBR_log {
	position: absolute;
	display: block;
	top: 0px;
	width: 162px;
	height: 600px;
	padding: 0px;
	overflow: hidden;
	z-index: 1500;
}
.IBR_playsound
{
	position:absolute;
	top:-1000px;
}

.mc {display:block;}

a {color:var(--color-snow); text-decoration:none;display:block;}

.pencilon {
	cursor: pointer;
	text-decoration: none;
	padding-left: 19px;
	background-image: url(/ibr/images/pencil.png);
	background-repeat: no-repeat;
	background-position: 1px 4px;
	background-size:15px 15px;
}


/* --------------------------------- user-rating-ranking ----------------------------------------------------- */
div#user-rating-ranking {
	display: none;
	z-index: 1100;
	position: fixed;
	bottom: 34px;
	left: 0;
	width: 162px;
	height: 300px;
	border-top: 1px solid var(--color-navy);
	border-bottom: 1px solid var(--color-navy);
	background-color: var(--color-airforce);
}

div#user-rating-ranking > div:nth-of-type(2) {
	width: 100%;
	height: 139px;
	overflow: hidden;
}

div#user-rating-ranking > div:last-of-type {
	width: 100%;
	height: 123px;
	background-color: var(--color-darksky);
}

div#user-rating-ranking > div#ranking-close {
	position: absolute;
	top: 2px;
	right: 0;
	width: 21px;
	height: 21px;
	background-image: url(/art/royal/images/close_gold.png);
	cursor: pointer;
}

div#user-rating-ranking > h2 {
	height: 38px;
	margin: 0;
	text-align: center;
	color: var(--color-cloudy);
}

	div#user-rating-ranking > h2 > span:first-of-type {
		font-size: 16px;
		display: inline-block;
		color: inherit;
	}

	div#user-rating-ranking > h2 > span:last-of-type {
		font-size: 11px;
		font-weight: normal;
		color: inherit;
	}

div#user-rating-ranking > div > table > tbody > tr {
	height: 25px;
}

	div#user-rating-ranking > div > table > tbody > tr > td:first-of-type > img {
		margin: 0 8px;
	}

	div#user-rating-ranking > div > table > tbody > tr > td:last-of-type > a {
		display: inline-block;
		overflow: hidden;
		width: 112px;
		color: var(--color-snow);
		font-weight: bold;
	}

div#user-rating-ranking div#last-video {
	display: none;
	width: 162px;
	height: 123px;
	margin: 0 auto;
}

	div#user-rating-ranking div#last-video > div {
		height: 16px;
		line-height: 16px;
		vertical-align: middle;
		text-align: center;
	}

	div#user-rating-ranking div#last-video > a {
		width: 100px;
		display: block;
		color: var(--color-space);
		margin: 0 auto;
		text-align: center;
		text-decoration: none;
		outline: none;
	}

		div#user-rating-ranking div#last-video > a > img {
			background-image: none;
			background-position: center center;
			background-size: cover;
		}

		div#user-rating-ranking div#last-video > a > span {
			color: inherit;
			display: inline-block;
			height: 16px;
			line-height: 16px;
			vertical-align: middle;
		}

#notiOuter {
	z-index: 1;
	box-sizing: border-box;
	position: absolute;
	bottom: 41px;
	left: 0;
	width: 162px;
	height: 20px;
	margin: 0px;
}

#notiDiv {
	border: none;
	top: 0;
	left: 0;
	cursor: pointer;
	outline: none;
	height: 20px;
	text-align: center;
	color: var(--color-rainy);
	z-index: 2;
	text-align: center;
	font-weight: bold;
}

#notiCount {
	border: none;
	right: 15px;
	cursor: pointer;
	outline: none;
	text-align: center;
	background-color: var(--color-fire);
	border-radius: 20px;
	font-weight: bold;
	font-size: 12px;
	color: var(--color-rainy);
	margin-left: 10px;
	display: inline-block;
	transition: width 0.5s;
}

.notiOff {
	width: 0px;
}

.notiSingle {
	width: 19px;
}

.notiDouble {
	width: 28px;
}

.notiTripple {
	width: 38px;
}



td.icon {
	width: 20px;
	height:24px;
	background-color: transparent;
}

	td.icon i {
		cursor: pointer;
		background-repeat: no-repeat;
		display: inline-block;
		width: 20px;
		height: 24px;
		background-size: 15px 15px;
		background-position: center;
	}
i.crown {
	background-image: url(/img/icon/crown.svg);
	background-size: 17px 15px;
}

i.profilepic {
	background-image: url(/img/chat/profile-square.svg);
}

i.chat {
	background-image: url(/img/chat/read-undo.svg);
}

i.photo {
	background-image: url(/img/chat/attach-photo.svg);
}

i.video {
	background-image: url(/img/chat/attach-video.svg);
}

i.position {
	background-image: url(/img/chat/attach-location.svg);
	background-size: 16px 15px;
}

i.webcam {
	background-image: url(/img/icon/cam-blue.svg);
}

i.smiley {
	background-image:url(/img/icon/smiley-on.svg);
}

i.xmas {
	background-image:url(/img/icon/smiley-bauble-on.svg);
}

i.valentines {
	background-image:url(/img/icon/smiley-love-on.svg);
}

i.halloween {
	background-image:url(/img/icon/smiley-jackolantern-on.svg);
}

i.dicky {
	background-image:url(/img/profile/dicky-on.svg);
	background-size:21px 15px;
	width:22px;
}

i.pictureAttachment {
	background-image: url(/img/msg/attach_pic.svg);
}

i.buddy {
	background-image:url(/img/icon/note-stack.svg);
}

i.community {
	background-image: url(/img/icon/group.svg);
}


H2 {
	border: 1px solid var(--color-neptune);
	border-width: 0 0 1px 0;
	border-collapse: collapse;
	color: var(--color-rainy);
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	padding: 4px 0px 4px 7px;
	margin: 0 21px 0 0;
	cursor: pointer;
	background-color: var(--color-darksky);
}


/* Personal Menu */
#IBR_lin {
	position: absolute;
	display: none;
	top: -2000px;
	width: 183px;
	padding: 0px;
	overflow: hidden;
}

/* TOO MANY */

#IBR_lin .toomanylinks {
	width:153px;
	margin:5px 0 0 5px;
	line-height:1.5em;
}

#IBR_lin .toomanylinks a {
	color: var(--color-lightsky);
	display:inline;
	text-decoration:none;
	padding:0;
}

#IBR_lin UL {
	display: none;
	margin: 0px;
	border: 1px solid var(--color-neptune);
	border-width: 0 1px 1px 0;
	padding: 6px 0 12px 0;
	width: 183px;
	background-color: var(--color-airforce);
}

#IBR_lin A, #IBR_LIN A:hover {
	color: var(--color-snow);
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	outline: 0;
	width: 161px;
	padding: 1px 4px 1px 3px;
	margin: 0;
}

#IBR_lin LI {
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
	padding: 0 27px 0 5px;
	cursor: pointer;
	font-size: 10px;
	list-style: none;
}

#IBR_lin LI:hover {
	background-color: var(--color-bluesky);
}

#IBR_lin > h2 {
	background-color: var(--color-darksky);
}

#IBR_lin > h2:hover,
#IBR_lin > h2.flex {
	background-color: var(--color-airforce);
}

/* */

#IBR_overimage {
	width: 75px;
	height: 75px;
}

#IBR_divover_vis_file {
	background-size: 75px 75px !important;
	background-repeat: no-repeat;
}

#IBR_body {
	background-color: transparent !important;
}


#IBR_back2,
div#IBR_msg > div[id^="IBR_msgline"],
div#IBR_fav > div[id^="IBR_favline"],
div#IBR_vis > div[id^="IBR_visline"] {
	transition: background-color 80ms linear;
}



#IBR_BlockPin {
	height: 24px;
	width: 24px;
	left: 139px;
	cursor: pointer;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--color-space);
	float: right;
	background-image: url(/img/icon/pin-off.svg);
}

#IBR_BlockPin.pin-is-blocked {
	background-image: url(/img/icon/pin-on.svg);
}

#notiCount {
	background-color: var(--color-fire);
}

#IBR_divover_msg,
#IBR_divover_fav,
#IBR_divover_vis {
	position: absolute;
	top: var(--top-dist-over);
	left: 0px;
	width: 183px;
	display: none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: var(--color-neptune);
	background-color: var(--color-airforce);
}

#IBR_divovercorner {
	position: absolute;
	top: var(--top-dist);
	width: 20px;
	height: 24px;
	left: 162px;
	display: none;
}

#IBR_divovercorner::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0 24px 24px 0;
	border-style: solid;
	border-color: var(--color-neptune) transparent;
}

#IBR_divovercorner::after {
	content: "";
	position: absolute;
	top: 1px;
	width: 0;
	height: 0;
	border-width: 0 23px 23px 0;
	border-style: solid;
	border-color: var(--color-airforce) transparent;
}

#IBR_main h2.flex {
	position: relative;
	border-bottom-color: transparent;
}

#IBR_main h2.flex::before {
	background-image: none;
	margin-top: 0;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0px;
	left: 162px;
	border-width: 0 24px 24px 0;
	border-style: solid;
	border-color: var(--color-neptune) transparent;
}

#IBR_main h2.flex::after {
	background-image: none;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 1px;
	left: 162px;
	border-width: 0 23px 23px 0;
	border-style: solid;
	border-color: var(--color-airforce) transparent;
}

/** Onlinestatus **/
.selectDIV {
	position: absolute;
	font-Size: 9px;
	white-space: nowrap;
	left: 8px;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
	width: 125px;
	height: 20px;
	bottom: 8px;
	padding: 4px;
	background-color: var(--color-airforce);
	border: 1px solid var(--color-bluesky);
	border-radius: 6px;
	background-image: url(/img/chat/triangle-down.svg);
	background-repeat: no-repeat;
	background-position: right 4px center;
}

#OnlineDIV.online-status-list-visible {
	background-image: url(/img/chat/triangle-up.svg);
}

#OnlineDIV.selectDIV:hover {
	background-color: var(--color-bluesky);
	border-color: var(--color-neptune);
}

#OnlineTxt.selectTxt,
#OnlineTxt.selectTxt > span {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	width: calc(100% - 6px);
}

#OnlineTxt.selectTxt > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#OnlineTxt.selectTxt > span[data-onlinestatus="21"] {font-style:italic;}

#OnlineDIV > span#OnlineTxt > span:first-of-type::first-letter {
	text-transform: capitalize;
}

#OnlineChange {
	bottom: 28px;
	box-sizing: border-box;
	background-color: var(--color-neptune);
	border: 2px solid var(--color-bluesky);
	border-radius: 6px;
	display: none;
	position: absolute;
	white-space: nowrap;
	padding: 2px 0px;
	left: 8px;
	width: 148px;
	overflow: hidden;
	z-index: 5;
}

#OnlineChange > p[os="21"],
#OnlineChange > p[os="11"]
{ /*invisible*/
	padding: 6px 4px;
	font-weight: bold;
	font-style:italic;
}

#OnlineChange > p[os="21"] > span /*invisible*/,

#OnlineChange > p::first-letter {
	text-transform: capitalize;
}

#OnlineChange > p span {
	font-size: 12px;
}

#OnlineChange p {
	display: block;
	margin: 0;
	color: var(--color-snow);
	line-height: 11px;
	width: 154px;
	font-size: 12px;
	cursor: pointer;
	box-sizing: border-box;
	padding: 6px 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#OnlineChange p:hover {
	background-color: var(--color-bluesky);
}

#OnlineChange p:focus {
	background-color: var(--color-bluesky);
}

/* LOGOUT */
#IBR_logbut {
	position: absolute;
	left: 140px;
	bottom: 7px;
	width: 19px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url(/img/icon/logout-orange.svg);
}

#IBR_logbut:hover {
	background-image: url(/img/icon/logout-red.svg);
}