/*

Jappix - An open social platform
This is the fonts CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 15/05/13

*/

@font-face {
	font-family: 'PT Sans';
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsans.eot);
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsans.eot) format('embedded-opentype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=woff/ptsans.woff) format('woff'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=ttf/ptsans.ttf) format('truetype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=svg/ptsans.svg) format('svg');
}

@font-face {
	font-family: 'PT Sans';
	font-style: italic;
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsansitalic.eot);
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsansitalic.eot) format('embedded-opentype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=woff/ptsansitalic.woff) format('woff'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=ttf/ptsansitalic.ttf) format('truetype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=svg/ptsansitalic.svg) format('svg');
}

@font-face {
	font-family: 'PT Sans';
	font-weight: bold;
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsansbold.eot);
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsansbold.eot) format('embedded-opentype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=woff/ptsansbold.woff) format('woff'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=ttf/ptsansbold.ttf) format('truetype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=svg/ptsansbold.svg) format('svg');
}

@font-face {
	font-family: 'PT Sans';
	font-weight: bold;
	font-style: italic;
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsansbolditalic.eot);
	src: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=eot/ptsansbolditalic.eot) format('embedded-opentype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=woff/ptsansbolditalic.woff) format('woff'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=ttf/ptsansbolditalic.ttf) format('truetype'),
	     url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=fonts&f=svg/ptsansbolditalic.svg) format('svg');
}
/*

Jappix - An open social platform
This is the main CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 20/10/12

*/

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 14.6px 'PT Sans', sans-serif;
	text-shadow: 0 0 5px white;
}

h1 {
	margin-bottom: 15px;
}

a {
	text-decoration: none;
	color: black;
	outline-style: none;
}

a:hover,
a:focus {
	cursor: pointer;
	text-decoration: underline;
}

legend {
	color: black;
}

input,
textarea {
	background-color: white;
	border: 1px solid #636363;
	font-size: 0.95em;
	padding: 2px;
	outline-style: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 0 3px 10px #dcdcdc;
	-moz-box-shadow: inset 0 3px 10px #dcdcdc;
	-webkit-box-shadow: inset 0 3px 10px #dcdcdc;
}

textarea {
	font-size: 1.1em;
	resize: none;
}

input:focus,
input[type="submit"]:hover,
input[type="reset"]:hover,
textarea:focus {
	border: 1px solid #e1a014;
	box-shadow: inset 0 3px 10px #edd9bc;
	-moz-box-shadow: inset 0 3px 10px #edd9bc;
	-webkit-box-shadow: inset 0 3px 10px #edd9bc;
}

input[type="submit"],
input[type="reset"] {
	cursor: pointer;
}

input[type="submit"]:active,
input[type="reset"]:active {
	box-shadow: inset 0 3px 15px #e1a753;
	-moz-box-shadow: inset 0 3px 15px #e1a753;
	-webkit-box-shadow: inset 0 3px 15px #e1a753;
}

input[disabled],
textarea[disabled] {
	background-color: #f3f3f3;
	border: 1px solid #989898;
}

input:placeholder {
	color: #78868a !important;
}

input:-moz-placeholder {
	color: #78868a !important;
}

input::-webkit-input-placeholder {
	color: #78868a !important;
}

input.placeholder {
	color: #78868a !important;
}

input[type="checkbox"] {
	margin-top: 2px;
}

input[type="checkbox"],
input[type="radio"] {
	background: transparent none !important;
	border: 0 none !important;
}

.please-complete,
.please-complete:hover,
.please-complete:focus {
	border: 1px #ac2525 solid !important;
	box-shadow: inset 0 3px 10px #f39c9c !important;
	-moz-box-shadow: inset 0 3px 10px #f39c9c !important;
	-webkit-box-shadow: inset 0 3px 10px #f39c9c !important;
}

.hidden {
	display: none !important;
}

.clear {
	clear: both !important;
}

/*

Jappix - An open social platform
This is the images CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 22/08/12

*/

.body-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/background.png);
	background-repeat: repeat;
	background-color: #93c5fa;
}

.install-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/install.png);
	background-repeat: no-repeat;
}

.home-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/home.png);
	background-repeat: no-repeat;
}

.browsers-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/browsers.png);
	background-repeat: no-repeat;
}

.buttons-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/buttons.png);
	background-repeat: repeat-x;
}

.talk-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/talk.png);
	background-repeat: no-repeat;
}

.smileys-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/smileys.png);
	background-repeat: no-repeat;
}

.welcome-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/welcome.png);
	background-repeat: no-repeat;
}

.me-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/me.png);
	background-repeat: no-repeat;
}

.manager-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/manager.png);
	background-repeat: no-repeat;
}

.mobile-images {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=sprites/mobile.png);
	background-repeat: no-repeat;
}

.wait-small {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=wait/wait-small.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}

.wait-medium {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=wait/wait-medium.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
}

.wait-big {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=wait/wait-big.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
}

.wait-typing {
	background-image: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=wait/wait-typing.gif);
	background-repeat: no-repeat;
	height: 4px;
	width: 16px;
}
/*

Jappix - An open social platform
This is the board CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 21/06/12

*/

#board .one-board {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 20px;
	z-index: 10000;
	font-size: 0.92em;
	padding: 6px 8px 5px 8px;
	box-shadow: 0 0 8px #5c5c5c;
	-moz-box-shadow: 0 0 8px #5c5c5c;
	-webkit-box-shadow: 0 0 8px #5c5c5c;
}

#board .one-board:hover {
	cursor: pointer;
}

#board .one-board.visible {
	display: block;
}

#board .one-board.error {
	background-color: rgb(241,160,160);
	background-color: rgba(241,160,160,0.9);
	color: #420c0c;
}

#board .one-board.info {
	background-color: rgb(248,246,186);
	background-color: rgba(248,246,186,0.9);
	color: #2f2a02;
}

/*

Jappix - An open social platform
This is the home CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 20/10/12

*/

#home {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 550px;
	min-width: 875px;
}

#home .corporation,
#home .corporation .corp_network,
#home .aboutus,
#home .aboutus .aboutus_org,
#home .locale,
#home .obsolete {
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.70);
	color: white;
	position: absolute;
	top: 0;
	text-shadow: 0 0 1px black;
	z-index: 100;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

#home .corporation,
#home .aboutus {
	height: 26px;
	width: 34px;
}

#home .corporation {
	background-position: 9px -120px;
	left: 12px;
}

html[dir="rtl"] #home .corporation {
	left: auto;
	right: 12px;
}

#home .aboutus {
	background-position: 9px -351px;
	left: 52px;
}

html[dir="rtl"] #home .aboutus {
	left: auto;
	right: 52px;
}

#home .corporation.hovered,
#home .aboutus.hovered {
	height: 28px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#home .corporation .corp_network,
#home .aboutus .aboutus_org {
	width: 180px;
	padding: 10px 12px;
	top: 28px;
	left: 0;
	display: none;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
}

html[dir="rtl"] #home .corporation .corp_network,
html[dir="rtl"] #home .aboutus .aboutus_org {
	left: auto;
	right: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 3px;
}

#home .corporation.hovered .corp_network,
#home .aboutus.hovered .aboutus_org {
	display: block;
}

#home .corporation .corp_network h2,
#home .aboutus .aboutus_org h2 {
	font-size: 1.1em;
	margin: 12px 0 4px 0;
}

#home .corporation .corp_network h2.nomargin {
	margin-top: 0;
}

#home .aboutus.hovered .aboutus_org span.version {
	font-size: 0.8em;
	display: block;
}

#home .corporation .corp_network a,
#home .aboutus .aboutus_org span.one {
	margin: 2px 0;
	padding: 2px 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#home .aboutus .aboutus_org span.one {
	display: block;
}

#home .corporation .corp_network a span,
#home .aboutus .aboutus_org span.one a.name,
#home .aboutus .aboutus_org span.one a.desc {
	margin: 2px 0;
	display: block;
}

#home .corporation .corp_network a span.name,
#home .aboutus .aboutus_org span.one a.name {
	font-weight: bold;
	font-size: 0.9em;
}

#home .corporation .corp_network a span.desc,
#home .aboutus .aboutus_org span.one a.desc {
	font-size: 0.7em;
	margin-left: 2px;
}

#home .locale {
	left: 92px;
	font-size: 0.85em;
}

html[dir="rtl"] #home .locale {
	left: auto;
	right: 92px;
}

#home .locale .current {
	height: 19px;
	padding: 3px 12px 4px 12px;
	font-weight: bold;
}

#home .locale .current:hover {
	cursor: default;
}

#home .locale .current .current_align {
	height: 19px;
	vertical-align: middle;
	display: table-cell;
}

#home .locale .list {
	margin: 2px 0 2px;
}

#home .locale .list a,
#home .corporation .corp_network a,
#home .aboutus .aboutus_org a {
	color: white;
	text-decoration: none;
	display: block;
}

#home .locale .list a {
	padding: 3px 10px;
}

#home .locale .list a:hover,
#home .locale .list a:focus,
#home .corporation .corp_network a:hover,
#home .corporation .corp_network a:focus,
#home .aboutus .aboutus_org span.one:hover {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.1);
}

#home .locale .list a:hover,
#home .locale .list a:focus,
#home .corporation .corp_network a:hover,
#home .corporation .corp_network a:focus {
	cursor: pointer;
}

#home .locale .list a:active,
#home .corporation .corp_network a:active,
#home .aboutus .aboutus_org span.one:active {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.14);
}

#home .obsolete {
	height: 60px;
	padding: 4px 10px;
	right: 12px;
	font-size: 0.9em;
	font-weight: bold;
	display: none;
}

html[dir="rtl"] #home .obsolete {
	right: auto;
	left: 12px;
}

#home .obsolete a {
	height: 33px;
	width: 33px;
	margin: 5px 2px 0 0;
	float: left;
}

html[dir="rtl"] #home .obsolete a {
	margin-right: 0;
	margin-left: 2px;
	float: right;
}

#home .obsolete a:hover,
#home .obsolete a:focus {
	opacity: 0.8;
}

#home .obsolete a:active {
	opacity: 0.6;
}

#home .obsolete a.firefox {
	background-position: 1px 0;
}

#home .obsolete a.chrome {
	background-position: -34px 0;
}

#home .obsolete a.safari {
	background-position: -68px 0;
}

#home .obsolete a.opera {
	background-position: -101px 0;
}

#home .obsolete a.ie {
	background-position: -135px 0;
}

#home .plane {
	background-position: 0 -421px;
	width: 507px;
	height: 328px;
	position: absolute;
	left: 0;
	top: 60px;
}

#home .main {
	position: absolute;
	top: 50%;
	margin-top: -200px;
	width: 800px;
	height: 400px;
	left: 50%;
	margin-left: -400px;
	z-index: 50;
}

#home .mainview {
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.85);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 35px #5c5c5c;
	-moz-box-shadow: 0 0 35px #5c5c5c;
	-webkit-box-shadow: 0 0 35px #5c5c5c;
}

#home .left {
	float: left;
	width: 350px;
	height: 370px;
	margin: 15px 0 15px 15px;
	color: white;
	text-align: center;
	text-shadow: 0 1px 1px black;
}

html[dir="rtl"] #home .left {
	margin-left: 0;
	margin-right: 15px;
	float: right;
}

#home .left .logo {
	background-position: 0 0;
	float: left;
	margin: 30px 20px;
	width: 311px;
	height: 113px;
}

#home .left p.upper {
	font-weight: bold;
	margin: 12px 0 20px 0;
}

#home .left p.secondary {
	margin: 8px 0 0 16px;
	font-size: 0.9em;
	width: 320px;
}

html[dir="rtl"] #home .left p.secondary {
	margin-left: auto;
	margin-right: 16px;
}

#home .right {
	background: #e4eef9;
	background: -moz-linear-gradient(top, #e4eef9, #C5E1FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#C5E1FF));
	float: right;
	width: 385px;
	height: 350px;
	margin: 15px 15px 15px 0;
	padding: 10px;
	font-size: 13.4px;
	text-align: justify;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 20px black;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
}

html[dir="rtl"] #home .right {
	float: left;
	margin-right: 0;
	margin-left: 15px;
}

#home .right h1 {
	font-size: 16px;
	padding-bottom: 4px;
	border-bottom: 1px black dotted;
}

#home .right p {
	margin-bottom: 4px;
}

#home .right p a {
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: black;
}

#home .right p a:hover,
#home .right p a:focus {
	border-style: solid;
	text-decoration: none;
}

#home .right button {
	display: block;
	margin-left: 22px;
	width: 342px;
	height: 64px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

html[dir="rtl"] #home .right button {
	margin-right: 21px;
	margin-left: auto;
}

#home .right button:hover {
	cursor: pointer;
}

#home .right button span {
	float: left;
}

html[dir="rtl"] #home .right button span {
	float: right;
}

#home .right button span.home-images {
	height: 16px;
	width: 16px;
	margin: 4px 7px 7px 24px;
}

html[dir="rtl"] #home .right button span.home-images {
	margin-right: 24px;
	margin-left: 7px;
}

#home .right button span.text {
	padding-left: 20px;
	font-size: 1.5em;
}

html[dir="rtl"] #home .right button span.text {
	padding-left: 0;
	padding-right: 20px;
}

#home .right .login {
	background-color: #72d071;
	background-position: 0 0;
	border: 1px solid #5cb55c;
	margin-top: 22px;
	box-shadow: 0 0 10px #89e389;
	-moz-box-shadow: 0 0 10px #89e389;
	-webkit-box-shadow: 0 0 10px #89e389;
}

#home .right .login:hover,
#home .right .login:focus {
	border: 1px solid #419141;
	box-shadow: 0 0 15px #72d071;
	-moz-box-shadow: 0 0 15px #72d071;
	-webkit-box-shadow: 0 0 15px #72d071;
}

#home .right .login:active {
	background-color: #97e896;
	background-position: 0 -80px;
}

#home .right .login span.text {
	color: #2d612d;
	text-shadow: 1px 1px 1px #5cb55c;
}

#home .right .login span.home-images {
	background-position: 0 -230px;
}

#home .right .register {
	background-color: #f6ef82;
	background-position: 0 -160px;
	border: 1px solid #e3db56;
	margin-top: 15px;
	box-shadow: 0 0 15px #f1e968;
	-moz-box-shadow: 0 0 15px #f1e968;
	-webkit-box-shadow: 0 0 15px #f1e968;
}

#home .right .register:hover,
#home .right .register:focus {
	border: 1px solid #d2c93f;
	box-shadow: 0 0 15px #e0d743;
	-moz-box-shadow: 0 0 15px #e0d743;
	-webkit-box-shadow: 0 0 15px #e0d743;
}

#home .right .register:active {
	background-color: #fdf7af;
	background-position: 0 -240px;
}

#home .right .register span.text {
	color: #6d6813;
	text-shadow: 1px 1px 1px #dbd56e;
}

#home .right .register span.home-images {
	background-position: 0 -204px;
}

#home .right p.notice {
	margin-top: 24px;
	font-size: 0.9em;
	font-weight: bold;
}

#home .right .navigation {
	clear: both;
	width: 385px;
	border-top: 1px black dotted;
	position: absolute;
	text-align: right;
	bottom: 25px;
	right: 25px;
	padding-top: 6px;
}

html[dir="rtl"] #home .right .navigation {
	right: auto;
	left: 25px;
}

#home .right .navigation a {
	margin-left: 10px;
	color: black;
	text-decoration: none;
	font-size: 0.9em;
	height: 16px;
	padding-left: 21px;
	float: right;
}

html[dir="rtl"] #home .right .navigation a {
	margin-left: 0;
	margin-right: 10px;
	float: left;
}

#home .right .navigation a:hover,
#home .right .navigation a:focus {
	text-decoration: underline;
}

#home .right .navigation a.unencrypted {
	background-position: 0 -256px;
}

#home .right .navigation a.encrypted {
	background-position: 0 -282px;
}

#home .right .navigation a.manager {
	background-position: 0 -152px;
}

#home .right .navigation a.mobile {
	background-position: 0 -178px;
}

#home .right .navigation a span.vert_center {
	height: 16px;
	vertical-align: middle;
	display: table-cell;
}

#home .friendsview {
	height: 65px;
	position: absolute;
	bottom: -65px;
	left: 15px;
	right: 15px;
	z-index: 1;
	opacity: 0.8;
}

#home .friendsview .friends {
	background: #e4eef9;
	background: -moz-linear-gradient(top, #e4eef9, #C5E1FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#C5E1FF));
	font-size: 13.4px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	box-shadow: 0 0 10px black;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
}

#home .friendsview .friends,
#home .friendsview .friends a {
	color: black;
}

#home .friendsview .friends .group {
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
}

#home .friendsview .friends .group.content {
	width: 340px;
	left: 10px;
}

#home .friendsview .friends .group.standard {
	width: 289px;
	padding-left: 10px;
	left: 360px;
}

