@charset "UTF-8";

/* default styles */

* {
	margin: 0;
	padding: 0;
}

ul, ol {
	padding-left: 2em;
}

img, td {
	border: 0 none transparent;
}

html {
	/* zawsze ma być scrollbar pionowy, żeby nie było efektu przesuwania się strony w bok */
	overflow-y: scroll;
	/* domyślne kolory */
	background-color: #2B002D;
	color: #F0E4F0;
}

html, input, select {
	font-family: verdana, tahoma, arial, sans-serif;
}

body {
	font-size: 12px;
}

h1 {
	font-size: 18px;
	margin: 10px 0 15px 0;
}

h2 {
	font-size: 16px;
	margin: 5px 0 8px 0;
}

h3, h4, h5 {
	font-size: 14px;
	margin: 3px 0 6px;
}

textarea {
	width: 100%;
}

a * {
	*cursor: pointer;
}

a:link,
a:hover,
a:active,
a:visited {
	color: #F0E4F0;
	font-weight: bold;
}

a:link,
a:active,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.deep-link:hover {
	text-decoration: none;
}

ul.discrete {
	list-style-type: none;
	padding: 0;
}

a.discrete {
	font-weight: normal;
}

a.discrete:visited,
a.discrete:hover {
	font-weight: normal;
	text-decoration: none;
}

tr th {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}

pre {
	font-family: inherit;
	font-size: inherit;
}

wbr {
	content: '\0000AD';
	display: inline-block;
}

dd {
	margin-left: 40px;
}

hr {
	border: 1px solid #EEEEEE;
	border-top-color: #9A9A9A;
	border-left-color: #BEBEBE;
}

/* default styles for forms */

.select-container select,
.text-input-container input {
	background: transparent;
	border: 0;
	outline: 0;
	display: inline-block;
}

.select-container select {
	margin-top: 3px;
	margin-left: -4px;
}

.select-container select option {
	background: white;
}

.text-input-container input {
	margin-top: 5px;
	line-height: 16px;
    height: 16px;
}

.button-text-before,
.button-text-after,
.button-text {
	vertical-align: middle;
	display: inline-block;	
	height: 24px;
}

.button {
	background: transparent;
	border: none;
	cursor: pointer;
}

.button-text-before {
}
.button-text-after {
	background: transparent url(/img/forms/button/button-large-right.png) no-repeat 0 0;
	width: 25px;
}
.button-text {
	background: transparent url(/img/forms/button/button-large-left-and-middle.png) no-repeat 0 0;
	color: #EEE;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	padding: 4px 4px 4px 12px;
}

.select-bg,
.select-before,
.select-after,
.text-input-bg,
.text-input-before,
.text-input-after {
	vertical-align: middle;
	background-color: transparent;
	background-image: url(/img/forms/default-text-input.png);
	display: inline-block;
}

