/*

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

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

License: AGPL
Author: Vanaryon
Last revision: 21/06/12

*/

@font-face {
	font-family: Myriad Web Pro;
	src: url(../ttf/MyriadWebPro.ttf);
}

@font-face {
	font-family: Myriad Web Pro;
	font-style: italic;
	src: url(../ttf/MyriadWebPro-Italic.ttf);
}

@font-face {
	font-family: Myriad Web Pro;
	font-weight: bold;
	src: url(../ttf/MyriadWebPro-Bold.ttf);
}
/*

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

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

License: AGPL
Author: Vanaryon
Last revision: 21/06/12

*/

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 15px Myriad Web Pro, 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: Vanaryon
Last revision: 16/01/12

*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*

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

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

License: AGPL
Author: Vanaryon
Last revision: 21/06/12

*/

#board .one-board {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 18px;
	z-index: 10000;
	font-size: 0.92em;
	padding: 7px 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 datepicker CSS stylesheet

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

License: AGPL
Author: Vanaryon
Last revision: 28/12/10

*/

div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}

.datepickerHidden {
	display: none;
}

div.datepicker table {
	border-collapse:collapse;
}

div.datepicker a {
	text-decoration: none;
	cursor: default;
	outline: none;
}

div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}

div.datepicker th {
	text-align: center;
	color: #47646a;
	font-weight: normal;
}

div.datepicker tbody th {
	text-align: left;
}

div.datepicker tbody a {
	display: block;
}

.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}

.datepickerYears a,
.datepickerMonths a {
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}

td.datepickerNotInMonth {
	background: #c7d1d4;
}

tbody.datepickerDays td.datepickerSelected {
	background: #b0bdc1;
}

tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
	background: #9daaae;
}

div.datepicker a:hover,
div.datepicker a:focus {
	color: #3d7682;
}

div.datepicker tbody th {
	text-align: left;
}

.datepickerSpace div {
	width: 20px;
}

.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}

.datepickerGoNext a {
	float: right;
	width: 20px;
}

.datepickerGoPrev a {
	float: left;
	width: 20px;
}

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}

table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}

table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {
	color: #333;
}

td.datepickerSpecial a {
	background: #700;
}

td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

/*

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

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

License: AGPL
Author: Vanaryon
Last revision: 21/06/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;
}

#home .aboutus {
	background-position: 9px -351px;
	left: 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;
	display: none;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-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;
}

#home .locale .current {
	height: 19px;
	padding: 2px 12px 5px 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;
}

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

#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 -384px;
	width: 507px;
	height: 328px;
	position: absolute;
	left: 0;
	top: 60px;
}

#home .main {
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.85);
	position: absolute;
	top: 50%;
	margin-top: -200px;
	width: 800px;
	height: 400px;
	left: 50%;
	margin-left: -400px;
	z-index: 50;
	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;
}

#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;
}

#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: 14px;
	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;
}

#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;
}

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

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

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

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

#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;
}

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

#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 a.advanced {
	background-position: 0 -334px;
	font-size: 0.9em;
	height: 16px;
	margin-bottom: 10px;
	padding-left: 16px;
	display: block;
}

#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;
}

#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;
}

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

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

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

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

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

#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;
}

/*
 
Jappix - An open social platform
This is the others CSS stylesheet for Jappix
 
-------------------------------------------------
 
License: AGPL
Author: Vanaryon
Last revision: 31/08/11
 
*/
 
#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;
}
 
#right-content {
        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;
}
 
#general-wait {
	background: url(./get.php?h=18d2c92f1778317e66cda8d286d61ed1&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;
}
 
.inbox-hidable,
.options-hidable,
.pep-hidable,
.pubsub-hidable,
.archives-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;
}

/*

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

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

License: AGPL
Author: Vanaryon
Last revision: 21/06/12

*/

#top-content .tools {
	background-color: rgb(232,241,243);
	background-color: rgba(232,241,243,0.6);
	padding: 4px 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;
}

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

#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;
}

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

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

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

.notifications-content {
	width: 240px;
}

.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;
}

.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;
}

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

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

.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;
}

.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;
}

.music-content {
	width: 220px;
}

.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;
}

.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: Vanaryon
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;
}
 
#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 .buddy {
        width: 100%;
        height: 50px;
        margin-bottom: 4px;
}
 
#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;
}
 
#buddy-list .avatar {
        max-width: 44px;
        max-height: 44px;
}
 
#buddy-list .name {
        margin: 4px 3px 5px 56px;
}
 
#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;
}
 
#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;
}
 
.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;
}
 
.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;
}
 
.manage-infos p.bm-rename input,
.manage-infos p.bm-group input {
        float: left;
        width: 155px;
}
 
.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;
}
 
#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;
}
 
#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;
        width: 263px;
        color: white;
        z-index: 9998;
        text-align: left;
        font-size: 0.8em;
        margin-left: -10px;
}
 
.buddy-conf-item:hover {
        cursor: default;
}
 
.buddy-conf-subarrow {
        background-position: 0 -241px;
        opacity: 0.8;
        height: 10px;
        width: 18px;
        margin-left: 9px;
}
 
.buddy-conf-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;
}
 
.buddy-conf-p {
        margin-bottom: 4px;
        width: 220px;
        font-weight: bold;
        float: left;
}
 
.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;
}
 
#buddy-conf-join ul {
        width: 224px;
        max-height: 160px;
        left: 10px;
        top: 51px;
}
 
.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: Vanaryon
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;
}

#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;
	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;
}

#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;
}

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

#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;
	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;
}

/*

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

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

License: AGPL
Author: Vanaryon
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;
}

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

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

#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;
}

#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;
}

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

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

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

#page-engine .content,
#page-engin