#home .friendsview .friends .group.content table,
#home .friendsview .friends .group.standard table {
	margin-top: -4px;
}

#home .friendsview .friends .group.content table a,
#home .friendsview .friends .group.standard table a {
	text-decoration: underline;
}

#home .friendsview .friends .group.content table td {
	padding-top: 3px;
}

#home .friendsview .friends .group.content a.available_space,
#home .friendsview .friends .group.standard a.available_space,
#home .friendsview .friends a.group.refer {
	opacity: 0.75;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
}

#home .friendsview .friends .group.content a.available_space:hover,
#home .friendsview .friends .group.content a.available_space:focus,
#home .friendsview .friends .group.standard a.available_space:hover,
#home .friendsview .friends .group.standard a.available_space:focus,
#home .friendsview .friends a.group.refer:hover,
#home .friendsview .friends a.group.refer:focus {
	opacity: 1;
}

#home .friendsview .friends .group.content a.available_space,
#home .friendsview .friends .group.standard a.available_space {
	border: 1px dashed #909090;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 14px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#home .friendsview .friends .group.standard a.available_space {
	left: 10px;
}

#home .friendsview .friends a.group.refer {
	width: 81px;
	padding-left: 10px;
	right: 10px;
}

#home .friendsview .friends a.group.refer span {
	display: block;
}

#home .friendsview .friends a.group.refer span.icon {
	background-position: 0 -385px;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
}

#home .friendsview .friends a.group.refer:hover span.icon,
#home .friendsview .friends a.group.refer:focus span.icon {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}

#home .friendsview .friends a.group.refer span.label {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top: 6px;
}

#home .friendsview .friends .group .separator,
#home .friendsview .friends .group .separator .top,
#home .friendsview .friends .group .separator .bottom {
	position: absolute;
}

#home .friendsview .friends .group .separator {
	width: 1px;
	top: 0;
	bottom: 0;
	left: -1px;
}

#home .friendsview .friends .group .separator .top,
#home .friendsview .friends .group .separator .bottom {
	height: 50%;
	left: 0;
	right: 0;
}

#home .friendsview .friends .group .separator .top {
	background: #eeeeee;
	background: rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	top: 0;
}

#home .friendsview .friends .group .separator .bottom {
	background: #eeeeee;
	background: rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	bottom: 0;
}

#home a.advanced {
	background-position: 0 -334px;
	font-size: 0.9em;
	height: 16px;
	margin-bottom: 10px;
	padding-left: 16px;
	float: left;
}

html[dir="rtl"] #home a.advanced {
	float: right;
}

#home fieldset.advanced {
	display: none;
}

#home .anonymouser input[type="text"] {
	width: 160px;
}

#home .homediv.registerer .success a {
	font-weight: bold;
	text-decoration: underline;
}

#home fieldset {
	border: 1px solid black;
	margin: 18px 0 12px 0;
	padding: 5px 0 4px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

html[dir="rtl"] #home fieldset {
	padding-left: 6px;
}

#home legend {
	font-size: 0.9em;
	margin: 0 0 0 15px;
	padding: 0 2px;
	text-transform: uppercase;
}

#home label {
	width: 110px;
	display: block;
	float: left;
	clear: both;
	margin: 0 0 5px 12px;
}

html[dir="rtl"] #home label {
	margin-left: auto;
	margin-right: 12px;
	float: right;
}

#home input,
#home select {
	float: left;
	margin-bottom: 5px;
}

html[dir="rtl"] #home input,
html[dir="rtl"] #home select {
	float: right;
}

#home input[type="text"],
#home input[type="password"],
#home select {
	width: 140px;
	margin-top: -2px;
}

#home input[type="submit"] {
	min-width: 120px;
	float: right;
	clear: both;
}

#home span.jid {
	display: block;
	float: left;
	margin: 0 4px;
}

html[dir="rtl"] #home span.jid {
	float: right;
}

#home input.nick,
#home input.server,
#home input.password,
#home input.spassword {
	width: 110px;
}

#home input.password {
	margin-right: 22px;
}

html[dir="rtl"] #home input.password {
	margin-right: auto;
}

html[dir="rtl"] #home input.spassword {
	margin-right: 22px;
}

html[dir="rtl"] #home .loginer input.remember,
html[dir="rtl"] #home .loginer input.password,
html[dir="rtl"] #home .loginer input.resource,
html[dir="rtl"] #home .loginer select.priority,
html[dir="rtl"] #home .anonymouser input.room,
html[dir="rtl"] #home .anonymouser input.nick {
	float: right;
}

#home img.captcha_img {
	margin: -2px 0 0 20px;
	float: left;
}

#home .info {
	padding: 6px;
	position: absolute;
	bottom: 62px;
	right: 35px;
	border-width: 1px;
	border-style: dotted;
	clear: both;
	width: 350px;
}

#home .info.success {
	background-color: #aee578;
	border-color: #85b05c;
	display: none;
}

#home .info.fail {
	background-color: #f19d9d;
	border-color: #b34f4f;
}

#home .info.report {
	background-color: #f3f48b;
	border-color: #c9c66b;
	display: none;
}

#home .info.report span {
	text-decoration: underline;
}

#home .notice.simple {
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.7);
	color: white;
	font-size: 0.9em;
	text-decoration: none;
	text-shadow: 0 1px 0 black;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 20px;
	z-index: 100;
	box-shadow: 0 0 25px #ababab;
	-moz-box-shadow: 0 0 25px #ababab;
	-webkit-box-shadow: 0 0 25px #ababab;
}

#home .notice.simple .title {
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.4);
	background-position: 8px -299px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #141414;
	font-weight: bold;
	padding: 8px 8px 8px 30px;
}

#home .notice.simple .text {
	margin-left: 20px;
}

html[dir="rtl"] #home .notice.simple .text {
	margin-left: 0;
	margin-right: 20px;
}
/*
 
Jappix - An open social platform
This is the others CSS stylesheet for Jappix
 
-------------------------------------------------
 
License: AGPL
Author: Valérian Saliou
Last revision: 07/06/13
 
*/
 
#audio {
        display: none;
}
 
#top-content {
        position: absolute;
        right: 5px;
        left: 5px;
        top: 0;
        min-width: 860px;
        z-index: 50;
}
 
#main-content {
        position: absolute;
        top: 34px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        min-width: 850px;
        min-height: 450px;
}
 
#left-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 248px;
}

html[dir="rtl"] #left-content {
    left: auto;
    right: 0;
}
 
#right-content,
#suggest {
        background-color: rgb(20,20,20);
        background-color: rgba(20,20,20,0.85);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 260px;
        z-index: 10;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 0 0 6px #5c5c5c;
        -moz-box-shadow: 0 0 6px #5c5c5c;
        -webkit-box-shadow: 0 0 6px #5c5c5c;
}

html[dir="rtl"] #right-content {
    left: 0;
    right: 260px;
}
 
#general-wait {
	background: url(./get.php?h=3baf279ac5c168c1e969ede21ea0359d&t=img&f=others/blank.gif) repeat;
    z-index: 10000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
 
.general-wait-content {
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,0.9);
        background-position: 8px 8px;
        padding: 8px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 0 0 2px #000;
        -moz-box-shadow: 0 0 2px #000;
        -webkit-box-shadow: 0 0 2px #000;
}

html[dir="rtl"] .general-wait-content {
    right: auto;
    left: 5px;
}

.inbox-hidable,
.options-hidable,
.pep-hidable,
.pubsub-hidable,
.pubsub-hidable-cn,
.mam-hidable,
.commands-hidable,
.privacy-hidable,
.xmpplinks-hidable {
        display: none;
}
 
#reconnect .pane {
        background-color: rgb(20,20,20);
        background-color: rgba(20,20,20,0.85);
        color: white;
        padding: 25px;
        z-index: 10000;
        text-shadow: 0 1px 1px black;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        box-shadow: 0 0 35px #232323;
        -moz-box-shadow: 0 0 35px #232323;
        -webkit-box-shadow: 0 0 35px #232323;
}
 
#reconnect .pane a {
        margin-top: -4px;
        float: right;
}

#suggest {
	width: 350px;
	height: 350px;
	margin-top: -175px;
	margin-left: -175px;
	left: 50%;
    right: auto;
	top: 50%;
}

#suggest .title {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 2px 2px black;
	position: absolute;
	top: 14px;
	left: 18px;
	right: 18px;
}

#suggest .content {
	background: #e4eef9;
	padding: 12px 12px 0 12px;
	position: absolute;
	left: 8px;
	right: 8px;
	top: 45px;
	bottom: 52px;
	overflow: auto;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 10px black;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
}

#suggest .content a.one {
	background-color: #e4eef9;
	border: 1px solid #ccdbde;
	margin-bottom: 8px;
	padding: 8px 12px;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
}

#suggest .content a.one:hover,
#suggest .content a.one:focus {
	border: 1px solid #93c5fa;
}

#suggest .content a.one:active {
	border: 1px solid #419afa;
}

#suggest .content a.one.active {
	background-color: #f1f6fd;
	border: 1px solid #9dc4fc;
}

#suggest .content a.one span.icon,
#suggest .content a.one span.state {
	height: 16px;
	width: 16px;
}

#suggest .content a.one span.icon {
	background-position: 0 -1082px;
	margin: 0 15px 0 0;
	float: left;
}

#suggest .content a.one span.name {
	font-weight: bold;
	height: 16px;
	width: 250px;
	overflow: hidden;
	float: left;
}

#suggest .content a.one span.state {
	background-position: 0 -1661px;
	margin: -6px -16px 0 0;
	display: none;
	float: right;
}

#suggest .content a.one.active span.state {
	display: block;
}

#suggest .content a.one span.clear {
	display: block;
	clear: both;
}

#suggest a.next {
	position: absolute;
	bottom: 13px;
	right: 8px;
}
/*

Jappix - An open social platform
This is the tools CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 20/10/12

*/

#top-content .tools {
	background-color: rgb(232,241,243);
	background-color: rgba(232,241,243,0.6);
	padding: 3px 8px 5px 8px;
	min-width: 10px;
	height: 17px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#top-content .tools a {
	color: black;
	padding: 0 3px;
	margin: 0 1.5px;
}

#top-content .tools a:hover,
#top-content .tools a:focus {
	cursor: pointer;
	text-decoration: underline;
}

#top-content .tools-logo {
	background-position: 9px 2px;
	width: 74px;
	float: left;
}

html[dir="rtl"] #top-content .tools-logo {
	float: right;
}

#top-content .tools-all {
	float: right;
	text-align: right;
	margin-left: 8px;
	font-size: 0.9em;
	color: black;
	position: relative;
}

html[dir="rtl"] #top-content .tools-all {
	margin-left: 0;
	margin-right: 8px;
	float: left;
}

#top-content .notifications {
	background-position: 7px -1264px;
}

#top-content .music {
	background-position: 6px -1286px;
}

#top-content .notifications:hover,
#top-content .music:hover {
	cursor: pointer;
}

#top-content .music:hover,
#top-content .notifications:hover,
#top-content .music:focus,
#top-content .notifications:focus {
	background-color: rgb(232,241,243);
	background-color: rgba(232,241,243,0.7);
}

#top-content .music:active,
#top-content .notifications:active {
	background-color: rgb(232,241,243);
	background-color: rgba(232,241,243,0.8);
}

#top-content .actived,
#top-content .actived:hover,
#top-content .actived:focus,
#top-content .actived:active {
	background-color: rgb(232,241,243) !important;
	background-color: rgba(232,241,243,0.9) !important;
}

#top-content .notify {
	background-color: #c60505;
	color: white;
	font-size: 0.7em;
	font-weight: bold;
	margin-left: -10px;
	padding: 1px 4px;
	position: absolute;
	bottom: -2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

html[dir="rtl"] #top-content .notify {
	margin-left: auto;
	margin-right: -10px;
}

#top-content .tools-content {
	display: none;
	position: absolute;
	top: 25px;
}

html[dir="rtl"] #top-content .tools-content {
	margin-left: 0;
	right: auto;
}

.tools-content-subarrow {
	background-position: 0 -241px;
	opacity: 0.8;
	height: 10px;
	width: 18px;
	margin: 0 auto;
	display: block;
}

.tools-content-subitem {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	padding: 14px 6px 6px 6px;
	clear: both;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.notifications-content {
	width: 240px;
	right: -107px;
}

html[dir="rtl"] .notifications-content {
	left: -107px;
}

.notifications-content .tools-content-subitem {
	max-height: 250px;
	color: white;
	text-shadow: 0 1px 1px black;
	text-align: left;
	overflow-x: none;
	overflow-y: auto;
}

html[dir="rtl"] .notifications-content .tools-content-subitem {
	text-align: right;
}

.notifications-content .empty {
	color: white;
	font-size: 0.9em;
	text-decoration: underline;
	margin: -8px 4px 2px 0;
	display: none;
	float: right;
}

.notifications-content .nothing {
	font-size: 0.9em;
	margin: 5px;
}

.notifications-content .one-notification {
	padding: 6px 4px;
	font-size: 0.85em;
	clear: both;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.notifications-content .one-notification:hover,
.notifications-content .one-notification:focus {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.1);
}

.notifications-content .one-notification:active {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.2);
}

.notifications-content .avatar-container {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 8px 8px 0;
	text-align: center;
	background-repeat: no-repeat;
}

html[dir="rtl"] .notifications-content .avatar-container {
	float: right;
	margin-right: auto;
	margin-left: 8px;
}

.notifications-content .avatar {
	max-width: 40px;
	max-height: 40px;
}

.notifications-content .notification-text,
.notifications-content .notification-actions {
	margin-left: 48px;
	overflow: hidden;
}

html[dir="rtl"] .notifications-content .notification-text,
html[dir="rtl"] .notifications-content .notification-actions {
	margin-left: auto;
}

.notifications-content .notification-actions {
	margin-top: 3px;
}

.notifications-content .notification-actions a {
	color: white;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: underline;
	margin-right: 8px;
}

.notifications-content .one-notification .notification-actions span.talk-images {
	background-position: 0 -1828px;
	width: 16px;
	height: 16px;
	margin: -1px 6px 0 0;
	float: left;
}

html[dir="rtl"] .notifications-content .one-notification .notification-actions span.talk-images {
	margin-right: auto;
	margin-left: 6px;
	float: right;
}

.notifications-content .one-notification[data-type="subscribe"] .notification-actions span.talk-images {
	background-position: 0 -1796px;
}

.notifications-content .one-notification[data-type="invite_room"] .notification-actions span.talk-images {
	background-position: 0 -1812px;
}

.notifications-content .one-notification[data-type="send"] .notification-actions span.talk-images,
.notifications-content .one-notification[data-type="send_accept"] .notification-actions span.talk-images,
.notifications-content .one-notification[data-type="send_reject"] .notification-actions span.talk-images,
.notifications-content .one-notification[data-type="send_fail"] .notification-actions span.talk-images {
	background-position: 0 -1956px;
}

.notifications-content .one-notification[data-type="rosterx"] .notification-actions span.talk-images {
	background-position: 0 -1844px;
}

.notifications-content .one-notification[data-type="comment"] .notification-actions span.talk-images {
	background-position: 0 -1860px;
}

.notifications-content .one-notification[data-type="like"] .notification-actions span.talk-images {
	background-position: 0 -1876px;
}

.notifications-content .one-notification[data-type="quote"] .notification-actions span.talk-images {
	background-position: 0 -1892px;
}

.notifications-content .one-notification[data-type="wall"] .notification-actions span.talk-images {
	background-position: 0 -1908px;
}

.notifications-content .one-notification[data-type="photo"] .notification-actions span.talk-images {
	background-position: 0 -1924px;
}

.notifications-content .one-notification[data-type="video"] .notification-actions span.talk-images {
	background-position: 0 -1940px;
}

.notifications-content .one-notification[data-type="me_profile_new_success"] .notification-actions span.talk-images,
.notifications-content .one-notification[data-type="me_profile_remove_success"] .notification-actions span.talk-images,
.notifications-content .one-notification[data-type="me_profile_update_success"] .notification-actions span.talk-images {
	background-position: 0 -1660px;
}

.notifications-content .one-notification[data-type="me_profile_check_error"] .notification-actions span.talk-images {
	background-position: 0 -1640px;
}

.music-content {
	width: 220px;
	right: -97px;
}

html[dir="rtl"] .music-content {
	left: -97px;
}

.music-content .tools-content-subitem {
	height: 247px;
}