/* Firefox 2 i niektore IE */
.select-bg,
.text-input-bg,
.select-container select,
.text-input-container input,
.select-before,
.select-after,
.text-input-before,
.text-input-after,
.button-text-before,
.button-text-after,
.button-text,
x:-moz-any-link {
	display: -moz-inline-stack;
	zoom: 1;
    *display: inline; /* IE */
    /* http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
}

/* Firefox 3 i niektore IE */
.select-container select,
.text-input-container input,
.select-bg, .select-before,
.select-after,
.text-input-bg,
.text-input-before,
.text-input-after,
.button-text-before,
.button-text-after,
.button-text,
x:-moz-any-link,
x:default {
	display: inline-block;
}

.button-text, x:-moz-any-link {
	height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.select-bg {
	position: relative;
	left: 0;
	top: 0;
}

/* Firefox 2 i niektore IE */
.select-bg, x:-moz-any-link {
	top: 1px !important;
}

/* Firefox 3 i niektore IE */
.select-bg, x:-moz-any-link, x:default {
	top: 0 !important;
}

.select-bg,
.text-input-bg {
	background-repeat: repeat-x;
	background-position: -10px 0;
	height: 25px;
	top: 0;
}

.select-after,
.select-before,
.text-input-after,
.text-input-before {
	height: 25px;
	width: 10px;
	background-repeat: no-repeat;
}

.select-after,
.text-input-after {
	background-position: -280px 0;
}

.select-after {
	position: relative;
	left: -5px;
	top: 0;
}

.select-container .select-bg {
	z-index: 1;
}

.custom-text-input-container .text-input-before,
.custom-text-input-container .text-input-after {
	display: none;
}

.custom-text-input-container .text-input-container input {
	margin: 12px 15px 0 40px;
}

.custom-text-input-container .text-input-bg {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: none;
	height: 40px;
}

table.form-controls {
	border-collapse: collapse;
}

table.form-controls td.input-column {
	width: 235px;
}

table.form-controls td.message-list-column,
table.form-controls td.input-column,
table.form-controls td.label-column {
	vertical-align: top;
}

table.form-controls td.message-list-column {
	padding-bottom: 3px;
}

table.form-controls td.label-column {
	text-align: right;
	padding: 2px 5px 3px 0;
}

/* common classes */

label.overTxtLabel {
	color: #300133;
	font-size: 11px;
	padding-left: 4px;
}

.clear-fix {
 	zoom: 1;
}

.clear-both,
.clear-left,
.clear-right,
.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.empty-clear-fix {
 	zoom: 1;
 	height: 0;
	clear: both;
	visibility: hidden;
}

/* --- messages --- */

.message {
	list-style-type: none;
	padding-left: 30px;
	line-height: 24px;
	height: 24px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.success-message {
	background-image: url(/img/ico/valid-2.png);
}

.error-message {
	background-image: url(/img/ico/invalid-2.png);
}

.warning-message {
	background-image: url(/img/ico/warning-2.png);
}

.message-list {
	padding: 0;
}

.message-list .message {
	position: relative;
	top: 1px;
}

/* --- messages-frame --- */

.message-list-frame {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.message-list-frame,
.message-list-frame .message-list-frame-top,
.message-list-frame .message-list-frame-bottom,
.message-list-frame .message-list-frame-content {
	width: 830px;
	margin-left: auto;
	margin-right: auto;
}

.message-list-frame .message-list-frame-top,
.message-list-frame .message-list-frame-bottom,
.message-list-frame .message-list-frame-content {
	background-color: transparent;
	background-position: 0 0;
}

.message-list-frame .message-list-frame-top,
.message-list-frame .message-list-frame-bottom {
	background-repeat: no-repeat;
	height: 10px;
}

.message-list-frame .message-list-frame-content {
	background-repeat: repeat-y;
	background-image: url(/img/system-msg-middle.png);
}

.message-list-frame .message-list-frame-content .message-list {
	/* IE6 woli tutaj margines lewy niz padding-left w rodzicu... */
	margin-left: 10px;
}

.message-list-frame .message-list-frame-content .error-message a:visited,
.message-list-frame .message-list-frame-content .error-message a:link,
.message-list-frame .message-list-frame-content .error-message a:active,
.message-list-frame .message-list-frame-content .error-message a:hover,
.message-list-frame .message-list-frame-content .error-message a,
.message-list-frame .message-list-frame-content .error-message {
	color: #B11010;
}

.message-list-frame .message-list-frame-content .warning-message a:visited,
.message-list-frame .message-list-frame-content .warning-message a:link,
.message-list-frame .message-list-frame-content .warning-message a:active,
.message-list-frame .message-list-frame-content .warning-message a:hover,
.message-list-frame .message-list-frame-content .warning-message a,
.message-list-frame .message-list-frame-content .warning-message {
	color: #DC7B34;
}

.message-list-frame .message-list-frame-content .success-message a:visited,
.message-list-frame .message-list-frame-content .success-message a:link,
.message-list-frame .message-list-frame-content .success-message a:active,
.message-list-frame .message-list-frame-content .success-message a:hover,
.message-list-frame .message-list-frame-content .success-message a,
.message-list-frame .message-list-frame-content .success-message {
	color: green;
}

.message-list-frame .message-list-frame-top {
	background-image: url(/img/system-msg-top.png);
}

.message-list-frame .message-list-frame-bottom {
	background-image: url(/img/system-msg-bottom.png);
}

/* --- transparent-box --- */


.transparent-box {
	border: 1px solid #902098;
	background: transparent url(/img/transparent-box-bg.png) repeat 0 0;
	padding: 15px;
}

/* --- transparent-white-box --- */

.transparent-white-box {
	background: transparent url(/img/transparent-bg.png) repeat 0 0;
	margin-top: 8px;
	border: 1px solid #FDE700;
	padding: 16px 32px 32px 32px;
	color: #58105d;
	zoom: 1;
}

/* --- paginator --- */

.paginator {
	line-height: 13px;
}

.paginator * {
	vertical-align: top;
}

.paginator-items {
	list-style-type: none;
	margin-right: 8px;
	display: inline;
}

.paginator-items li {
	display: inline;
}

.paginator-items .paginator-current-page-number a:visited,
.paginator-items .paginator-current-page-number a {
	text-decoration: underline;
}

.paginator .crop-box,
.button-next,
.button-no-next {
	margin-left: 5px;
}

.paginator-button-prev,
.paginator-button-noprev,
.button-prev,
.button-no-prev {
	width: 13px;
	height: 13px;
/*	width: 62px;*/
/*	height: 18px;*/
}

.paginator-button-noprev .crop-box-position,
.button-no-prev .crop-box-position {
/*	margin-left: -28px;*/
}

.paginator-button-prev .crop-box-position,
.button-prev .crop-box-position {
	margin-top: -13px;
/*	margin-left: -28px;*/
/*	margin-top: -20px;*/
}

.paginator-button-next,
.paginator-button-nonext,
.button-next,
.button-no-next {
	width: 13px;
	height: 13px;
/*	margin-width: 57px;*/
/*	margin-height: 18px;*/
}

.paginator-button-nonext .crop-box-position,
.button-no-next .crop-box-position {
	margin-left: -14px;
/*	left: -91px;*/
}

.paginator-button-next .crop-box-position,
.button-next .crop-box-position {
	margin-left: -14px;
	margin-top: -13px;
/*	margin-left: -91px;*/
/*	margin-top: -20px;*/
}

/* -- wycentrowane obrazki -- */

div.centered-view {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	overflow: hidden;
	text-align: center;
	position: relative;
}

div.centered-view span { /* Pod IE6 pomocniczy span ma ogarnąć całe line-height */
	zoom: 1;
}

div.centered-view img {
	vertical-align: middle;
	margin-top: -2px; /* Nowsze browsery */
	*margin-top: 0; /* pod IE6 i IE7 jest dobrze */
}

/* -- user-*-tile -- */

div.user-tile {
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
}

div.user-login-avatar-full-name-tile {
	width: 170px;
	margin: 4px;
}

div.user-login-avatar-full-name-tile .relative .user-tile-info {
	height: 62px;
	padding: 4px;
	background-color: #FDF0FB;
}

div.user-login-avatar-full-name-tile .relative .avatar-float {
	margin-right: 4px;
}

div.user-login-avatar-full-name-tile .relative .personal-data {
	line-height: 20px;
}

div.user-login-avatar-full-name-tile .relative .user-tile-actions {
	background-color: #F0E4F0;
	padding: 4px;
	font-size: 9px;
	line-height: 16px;
}

div.user-login-avatar-full-name-tile .relative .user-tile-actions .float-left {
	line-height: 16px;
}

div.user-login-avatar-full-name-tile .relative .user-tile-actions .float-left .crop-box {
	vertical-align: top;
}

div.user-login-avatar-full-name-tile .relative .user-tile-actions form,
div.user-login-avatar-full-name-tile .relative .user-tile-actions form div.form-controls {
	display: inline;
}

div.user-login-avatar-full-name-tile .relative .user-tile-actions .input-type-submit  {
	background-color: transparent;
	border: 0 solid transparent;
	color: #58105D;
	cursor: pointer;
	font-family: verdana;
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	
	*overflow: visible; /* Trick dla IE6 oraz IE7 w celu poprawnego interpretowania padding'ów (nie pytajcie dlaczego - just IE - przyp. Troll)*/
}

div.user-login-avatar-full-name-tile .relative .user-tile-actions .input-type-submit:hover {
	text-decoration: underline;
}

div.user-login-avatar-tile {
	font-size: 9px;
	color: #7A2680;
	text-align: center;
}

div.user-login-tile {
}

/*----*/

.dimm a:visited,
.dimm a:link,
.dimm a:active,
.dimm a:hover,
.dimm a,
a.dimm:visited,
a.dimm:link,
a.dimm:active,
a.dimm:hover,
.dimm {
	color: #965698;
}

.normal {
	color: #F0E4F0;
}

.emphasis {
	color: #9ED6F5;
}

.highlight a:visited,
.highlight a:link,
.highlight a:active,
.highlight a:hover,
.highlight a,
a.highlight:visited,
a.highlight:link,
a.highlight:active,
a.highlight:hover,
.highlight {
	color: #FDD900;
}

.relative {
	position: relative;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

td.v-center {
	vertical-align: middle;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

.inline-block {
	display: -moz-inline-box; /* -moz-inline-stack; */
	display: inline-block;
    *display: inline;
	zoom: 1;
}

/* Firefox 2 jest gupi */
.crop-box .crop-box-position {
	position: relative;
}

.crop-box .crop-box-position * {
	position: absolute;
	top: 0;
	left: 0;
}

.crop-box .crop-box-position {
	*position: static;
}

.crop-box .crop-box-position * {
	*position: static;
	*top: auto;
	*left: auto;
}
/* Firefox 2 jest gupi */

.crop-box {
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
    *display: inline;
    overflow: hidden;
}

.hidden {
	visibility: hidden;
}

.hidden-x {
	display: none;
}

.float-left {
	float: left;
	display: inline;
}

.float-right {
	float: right;
	display: inline;
}

.paragraph {
	text-indent: 1em;
	text-align: justify;
}

.pr_info {
	line-height: 1.4em;
	margin-bottom: 8px;
}

.small-space {
	display: -moz-inline-stack;
	display: inline-block;
	width: 1px;
}

.menu {
	list-style-type: none;
	padding: 0;
	display: inline;
}

.menu li {
	margin: 0 .5em;
	display: inline;
}

div.fade {
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}

span.fade {
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
    *display: inline;
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

/* boxy */

.box-dark {
	position: relative;
}

.box-dark .box-center {
	position: relative;
	left: 10px; /* z powodu IE6 (margin-left zle dziala tutaj) */
	top: 0;
	height: 80px;
	margin-right: 20px;
    background-position: 0 0;
	background-image: url(/img/box-dark-center.png);
	background-repeat: repeat-x;
}

.box-dark .box-right,.box-dark .box-left {
	background-repeat: no-repeat;
    background-position: 0 0;
	width: 10px;
	height: 80px;
}

.box-dark .box-right {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/img/box-dark-right.png);
}

.box-dark .box-left {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/img/box-dark-left.png);
}

.white-box {
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #FDE700;
	padding: 8px;
	margin: 8px 0;
	color: #A761AA;
}

.white-box-content {
	margin-top: 0;
	border-top-width: 0;
}

.white-box-top {
	margin-bottom: 0;
	border-bottom-width: 0;
	background-color: #F0E4F0;
	padding: 6px;
	color: #58105D;
}

.white-box-top .paginator {
	position: absolute;
	right: 8px;
	top: 6px;
}

h1.white-box-top,
h2.white-box-top,
h3.white-box-top {
	font-size: 12px;
	font-weight: normal;
}

.white-box a:visited,
.white-box a:hover,
.white-box a:link,
.white-box a {
	color: #58105D;
}

.white-box a.highlight:link,
.white-box a.highlight:active,
.white-box a.highlight:hover,
.white-box a.highlight:visited,
.white-box a.highlight,
.white-box .highlight {
	color: #F99317;
}

.white-box a.emphasis:link,
.white-box a.emphasis:active,
.white-box a.emphasis:hover,
.white-box a.emphasis:visited,
.white-box a.emphasis,
.white-box .emphasis {
	color: #7A2680;
}

.white-box a.dimm:link,
.white-box a.dimm:active,
.white-box a.dimm:hover,
.white-box a.dimm:visited,
.white-box a.dimm,
.white-box .dimm {
	color: #D175d8;
}

.white-box .select-before,
.white-box .select-after,
.white-box .text-input-before,
.white-box .text-input-after {
	display: none;
}

.white-box .select-bg,
.white-box .select-before,
.white-box .select-after,
.white-box .text-input-bg,
.white-box .text-input-before,
.white-box .text-input-after {
	background-image: none;
	height: auto;
	line-height: normal;
}

.white-box select,
.white-box textarea,
.white-box input.input-type-text,
.white-box input.input-type-password {
	border: 1px solid #99D4F4;
	background-color: #FDF0FB;
	color: #58105D;
}

.white-box select:focus,
.white-box textarea:focus,
.white-box input.input-type-text:focus,
.white-box input.input-type-password:focus {
	border-color: #fbe267;
}

.white-box .select-bg,
.white-box .text-input-bg,
.white-box .select-container select,
.white-box .text-input-container input {
	display: inline;
}

.white-box .select-container select {
	margin-left: 0;
	margin-top: 0;
}

.white-box .text-input-container input.input-type-text,
.white-box .text-input-container input.input-type-password {
	height: 18px;
	line-height: 18px;
	margin-top: 0;
}

.white-box-controls-reset .select-container select {
	margin-top: 3px;
	margin-left: -4px;
}

.white-box-controls-reset .text-input-container input,
.white-box-controls-reset .text-input-container input.input-type-text {
	margin-top: 5px;
	line-height: 16px;
    height: 16px;
}

.white-box-controls-reset .select-bg,
.white-box-controls-reset .select-before,
.white-box-controls-reset .select-after,
.white-box-controls-reset .text-input-bg,
.white-box-controls-reset .text-input-before,
.white-box-controls-reset .text-input-after {
	vertical-align: middle;
	background-color: transparent;
	background-image: url(/img/forms/default-text-input.png);
	display: inline-block;
}

.white-box-controls-reset .select-before,
.white-box-controls-reset .select-after,
.white-box-controls-reset .text-input-before,
.white-box-controls-reset .text-input-after {
	height: 25px;
	width: 10px;
	background-repeat: no-repeat;
}

.white-box-controls-reset .select-bg,
.white-box-controls-reset .text-input-bg {
	height: 25px;
}

.white-box-controls-reset select,
.white-box-controls-reset textarea,
.white-box-controls-reset input.input-type-text,
.white-box-controls-reset input.input-type-password {
	border-width: 0px;
	background-color: transparent;
}

.white-box-controls-reset .select-bg,
.white-box-controls-reset .text-input-bg,
.white-box-controls-reset .select-container select,
.white-box-controls-reset .text-input-container input,
.white-box-controls-reset .select-before,
.white-box-controls-reset .select-after,
.white-box-controls-reset .text-input-before,
.white-box-controls-reset .text-input-after,
.white-box-controls-reset x:-moz-any-link {
	display: -moz-inline-stack;
}

.white-box-controls-reset .select-bg,
.white-box-controls-reset .text-input-bg,
.white-box-controls-reset .select-container select,
.white-box-controls-reset .text-input-container input,
.white-box-controls-reset .select-before,
.white-box-controls-reset .select-after,
.white-box-controls-reset .text-input-before,
.white-box-controls-reset .text-input-after,
.white-box-controls-reset x:-moz-any-link,
.white-box-controls-reset x:default {
	display: inline-block;
}


.white-box-controls-reset .custom-text-input-container .text-input-before,
.white-box-controls-reset .custom-text-input-container .text-input-after {
	display: none;
}


.white-box-controls-reset .custom-text-input-container .text-input-container input {
    margin: 12px 15px 0 40px;
}

.white-box .custom-text-input-container .select-bg,
.white-box .custom-text-input-container .select-before,
.white-box .custom-text-input-container .select-after,
.white-box .custom-text-input-container .text-input-bg,
.white-box .custom-text-input-container .text-input-before,
.white-box .custom-text-input-container .text-input-after {
	height: 40px;
}

.white-box .custom-text-input-container select,
.white-box .custom-text-input-container textarea,
.white-box .custom-text-input-container input.input-type-text,
.white-box .custom-text-input-container input.input-type-password {
	border-width: 0px;
	background-color: transparent;
}

.white-box .custom-text-input-container .select-container select {
	margin-left: 0;
	margin-top: 0;
}

/*.white-box .custom-text-input-container .text-input-container input.input-type-text,
.white-box .custom-text-input-container .text-input-container input.input-type-password {
	height: 16px;
	line-height: 16px;
}
*/

.white-box .message-list-frame,
.white-box .message-list-frame .message-list-frame-top,
.white-box .message-list-frame .message-list-frame-bottom,
.white-box .message-list-frame .message-list-frame-content {
	width: auto;
}

.white-box .message-list-frame .message-list-frame-top,
.white-box .message-list-frame .message-list-frame-bottom,
.white-box .message-list-frame .message-list-frame-content {
	background-image: none;
}

/* every-page layout styles */

#ad-billboard {
	text-align: center;
	margin: 8px 0 0;
}

.page-content,
.page-content a:visited,
.page-content a:link,
.page-content a:active,
.page-content a:hover {
	color: #58105D;
}
	
#footer,
.page-content,
#feedback,
#header-upper,
#header-lower,
#content-with-default-margins {
	margin: 0 auto;
	*zoom: 1; /* Brak layout'u dla stopki powoduje nieprzesuwanie jej w dół na stronie forum przy rozszerzaniu textarea przez Xpander */
}

#content-with-default-margins {
	width: 920px;
}

#header-upper,
#header-lower,
#feedback,
.page-content,
#footer {
	width: 960px; /* szerokość strony w praktyce */
}

#column-left,
#column-right,
#column-center,
#column-center-right {
	float: left;
}

