/* CSS do modułu personalizemenu, słuzącego do tworzenia spersonalizowanego menu zalogowanego użytkownika */
@charset "utf-8";

/* Formularz dodawania strony do spersonalizowanego menu */
div#formAddPage {
	display: block;
	left: 434px;
	top: 321px; /* wyskokosc i tak jest ustawiana autoamtycznie adekwatnie do wyskoosci przycisku 'Dodaj stronę' */
	z-index: 1001;
	background-color: #F0F5FF;
	border: 1px solid #CFE3FF;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	width: 300px;
	cursor: move; /* bo mozna przesuwac formularz dodawania */
}

div#formAddPage h2 {
	font-size: 110%;
	padding: 5px;
	margin-bottom: 10px;
	text-align: center;
}

div#formAddPage div#newSection label {
	padding-right: 3px;
}

div#formAddPage div#newSection button {
	margin: 0 0 0 3px;
}

div#formAddPage div.closeButton {
	text-align: right;
	margin-top: 10px;
	border-top: 1px solid #CFE3FF;
}

/* Komunikat po dodaniu strony */
#infoMenu {
	color: white;
	font-weight: bold;
	background-color: #E05454;
	line-height: 20px;
	text-align: center;
	margin-bottom: 10px;
}

/* Menu uzytkownika */
#personalizeMenu{
	width: 180px;
}

/* Lista sekcji do wyboru podczas dodawania strony */
li.sectionList {
	border-bottom: 0px solid black;
	padding: 0 0 1px 3px;
	text-align: left;
	cursor: pointer;
	z-index: 100;
	list-style-type: disc;
}

/* Blok w którym znajduje się lista wyboru sekcji */
div.sectionList {
	width: auto;
	margin: 5px 0 5px 20px;
	padding: 0;
}

div.sectionList li.sectionList {
	border-bottom: none;
}

li.menuLinks{
	background-color: #FDFDFD;
}
	
/* Zarzadzanie sekcjami i stronami - portlet_personalizeMenuClient.inc.tmpl */	
li.menuPages{
	list-style-image: url(../../../images/tree/leaf.png);
}

li.menuSections{
	list-style-image: url(../../../images/tree/folder.png);
}

/* Przycisk dodawania stron */
.menuBlock button {
	color: #435A84;
	background-color: #E6E6E6;
	border: 1px solid #CDD7EA;
	font-weight: bold;
	margin: 5px;
	width: 170px;
}

.menuBlock button:hover {
	background-color: #CDD7EA;
	border: 1px solid #507DC1;
}

#formAddPage button {
	width: auto;
}

div#formAddPage div.closeButton button {
	margin: 5px 0 0 0;
}

/* Gotowe menu z sekcjami i stronami użytkownika - plugin accordion*/
#personMenu {
	border-top: 1px solid #CDD7EA;
}

#personMenu div {
	border-top: 1px solid #E8EDF6;
	margin-top: 4px;
}

#personMenu div li {
	border-bottom: 1px solid #E8EDF6;
}

#personMenu a {
	outline: 0;
}

#buttonYourProfile{
	margin-bottom: 0px;
}

.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; padding: 0; }
.ui-accordion li .ui-accordion-header {
	display: block;
	text-decoration: none;
	position: relative;
}
.ui-accordion li .ui-accordion-right {
	display: block;
	background-image: url(i/accordion-right.png);
	position: absolute;
	top: 0px;
	right: -3px;
	height: 28px;
	width: 3px;
}
.ui-accordion li .ui-accordion-left {
	display: block;
	background-image: url(i/accordion-left.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 28px;
	width: 3px;
}
.ui-accordion li:hover .ui-accordion-left { background-image: url(i/accordion-left-over.png); }
.ui-accordion li:hover .ui-accordion-header { background-image: url(i/accordion-middle-over.png); }
.ui-accordion li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

.ui-accordion li.selected .ui-accordion-left { background-image: url(i/accordion-left-act.png); }
.ui-accordion li.selected .ui-accordion-header { background-image: url(i/accordion-middle-act.png); }
.ui-accordion li.selected .ui-accordion-right { background-image: url(i/accordion-right-act.png); }