.music-content .player {
	background: #b5d5db;
	background: -moz-linear-gradient(top, #b5d5db, #adced4);
	background: -webkit-gradient(linear, left top, left bottom, from(#b5d5db), to(#adced4));
	height: 20px;
	padding: 2px 5px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}

.music-content .player a {
	margin: 2px;
	height: 16px;
	width: 16px;
	float: left;
}

html[dir="rtl"] .music-content .player a {
	float: right;
}

.music-content .player a:hover,
.music-content .player a:focus {
	opacity: 0.8;
}

.music-content .player a:active {
	opacity: 0.6;
}

.music-content .stop {
	display: none;
	background-position: 0 -270px;
}

.music-content .list {
	background-color: #e8f1f3;
	height: 188px;
	padding: 5px;
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
}

.music-content p.no-results {
	display: none;
	color: black;
	font-size: 0.9em;
}

.music-content div.special {
	padding-bottom: 2px;
	margin-bottom: 6px;
	border-bottom: 1px solid #c3d4d7;
}

.music-content .song {
	display: block;
	margin: 3px 0;
	font-size: 0.8em;
}

.music-content .playing {
	font-weight: bold;
}

.music-content .search {
	background-color: #e8f1f3;
	height: 25px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.music-content .search input {
	margin: 2px;
	width: 198px;
	height: 15px;
}

/*
 
Jappix - An open social platform
This is the buddy-list CSS stylesheet for Jappix
 
-------------------------------------------------
 
License: AGPL
Author: Valérian Saliou
Last revision: 21/06/12
 
*/
 
#buddy-list {
        background-color: rgb(20,20,20);
        background-color: rgba(20,20,20,0.85);
        color: #919191;
        padding: 15px 6px 4px 6px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 0 0 6px #5c5c5c;
        -moz-box-shadow: 0 0 6px #5c5c5c;
        -webkit-box-shadow: 0 0 6px #5c5c5c;
}
 
#buddy-list .content {
	background: #e8f1f3;
	background: -moz-linear-gradient(top, #e8f1f3, #e4edef);
	background: -webkit-gradient(linear, left top, left bottom, from(#e8f1f3), to(#e4edef));
        color: #666666;
        height: 207px;
        padding: 4px 4px 0 4px;
        overflow-x: hidden;
        overflow-y: auto;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
}
 
#buddy-list .one-group {
        margin-bottom: 10px;
}
 
#buddy-list .one-group a.group {
        color: #202c2f;
        font-size: 0.8em;
        margin: 3px 6px;
        padding-left: 12px;
        max-height: 15px;
        text-decoration: none;
        overflow: hidden;
        display: block;
}

html[dir="rtl"] #buddy-list .one-group a.group {
        float: right;
}
 
#buddy-list .one-group a.group.plus {
        background-position: -4px -1143px;
}
 
#buddy-list .one-group a.group.minus {
        background-position: -4px -1162px;
}
 
#buddy-list .one-group a.group:hover {
        cursor: pointer;
}
 
#buddy-list .hidden-buddy,
#buddy-list .foot-edit-finish,
.buddy-conf-more-display-available {
        display: none;
}

#buddy-list .group-buddy {
        clear: both;
}
 
#buddy-list .buddy {
        width: 100%;
        height: 50px;
        margin-bottom: 4px;
        clear: both;
}
 
#buddy-list .buddy-click {
        background: #d9e7ea;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}
 
#buddy-list .buddy-click:hover,
#buddy-list .buddy-click:focus {
        background: #cedee1;
        cursor: pointer;
}
 
#buddy-list .buddy-click:active {
        background: #c3d3d7;
}
 
#buddy-list .gateway {
        height: 27px;
}
 
#buddy-list .gateway .name {
        margin-left: 0;
}
 
#buddy-list .gateway .buddy-presence {
        float: left;
        overflow: hidden;
        width: 0;
        margin: 0 4px;
}
 
#buddy-list .avatar-container {
        float: left;
        text-align: center;
        margin: 3px;
        width: 46px;
        height: 46px;
}

html[dir="rtl"] #buddy-list .avatar-container {
        float: right;
}
 
#buddy-list .avatar {
        max-width: 44px;
        max-height: 44px;
}
 
#buddy-list .name {
        margin: 4px 3px 5px 56px;
}

html[dir="rtl"] #buddy-list .name {
        margin-left: auto;
        float: right;
}

#buddy-list .buddy-name {
        height: 17px;
        font-weight: bold;
        font-size: 0.85em;
        color: #264249;
        margin: 5px 0 5px 2px;
        overflow: hidden;
}
 
#buddy-list .buddy.blocked p.buddy-name {
        text-decoration: line-through;
}
 
#buddy-list .buddy-presence {
        height: 14px;
        font-size: 0.7em;
        color: #3a585e;
        padding: 2px 0 0 16px;
        margin-top: -3px;
}

html[dir="rtl"] #buddy-list .buddy-presence {
        float: right;
}
 
#buddy-list .unavailable,
#page-switch .unavailable,
#page-engine p.bc-infos span.show.unavailable {
        background-position: 0 -153px;
}
 
#buddy-list .available,
#page-engine p.bc-infos span.show.available,
#page-engine .list .available,
#page-engine .list .chat,
#page-switch .available,
#my-infos .f-presence a[data-value="available"] span {
        background-position: 0 -169px;
}
 
#buddy-list .away,
#page-engine p.bc-infos span.show.away,
#page-engine .list .away,
#page-switch .away,
#my-infos .f-presence a[data-value="away"] span {
        background-position: 0 -185px;
}
 
#buddy-list .busy,
#page-engine p.bc-infos span.show.busy,
#page-engine .list .xa,
#page-engine .list .dnd,
#page-switch .busy,
#my-infos .f-presence a[data-value="xa"] span {
        background-position: 0 -201px;
}
 
#buddy-list .error,
#page-switch .error,
#page-engine p.bc-infos span.show.error {
        background-position: 0 -217px;
}
 
#buddy-list .buddy-infos {
	position: absolute;
        z-index: 100;
        width: 337px;
        color: white;
        font-size: 0.8em;
}

.buddy-infos-subarrow {
        background-position: 0 -241px;
        opacity: 0.8;
        width: 9px;
        height: 20px;
        margin-top: 12px;
        float: left;
}

html[dir="rtl"] .buddy-infos-subarrow {
        background-position: -10px -241px;
        float: right;
}
 
.buddy-infos-subitem {
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.8);
        padding: 8px 10px;
        width: 308px;
        text-shadow: 0 1px 1px black;
        float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

html[dir="rtl"] .buddy-infos-subitem {
        float: right;
}

.manage-infos p.bm-authorize,
#rosterx .oneresult span.action.add {
        background-position: 0 -1181px;
}
 
.manage-infos p.bm-remove,
#rosterx .oneresult span.action.delete,
#attach div.one-file a.remove {
        background-position: 0 -1200px;
}
 
.manage-infos p.bm-remove {
        margin-bottom: 18px;
}
 
.manage-infos p.bm-rename {
        background-position: 0 -1216px;
}
 
.manage-infos p.bm-group {
        background-position: 0 -1241px;
}
 
.manage-infos div.bm-choose {
        max-height: 95px;
        margin: 0 0 8px 102px;
        overflow: auto;
}
 
.manage-infos div.bm-choose label {
        float: left;
        clear: both;
        margin-bottom: 1px;
}
 
.manage-infos div.bm-choose input {
        float: left;
}
 
.manage-infos div.bm-choose input[type="checkbox"] {
        margin: 0 6px 0 0;
}
 
.manage-infos div.bm-choose div {
        clear: both;
}
 
.manage-infos p.bm-rename,
.manage-infos p.bm-group {
        height: 26px;
}
 
.manage-infos p.bm-rename label,
.manage-infos p.bm-group label {
        width: 80px;
        padding-top: 3px;
        float: left;
}

html[dir="rtl"] .manage-infos p.bm-rename label,
html[dir="rtl"] .manage-infos p.bm-group label {
        float: right;
}
 
.manage-infos p.bm-rename input,
.manage-infos p.bm-group input {
        float: left;
        width: 155px;
}

html[dir="rtl"] .manage-infos p.bm-rename input,
html[dir="rtl"] .manage-infos p.bm-group input {
        float: right;
}
 
.manage-infos a.save {
        float: right;
        margin: 4px;
}
 
.buddy-infos-subitem p {
        margin: 6px 0;
        padding-left: 22px;
        height: 16px;
        overflow: hidden;
}
 
.buddy-infos-subitem a {
        color: white;
        text-decoration: underline;
}
 
.tune-note {
        background-position: 0 -676px;
}
 
.location-world {
        background-position: 0 -658px;
}
 
.view-individual {
        background-position: 0 -34px;
}
 
.edit-buddy {
        background-position: 0 -1008px;
}
 
#buddy-list .filter {
        background-color: white;
        border-top: 1px solid #b8c2c4;
        height: 15px;
        padding: 2px 4px;
        font-size: 0.8em;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
}
 
#buddy-list .filter input {
        border: none;
        color: #273a3f;
        width: 211px;
        padding: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
}
 
#buddy-list .filter a {
        display: none;
        background-color: #9a2d2d;
        color: white;
        height: 13px;
        width: 13px;
        margin-top: 1px;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none;
        float: right;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
}

html[dir="rtl"] #buddy-list .filter a {
        float: left;
}
 
#buddy-list .filter a:hover,
#buddy-list .filter a:focus {
        background-color: #8c2121;
}
 
#buddy-list .filter a:active {
        background-color: #7e1919;
}
 
#buddy-list .foot {
        padding: 9px 1px 3px;
}
 
#buddy-list .buddy-list-icon {
        height: 16px;
        width: 16px;
        margin: -3px 5px 0 0;
        float: left;
        position: relative;
}

html[dir="rtl"] #buddy-list .buddy-list-icon {
        margin-right: 0;
        margin-left: 5px;
        float: right;
}
 
#buddy-list .buddy-list-icon a.talk-images {
        height: 16px;
        width: 16px;
        display: block;
}
 
#buddy-list .add,
#page-engine .text .tools-add {
        background-position: 0 -1047px;
}
 
#buddy-list .join {
        background-position: 0 -1065px;
}
 
#buddy-list .groupchat,
#page-switch .groupchat-default {
        background-position: 0 -1082px;
}
 
#buddy-list .more {
        background-position: 0 -1100px;
}
 
#buddy-list .foot-edit-finish a {
        color: white;
        font-size: 0.8em;
        margin: -3px 4px 0 0;
        float: right;
        display: block;
}
 
#buddy-list .foot-edit-finish a:hover,
#buddy-list .foot-edit-finish a:focus {
        text-decoration: underline;
        cursor: pointer;
}
 
.buddy-conf-item {
        position: absolute;
        left: -10px;
        width: 263px;
        color: white;
        z-index: 9998;
        font-size: 0.8em;
}

html[dir="rtl"] .buddy-conf-item {
        left: auto;
        right: -10px;
}
 
.buddy-conf-item:hover {
        cursor: default;
}
 
.buddy-conf-subarrow {
        background-position: 0 -241px;
        opacity: 0.8;
        height: 10px;
        width: 18px;
        margin-left: 9px;
        float: left;
}

html[dir="rtl"] .buddy-conf-subarrow {
        margin-left: auto;
        margin-right: 9px;
        float: right;
}
 
.buddy-conf-subitem {
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.8);
        margin-top: 10px;
        padding: 10px;
        text-shadow: 0 1px 1px black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
 
.buddy-conf-p {
        margin-bottom: 4px;
        width: 220px;
        font-weight: bold;
        float: left;
}

html[dir="rtl"] .buddy-conf-p {
        float: right;
}
 
.buddy-conf-input {
        padding-top: 2px;
}
 
.buddy-conf-text {
        font-size: 11px;
        clear: both;
        margin-bottom: 3px;
}
 
.buddy-conf-text a {
        color: white;
}
 
.buddy-conf-text a:hover,
.buddy-conf-text a:focus {
        cursor: pointer;
        text-decoration: underline;
}
 
.buddy-conf-text a.buddy-conf-add-search {
        text-decoration: underline;
        margin-top: 6px;
        display: block;
}
 
.buddy-conf-select {
        font-size: 1.1em;
        clear: both;
        margin-bottom: 8px;
        width: 180px;
        height: 23px;
}
 
.join-jid {
        width: 220px;
        margin-top: 5px;
}
 
.add-contact-jid,
.add-contact-name,
.add-contact-gateway {
        width: 156px;
        margin-bottom: 4px;
}
 
.add-contact-name-get {
        font-size: 0.8em;
        display: none;
}
 
.buddy-conf-subitem label {
        clear: both;
}
 
.buddy-conf-subitem label span {
        width: 76px;
        height: 14px;
        margin-top: 3px;
        overflow: hidden;
        float: left;
}

html[dir="rtl"] .buddy-conf-subitem label span {
        float: right;
}

#buddy-conf-join ul {
        width: 224px;
        max-height: 160px;
        left: 10px;
        top: 50px;
}

html[dir="rtl"] #buddy-conf-join ul {
        left: auto;
        right: 10px;
}
 
.buddy-conf-join-select {
        margin: 8px 0 0 0;
}

/*

Jappix - An open social platform
This is the my-infos CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 31/08/11

*/

#my-infos {
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.85);
	color: #919191;
	margin-top: 8px;
	padding: 15px 6px 6px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 6px #5c5c5c;
	-moz-box-shadow: 0 0 6px #5c5c5c;
	-webkit-box-shadow: 0 0 6px #5c5c5c;
}

#my-infos .content {
	background: #e8f1f3;
	background: -moz-linear-gradient(top, #e4edef, #e8f1f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#e4edef), to(#e8f1f3));
	color: #919191;
	max-height: 140px;
	padding: 1px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#my-infos .element {
	height: 24px;
	margin: 6px 0;
	position: relative;
}

#my-infos .element .icon {
	background-color: white;
	border-color: #636363;
	border-width: 1px;
	border-style: solid;
	margin-left: 6px;
	height: 22px;
	width: 25px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

html[dir="rtl"] #my-infos .element .icon {
	margin-left: auto;
	margin-right: 6px;
}

#my-infos .element div.bubble a {
	width: 100%;
	height: 20px;
}

#my-infos .element .icon:hover,
#my-infos .element div.bubble a:hover {
	background-color: #f4f4f4;
}

#my-infos .element .icon:active,
#my-infos .element div.bubble a:active {
	background-color: #ededed;
}

#my-infos .f-presence div.bubble a[data-value="available"] {
	background-position: 4px -167px;
}

#my-infos .f-presence div.bubble a[data-value="away"] {
	background-position: 4px -183px;
}

#my-infos .f-presence div.bubble a[data-value="xa"] {
	background-position: 4px -199px;
}

#my-infos .f-mood div.bubble a[data-value="crazy"] {
	background-position: 4px -296px;
}

#my-infos .f-mood div.bubble a[data-value="excited"] {
	background-position: 4px -314px;
}

#my-infos .f-mood div.bubble a[data-value="playful"] {
	background-position: 4px -332px;
}

#my-infos .f-mood div.bubble a[data-value="happy"] {
	background-position: 4px -350px;
}

#my-infos .f-mood div.bubble a[data-value="shocked"] {
	background-position: 4px -368px;
}

#my-infos .f-mood div.bubble a[data-value="hot"] {
	background-position: 4px -386px;
}

#my-infos .f-mood div.bubble a[data-value="sad"] {
	background-position: 4px -404px;
}

#my-infos .f-mood div.bubble a[data-value="amorous"] {
	background-position: 4px -422px;
}

#my-infos .f-mood div.bubble a[data-value="confident"] {
	background-position: 4px -440px;
}

#my-infos .f-mood a[data-value] span {
	background-position: 0 -352px;
}

#my-infos .f-mood a[data-value="crazy"] span,
.mood-one {
	background-position: 0 -298px;
}

#my-infos .f-mood a[data-value="excited"] span,
.mood-two {
	background-position: 0 -316px;
}

#my-infos .f-mood a[data-value="playful"] span,
.mood-three {
	background-position: 0 -334px;
}

#my-infos .f-mood a[data-value="happy"] span,
.mood-four {
	background-position: 0 -352px;
}

#my-infos .f-mood a[data-value="shocked"] span,
.mood-five {
	background-position: 0 -370px;
}

#my-infos .f-mood a[data-value="hot"] span,
.mood-six {
	background-position: 0 -388px;
}

#my-infos .f-mood a[data-value="sad"] span,
.mood-seven {
	background-position: 0 -406px;
}

#my-infos .f-mood a[data-value="amorous"] span,
.mood-eight {
	background-position: 0 -424px;
}

#my-infos .f-mood a[data-value="confident"] span,
.mood-nine {
	background-position: 0 -442px;
}

#my-infos .f-activity div.bubble a[data-value="doing_chores"] {
	background-position: 4px -458px;
}

#my-infos .f-activity div.bubble a[data-value="drinking"] {
	background-position: 4px -476px;
}

#my-infos .f-activity div.bubble a[data-value="eating"] {
	background-position: 4px -494px;
}

#my-infos .f-activity div.bubble a[data-value="exercising"] {
	background-position: 4px -512px;
}

#my-infos .f-activity div.bubble a[data-value="grooming"] {
	background-position: 4px -548px;
}