#column-left .white-box,
#column-right .white-box,
#column-center .white-box,
#column-center-right .white-box {
	zoom: 1;
}

#column-left,
#column-right {
	width: 172px;
}

#column-right,
#column-center,
#column-center-right {
	margin-left: 8px;
}

#column-center {
	width: 558px;
}

#column-center-right {
	width: 738px;
}

#feedback-fix { /* osobne poniewaz nie moze byc inline */
	padding-top: 1px; /* ważne, żeby margin-top od messages-list-frame nie powodowal przesuniecia tla content-background */
}

#feedback .message {
	width: 750px;
}

#header-upper {
	height: 120px;
}

#header-lower-background {
	background-color: #2D002F;
}

#header-lower {
	height: 32px;
}

#header-background-image {
	_z-index: 1;
}

#header-background-color-1 {
	background-color: #58105D;
	height: 157px;
}

#header-background-color-2 {
	background-color: #2D002F;
	height: 152px;
}

#header-background-image {
	background: #320235 url(/img/header-background-stars.png) repeat-x 0 -7px;
}

#header-upper,
#feedback,
.page-content,
#footer {
	position: relative;
}

#content-background {
	background: #FFFFFF url(/img/content-background-3.png) repeat-x 0 0;
}

#content-background-diamonds {
	position: relative;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	padding-bottom: 30px;
	background: transparent url(/img/content-background-diamonds.png) repeat 0 0;
}

