/* the overlayed element */
div.overlay {
	
	/* growing background image */

	
	/* dimensions after the growing animation finishes  */
	width:800px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/popup/close.png);
	position:absolute;
	right:50px;
	top:30px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}
/* use a semi-transparent image for the overlay */ 
#overlay { 
    
    color:#000; 
    z-index: 33000; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    
    overflow-y:auto; 
}

/* ------------------------------------------------------------------------------- */	
/* Mikołaj */	
/* POPUP: wszystkie style elementów z popup'ów */	

/* POPUP: klasy główne */	
#POPUP { padding: 0px 0 0 5px; }
#POPUP p { text-align:center; padding:10px 0; }
#POPUP p.OK        { font-weight: bold; color:#0099ff; }
#POPUP p.ERROR { font-weight: bold; color:red;}
#POPUP p a { font-weight: bold; color:#0099ff;}

#POPUP a.ZAPISZ_ZMIANY {
	display:block;
	width:162px;
	height:31px;
}

#POPUP p a { font-weight: bold; color:#0099ff;}


/* ------------------------------------------------------------------------------- */	
/* EDIT WINDOW: box do ustawień dodanego objektu */

#POPUP .EDIT_WINDOW {
	border: 2px solid #666;
    -webkit-border-radius: 8px; /* Safari, Chrome */
    -khtml-border-radius: 8px;  /* Konqueror */
    -moz-border-radius: 8px;    /* Firefox */
    border-radius: 8px;
}
#POPUP .EDIT_WINDOW .TOPIC{
	background: #666;
	color: #FFF; 
	font-weight: bold;
	padding: 10px;
	
}
/* EDIT WINDOW: lista do edycji ustawień dodanego obiektu, ikonograficzna */	
#POPUP ul.EDIT_WINDOW_LIST, #POPUP ul.EDIT_WINDOW_LIST li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#POPUP ul.EDIT_WINDOW_LIST {	
	padding:10px 0;
}
#POPUP ul.EDIT_WINDOW_LIST li { padding-left: 30px;}
#POPUP ul.EDIT_WINDOW_LIST a {
	display: block;
	padding-left:30px;
	height: 30px;
	line-height:30px;
	color: #000;
	font-weight: bold;
}


/* EDIT WINDOW: formularz pozycje */	
/* klasy główne formularza */

form.POPUP_FORM input, form.POPUP_FORM textarea, form.POPUP_FORM select {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size:12px;
    border: 1px solid #999;
}
form.POPUP_FORM { }
form.POPUP_FORM label { margin-top: 10px;}
form.POPUP_FORM input { margin-top: 8px;}
form.POPUP_FORM input { float:left; margin-left:10px; }

form.POPUP_FORM br { clear:both }
form.POPUP_FORM label { float: left; text-align:right; }

form.POPUP_FORM label.normal { width:100px; font-weight:bold}
form.POPUP_FORM input.normal { width:50px; }
form.POPUP_FORM label.right  { margin-left: 5px; }

/* klasy opisów i errorów  */
form.POPUP_FORM label.opis {margin-left:110; text-align:left; font-size: 11px; color: #666; margin-top:3px;}
form.POPUP_FORM label.opis_check, form.PANEL label.opis_radio { margin-left:5px; margin-top: 8px; text-align:left; font-size: 11px; color: #666;}
form.POPUP_FORM label.error {margin-left:110px; text-align:left; font-size:11px; color:red; font-weight:bold; margin-top:3px;}


/* ------------------------------------------------------------------------------- */
/* MENU POZIOME: lista wyboru */	
#POPUP ul.MENU_POZIOME, #POPUP ul.MENU_POZIOME li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#POPUP ul.MENU_POZIOME  {
	text-align: center;
	padding:10px 0;
	margin: 10px auto;
}	
#POPUP ul.MENU_POZIOME  li {
	display: inline;
	white-space: nowrap;
}	
#POPUP ul.MENU_POZIOME  a { 
	padding: 0 10px;
	color: #666;
}
#POPUP ul.MENU_POZIOME  a:hover { 
	padding: 5px 30px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border: 2px solid #000;
    -webkit-border-radius: 14px; /* Safari, Chrome */
    -khtml-border-radius: 14px;  /* Konqueror */
    -moz-border-radius: 14px;    /* Firefox */
    border-radius: 14px;
}

/* MENU POZIOME: ścieżka wyboru, klasy active */
#POPUP ul.MENU_POZIOME  a.active {
	padding: 5px 30px;
	text-decoration: none;
	color: #000;
	border: 2px solid #000;
	font-weight: normal;
    -webkit-border-radius: 14px; /* Safari, Chrome */
    -khtml-border-radius: 14px;  /* Konqueror */
    -moz-border-radius: 14px;    /* Firefox */
    border-radius: 14px;
}
#POPUP ul.MENU_POZIOME  a.active span {
	font-weight: bold;
}
#POPUP ul.MENU_POZIOME  a.active:hover {
	text-decoration: underline;
	color: #000;
}
#POPUP ul.MENU_POZIOME  a.arrow { /* strzałka pomiędzy */
	width: 8px;
	padding: 0 10px
}
#POPUP ul.MENU_POZIOME  a.arrow:hover { /* strzałka pomiędzy */
	border:0;
}


/* ------------------------------------------------------------------------------- */
/* MENU PIONOWE: lista wyboru */	
#POPUP ul.MENU_PIONOWE, #POPUP ul.MENU_PIONOWE li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#POPUP ul.MENU_PIONOWE {	
	margin: 0 auto;
	padding:10px 0;
}
#POPUP ul.MENU_PIONOWE, #POPUP ul.MENU_PIONOWE li {
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
#POPUP ul.MENU_PIONOWE  a {
	padding: 5px 30px;
	display: block;
	text-align: center;
	color: #666;
	background:none;
}
#POPUP ul.MENU_PIONOWE  a span{
	font-weight: bold;
}
#POPUP ul.MENU_PIONOWE  a:hover {
	text-decoration: none;
	color: #000;
	border: 3px solid #000;
    -webkit-border-radius: 14px; /* Safari, Chrome */
    -khtml-border-radius: 14px;  /* Konqueror */
    -moz-border-radius: 14px;    /* Firefox */
    border-radius: 14px;
}
#POPUP ul.MENU_PIONOWE  a.active {
	text-decoration: none;
	color: #000;
	border: 3px solid #000;
    -webkit-border-radius: 14px; /* Safari, Chrome */
    -khtml-border-radius: 14px;  /* Konqueror */
    -moz-border-radius: 14px;    /* Firefox */
    border-radius: 14px;
}