#my-infos .f-activity div.bubble a[data-value="having_appointment"] {
	background-position: 4px -566px;
}

#my-infos .f-activity div.bubble a[data-value="inactive"] {
	background-position: 4px -530px;
}

#my-infos .f-activity div.bubble a[data-value="relaxing"] {
	background-position: 4px -620px;
}

#my-infos .f-activity div.bubble a[data-value="talking"] {
	background-position: 4px -602px;
}

#my-infos .f-activity div.bubble a[data-value="traveling"] {
	background-position: 4px -584px;
}

#my-infos .f-activity div.bubble a[data-value="working"] {
	background-position: 4px -638px;
}

#my-infos .f-activity a[data-value] span {
	background-position: 0 -514px;
}

#my-infos .f-activity a[data-value="doing_chores"] span,
.activity-doing_chores {
	background-position: 0 -460px;
}

#my-infos .f-activity a[data-value="drinking"] span,
.activity-drinking {
	background-position: 0 -478px;
}

#my-infos .f-activity a[data-value="eating"] span,
.activity-eating {
	background-position: 0 -496px;
}

#my-infos .f-activity a[data-value="exercising"] span,
.activity-exercising {
	background-position: 0 -514px;
}

#my-infos .f-activity a[data-value="grooming"] span,
.activity-grooming {
	background-position: 0 -550px;
}

#my-infos .f-activity a[data-value="having_appointment"] span,
.activity-having_appointment {
	background-position: 0 -568px;
}

#my-infos .f-activity a[data-value="inactive"] span,
.activity-inactive {
	background-position: 0 -532px;
}

#my-infos .f-activity a[data-value="relaxing"] span,
.activity-relaxing {
	background-position: 0 -622px;
}

#my-infos .f-activity a[data-value="talking"] span,
.activity-talking {
	background-position: 0 -604px;
}

#my-infos .f-activity a[data-value="traveling"] span,
.activity-traveling {
	background-position: 0 -586px;
}

#my-infos .f-activity a[data-value="working"] span,
.activity-working {
	background-position: 0 -640px;
}

#my-infos .element .icon.picker {
	border-width: 1px 0 1px 1px;
	float: left;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

html[dir="rtl"] #my-infos .element .icon.picker {
	border-width: 1px 1px 1px 0;
	float: right;
	border-top-right-radius: 2px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 0;
}

#my-infos .element .icon.disabled {
	background-color: #f3f3f3;
	border-color: #989898;
	cursor: default;
}

#my-infos .element div.bubble {
	background-color: white;
	border-color: #636363;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	width: 25px;
	padding: 1px 0;
	position: absolute;
	bottom: 21px;
	left: 6px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}

html[dir="rtl"] #my-infos .element div.bubble {
	left: auto;
	right: 6px;
}

#my-infos .element a {
	float: left;
}

html[dir="rtl"] #my-infos .element a {
	float: right;
}

#my-infos .element .icon span {
	height: 16px;
	width: 16px;
	margin: 3px 4px;
	display: block;
}

#my-infos .element input {
	height: 18px;
	width: 190px;
	font-size: 0.85em;
	padding-left: 4px;
	float: left;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-bottom-radius: 0;
}

html[dir="rtl"] #my-infos .element input {
	padding-left: 2px;
	padding-right: 4px;
	float: right;
	border-top-right-radius: 0;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 2px;
}
/*

Jappix - An open social platform
This is the page-engine CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 21/06/12

*/

#page-engine {
	background-color: #f4f4f4;
	position: absolute;
	top: 40px;
	bottom: 6px;
	right: 6px;
	left: 6px;
	z-index: 8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#page-engine .top {
	background: #e8f1f3;
	background: -moz-linear-gradient(top, #e8f1f3, #dee8ea);
	background: -webkit-gradient(linear, left top, left bottom, from(#e8f1f3), to(#dee8ea));
	border-bottom: 1px solid #d0d0d0;
	color: black;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 6px;
	height: 80px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

#page-engine .top .avatar-container {
	text-align: center;
	margin: 2px 0 0 10px;
	height: 76px;
	width: 76px;
	float: left;
}

html[dir="rtl"] #page-engine .top .avatar-container {
	margin-left: 0;
	margin-right: 10px;
	float: right;
}

#page-engine .top .avatar {
	max-height: 76px;
	max-width: 76px;
}

#page-engine .top .name {
	text-align: right;
	padding: 7px;
}

html[dir="rtl"] #page-engine .top .name {
	text-align: left;
}

#page-engine p.bc-name {
	font-size: 2.3em;
	margin-bottom: 5px;
}

#page-engine p.bc-infos {
	font-size: 0.85em;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 115px;
	right: 12px;
}

html[dir="rtl"] #page-engine p.bc-infos {
	left: 12px;
	right: 115px;
}

#page-engine .page-engine-chan[data-type="groupchat"] p.bc-infos {
	left: 12px;
}

#page-engine p.bc-infos span.show {
	padding-left: 18px;
}

#page-engine p.bc-infos a {
	text-decoration: underline;
}

#page-engine div.bc-pep {
	float: right;
}

html[dir="rtl"] #page-engine div.bc-pep {
	float: left;
}

#page-engine div.bc-pep a {
	height: 16px;
	width: 16px;
	margin-left: 4px;
	float: left;
}

html[dir="rtl"] #page-engine div.bc-pep a {
	margin-right: 4px;
	margin-left: 0;
}

#page-engine div.bc-pep a:hover {
	cursor: default;
}

#page-engine div.bc-pep a[href]:hover {
	cursor: pointer;
}

#page-engine .content,
#page-engine .list {
	font-size: 0.9em;
	position: absolute;
	top: 93px;
	right: 0;
	bottom: 29px;
	overflow: auto;
	box-shadow: inset 0 3px 10px #e8e8e8;
	-moz-box-shadow: inset 0 3px 10px #e8e8e8;
	-webkit-box-shadow: inset 0 3px 10px #e8e8e8;
}

#page-engine .content {
	left: 0;
	padding: 12px 14px 0;
}

#page-engine .content a {
	text-decoration: underline;
}

#page-engine .content .wait-mam {
	margin: 2px auto 14px auto;
	display: none;
}

#page-engine .page-engine-chan {
	display: none;
}

#page-engine .chat .content,
#page-engine .chat .list {
	bottom: 93px;
}

#page-engine .chat .content {
	padding-bottom: 24px;
}

#page-engine .groupchat-content {
	padding-bottom: 16px !important;
	right: 191px !important;
}

html[dir="rtl"] #page-engine .groupchat-content {
	right: 0 !important;
	left: 191px !important;
}

#page-engine .list {
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #c8c8c8;
	padding: 8px 0 0;
	width: 190px;
	right: 0;
}

html[dir="rtl"] #page-engine .list {
	border-width: 0 1px 0 0;
	right: auto;
	left: 0;
}

#page-engine .list .role {
	display: none;
	margin-bottom: 10px;
}

#page-engine .list .title {
	font-weight: bold;
	color: #383838;
	margin-left: 8px;
}

#page-engine .list .user {
	background: #eff2f2;
	background: -moz-linear-gradient(top, #eff2f2, #ecefef);
	background: -webkit-gradient(linear, left top, left bottom, from(#eff2f2), to(#ecefef));
	border-color: #c8c8c8;
	border-width: 1px 0;
	border-style: solid;
	color: #383838;
	margin-bottom: 3px;
	height: 32px;
	overflow: hidden;
}

#page-engine .list .user:hover {
	background: #e9ecec;
	cursor: pointer;
}

#page-engine .list .user:active {
	background: #e3e7e7;
}

#page-engine .list .user.myself {
	background-color: #eff2f2;
	cursor: default;
}

#page-engine .list .user .name {
	float: left;
	height: 18px;
	overflow: hidden;
	margin: 7px 0 7px 3px;
	padding-left: 18px;
}

html[dir="rtl"] #page-engine .list .user .name {
	margin-left: auto;
	margin-right: 8px;
	float: right;
}

#page-engine .list .user .avatar-container {
	text-align: center;
	float: right;
	height: 32px;
	width: 32px;
}

html[dir="rtl"] #page-engine .list .user .avatar-container {
	float: left;
}

#page-engine .list .user .avatar {
	max-height: 32px;
	max-width: 32px;
}

#page-engine .one-group {
	border-bottom: 1px dotted #d0d0d0;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

#page-engine .one-line,
#page-engine .one-group b.name {
	padding-left: 50px;
	word-wrap: break-word;
}

html[dir="rtl"] #page-engine .one-line,
html[dir="rtl"] #page-engine .one-group b.name {
	padding-left: auto;
	padding-right: 50px;
}

#page-engine .one-group b.name {
	display: block;
	margin-bottom: 4px;
	line-height: 1.4;
}

#page-engine .one-group b.name.me {
	color: #123a5c;
}

#page-engine .one-group b.name.him {
	color: #801e1e;
}

#page-engine .one-group span.date {
	float: right;
	font-size: 0.95em;
}

html[dir="rtl"] #page-engine .one-group span.date {
	float: left;
}

#page-engine .one-group .avatar-container {
	text-align: center;
	margin: 4px 0 0 6px;
	height: 30px;
	width: 30px;
	float: left;
}

html[dir="rtl"] #page-engine .one-group .avatar-container {
	margin-left: auto;
	margin-right: 6px;
	float: right;
}

#page-engine .one-group .avatar {
	max-height: 30px;
	max-width: 30px;
}

#page-engine b.name.talk-images {
	background-position: 50px -99px;
	padding-left: 68px;
}

#page-engine .user-message {
	margin-bottom: 3px;
	line-height: 1.3;
}

#page-engine .system-message {
	color: #053805 !important;
	margin-bottom: 3px !important;
	padding-left: 0 !important;
}

html[dir="rtl"] #page-engine .system-message {
	padding-right: 0 !important;
}

#page-engine .system-message a {
	color: #053805 !important;
}

#page-engine .system-message p.help b {
	margin-bottom: 5px;
	text-decoration: underline;
	display: block;
}

#page-engine .system-message p.help em {
	width: 240px;
	text-decoration: underline;
	margin-left: 5px;
	float: left;
}

#page-engine .my-nick {
	font-weight: bold;
}

#page-engine .old-message {
	font-size: 11px !important;
	margin-bottom: 1px !important;
}

#page-engine .chatstate {
	background-color: rgb(234,234,234);
	background-color: rgba(234,234,234,0.8);
	color: #2c2c2c;
	padding: 3px 10px 2px 8px;
	position: absolute;
	bottom: 93px;
	left: 0;
	font-size: 0.75em;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
}

html[dir="rtl"] #page-engine .chatstate {
	left: auto;
	right: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 0;
}

#page-engine .text {
	height: 93px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#page-engine .footer {
	background: #e8f1f3;
	background: -moz-linear-gradient(top, #dee8ea, #e8f1f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#dee8ea), to(#e8f1f3));
	border-color: #d0d0d0;
	border-width: 1px 0 0;
	border-style: solid;
	color: black;
	position: absolute;
	left: 0;
	right: 0;
	padding: 6px;
	height: 16px;
}

#page-engine .chat .footer {
	border-width: 1px 0;
	position: static;
}

#page-engine .chat-tools-content {
	height: 16px;
	width: 16px;
	margin-right: 8px;
	float: left;
}

html[dir="rtl"] #page-engine .chat-tools-content {
	float: right;
}

#page-engine .tools-tooltip {
	display: block;
	height: 16px;
	width: 16px;
	overflow: hidden;
	float: left;
}

#page-engine .text .chat-tools-smileys {
	margin-left: 4px;
}

html[dir="rtl"] #page-engine .text .chat-tools-smileys {
	margin-left: 0;
}

#page-engine .text .chat-tools-file {
	display: none;
}

#page-engine .text .chat-tools-file.mini .bubble-file {
	z-index: 39;
}

#page-engine .text .chat-tools-file.mini .tooltip-subitem {
	width: 22px;
	height: 20px;
}

#page-engine .text .chat-tools-file.mini .wait {
	margin: -2px 0 0 -1px;
}

#page-engine .text .tools-smileys {
	background-position: 0 -388px;
}

#page-engine .text .tools-style {
	background-position: 0 -700px;
}

#page-engine .text .tools-file {
	background-position: 0 -1956px;
}

#page-engine .text .tools-save {
	background-position: 0 -719px;
}

#page-engine .text .tools-clear {
	background-position: 0 -739px;
}

#page-engine .text .tools-infos,
#channel .top div.shortcuts a.profile {
	background-position: 0 -758px;
}

#page-engine .text .tools-add,
#page-engine .text .tools-mucadmin {
	display: none;
}

#page-engine .text .tools-mucadmin {
	background-position: 0 -777px;
}

#page-engine .bubble-style label {
	margin: 0 0 3px 0 !important;
}

#page-engine .bubble-style label.font {
	height: 14px !important;
}

#page-engine .bubble-style label.font div.font-icon {
	background-position: 0 -1978px;
	width: 14px;
	height: 11px;
	float: left;
}

#page-engine .bubble-style label.font div.font-change,
#page-engine .bubble-style label.font div.fontsize-change {
	position: absolute;
}

#page-engine .bubble-style label.font div.font-change {
	left: 59px;
}

#page-engine .bubble-style label.font div.fontsize-change {
	left: 28px;
}

#page-engine .bubble-style label.font div.font-change a.font-current,
#page-engine .bubble-style label.font div.fontsize-change a.fontsize-current {
	text-decoration: none;
	float: left;
}

#page-engine .bubble-style label.font div.font-change a.font-current {
	width: 140px;
}

#page-engine .bubble-style label.font div.fontsize-change a.fontsize-current {
	width: 25px;
}

#page-engine .bubble-style label.font div.font-change a.font-current:hover,
#page-engine .bubble-style label.font div.font-change a.font-current:focus,
#page-engine .bubble-style label.font div.fontsize-change a.fontsize-current:hover,
#page-engine .bubble-style label.font div.fontsize-change a.fontsize-current:focus {
	text-decoration: underline;
}

#page-engine .bubble-style label.font div.font-change.listed,
#page-engine .bubble-style label.font div.fontsize-change.listed {
	margin-bottom: 15px;
}

#page-engine .bubble-style label.font div.font-change div.font-list,
#page-engine .bubble-style label.font div.font-change.listed a.font-current,
#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list,
#page-engine .bubble-style label.font div.fontsize-change.listed a.fontsize-current,
#page-engine .bubble-style div.color-picker div.color-hex {
	border-style: solid;
	border-color: black;
	background: white;
	box-shadow: 0 0 5px #5f5f5f;
	-moz-box-shadow: 0 0 5px #5f5f5f;
	-webkit-box-shadow: 0 0 5px #5f5f5f;
}

#page-engine .bubble-style label.font div.font-change.listed a.font-current,
#page-engine .bubble-style label.font div.fontsize-change.listed a.fontsize-current {
	background: rgba(255,255,255, 0.8);
	border-width: 0 1px 1px 1px;
	color: black;
	text-shadow: none;
	text-decoration: none;
	padding: 2px 6px;
	position: absolute;
	top: -2px;
	left: -7px;
	z-index: 2;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
}

#page-engine .bubble-style label.font div.font-change.listed a.font-current {
	width: 133px;
}

#page-engine .bubble-style label.font div.fontsize-change.listed a.fontsize-current {
	width: 18px;
}

#page-engine .bubble-style label.font div.font-change div.font-list,
#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list,
#page-engine .bubble-style div.color-picker div.color-hex {
	background: rgba(255,255,255, 0.9);
	border-width: 1px 1px 0 1px;
	padding: 2px 0;
	overflow: auto;
	position: absolute;
	bottom: 2px;
	left: -7px;
	z-index: 1;
	display: none;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
}

#page-engine .bubble-style label.font div.font-change div.font-list {
	width: 145px;
	height: 250px;
}

#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list {
	width: 30px;
}

#page-engine .bubble-style label.font div.font-change.listed div.font-list,
#page-engine .bubble-style label.font div.fontsize-change.listed div.fontsize-list,
#page-engine .bubble-style div.color-picker.opened div.color-hex {
	display: block;
}

#page-engine .bubble-style label.font div.font-change div.font-list a,
#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list a {
	font-size: 1em;
	text-shadow: none;
	font-weight: bold;
	text-decoration: none;
	color: black;
	padding: 3px 6px;
	display: block;
}

#page-engine .bubble-style label.font div.font-change div.font-list a:hover,
#page-engine .bubble-style label.font div.font-change div.font-list a:focus,
#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list a:hover,
#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list a:focus {
	background-color: rgba(0,0,0, 0.8);
	color: white;
}

#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list a.reset {
	background-position: 7px -2006px;
	height: 14px;
}

#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list a.reset:hover,
#page-engine .bubble-style label.font div.fontsize-change div.fontsize-list a.reset:focus {
	background-position: 7px -2025px;
}

#page-engine .bubble-style label.bold {
	font-weight: bold;
}