#footer-background-color {
	background-color: #886E8A;
	padding-top: 4px;
}

#footer-background {
	background-color: #2B002D;
	padding-top: 4px;
	min-height: 80px;
	*height: 80px;
}

#footer-diamond,
#footer-links-and-info {
	margin-top: 3px;
}

#footer-diamond {
	float: right;
}

#footer-links-and-info {
	margin-left: 4px;
	margin-right: 14px;
	text-align: right;
	font-size: 11px;
	float: right;
}

#footer-links-and-info .menu li {
	margin: 0;
}

#footer-terms-of-use-info {
	margin-top: 3px;
	color: #965698;
}

/*--- bookmarklets --- */

#bookmarklets {
	position: relative;
	top: -3px;
	float: right;
	width: 200px;
	height: 40px;
	padding: 0;
	background: transparent url(/img/bookmarklets.png) no-repeat 0 -8px;
}

#bookmarklets li.bookmarklet {
	display: block;
	position: absolute;
	top: 5px;
}

#bookmarklets li.bookmarklet a.bookmarklet-link {
	display: block;
	width: 32px;
	height: 32px;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
}

#bookmarklets li.bookmarklet a.bookmarklet-link:hover {
	background-image: url(/img/bookmarklets.png);
}
	
#bookmarklets #bookmarklet-nk {
	left: 15px;
}

#bookmarklets #bookmarklet-nk a.bookmarklet-link:hover {
	background-position: -14px -62px;
}

#bookmarklets #bookmarklet-facebook {
	left: 49px;
}

#bookmarklets #bookmarklet-facebook a.bookmarklet-link:hover {
	background-position: -48px -62px;
}

#bookmarklets #bookmarklet-grono {
	left: 81px;
}

#bookmarklets #bookmarklet-grono a.bookmarklet-link:hover {
	background-position: -80px -62px;
}

#bookmarklets #bookmarklet-gg {
	left: 115px;
}

#bookmarklets #bookmarklet-gg a.bookmarklet-link:hover {
	background-position: -114px -62px;
}

#bookmarklets #bookmarklet-wykop {
	left: 151px;
}

#bookmarklets #bookmarklet-wykop a.bookmarklet-link:hover {
	background-position: -150px -62px;
}

/* --comment-- */

.user-comment {
	position: relative;
	margin-bottom: 8px;
}

.user-comment .decoration {
	position: absolute;
	top: 24px;
	left: 64px;
	width: 9px;
	height: 10px;
	background: transparent url(/img/profiles/icons-2.png) no-repeat -1px -86px;
	_left: 67px;
}

.user-comment .white-box {
	border-color: #D175D8;
	margin: 0 0 0 72px;
}