#page-engine .bubble-style label.italic {
	font-style: italic;
}

#page-engine .bubble-style label.underline {
	text-decoration: underline;
}

#page-engine .bubble-style a.color {
	height: 12px;
	width: 18px;
	border-color: white;
	border-width: 1px;
	border-style: solid;
	margin: 4px 5px 0 0;
	float: left;
	opacity: 0.6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 5px black;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
}

#page-engine .bubble-style a.color:hover,
#page-engine .bubble-style a.color:focus {
	opacity: 0.7;
}

#page-engine .bubble-style a.color.selected {
	opacity: 1;
	border-color: #ffb20d;
}

#page-engine .bubble-style div.color-picker {
	margin-left: 4px;
	float: left;
	position: relative;
}

#page-engine .bubble-style div.color-picker a.color-more {
	background-position: 1px -1991px;
	height: 14px;
	width: 14px;
	margin-top: 4px;
	float: left;
}

#page-engine .bubble-style div.color-picker div.color-hex {
	border-width: 1px;
	width: 80px;
	height: auto;
	padding: 3px 5px;
	text-shadow: none;
	bottom: -5px;
	left: -52px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#page-engine .bubble-style div.color-picker div.color-hex span.hex-begin,
#page-engine .bubble-style div.color-picker div.color-hex input.hex-value {
	color: black;
	float: left;
}

#page-engine .bubble-style div.color-picker div.color-hex span.hex-begin {
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 5px;
}

#page-engine .bubble-style div.color-picker div.color-hex input.hex-value {
	background: rgba(0,0,0,0.1);
	border: none;
	width: 60px;
}

#page-engine .bubble-file .tooltip-subitem {
	width: 240px;
}

#page-engine .bubble-file input[type="file"] {
	width: 220px;
}

#page-engine .bubble-file input[type="submit"],
#page-engine .bubble-file input[type="reset"] {
	margin: 4px 4px 0 0;
}

#page-engine .text .compose,
#page-engine .muc-ask {
	position: absolute;
	left: 0;
}

#page-engine .text .compose {
	top: 29px;
	right: 12px;
	bottom: 12px;
}

html[dir="rtl"] #page-engine .text .compose {
	right: 0;
	left: 12px;
}

#page-engine .muc-ask {
	right: 0;
	bottom: 0;
}

#page-engine .text textarea {
	border: 1px solid #c8c8c8;
	padding: 5px;
	height: 100%;
	width: 100%;
	font-size: 1.1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
}

#page-engine .muc-ask {
	background-color: #e8f1f3;
	height: 64px;
	font-size: 0.9em;
	right: 0;
	z-index: 2;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

#page-engine .muc-ask label {
	color: #224249;
	margin: 23px 10px 0 16px;
	font-weight: bold;
}

#page-engine .muc-ask input {
	width: 200px;
	margin: 19px 10px 0 10px;
	padding: 3px;
}

#page-engine .tooltip {
	position: absolute;
	bottom: 84px;
	margin-left: -13px;
	z-index: 40;
	font-size: 0.8em;
	color: white;
}

#page-engine .tooltip a {
	color: white;
	text-decoration: underline;
}

#page-engine .tooltip-subitem {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	padding: 10px;
	width: 200px;
	height: 110px;
	text-shadow: 0 1px 1px black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

html[dir="rtl"] #page-engine .tooltip-subitem {
	margin-right: -10px;
}

#page-engine .tooltip-subarrow {
	background-position: 0 -251px;
	opacity: 0.8;
	height: 10px;
	width: 18px;
	margin-left: 12px;
}

html[dir="rtl"] #page-engine .tooltip-subarrow {
	margin-right: -1px;
	margin-left: auto;
}

#page-engine .tooltip .tooltip-top {
	margin-bottom: 8px;
	font-weight: bold;
}

#page-engine .tooltip label {
	margin-bottom: 4px;
	float: left;
	clear: both;
}

#page-engine .tooltip label input[type="checkbox"] {
	margin: 0 6px 0 0;
	float: left;
}

html[dir="rtl"] #page-engine .tooltip label input[type="checkbox"] {
	margin-left: 6px;
	margin-right: 0;
}

#page-engine .tooltip label.select {
	margin-top: 5px;
}

#page-engine .tooltip input,
#page-engine .tooltip select {
	float: left;
}

html[dir="rtl"] #page-engine .tooltip input,
html[dir="rtl"] #page-engine .tooltip select {
	float: right;
}

#page-engine .tooltip select {
	width: 100px;
}

#page-engine .tooltip .tooltip-actionlog:hover,
#page-engine .tooltip .tooltip-actionlog:focus {
	cursor: pointer;
	text-decoration: underline;
}

/*

Jappix - An open social platform
This is the channel CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 21/06/12

*/

#channel .top div.update {
	position: absolute;
	top: 12px;
	left: 115px;
	right: 15px;
	bottom: 15px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

html[dir="rtl"] #channel .top div.update {
	right: 115px;
	left: 15px;
}

#channel .top p {
	font-size: 0.9em;
	margin-bottom: 10px;
}

#channel .top h2 {
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #232323;
}

#channel .top a {
	font-size: 0.9em;
	color: #232323;
}

#channel .top.individual div.update {
	right: 36px;
}

#channel .top.individual div.shortcuts,
#userinfos .main-infos div.shortcuts {
	width: 16px;
	float: right;
}

#channel .top.individual div.shortcuts {
	margin: 2px 5px 0 0;
}

#channel .top.individual div.shortcuts a,
#userinfos .main-infos div.shortcuts a {
	height: 16px;
	width: 16px;
	margin-bottom: 4px;
	display: block;
}

#channel .top.individual div.shortcuts a.message,
#userinfos .main-infos a.message {
	background-position: 0 -1717px;
}

#channel .top.individual div.shortcuts a.chat,
#userinfos .main-infos a.chat {
	background-position: 0 -1737px;
}

#channel .top.individual div.shortcuts a.command,
#userinfos .main-infos a.command {
	background-position: 0 -1758px;
}

#channel .microblog-body {
	height: 20px;
	margin-right: 50px;
}

html[dir="rtl"] #channel .microblog-body {
	margin-right: auto;
	margin-left: 50px;
}

#channel .microblog-body input {
	width: 100%;
	height: 100%;
	padding: 8px;
}

#channel .one-microblog-icon {
	position: absolute;
	top: 38px;
	right: 0;
}

html[dir="rtl"] #channel .one-microblog-icon {
	left: 0;
	right: auto;
}

#channel div.update .one-microblog-icon,
#channel div.update .postit {
	width: 16px;
	height: 16px;
	display: block;
}

#channel div.update .attach {
	background-position: 0 -79px;
	display: none;
}

#attach {
	position: absolute;
	width: 263px;
	margin-left: -227px;
	color: white;
	font-size: 0.85em;
	z-index: 9998;
	text-align: left;
	display: none;
}

#attach p {
	margin-bottom: 6px !important;
}

#attach input[type="submit"] {
	margin: 8px 0 6px 0;
}

#attach .wait {
	float: right;
	margin: 7px 5px;
}

#attach div.one-file {
	height: 16px;
	margin-top: 2px;
}

#attach div.one-file a.link {
	color: white;
	width: 215px;
	height: 14px;
	margin-left: 2px;
	overflow: hidden;
	float: left;
}

html[dir="rtl"] #attach div.one-file a.link {
	text-align: right;
	margin-left: auto;
	margin-right: 2px;
	float: right;
}

#attach div.one-file a.remove {
	width: 16px;
	height: 16px;
	float: left;
}

html[dir="rtl"] #attach div.one-file a.remove {
	float: right;
}

.attach-subarrow {
	background-position: 0 -241px;
	opacity: 0.8;
	height: 10px;
	width: 18px;
	margin-left: 226px;
}

.attach-subitem {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	padding: 10px;
	text-shadow: 0 1px 1px black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

html[dir="rtl"] .attach-subitem {
	position: absolute;
	left: 238px;
}

.attach-p {
	font-weight: bold;
	float: left;
}

#channel .one-update {
	margin-bottom: 12px;
	padding: 6px 6px 8px 6px;
	border-bottom: 1px dotted #d0d0d0;
	min-height: 50px;
	color: black;
	position: relative;
	display: none;
}

#channel .one-update .avatar-container {
	text-align: center;
	margin-right: 16px;
	float: left;
	height: 50px;
	width: 50px;
}

html[dir="rtl"] #channel .one-update .avatar-container {
	margin-right: auto;
	margin-left: 16px;
	float: right;
}

#channel .one-update .avatar-container:hover {
	cursor: pointer;
}

#channel .one-update img.avatar {
	max-height: 50px;
	max-width: 50px;
}

#channel .one-update div.body {
	line-height: 1.4;
	margin-left: 65px;
	opacity: 0.8;
}

#channel .one-update:hover div.body {
	opacity: 1;
}

#channel .one-update a.repeat {
	background-position: 0 -1681px;
	height: 16px;
	width: 16px;
	margin-right: 4px;
	float: left;
}

#channel .one-update span a {
	text-decoration: underline;
}

#channel .one-update p {
	display: block;
	margin: 0 12px 5px 0;
}

html[dir="rtl"] #channel .one-update p {
	margin-right: auto;
	margin-left: 12px;
}

#channel .one-update p b.name:hover {
	cursor: pointer;
	text-decoration: underline;
}

html[dir="rtl"] #channel .one-update p b.name {
	margin-left: 4px;
	float: right;
}

#channel .one-update p.infos {
	font-size: 0.9em;
}

#channel .one-update p.infos a.geoloc {
	background-position: 0 -1778px;
	color: #363636;
	margin-left: 18px;
	padding-left: 14px;
}

html[dir="rtl"] #channel .one-update p.infos a.geoloc {
	float: right;
}

#channel .one-update p.infos a.geoloc:hover,
#channel .one-update p.infos a.geoloc:focus,
#channel .one-update p.infos a.geoloc:active {
	color: #141414;
}

#channel .one-update p.file {
	font-size: 0.9em;
	margin: 6px 0 5px 10px;
}

#channel .one-update p.file a.link,
#inbox .inbox-new-file a.file {
	min-height: 16px;
	padding-left: 22px;
	text-decoration: underline;
	display: block;
}

#channel .one-update p.file a.link {
	margin-top: 4px;
}

#channel p.file a,
#inbox .inbox-new-file a.file {
	background-position: 0 -988px;
}

#channel p.file a.audio,
#inbox .inbox-new-file a.file.audio {
	background-position: 0 -899px;
}

#channel p.file a.image,
#inbox .inbox-new-file a.file.image {
	background-position: 0 -917px;
}

#channel p.file a.video,
#inbox .inbox-new-file a.file.video {
	background-position: 0 -935px;
}

#channel p.file a.document,
#inbox .inbox-new-file a.file.document {
	background-position: 0 -953px;
}

#channel p.file a.package,
#inbox .inbox-new-file a.file.package {
	background-position: 0 -971px;
}

#channel .one-update p.file a.thumb img {
	border: 1px solid #a2a2a2;
	max-width: 140px;
	max-height: 105px;
	margin: 4px 10px 2px 0;
	padding: 1px;
}

#channel .one-update p.file a.thumb img:hover {
	border-color: #464646;
}

#channel .one-update div.comments,
.popup.large div.comments {
	width: 410px;
	margin: 2px 0 2px 76px;
}

html[dir="rtl"] #channel .one-update div.comments {
	margin-left: auto;
	margin-right: 76px;
}

#channel .one-update div.comments div.arrow,
.popup.large div.comments div.arrow {
	background-position: 0 -1702px;
	width: 20px;
	height: 8px;
	margin-left: 20px;
	display: block;
}

html[dir="rtl"] #channel .one-update div.comments div.arrow,
html[dir="rtl"] .popup.large div.comments div.arrow {
	margin-left: auto;
	margin-right: 20px;
}

#channel .one-update div.comments div.comments-content,
.popup.large div.comments div.comments-content {
	background-color: #e5ebec;
	color: black;
	font-size: 0.9em;
	text-shadow: 0 1px 0 white;
}

#channel .one-update div.comments input,
.popup.large div.comments input {
	width: 356px;
	margin: 6px 0;
	padding: 4px 5px;
}

#channel .one-update div.comments span.icon,
.popup.large div.comments span.icon {
	background-position: 0 -1082px;
	height: 16px;
	width: 16px;
	margin: 10px;
	float: left;
}

html[dir="rtl"] #channel .one-update div.comments span.icon,
html[dir="rtl"] .popup.large div.comments span.icon {
	float: right;
}

#channel .one-update div.comments .one-comment.loading span.icon,
.popup.large div.comments .one-comment.loading span.icon {
	margin: 0 10px 0 0;
}

html[dir="rtl"] #channel .one-update div.comments .one-comment.loading span.icon,
html[dir="rtl"] .popup.large div.comments .one-comment.loading span.icon {
	margin: 0 0 0 10px;
}

#channel .one-update div.comments .one-comment,
.popup.large div.comments .one-comment {
	border-bottom: 1px solid #f4f4f4;
	padding: 4px 8px 0px 8px;
	position: relative;
	display: block;
}

#channel .one-update div.comments .one-comment.compose,
.popup.large div.comments .one-comment.compose {
	border-bottom: 2px solid #f4f4f4;
	height: 36px;
	padding: 0;
}

#channel .one-update div.comments .one-comment.new,
.popup.large div.comments .one-comment.new {
	display: none;
}

#channel .one-update div.comments a.one-comment,
.popup.large div.comments a.one-comment {
	text-decoration: none;
}

#channel .one-update div.comments a.one-comment:hover,
#channel .one-update div.comments a.one-comment:focus,
.popup.large div.comments a.one-comment:hover,
.popup.large div.comments a.one-comment:focus {
	text-decoration: underline;
}

#channel .one-update div.comments .one-comment.loading,
.popup.large div.comments .one-comment.loading {
	padding-bottom: 5px;
}

#channel .one-update div.comments .one-comment div.marker,
.popup.large div.comments .one-comment div.marker {
	background-color: #6d8387;
	width: 2px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

#channel .one-update div.comments .one-comment .avatar-container,
.popup.large div.comments .one-comment .avatar-container {
	text-align: center;
	width: 30px;
	height: 30px;
	margin: 2px 8px 0 0;
	float: left;
}

html[dir="rtl"] #channel .one-update div.comments .one-comment .avatar-container,
html[dir="rtl"] .popup.large div.comments .one-comment .avatar-container {
	margin-right: auto;
	margin-left: 8px;
	float: right;
}

#channel .one-update div.comments .one-comment .avatar-container:hover,
.popup.large div.comments .one-comment .avatar-container:hover {
	cursor: pointer;
}

#channel .one-update div.comments .one-comment img.avatar,
.popup.large div.comments .one-comment img.avatar {
	max-height: 30px;
	max-width: 30px;
}

#channel .one-update div.comments .one-comment .comment-container,
.popup.large div.comments .one-comment .comment-container {
	float: left;
}

#channel .one-update div.comments .one-comment a.name,
.popup.large div.comments .one-comment a.name {
	font-weight: bold;
	text-decoration: none;
	font-size: 0.95em;
	padding-bottom: 2px;
	float: left;
}

html[dir="rtl"] #channel .one-update div.comments .one-comment a.name,
html[dir="rtl"] .popup.large div.comments .one-comment a.name {
	float: right;
}

#channel .one-update div.comments .one-comment a.name:hover,
#channel .one-update div.comments .one-comment a.name:focus,
.popup.large div.comments .one-comment a.name:hover,
.popup.large div.comments .one-comment a.name:focus {
	text-decoration: underline;
}

#channel .one-update div.comments .one-comment span.date,
#channel .one-update div.comments .one-comment a.remove,
.popup.large div.comments .one-comment span.date,
.popup.large div.comments .one-comment a.remove {
	font-size: 0.85em;
	float: right;
}

html[dir="rtl"] #channel .one-update div.comments .one-comment span.date,
html[dir="rtl"] #channel .one-update div.comments .one-comment a.remove,
html[dir="rtl"] .popup.large div.comments .one-comment span.date,
html[dir="rtl"] .popup.large div.comments .one-comment a.remove {
	margin-left: 2px;
	float: left;
}

#channel .one-update div.comments .one-comment.me:hover span.date,
.popup.large div.comments .one-comment.me:hover span.date {
	display: none;
}

#channel .one-update div.comments .one-comment.me a.remove,
.popup.large div.comments .one-comment.me a.remove {
	display: none;
}

#channel .one-update div.comments .one-comment.me:hover a.remove,
.popup.large div.comments .one-comment.me:hover a.remove {
	display: block;
}

#channel .one-update div.comments .one-comment p.body,
.popup.large div.comments .one-comment p.body {
	clear: both;
}

#channel a.more {
	background-position: 0 -334px;
	color: black;
	height: 16px;
	text-decoration: none;
	margin: -2px 0 14px 4px;
	padding-left: 20px;
	display: block;
	visibility: hidden;
}