.user-comment .user-comment-header {
	font-size: 10px;
	padding: 4px 6px;
	position: relative;
}

.user-comment .user-comment-header .dimm {
	font-size: 9px;
}

.user-comment .operations .icon-delete {
	display: -moz-inline-box;	
	display: inline-block;
	zoom: 1;
	*display: inline;
	overflow: hidden;
	width: 10px;
	height: 10px;
	cursor: pointer;
	position: relative;
	top: 2px;
	*left: -1px;
	background: transparent url(/img/profiles/icons-2.png) no-repeat -135px -51px;
}

.user-comment .operations {
	position: absolute;
	top: 3px;
	right: 3px;
}

.user-comment .user-comment-content {
	min-height: 22px;
	_height: 22px;
}

/* --- */

#navigator {
	position: absolute;
	top: 0;
	right: 12px;
	width: 555px;
}

#user-current-panel {
	padding-top: 14px;
	width: 250px;
	height: 50px;
}

#user-current-panel .centered-view {
	float: left;
	margin-top: -4px; /* 10 - #user-current-panel padding-top */
	margin-right: 6px;
}

#navigator .intro  {
	display: -moz-inline-box;	
	display: inline-block;
	zoom: 1;
	*display: inline;
	color: #965698;
	font-size: 10px;
	text-transform: uppercase;
}

#navigator .points_num {
	color: #FDD900;
	font-size: 1.85em;
}

#navigator .points_noun {
	font-size: 0.75em;
	text-transform: uppercase;
}

#user-points-tile {
	text-align: center;
    padding-top: 10px;
}

#user-current-panel .link-profile {
	margin-bottom: 4px;
}
#new-webmails-tile {
    width: 60px;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

#navigator-new-web-mails .box-center,
#navigator-new-web-mails .box-left,
#navigator-new-web-mails .box-right {
	background-image: url(/img/webmails/icons.png);
	background-repeat: no-repeat;
}
#navigator-new-web-mails .box-center {
    background-position: -340px 0;
}
#navigator-new-web-mails .box-left {
    background-position: -330px 0;
}
#navigator-new-web-mails .box-right {
    background-position: -400px 0;
}

#new-webmails-tile .new-webmails-num {
	position: relative;
	left: -18px;
	top: 5px;
	vertical-align:top;
	margin-right: -18px;
	color: #333;
	font-size: 10px;
	font-weight: bold;
}

#new-webmails-tile .icon {
	display: -moz-inline-box;	
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: url(/img/webmails/icons.png) no-repeat -282px -42px;
	width: 34px;
	height: 36px;
	position: relative;
	left: -4px;
}

/*
#user-current-panel .link-profile {
	font-size: 14px;
	margin: 4px 0;
}

#user-current-panel .link-personal-data {
	font-size: 10px;
}
*/

#user-current-panel #logout_quick {
	position: absolute;
	right: 0;
	top: 8px;	
}

#logo {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-left: 12px;
	margin-top: 12px;
}

/* -- site navigator -- */

#site-navigator {
	text-align: center;
	white-space: nowrap;
}

#site-navigator * {
	z-index: 3;
	text-align: left;
}

#site-navigator a {
	text-decoration: none;
}

#site-navigator ul li a:hover {
	text-decoration: underline;
}

#site-navigator ul li a {
	text-decoration: none;
}

#site-navigator ul a {
	display: block;
}

#site-navigator ul a:hover ul,
#site-navigator ul a:hover a:hover ul,
#site-navigator ul a:hover a:hover a:hover ul {
    display: block;
}

#site-navigator ul li:hover > ul {
    display: block;
}

#site-navigator a:hover {
	color: #D175D8;
}

#site-navigator .active a:active,
#site-navigator .active a:link,
#site-navigator .active a:visible,
#site-navigator .active a,
#site-navigator .active {
	color: #FDDE00;
}

#site-navigator ul {
	display: inline-block;
	*display: inline;
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
	padding-left: 0;
}

#site-navigator ul, x:-moz-any-link {
	width: 835px;
}

#site-navigator ul, x:-moz-any-link, x:default {
	width: auto;
}

#site-navigator ul li {
	display: block;
	float: left;
	padding: 0 14px;
	height: 37px; /* 32 + fancy line */
	_height: 32px;
	line-height: 32px;
	vertical-align: top;
}

#site-navigator ul ul {
	display: none;
	position: absolute;
	border: 1px solid #C8AEC9;
	top: 37px;
	left: 0;
	-webkit-box-shadow: 0 0 8px #C8AEC9;
	-moz-box-shadow: 0 0 8px #C8AEC9;
	box-shadow: 0 0 8px #C8AEC9;
}

#site-navigator ul ul li {
    float: none;
}

#site-navigator ul li:hover {
    position: relative;
}

#site-navigator ul li a:hover {
    position: relative;
}

#site-navigator ul ul li {
	background-color: #F0E4F0;
	width: 170px;
	padding: 0 7px;
	height: 30px;
	line-height: 30px;
}

#site-navigator ul table tr td,
#site-navigator ul table tbody tr td {
	margin: auto;
}

#site-navigator ul span {
    display: block;
}

#site-navigator ul ul a:visited,
#site-navigator ul ul a:hover,
#site-navigator ul ul a:link,
#site-navigator ul ul a {
	color: #58105D;
}

#site-navigator ul ul a {
	border-top: 1px solid #D6CED7;
}

#site-navigator ul ul .first a {
	border-top-width: 0;
}

#site-navigator ul a:hover ul,
#site-navigator ul li:hover ul {
	display: block;
}

#site-navigator ul li a:hover table tr td ul,
#site-navigator ul li a:hover table tbody tr td ul {
	display: block;
	_top: 24px; /*niestety, ale bez tego ustawienia lista jest za nisko w IE 6*/
}

#site-navigator ul table {
	border-collapse: collapse;
}

#site-path {
	margin-top: 8px;
}

/* LoginQuickForm */

#login_quick {
	text-align: right;
}

#login_quick #password-register-top-links {
	background: url(/img/forms/login/register-2.png);
	float: right;
	height: 26px;
	margin-right: 5px;
	padding-top: 9px;
	text-align: right;
	width: 326px;
}

#login_quick #password-register-top-links a {
	color: #CB8CD0;
	font-size: 9px;
}

#login_quick #password-register-top-links a.register-top-link {
	padding-right: 25px; /* tutaj aby obrazeczek strzaleczki w tle byl klikalny */
}

#login_quick #password-register-top-links span.separator {
	color: #DEB7FF;
}

#login_quick_login,
#login_quick_pass {
	width: 125px;
}

#login_quick_login-bg {
	background-image: url(/img/forms/login/quick-login-login.png);
}

#login_quick_pass-bg {
	margin-top: 1px;
	background-image: url(/img/forms/login/quick-login-password.png);
}
	
#login_quick_submit {
	width: 90px;
	height: 25px;
	margin-right: 5px;
}

#login_quick_submit,
#login_quick_remember,
#label_login_quick_remember {
	vertical-align: middle;
}


#login_quick label {
	font-size: 9px;
	vertical-align: middle;
	margin-left: 3px;
}
#login_quick_remember_container label {
	margin-right: 3px;
	margin-top: 3px;
}

#login_quick_help {
	color: #965698;
	margin-right: 8px;
}

.page-reset #content-background-diamonds {
	background-color: #300133;
	background-image: url(/img/content-background-old.png);
	background-repeat: repeat-x;
	position: relative;
}

.page-reset .page-content,
.page-reset .page-content a:visited,
.page-reset .page-content a:link,
.page-reset .page-content a:active,
.page-reset .page-content a:hover {
	color: #F0E4F0;
}

.page-reset .page-content .message-list-frame .message-list-frame-content .error-message a:visited,
.page-reset .page-content .message-list-frame .message-list-frame-content .error-message a:link,
.page-reset .page-content .message-list-frame .message-list-frame-content .error-message a:active,
.page-reset .page-content .message-list-frame .message-list-frame-content .error-message a:hover,
.page-reset .page-content .message-list-frame .message-list-frame-content .error-message a,
.page-reset .page-content .message-list-frame .message-list-frame-content .error-message {
	color: #B11010;
}