#channel a.more:hover,
#channel a.more:focus {
	text-decoration: underline;
}

#channel a.mbtool {
	width: 11px;
	height: 11px;
	display: none;
	position: absolute;
	right: 0;
}

html[dir="rtl"] #channel a.mbtool {
	right: auto;
	left: 0;
}

#channel .one-update:hover a.mbtool {
	display: block;
}

#channel a.mbtool:hover,
#channel a.mbtool:focus {
	text-decoration: none;
}

#channel a.mbtool.profile {
	background-position: -1px -1333px;
	top: 24px;
}

#channel a.mbtool.repost {
	background-position: -1px -1354px;
}

#channel a.mbtool.remove {
	background-position: -1px -1312px;
}

#channel a.mbtool.repost,
#channel a.mbtool.remove {
	top: 6px;
}

#channel .footer {
	bottom: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#channel .footer div {
	margin-left: 5px;
	padding-left: 24px;
	min-height: 16px;
	font-size: 0.85em;
	width: auto !important;
}

html[dir="rtl"] #channel .footer div {
	float: right;
}

#channel .footer .sync {
	background-position: 0 -804px;
	display: none;
}

#channel .footer .unsync {
	background-position: 0 -830px;
	display: none;
}

/*

Jappix - An open social platform
This is the page-switch CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 22/05/11

*/

#page-switch {
	position: absolute;
	top: 15px;
	left: 10px;
	right: 10px;
	z-index: 9;
}

#page-switch .chans {
	position: absolute;
	left: 0;
	right: 40px;
	top: 0;
	height: 25px;
	overflow: hidden;
}

html[dir="rtl"] #page-switch .chans {
	right: 0;
	left: 40px;
}

#page-switch .more {
	position: absolute;
	right: 0;
	top: 0;
}

html[dir="rtl"] #page-switch .more {
	right: auto;
	left: 0;
}

#page-switch .more-button {
	background-position: 6px -1372px;
	background-color: #d9e7ea;
	width: 7px;
	height: 17px;
	padding: 1px 6px;
	font-size: 0.9em;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#page-switch .more-content {
	background-color: #d9e7ea;
	width: 200px;
	max-height: 400px;
	overflow: auto;
	position: absolute;
	margin: -2px 0 0 -181px;
	padding: 4px 0;
	font-size: 0.95em;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

html[dir="rtl"] #page-switch .more-content {
	margin-left: 0;
	left: 0;
	border-top-right-radius: 3px;
	border-top-left-radius: 0;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 0;
}

#page-switch .switcher {
	background-color: #d9e7ea;
	color: #17353b;
	height: 15px;
	padding: 5px 10px 5px 5px;
	margin: 0 2px;
	font-size: 0.85em;
	float: left;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

html[dir="rtl"] #page-switch .switcher {
	padding-left: 10px;
	padding-right: 5px;
	float: right;
}

#page-switch .more-content .switcher {
	background-color: #d9e7ea;
	float: none !important;
	margin: 0;
	font-size: 0.9em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#page-switch .more-content .switcher .exit {
	display: block;
}

#page-switch .more-button:hover,
#page-switch .more-button:focus,
#page-switch .switcher:hover,
#page-switch .switcher:focus,
#page-switch .more-content .switcher:hover,
#page-switch .more-content .switcher:focus {
	background-color: #cedee1;
	cursor: pointer;
}

#page-switch .more-button:active,
#page-switch .switcher:active,
#page-switch .more-content .switcher:active {
	background-color: #c3d3d7;
}

#page-switch .switcher.activechan {
	background-color: #e8f1f3;
}

#page-switch .more-content .switcher.activechan {
	background-color: #d1e0e3;
}

#page-switch .icon {
	height: 16px;
	width: 16px;
	float: left;
}

html[dir="rtl"] #page-switch .icon {
	float: right;
}

#page-switch .name {
	float: left;
	margin-left: 4px;
	max-height: 16px;
	max-width: 140px;
	overflow: hidden;
}

html[dir="rtl"] #page-switch .name {
	float: right;
	margin-left: 0;
	margin-right: 4px;
}

#page-switch .exit {
	display: none;
	background-color: #bdd9dc;
	border: 1px solid #80aab0;
	color: #355e64;
	height: 14px;
	width: 13px;
	margin-left: 10px;
	font-size: 0.85em;
	text-align: center;
	text-decoration: none;
	float: right;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

html[dir="rtl"] #page-switch .exit {
	margin-left: 0;
	margin-right: 10px;
	float: left;
}

#page-switch .exit:hover,
#page-switch .exit:focus {
	background-color: #aac7cb;
}

#page-switch .exit:active {
	background-color: #9bbdc1;
}

#page-switch .activechan .exit {
	display: block;
	float: right;
}

html[dir="rtl"] #page-switch .activechan .exit {
	float: left;
}

#page-switch .chan-newmessage {
	background-color: #f6edc3 !important;
}

#page-switch .chan-newmessage:hover,
#page-switch .chan-newmessage:focus {
	background-color: #f1eac0 !important;
}

#page-switch .chan-newmessage:active {
	background-color: #ede4b8 !important;
}

#page-switch .composing,
#page-engine .list .user.composing {
	color: #217021 !important;
}

#page-switch .paused,
#page-switch .chan-unread .name,
#page-engine .list .user.paused {
	color: #2431ac !important;
}

#page-switch .active,
#page-engine .list .user.active {
	color: #353535 !important;
}

#page-switch .inactive,
#page-engine .list .user.inactive {
	color: #585858 !important;
}

#page-switch .gone {
	color: #851313 !important;
}

#page-switch .channel .icon {
	background-position: 0 -55px;
}

/*

Jappix - An open social platform
This is the smileys CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 16/02/11

*/

.emoticon {
	width: 16px;
	height: 16px;
}

a.emoticon {
	margin: 2px;
	float: left;
}

a.emoticon:hover,
a.emoticon:focus {
	opacity: 0.8;
}

a.emoticon:active {
	opacity: 0.7;
}

img.emoticon {
	border: 0 none;
	vertical-align: bottom;
}

.emoticon-biggrin {
	background-position: 0 0;
}

.emoticon-devil {
	background-position: -16px 0;
}

.emoticon-coolglasses {
	background-position: -32px 0;
}

.emoticon-tongue {
	background-position: -48px 0;
}

.emoticon-smile {
	background-position: -64px 0;
}

.emoticon-wink {
	background-position: -80px 0;
}

.emoticon-blush {
	background-position: -96px 0;
}

.emoticon-stare {
	background-position: -112px 0;
}

.emoticon-frowning {
	background-position: -128px 0;
}

.emoticon-oh {
	background-position: -144px 0;
}

.emoticon-unhappy {
	background-position: -160px 0;
}

.emoticon-cry {
	background-position: -176px 0;
}

.emoticon-angry {
	background-position: -192px 0;
}

.emoticon-puke {
	background-position: -208px 0;
}

.emoticon-hugright {
	background-position: -224px 0;
}

.emoticon-hugleft {
	background-position: -240px 0;
}

.emoticon-lion {
	background-position: -256px 0;
}

.emoticon-pussy {
	background-position: -272px 0;
}

.emoticon-bat {
	background-position: -288px 0;
}

.emoticon-kiss {
	background-position: -304px 0;
}

.emoticon-heart {
	background-position: -320px 0;
}

.emoticon-brheart {
	background-position: -336px 0;
}

.emoticon-flower {
	background-position: -352px 0;
}

.emoticon-brflower {
	background-position: -368px 0;
}

.emoticon-thumbup {
	background-position: -384px 0;
}

.emoticon-thumbdown {
	background-position: -400px 0;
}

.emoticon-lamp {
	background-position: -416px 0;
}

.emoticon-coffee {
	background-position: -432px 0;
}

.emoticon-drink {
	background-position: -448px 0;
}

.emoticon-beer {
	background-position: -464px 0;
}

.emoticon-boy {
	background-position: -480px 0;
}

.emoticon-girl {
	background-position: -496px 0;
}

.emoticon-phone {
	background-position: -512px 0;
}

.emoticon-photo {
	background-position: -528px 0;
}

.emoticon-music {
	background-position: -544px 0;
}

.emoticon-cuffs {
	background-position: -560px 0;
}

.emoticon-mail {
	background-position: -576px 0;
}

.emoticon-rainbow {
	background-position: -592px 0;
}

.emoticon-star {
	background-position: -608px 0;
}

.emoticon-moon {
	background-position: -624px 0;
}

/*

Jappix - An open social platform
This is the popup CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 20/10/12

*/

.lock {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.6);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	z-index: 9999;
}

.popup {
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.95);
	margin-top: -250px;
	margin-left: -330px;
	width: 640px;
	height: 500px;
	padding: 0 10px;
	position: absolute;
	z-index: 10000;
	left: 50%;
	top: 50%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 35px #232323;
	-moz-box-shadow: 0 0 35px #232323;
	-webkit-box-shadow: 0 0 35px #232323;
}

.popup.large {
	margin-left: -460px;
	width: 920px;
}

.popup .top {
	width: 600px;
	height: 45px;
	font-size: 1.2em;
	padding-top: 9px;
	color: white;
	margin: 14px 0 0 40px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 2px 2px black;
}

html[dir="rtl"] .popup .top {
	margin-right: 40px;
	margin-left: auto;
}

.popup .tab {
	width: 620px;
	height: 25px;
	margin: -5px 10px 0 10px;
	position: relative;
	z-index: 1;
}

.popup .tab a {
	background-color: #d9e7ea;
	color: #204249;
	width: 180px;
	height: 17px;
	padding: 4px 4px 4px 16px;
	margin-left: 5px;
	font-size: 0.94em;
	overflow: hidden;
	float: left;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

html[dir="rtl"] .popup .tab a {
	margin-left: 0;
	margin-right: 5px;
	padding-left: 4px;
	padding-right: 16px;
	float: right;
}

.popup .tab a:hover,
.popup .tab a:focus {
	background-color: #cedee1;
	text-decoration: none;
}

.popup .tab a:active {
	background-color: #c3d3d7;
	text-decoration: none;
}

.popup .tab a.tab-active {
	background-color: #e4eef9 !important;
}

.popup .one-lap {
	display: none;
}

.popup .one-lap.lap-active {
	display: block;
}

.popup .content {
	background: #e4eef9;
	background: -moz-linear-gradient(top, #e4eef9, #D0E5FA);
	background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#D0E5FA));
	height: 358px;
	width: 640px;
	position: absolute;
	left: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 20px black;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
}

.popup .content,
.popup .content a {
	color: #112a2f;
}

.popup.large div.comments {
	background-color: #f4f4f4;
	width: 272px;
	margin: 0;
	position: absolute;
	right: 10px;
	top: 63px;
	bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.popup.large div.comments div.comments-content {
	font-size: 0.8em;
}

.popup.large div.comments input {
	width: 185px;
	min-width: 0;
}

.popup.large div.comments .one-comment {
	padding-bottom: 4px;
}

.popup.large div.comments .one-comment a {
	text-decoration: underline;
}

.popup.large div.comments div.comments-content {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

.popup .head {
	background: #f1f6fd;
	border: 1px #9dc4fc solid;
	width: 606px;
	height: 24px;
	margin: 0 10px 10px 10px;
	padding: 6px;
}

.popup .head-text {
	float: left;
	font-size: 0.9em;
	margin: 3px;
}

html[dir="rtl"] .popup .head-text {
	float: right;
}

.popup .head-actions {
	float: right;
	margin-top: 2px;
}

html[dir="rtl"] .popup .head-actions {
	float: left;
}

.popup .head-actions a {
	font-size: 0.9em;
	margin: 0 4px;
}

.popup .actions a {
	color: #30575f;
	font-size: 0.9em;
	margin-left: 5px;
}

.popup .head .head-input {
	float: right;
	width: 200px;
	padding: 2px;
}

html[dir="rtl"] .popup .head .head-input {
	float: left;
}

.popup .head .head-select {
	float: right;
	height: 24px;
}

html[dir="rtl"] .popup .head .head-select {
	float: left;
}

.popup .forms {
	font-size: 13.4px;
	width: 390px;
	height: 328px;
	margin: 15px;
	float: left;
}

.popup fieldset {
	border: 1px #547177 solid;
	margin: 0 0 15px 0;
	padding: 8px 2px 3px 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.popup legend {
	font-size: 0.9em;
	margin: 0 0 0 15px;
	padding: 0 2px;
	text-transform: uppercase;
}

.popup label {
	color: #1b1b1b;
	width: 150px;
	margin: 0 0 10px 12px;
	clear: both;
	float: left;
}

html[dir="rtl"] .popup label {
	margin-left: auto;
	margin-right: 12px;
	float: right;
}

.popup input,
.popup select {
	margin: 0 10px 10px 0;
	float: left;
}

html[dir="rtl"] .popup input,
html[dir="rtl"] .popup select {
	margin-right: 0;
	margin-left: 10px;
	float: right;
}

.popup input[type="text"] {
	min-width: 174px;
}

.popup select {
	min-height: 20px;
}

.popup .results {
	height: 310px;
	width: 620px;
	margin: -5px 0 0 10px;
	padding: 6px 0 0 0;
	overflow: auto;
}

html[dir="rtl"] .popup .results {
	margin-left: auto;
	margin-right: 10px;
}

.popup .results .no-results {
	margin: 6px 0;
	font-size: 0.85em;
	font-weight: bold;
}

.popup .results label {
	width: 180px;
	margin: 6px 4px 4px 4px;
}

.popup .results input,
.popup .results textarea,
.popup .results select {
	margin: 4px;
}

.popup .results input,
.popup .results select {
	min-width: 180px;
}

.popup .results input[type="checkbox"],
.popup .results input[type="radio"] {
	margin-top: 7px;
}

.popup .results textarea {
	width: 380px;
}

.popup .results .avatar-container {
	float: left;
	width: 60px;
	height: 60px;
	margin: 5px 12px 5px 9px;
	text-align: center;
	background-repeat: no-repeat;
}

html[dir="rtl"] .popup .results .avatar-container {
	margin-left: 12px;
	margin-right: 9px;
	float: right;
}

.popup .results img.avatar {
	max-width: 60px;
	max-height: 60px;
}

.popup .results .one-icon {
	height: 16px;
	width: 16px;
	margin: 10px 3px 0 8px;
	float: left;
}

html[dir="rtl"] .popup .results .one-icon {
	margin-left: 3px;
	margin-right: 8px;
	float: right;
}

.popup .results .one-icon.account,
.popup .results .one-icon.auth {
	background-position: 0 -777px;
}

.popup .results .one-icon.automation,
.popup .results .one-icon.client {
	background-position: 0 -1500px;
}

.popup .results .one-icon.collaboration {
	background-position: 0 -1520px;
}

.popup .results .one-icon.proxy,
.popup .results .one-icon.server,
.popup .results .one-icon.others {
	background-position: 0 -1540px;
}

.popup .results .one-icon.component,
.popup .results .one-icon.gateway {
	background-position: 0 -1560px;
}

.popup .results .one-icon.conference {
	background-position: 0 -1082px;
}

.popup .results .one-icon.directory {
	background-position: 0 -876px;
}

.popup .results .one-icon.headline,
.popup .results .one-icon.hierarchy {
	background-position: 0 -1580px;
}

.popup .results .one-icon.pubsub,
.popup .results .one-icon.store {
	background-position: 0 -1600px;
}

.popup .results .one-icon.loading {
	background-position: 0 -1620px;
}

.popup .results .one-icon.down {
	background-position: 0 -1640px;
}

.popup .results .one-host {
	font-weight: bold;
	width: 170px;
}

html[dir="rtl"] .popup .results .one-host {
	float: right;
}

.popup .results .one-type {
	width: 210px;
}

.popup .results .one-type,
.popup .results .one-host {
	float: left;
	overflow: hidden;
	margin: 9px 8px;
}

html[dir="rtl"] .popup .results .one-type,
html[dir="rtl"] .popup .results .one-host {
	float: right;
}

.popup .results .one-jid,
.popup .results .one-ctry,
.popup .results .one-fn {
	margin: 4px;
	width: 400px;
}

html[dir="rtl"] .popup .results .one-jid,
html[dir="rtl"] .popup .results .one-ctry,
html[dir="rtl"] .popup .results .one-fn {
	float: right;
}

.popup .results .one-fn {
	font-weight: bold;
}

.popup .results .one-jid {
	margin-top: 8px;
	font-size: 0.9em;
}

.popup .results .one-name {
	float: left;
	margin: 4px;
}

html[dir="rtl"] .popup .results .one-name {
	float: right;
}

.popup a.one-button {
	display: none;
	background-color: #f1f6fd;
	border: 1px solid #b9cbcf;
	margin-top: 1px;
	padding: 4px 8px;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.popup a.one-button:hover,
.popup a.one-button:focus {
	border: 1px solid #95b1b7;
}

.popup a.one-button:active {
	border: 1px solid #77989f;
}

.popup .results .oneresult:hover a.one-button {
	display: block;
}

.popup .results a.one-button,
#inbox .one-message a.one-button {
	float: right;
	padding: 3px 6px;
	margin-right: 4px;
}

html[dir="rtl"] .popup .results a.one-button,
html[dir="rtl"] #inbox .one-message a.one-button {
	float: left;
	margin-left: 4px;
	margin-right: auto;
}

.popup .results a.one-vjud {
	position: absolute;
	right: 4px;
}

html[dir="rtl"] .popup .results a.one-vjud {
	left: 4px;
	right: auto;
}

.popup .results a.one-add {
	top: 8px;
}

.popup .results a.one-chat,
.popup .results a.one-profile {
	top: 42px;
}

.popup .results .one-next {
	float: right;
	margin: 4px 8px 4px 4px;
	font-weight: bold;
}

html[dir="rtl"] .popup .results .one-next {
	margin-right: 4px;
	margin-left: 8px;
	float: left;
}

.popup .results .one-actions {
	width: 148px;
	margin: 4px;
	float: left;
}

.popup .results .one-actions a {
	width: 16px;
	height: 16px;
	padding: 2px 2px 4px 5px !important;
	margin-top: 2px;
}

.popup .results .one-actions a.browse {
	background-position: 3px -1396px;
}

.popup .results .one-actions a.command {
	background-position: 3px -1415px;
}

.popup .results .one-actions a.subscribe {
	background-position: 4px -1435px;
}

.popup .results .one-actions a.join {
	background-position: 3px -1455px;
}

.popup .results .one-actions a.search {
	background-position: 4px -1475px;
}

.popup .results a.submit,
.popup .results a.cancel,
.popup .results a.back {
	margin-right: 8px;
	float: right;
}

.popup .onetitle {
	font-size: 0.9em;
	padding: 4px;
	font-weight: bold;
}

.popup .oneinstructions {
	font-size: 0.9em;
	padding: 4px;
	margin: 8px 0;
}

.popup .oneresult {
	font-size: 0.9em;
	padding: 3px 0 4px 4px;
	border-bottom: 1px #9dc4fc solid;
	overflow: hidden;
	position: relative;
}

.popup .oneresult:hover {
	background: #e9f1fd;
}

.popup .oneresult[onclick]:hover {
	cursor: pointer;
}

.popup .oneresult[onclick]:active {
	background: #f1f6fd;
}

.popup .infos {
	background-color: rgb(255,239,104);
	background-color: rgba(255,239,104,0.8);
	border: 1px #decb2f solid;
	color: #3f3f3f;
	padding: 8px;
	margin: 10px;
	font-size: 0.8em;
}

.popup .infos p {
	margin-top: 10px;
}

.popup .infos p.infos-title {
	font-weight: bold;
}

.popup .bottom {
	width: 640px;
	height: 40px;
	position: absolute;
	bottom: 8px;
}

.popup .wait {
	display: none;
	margin: 8px 0 0 3px;
	float: left;
}

a.finish,
#suggest a.next {
	border: 1px solid white;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.1);
	color: white;
	padding: 4px 8px;
	margin-right: 7px;
	font-size: 0.95em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px black;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 5px black;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
}

a.finish:hover,
a.finish:focus,
#suggest a.next:hover,
#suggest a.next:focus {
	cursor: pointer;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.2);
	box-shadow: 0 0 15px black;
	-moz-box-shadow: 0 0 15px black;
	-webkit-box-shadow: 0 0 15px black;
}