.page-reset .page-content .message-list-frame .message-list-frame-content .warning-message a:visited,
.page-reset .page-content .message-list-frame .message-list-frame-content .warning-message a:link,
.page-reset .page-content .message-list-frame .message-list-frame-content .warning-message a:active,
.page-reset .page-content .message-list-frame .message-list-frame-content .warning-message a:hover,
.page-reset .page-content .message-list-frame .message-list-frame-content .warning-message a,
.page-reset .page-content .message-list-frame .message-list-frame-content .warning-message {
	color: #DC7B34;
}

.page-reset .page-content .message-list-frame .message-list-frame-content .success-message a:visited,
.page-reset .page-content .message-list-frame .message-list-frame-content .success-message a:link,
.page-reset .page-content .message-list-frame .message-list-frame-content .success-message a:active,
.page-reset .page-content .message-list-frame .message-list-frame-content .success-message a:hover,
.page-reset .page-content .message-list-frame .message-list-frame-content .success-message a,
.page-reset .page-content .message-list-frame .message-list-frame-content .success-message {
	color: green;
}

.page-reset h1 {
	color: #FDD900;
}

.checkbox-group-column {
	vertical-align: top;
}


/* -- admin -- */

.admin-operations {
	margin: 10px 0;
	border: 2px solid red;
	color: white;
	background: black;
	padding: 10px; 
	width: 200px;
	font-size: 10px;
}
span.admin-operations {
	padding: 0;
}

.admin-operations a:visited,
.admin-operations a:link,
.admin-operations a:active,
.admin-operations a:hover,
.admin-operations a {
	color: #FFFFFF;
}

/* --- fade link --- */

.fade_link {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 20px;
}

.fade_relative_container {
	position: relative;
	left: 0px;
	top: 0px; 
}

.fade_link .fade_relative_container, 
x:-moz-any-link {
	display: inline;
}

.fade_link .fade_relative_container, 
x:default {
	display: block;
}

.fade_link .fade_relative_container .fade_image {
	background: url(/img/fade.png) no-repeat;
	/********************************************************************************************
	 * Chwilowo nie wyświetlamy obrazka dla fade, póki nie ma on odpowiednio dopasowanych kolorów 
    display: block;
	 */
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 10px;
	z-index: 900;			
}

.fade_link .fade_relative_container a {
	display: block;
	position: absolute;
	left: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

.fade_link .fade_relative_container a:hover {
	display: block;
	position: absolute;
	left: 0px;
	white-space: nowrap;
	overflow: visible;
	text-decoration: none;
	width: auto;
	z-index: 901;
	
	/* bez tego ustawienia IE7 oraz IE6 odcina górną oraz dolną ramkę dla span'a z zawartością po najechaniu myszką 
	*padding-top: 2px; 
	*padding-bottom: 2px;*/
}

.fade_link .fade_relative_container a,
.fade_link .fade_relative_container a:hover,
x:-moz-any-link {
	display: inline;
	max-width: auto !important;
}

.fade_link .fade_relative_container a, 
.fade_link .fade_relative_container a:hover,
x:default {
	display: block;
}

.fade_link .fade_relative_container a.fade_link_turn_off_width, 
.fade_link .fade_relative_container a.fade_link_turn_off_width:hover,
x:default {
	width: auto !important;
}

.fade_content {
	padding: 1px;
}

.fade_link .fade_relative_container a:hover .fade_content {
	padding: 1px;
	/*border: solid 1px #333333;*/
	background-color: white;
}

/* to dopiero pierwszy krok naprawy - z js tutaj - nastepnie trzeba to w ogole usunac */
.modal-info-container {
	margin-left: 4px;
	display: inline-block;
	vertical-align: top;
}

body.page-reset #footer-background-color {
	background-color: transparent;
}

#file_upload_delete_description {
	margin-top: 3px;
}

#fb-like {
	width: 80px;
	overflow: hidden;
}

.icon-hint {
	background: white;
	color: #58105d;
	border: 2px solid #c5d6ff;
	padding: 3px 6px;
	font-size: 11px;
	z-index: 10;
}


/* --- medium box --- */

.medium-box-top,
.medium-box-bottom {
	background: transparent url(/img/medium-box.png) no-repeat;
	width: 284px;
}
.medium-box-top,
.medium-box-bottom,
.medium-box-content {
	padding: 8px;
}

.medium-box-top {
	height: 18px;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 0 0;
	position: relative;
}
.medium-box-bottom {
	background-position: 0 -35px;
	height: 15px;
}
.medium-box-content {
	border-left: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	background: #fff;	
	width: 282px;
}
.medium-box-top .icon {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.centered-ad {
	text-align: center;
}