a.finish:active,
#suggest a.next:active {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.3);
}

a.finish.disabled,
#suggest a.next.disabled {
	opacity: 0.2;
}

a.finish.disabled:hover,
a.finish.disabled:focus,
a.finish.disabled:active,
#suggest a.next.disabled:hover,
#suggest a.next.disabled:focus,
#suggest a.next.disabled:active {
	cursor: default;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.1);
}

.popup a.finish {
	margin-top: 6px;
	float: right;
}

/*

Jappix - An open social platform
This is the vCard CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 16/01/12

*/

#vcard label {
	font-size: 0.94em;
	margin-top: 2px;
}

#vcard #vcard-avatar input[type="file"] {
	margin-left: 15px;
}

#vcard .avatar-container {
	float: left;
	text-align: center;
	margin: 20px 0 35px 35px;
	max-width: 96px;
	max-height: 96px;
}

html[dir="rtl"] #vcard .avatar-container {
	margin-right: 35px;
	margin-left: 0;
	float: right;
}

#vcard .avatar {
	max-width: 96px;
	max-height: 96px;
}

#vcard .avatar-delete {
	background-position: 3px -1195px;
	margin: 12px 25px 0 25px;
	padding-left: 20px;
	font-size: 0.9em;
	float: right;
}

html[dir="rtl"] #vcard .avatar-delete {
	float: left;
}

#vcard .no-avatar {
	width: 300px;
	color: #7c2222;
	padding: 10px;
	margin: 15px 0 20px 40px;
	background: #f8cece;
	border: 1px #ba6d6d solid;
	font-size: 0.8em;
}

html[dir="rtl"] #vcard .no-avatar {
	margin-left: auto;
	margin-right: 20px;
}

#vcard .forms textarea {
	height: 111px;
	width: 358px;
	margin: 5px 12px 10px 12px;
}

#vcard .forms .avatar-info {
	border-width: 1px;
	border-style: solid;
	display: none;
	width: 370px;
	height: 15px;
	font-size: 0.85em;
	padding: 10px;
}

#vcard .forms .avatar-wait {
	background-color: #9bcbed;
	color: #0a3858;
	border-color: #306780;
}

#vcard .forms .avatar-ok {
	background-color: #c4ed9b;
	color: #325213;
	border-color: #578030;
}

#vcard .forms .avatar-error {
	background-color: #e79595;
	color: #6a0b0b;
	border-color: #7c1010;
}

#vcard .infos {
	width: 179px;
	height: 328px;
	margin: 15px 15px 15px 0;
	padding: 0 8px;
	float: right;
}

#vcard .infos a {
	text-decoration: underline;
}

#vcard .send {
	float: right;
}

#vcard .send:hover {
	cursor: pointer;
}

/*

Jappix - An open social platform
This is the options CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 26/04/11

*/

#options label {
	width: 190px;
	font-size: 0.94em;
}

#options .forms {
	width: 610px;
	height: 328px;
	margin: 15px 15px 15px 15px;
	float: left;
}

#options .forms select {
	margin-top: -3px;
	min-width: 120px;
	float: left;
}

html[dir="rtl"] #options .forms select {
	float: right;
}

#options .forms a.linked {
	font-size: 0.9em;
	float: left;
}

#options .forms a.empty-archives {
	margin-top: -2px;
	margin-left: 5px;
}

html[dir="rtl"] #options .forms a.linked {
	float: right;
}

#options fieldset.privacy {
	display: none;
}

#options .sub-ask-delete, #options .sub-ask-pass, #options .sub-ask-pass-success {
	display: none;
}

#options .sub-ask {
	display: none;
	width: 592px;
	padding: 8px;
	float: left;
	border: 1px #879da2 dotted;
	background: #cbdde1;
}

#options .sub-ask-top {
	font-size: 0.9em;
	margin-top: -3px;
}

#options .sub-ask-title {
	margin-bottom: 4px;
	float: left;
}

#options .sub-ask-close {
	float: right;
}

#options .sub-ask-close:hover {
	cursor: pointer;
}

#options .sub-ask-content {
	clear: both;
	height: 25px;
	font-size: 0.9em;
	border-top: 1px #416972 solid;
	padding: 12px 0 0 0;
}

#options .sub-ask-content label {
	width: 125px;
}

#options .sub-ask-content input {
	width: 125px;
}

#options .sub-ask-bottom {
	clear: both;
	font-size: 0.9em;
	float: right;
	text-decoration: underline;
}

#options .sub-ask-bottom:hover {
	cursor: pointer;
}

/*

Jappix - An open social platform
This is the favorites CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 10/04/12

*/

#favorites .content {
	padding: 10px 0 10px 0;
}

#favorites .fedit-head-select {
	min-width: 190px;
	max-width: 210px;
}

#favorites .switch-fav {
	margin: 0 10px 0 10px;
	width: 200px;
	height: 355px;
	border-right: 1px #c0c0c0 dotted;
	float: left;
}

#favorites .room-switcher {
	width: 188px;
	height: 18px;
	border-bottom: 1px #9dc4fc solid;
	float: left;
	padding: 10px 6px;
	font-size: 0.9em;
}

#favorites .room-switcher:hover {
	background-color: #e9f1fd;
	cursor: pointer;
}

#favorites .room-switcher:active {
	background-color: #f1f6fd;
}

#favorites .switch-fav .icon {
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 8px 0 0;
}

#favorites .switch-fav .room-list .list-icon {
	background-position: 0 -855px;
}

#favorites .switch-fav .room-search .search-icon {
	background-position: 0 -876px;
}

#favorites .static-fav {
	width: 385px;
	height: 335px;
	margin: 0 10px 0 0;
	padding: 10px;
	float: right;
}

#favorites .favorites-search {
	display: none;
}

#favorites .static-fav-head {
	width: 393px;
	margin: -10px;
}

#favorites .static-fav-results {
	width: 406px;
	height: 314px;
	margin: 10px -10px -10px -10px;
	padding: 6px 0 0 0;
}

#favorites .fedit-line {
	height: 30px;
	font-size: 0.9em;
	padding: 10px 0 4px 4px;
	border-bottom: 1px #9dc4fc solid;
}

#favorites .fedit-line:hover {
	background: #e9f1fd;
}

#favorites label {
	width: 140px;
	margin-top: 3px;
}

#favorites input {
	height: 18px;
	width: 186px;
	margin-top: 0;
	padding: 2px;
}

#favorites .fedit-select {
	min-width: 160px;
}

#favorites .fedit-actions {
	margin: 10px 0 0;
	font-size: 0.9em;
	float: right;
}

#favorites input[type="checkbox"] {
	margin-top: 5px;
	width: auto;
}

#favorites .fedit-terminate {
	float: right;
}

#favorites .fedit-add {
	display: block;
}

#favorites .fedit-edit {
	background-position: 2px -1240px;
}

#favorites .fedit-remove {
	margin: 0 8px 0 0;
}

#favorites .add,
.popup .results .one-button.one-add {
	background-position: 3px -1177px;
}

#favorites .remove,
#inbox .remove {
	background-position: 3px -1196px;
}

#favorites .join,
#inbox .reply,
#inbox .send,
.popup .results .one-button.one-chat,
.popup .results a.one-profile {
	background-position: 3px -124px;
}

#favorites .one-button,
#inbox .one-button,
.popup .results .one-button {
	padding-left: 20px !important;
	font-size: 0.98em;
}

#favorites .fsearch-results {
	overflow: auto;
}

#favorites .room-name {
	margin: 4px 2px 5px;
	max-width: 210px;
	float: left;
}

html[dir="rtl"] #favorites .room-name {
	float: right;
}

#favorites .fsearch-noresults {
	display: none;
	font-size: 0.9em;
	font-weight: bold;
}

/*

Jappix - An open social platform
This is the discovery CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 13/02/11

*/

#discovery .content {
	padding: 10px 0 10px 0;
}

#discovery .content p {
	margin: 5px 10px 5px 10px;
	text-align: justify;
	font-size: 0.85em;
}

#discovery .discovery-head,
#directory .directory-head,
#rosterx .rosterx-head,
#privacy .privacy-head {
	width: 606px;
	height: 24px;
	margin: 0 10px 10px 10px;
	padding: 6px;
	background: #f1f6fd;
	border: 1px #9dc4fc solid;
}

#discovery .disco-server-text,
#directory .directory-server-text {
	float: left;
	font-size: 0.9em;
	margin: 3px;
}

html[dir="rtl"] #discovery .disco-server-text,
html[dir="rtl"] #directory .directory-server-text {
	float: right;
}

#discovery .disco-server-input,
#directory .directory-server-input {
	float: right;
	width: 200px;
	padding: 2px;
	height: 18px;
	float: right;
	margin-right: 10px;
	padding: 2px;
}

html[dir="rtl"] #discovery .disco-server-input,
html[dir="rtl"] #directory .directory-server-input {
	margin-right: 0;
	margin-left: 10px;
	float: left;
}

#discovery .disco-category {
	display: none;
	margin-bottom: 22px;
}

#discovery .disco-category-title {
	font-weight: bold;
}

#discovery .one-actions .one-button {
	float: right;
}

html[dir="rtl"] #discovery .one-actions .one-button {
	float: left;
}
/*

Jappix - An open social platform
This is the directory tool CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 13/02/11

*/

#directory .content {
	padding: 10px 0 10px 0;
}

/*

Jappix - An open social platform
This is the Ad-Hoc CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 20/12/10

*/

#adhoc .content {
	padding: 10px 0 10px 0;
}

#adhoc .adhoc-head {
	background-color: #f1f6fd;
	border: 1px #9dc4fc solid;
	width: 598px;
	height: 18px;
	font-size: 0.9em;
	margin: 0 10px 12px 10px;
	padding: 6px 10px;
}

#adhoc .one-actions .one-button {
	float: right;
}
/*

Jappix - An open social platform
This is the privacy CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 16/02/11

*/

#privacy .content {
	padding: 10px 0 10px 0;
}

#privacy .privacy-head div.list-left,
#privacy .privacy-head div.list-center,
#privacy .privacy-head div.list-right,
#privacy .privacy-first {
	float: left;
}

html[dir="rtl"] #privacy .privacy-head div.list-left,
html[dir="rtl"] #privacy .privacy-head div.list-center,
html[dir="rtl"] #privacy .privacy-head div.list-right {
	float: right;
}

#privacy .privacy-head div.list-left {
	margin-left: 5px;
}

#privacy .privacy-head div.list-center {
	border-right: 1px dotted #1b393f;
	height: 24px;
	width: 1px;
	margin-right: 15px;
	padding-left: 18px;
}

#privacy .privacy-head span,
#privacy .privacy-head a,
#privacy .privacy-item span,
#privacy .privacy-item a {
	float: left;
}

#privacy .privacy-head span {
	font-size: 0.9em;
	font-weight: bold;
	margin: 3px 10px 0 0;
}

html[dir="rtl"] #privacy .privacy-head span {
	margin-right: auto;
	margin-left: 10px;
	float: right;
}

#privacy .privacy-head input,
#privacy .privacy-head select {
	width: 180px;
}

#privacy .privacy-head input {
	margin-top: 1px;
}

#privacy .privacy-head select {
	margin-bottom: 0;
	margin-top: 2px;
}

html[dir="rtl"] #privacy .privacy-head select {
	margin-right: 0;
	margin-left: 10px;
}

#privacy .privacy-item select {
	margin-top: -2px;
}

#privacy .privacy-head span.left-space {
	margin-left: 16px;
}

#privacy .privacy-head a,
#privacy .privacy-item a {
	width: 20px;
	height: 20px;
	padding: 0;
	display: block;
}

#privacy .privacy-item a.item-add {
	background-position: 2px -1178px;
}

#privacy .privacy-head a.list-remove,
#privacy .privacy-item a.item-remove {
	background-position: 2px -1197px;
}

#privacy .privacy-item a.item-save {
	background-position: 3px -126px;
	width: auto;
	height: 19px;
	padding: 1px 7px 0 21px;
}

#privacy .privacy-item,
#privacy form,
#privacy .privacy-active {
	clear: both;
}

#privacy .privacy-item {
	margin: 17px 12px;
	font-size: 0.9em;
}

#privacy .privacy-item span {
	font-weight: bold;
}

html[dir="rtl"] #privacy .privacy-item span {
	margin-top: -5px;
	float: right;
}

#privacy .privacy-item select {
	width: 300px;
	margin: -4px 30px 0 10px;
}

html[dir="rtl"] #privacy .privacy-item select {
	margin-right: 10px;
	margin-left: 30px;
}

#privacy .privacy-item a {
	margin: -2px 6px 0 0;
}

html[dir="rtl"] #privacy .privacy-form input {
	margin-right: auto;
	margin-left: 10px;
}

#privacy .privacy-first,
#privacy .privacy-second,
#privacy .privacy-third {
	height: 195px;
	font-size: 0.9em;
	margin: 10px 0 0 10px;
	float: left;
}

html[dir="rtl"] #privacy .privacy-first,
html[dir="rtl"] #privacy .privacy-second,
html[dir="rtl"] #privacy .privacy-third {
	margin-right: 10px;
	margin-left: auto;
	float: right;
}

#privacy .privacy-first,
#privacy .privacy-second {
	border-width: 0 1px 0 0;
	border-style: dotted;
	border-color: #1b393f;
	padding-right: 14px;
}

html[dir="rtl"] #privacy .privacy-first,
html[dir="rtl"] #privacy .privacy-second {
	border-width: 0 0 0 1px;
}

#privacy .privacy-first {
	width: 125px;
}

#privacy .privacy-first label {
	margin: 50px 0 0 15px;
}

#privacy .privacy-first label input {
	margin-top: 2px;
}

#privacy .privacy-second {
	width: 205px;
}

#privacy .privacy-second label {
	margin: 2px 0 0 12px;
}

#privacy .privacy-second input[type="radio"],
#privacy .privacy-third input[type="checkbox"] {
	margin-top: 2px;
	margin-bottom: 2px;
}

#privacy .privacy-second input[type="text"],
#privacy .privacy-second select {
	width: 170px;
	margin: 2px 0 11px 12px;
	float: none;
}

#privacy .privacy-third label {
	width: auto;
	margin-top: 11px;
}

#privacy .privacy-third {
	width: 240px;
}

#privacy .privacy-active {
	margin: 34px 16px 0 16px;
	font-size: 0.9em;
}

#privacy .privacy-active-elements {
	float: right;
}

html[dir="rtl"] #privacy .privacy-active-elements {
	float: left;
}

#privacy .privacy-active input[type="text"] {
	width: 30px;
	margin: 0 0 0 8px;
	float: none;
}

html[dir="rtl"] #privacy .privacy-active input[type="text"] {
	margin-left: auto;
	margin-right: 8px;
}

#privacy .privacy-active input[type="checkbox"] {
	margin: 3px 5px 0 0;
	float: left;
}

html[dir="rtl"] #privacy .privacy-active input[type="checkbox"] {
	margin-left: 5px;
	margin-right: 14px;
	float: right;
}

#privacy .privacy-active label {
	width: auto;
	margin: 0 15px 0 0;
	clear: none;
}

html[dir="rtl"] #privacy .privacy-active label {
	margin-right: 0;
}
/*

Jappix - An open social platform
This is the inbox CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 28/12/10

*/

#inbox .content {
	padding: 10px 0 10px 0;
}

#inbox .content p {
	margin: 3px 10px;
	text-align: justify;
	font-size: 0.9em;
}

#inbox .inbox-results {
	height: 310px;
	width: 620px;
	margin: -5px 0 0 10px;
	padding: 6px 0 0 0;
	overflow: auto;
}

html[dir="rtl"] #inbox .inbox-results {
	margin-left: auto;
	margin-right: 10px;
}

#inbox .message-unread {
	background-color: #E9F1FD;
}

#inbox .one-message {
	font-size: 0.9em;
	border-bottom: 1px #b2c7cb solid;
}

#inbox .message-head {
	padding: 6px 0 7px 4px;
	overflow: hidden;
}

#inbox .message-head:hover {
	background-color: #e9f1fd;
	cursor: pointer;
}

#inbox .message-head:active {
	background-color: #f1f6fd;
}

#inbox .one-message.message-reading,
#inbox .one-message.message-reading .message-head {
	background-color: #f1f6fd;
}

html[dir="rtl"] #inbox .one-message a.one-button {
	float: right;
}

#inbox .avatar-container {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 7px;
	text-align: center;
	background-repeat: no-repeat;
}

html[dir="rtl"] #inbox .avatar-container {
	margin-left: 7px;
	margin-right: auto;
	float: right;
}

#inbox .avatar {
	max-width: 40px;
	max-height: 40px;
}

#inbox .message-jid,
#inbox .message-subject {
	float: left;
	margin: 0 2px;
	overflow: hidden;
}

html[dir="rtl"] #inbox .message-jid,
html[dir="rtl"] #inbox .message-subject {
	float: right;
}

#inbox .message-jid {
	width: 165px;
	font-weight: bold;
}

#inbox .message-subject {
	width: 355px;
}

#inbox .message-truncated {
	color: #42646b;
	font-size: 0.8em;
	margin: 23px 0 0 49px;
}

#inbox .message-body {
	padding: 8px 5px 5px 5px;
}

#inbox .message-body a {
	text-decoration: underline;
}

#inbox .message-meta {
	margin-top: 6px;
	padding: 3px 4px;
	border-top: 1px #b2c7cb dotted;
}

#inbox .message-meta span.date {
	color: #28474e;
	font-size: 0.8em;
	margin: 10px 0 0 4px;
	float: left;
}

#inbox .message-meta a {
	font-size: 0.98em;
	margin: 5px;
	float: right;
	display: block;
}

#inbox .inbox-noresults {
	font-weight: bold;
	display: none;
}

#inbox .a-show-messages {
	display: none;
}

#inbox .inbox-new {
	display: none;
	height: 300px;
	width: 620px;
	margin: -5px 0 0 10px;
	padding: 16px 0 0 0;
}

#inbox .inbox-new-block {
	border-top: 1px #686868 dotted;
	padding-top: 9px;
	min-height: 32px;
	clear: both;
}

#inbox .inbox-new-text {
	float: left;
	width: 100px;
}

#inbox .inbox-new-textarea {
	width: 460px;
	height: 109px;
	margin-bottom: 10px;
	float: left;
}

#inbox .inbox-new input {
	float: left;
}

html[dir="rtl"] #inbox .inbox-new-text,
html[dir="rtl"] #inbox .inbox-new-textarea,
html[dir="rtl"] #inbox .inbox-new input {
	float: right;
}

html[dir="rtl"] #inbox .inbox-new-text {
	margin-right: 20px;
}

html[dir="rtl"] #inbox .inbox-new input {
	margin-right: auto;
}

#inbox .inbox-new-to ul {
	width: 264px;
	max-height: 168px;
	font-size: 0.9em;
	left: 120px;
	top: 31px;
}

html[dir="rtl"] #inbox .inbox-new-to ul {
	left: auto;
	right: 130px;
}

#inbox .inbox-new-to-input {
	width: 260px;
}

#inbox .inbox-new-subject-input {
	width: 380px;
}

#inbox .inbox-new-file a {
	display: block;
	float: left;
}

#inbox .inbox-new-file a.file {
	font-size: 0.85em;
	height: 16px;
	max-width: 320px;
	margin: 3px 0 15px 013px;
	overflow: hidden;
}

#inbox .inbox-new-file a.one-button {
	font-size: 0.85em;
	margin: -2px 0 0 25px;
}

#inbox .inbox-new-send a {
	font-size: 0.85em;
	float: right;
	display: block;
}

html[dir="rtl"] #inbox .inbox-new-send a {
	margin-right: 18px;
}
/*

Jappix - An open social platform
This is the mucadmin CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 11/05/11

*/

#mucadmin .content {
	padding: 10px 0 10px 0;
}

#mucadmin .content p {
	margin: 5px 10px 5px 10px;
	text-align: justify;
}

html[dir="rtl"] #mucadmin .mucadmin-head-text {
	float: right;
}

#mucadmin .mucadmin-head-jid {
	text-decoration: underline;
	font-size: 0.9em;
	float: right;
	margin: 2px 4px 1px 1px;
}

html[dir="rtl"] #mucadmin .mucadmin-head-jid {
	margin-left: 4px;
	margin-right: 1px;
	float: left;
}

#mucadmin .mucadmin-forms {
	height: 310px;
	width: 620px;
	margin: -5px 0 0 10px;
	padding: 6px 0 0 0;
	overflow: auto;
}

html[dir="rtl"] #mucadmin .mucadmin-forms {
	margin-left: 0;
	margin-right: 10px;
}

#mucadmin .mucadmin-forms label {
	width: 260px;
}

#mucadmin .mucadmin-topic label,
#mucadmin .mucadmin-aut label,
#mucadmin .mucadmin-others label {
	font-size: 0.9em;
}

#mucadmin .mucadmin-forms textarea {
	height: 60px;
	width: 300px;
	margin: 5px 12px 10px 0;
}

html[dir="rtl"] #mucadmin .mucadmin-forms textarea {
	margin-right: 0;
}

#mucadmin .results {
	height: auto;
	width: auto;
	overflow: visible;
	margin: 5px;
}

#mucadmin .aut-group {
	float: left;
	padding-bottom: 4px;
}

html[dir="rtl"] #mucadmin .aut-group {
	float: right;
}

#mucadmin .one-aut {
	clear: both;
	margin: 0 10px 5px 0;
}

html[dir="rtl"] #mucadmin .one-aut {
	margin-right: 0;
	margin-left: 10px;
}

#mucadmin .aut-add {
	clear: both;
	float: left;
	margin-bottom: 5px;
	font-size: 0.9em;
}

html[dir="rtl"] #mucadmin .aut-add {
	float: right;
}

#mucadmin .aut-remove {
	float: left;
}

html[dir="rtl"] #mucadmin .aut-remove {
	float: right;
}

#mucadmin .aut-remove:hover,
#mucadmin .aut-remove:focus {
	font-weight: bold;
	text-decoration: none;
}

#mucadmin .mucadmin-others a {
	float: left;
	font-size: 0.9em;
}

html[dir="rtl"] #mucadmin .mucadmin-others a {
	float: right;
}
/*

Jappix - An open social platform
This is the integratebox CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 06/11/10

*/

#integratebox .top {
	height: 40px;
}

#integratebox .content {
	text-align: center;
	height: 385px;
}

#integratebox .one-media img {
	max-height: 385px;
	max-width: 640px;
}

#integratebox .one-media a img {
	border: none;
}

#integratebox .one-media audio {
	margin-top: 170px;
}

#integratebox .bottom {
	left: 10px;
}
/*

Jappix - An open social platform
This is the user-infos CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 20/10/12

*/

#userinfos .content {
	overflow: auto;
}

#userinfos .one-lap a {
	text-decoration: underline;
}

#userinfos .main-infos {
	margin: 20px 20px 8px 20px;
	height: 120px;
	background: white;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#userinfos .avatar-container {
	float: left;
	text-align: center;
	margin: 20px 35px;
	width: 80px;
	height: 80px;
}

html[dir="rtl"] #userinfos .avatar-container {
	float: right;
}

#userinfos .avatar {
	max-width: 80px;
	max-height: 80px;
}

#userinfos h1,
#userinfos h2,
#userinfos h3 {
	width: 410px;
	overflow: hidden;
}

#userinfos h1 {
	font-size: 2em;
	padding-top: 12px;
	margin-bottom: 4px;
}

#userinfos h2 {
	color: #447079;
	font-size: 1.1em;
	margin-bottom: 10px;
}

#userinfos h3 {
	color: #6e8388;
	font-size: 0.8em;
}

#userinfos .main-infos div.shortcuts {
	position: absolute;
	top: 10px;
	right: 12px;
}

html[dir="rtl"] #userinfos .main-infos div.shortcuts {
	right: auto;
	left: 12px;
}

#userinfos .block-infos {
	margin: 7px 20px;
	float: left;
}

#userinfos .one-line {
	margin: 4px 0;
	font-size: 12px;
	float: left;
}

#userinfos .one-line b.line-label {
	width: 120px;
	float: left;
}

html[dir="rtl"] #userinfos .one-line b.line-label {
	float: right;
}

#userinfos .one-line span.reset-info {
	float: left;
	width: 460px;
}

html[dir="rtl"] #userinfos .one-line span.reset-info {
	float: right;
}

#userinfos textarea {
	margin: 30px 0 0 30px;
	width: 572px;
	height: 292px;
}

html[dir="rtl"] #userinfos textarea {
	margin-right: 30px;
	margin-left: auto;
}
/*

Jappix - An open social platform
This is the search tool CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 23/01/11

*/

.search {
	position: relative;
}

.search input.suggested {
	border-bottom: 1px solid white;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

.search ul {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
	border-color: #e1a014;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	position: absolute;
	z-index: 1;
	padding: 3px 0;
	list-style: none;
	overflow: auto;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.search ul li {
	padding: 2px 6px;
	color: #3d3d3d;
	text-shadow: none;
}

.search ul li:hover {
	cursor: pointer;
}

.search ul li.hovered {
	background-color: rgb(225,160,20);
	background-color: rgba(225,160,20,0.3);
}

/*

Jappix - An open social platform
This is the welcome tool CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 26/04/11

*/

#welcome .infos {
	margin: 15px;
}

#welcome .infos p {
	margin-top: 6px;
}

#welcome .infos p.infos-title {
	margin-top: 0;
}

#welcome a.box {
	background-color: #e4eef9;
	border: 1px solid #ccdbde;
	margin: 12px 11px 4px 15px;
	padding: 10px;
	width: 270px;
	text-decoration: none;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#welcome a.box.share {
	width: 350px;
	margin: 4px 130px;
	padding: 4px 10px;
	clear: both;
}

#welcome a.box.share.first {
	margin-top: 0;
}

#welcome a.box.share:hover span.go {
	display: block;
}

#welcome a.box:hover,
#welcome a.box:focus {
	border: 1px solid #93c5fa;
}

#welcome a.box:active {
	border: 1px solid #419afa;
}

#welcome a.box.enabled {
	background-color: #f1f6fd;
	border: 1px solid #9dc4fc;
}

#welcome a.box span {
	margin: 3px 0;
	display: block;
}

#welcome a.box span.logo {
	height: 35px;
	width: 35px;
	margin-right: 15px;
	float: left;
}

#welcome a.box span.logo.facebook {
	background-position: 0 0;
}

#welcome a.box span.logo.twitter {
	background-position: -35px 0;
}

#welcome a.box span.logo.buzz {
	background-position: -70px 0;
}

#welcome a.box span.logo.identica {
	background-position: -105px 0;
}

#welcome a.box span.option,
#welcome a.box span.name {
	font-size: 0.9em;
	font-weight: bold;
}

#welcome a.box span.description {
	font-size: 0.7em;
	margin-top: 7px;
}

#welcome a.box.share span.description {
	margin-top: 4px;
}

#welcome a.box span.image {
	height: 16px;
	width: 16px;
	margin: -30px 12px 0 0;
	float: right;
}

html[dir="rtl"] #welcome a.box span.image {
	margin-right: auto;
	margin-left: 12px;
	float: left;
}

#welcome a.box span.image.sound {
	background-position: 0 -900px;
}

#welcome a.box span.image.geolocation {
	background-position: 0 -658px;
}

#welcome a.box span.image.xmpp {
	background-position: 0 -990px;
}

#welcome a.box span.image.mam {
	background-position: 0 -1025px;
}

#welcome a.box span.image.offline {
	background-position: 0 -80px;
}

#welcome a.box span.tick,
#welcome a.box span.go {
	height: 16px;
	width: 16px;
	display: none;
	float: right;
}

#welcome a.box span.tick {
	background-position: 0 -1661px;
	margin: -52px -15px 0 0;
}

#welcome a.box span.go {
	background-position: 0 -1120px;
	margin: -28px 5px 0 0;
}

html[dir="rtl"] #welcome a.box span.go {
	margin-right: auto;
	margin-left: 5px;
	float: left;
}

#welcome a.box.enabled span.tick {
	display: block;
}

#welcome div.results {
	margin: -7px 15px;
	padding: 0;
	height: 272px;
	overflow: auto;
}

#welcome .bottom .finish.save {
	display: none;
}

/*

Jappix - An open social platform
This is the Jappix Me tool CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 16/01/12

*/

#me .content {
	padding: 10px 0;
}

#me .logo {
	background-position: 0 0;
	width: 300px;
	height: 61px;
	margin: 20px auto 0 auto;
	display: block;
}

#me .infos {
	margin-top: 30px;
}

#me .infos p {
	margin-top: 8px;
}

#me .infos p.infos-title {
	margin-top: 0;
}

#me .infos a {
	text-decoration: underline;
}

#me a.go {
	text-align: center;
	font-weight: bold;
	width: 300px;
	margin: 30px auto 0 auto;
	padding: 8px 12px;
	display: block;
}
/*

Jappix - An open social platform
This is the Roster Item Exchange tool CSS stylesheet for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou
Last revision: 05/02/11

*/

#rosterx .content {
	padding: 10px 0 10px 0;
}

#rosterx .rosterx-head a {
	font-size: 0.9em;
	margin: 3px 4px;
	float: left;
}

html[dir="rtl"] #rosterx .rosterx-head a {
	float: right;
}

#rosterx .oneresult:hover {
	cursor: pointer;
}

#rosterx .oneresult span {
	margin: 4px 5px 0 5px;
	overflow: hidden;
	float: left;
}

html[dir="rtl"] #rosterx .oneresult span {
	float: right;
}

#rosterx .oneresult span.name {
	width: 230px;
	font-weight: bold;
}

#rosterx .oneresult span.xid {
	width: 270px;
	font-size: 0.9em;
}

#rosterx .oneresult span.action {
	width: 16px;
	height: 16px;
	margin-top: 4px;
	float: right;
}

html[dir="rtl"] #rosterx .oneresult span.action {
	float: left;
}

#rosterx .oneresult span.action.modify {
	background-position: 0 -1244px;
}

html[dir="rtl"] #rosterx .oneresult input {
	margin-right: 10px;
	margin-left: 10px;
}