/* Слой, содержащий все картинки, использующиеся в окне. Отображается за пределами видимой области страницы, чтобы картинки прогрузились заранее, а не грузились при вызове окна. */
.jw_init				
{
	background-image: url(images/icons.png); 
	height: 1px; 
	left: -10px; 
	overflow: hidden; 
	position: absolute; 
	top: -10px; 
	width: 1px;
}

/* Окно. */
.jw_window				
{
	background: #f6f8fa; 
	border: 1px solid #555; 
	display: none; 
	opacity: 0; 
	overflow-x: hidden; 
	overflow-y: auto; 
	position: fixed; 
	z-index: 1000;
}

/* Верхняя полоса-заголовок. */
.jw_header				
{
	background: #477CB6 url(images/header.png); 
	color: #FFF; 
	cursor: move; 
	font-family: Tahoma, Arial; 
	font-size: 13px; 
	height: 20px; 
	padding: 6px 0 0 12px;
}

/* Кнопка в заголовке (крестик, в перспективе ещё разворачивание и сворачивание). */
.jw_header_btn			
{
	background: url(images/icons.png) no-repeat; 
	display: block; 
	float: right; 
	height: 16px;
	margin-top: 5px; 
	position: relative; 
	text-decoration: none; 
	width: 16px;
}

/* Крестик закрытия окна. */
.jw_close				
{
	margin-right: 6px; 
	background-position: 0 0;
}
.jw_close:hover			
{
	background-position: -16px 0;
}

/* Классы minimize и maximize пока не используются, но в будущем могут. */
.jw_minimize			
{
	display: none; 
	margin-right: 6px; 
	background-position: 0 16px;
}
.jw_minimize:hover		
{
	background-position: -16px 16px;
}

.jw_maximize			
{
	display: none; 
	margin-right: 6px; 
	background-position: 0 32px;
}
.jw_maximize:hover		
{
	background-position: -16px 32px;
}

/* Слой с контентом. */
.jw_content				
{ 
	display: inline-block; 
	font-family: Verdana; 
	font-size: 12px;
	margin-top: 0px; 
	min-height: 50px; 
	min-width: 200px; 
	padding: 12px 15px 12px 15px; 
}

/* Слой с кнопками внизу под контентом. ВАЖНО - только для дефолтных кнопок - "ОК", "Да", "Нет" и т. п. Кнопки, которые объявляются в шабе, отображаются вместе с остальным контентом. */
.jw_buttons				
{
	display: none;
	/*padding: 0 0 10px 0;*/ 
	text-align: center;
}

/* Класс добавляется к классу слоя-контента, когда окно - информационное (ошибка, сообщение и т. п., с иконкой, короче говоря). */
.jw_msg					
{
	background-color: none; 
	padding-left: 70px; 
	background-position: 12px 15px;
	background-repeat: no-repeat;
}

/* Разные типы иконок для информационных окон. */
.jw_msg_dialog			{background-image: url(images/msg_dialog.png);}
.jw_msg_error			{background-image: url(images/msg_error.png);}
.jw_msg_info			{background-image: url(images/msg_info.png);}
.jw_msg_success			{background-image: url(images/msg_success.png);}
.jw_msg_warning			{background-image: url(images/msg_warning.png);}

/* Эти классы можно было бы вынести отсюда - они используются по большей части при выводе информационных сообщений. */
.jw_msg p a				{color: #0250D3; text-decoration: none;}
.jw_msg p a:visited		{color: #0250D3; text-decoration: none;}
.jw_msg p a:hover		{color: #0250D3; text-decoration: underline;}
.jw_msg .ul_err			{margin: 0px; padding: 0px; color: #DD0000;}
.jw_msg ul li			{margin: 0px 0px 12px 22px; line-height: 12px;}
.jw_msg ul li em		{color: #000000; font-style: normal;}

/* Класс span'а с заголовком окна, если заголовок задаётся прямо в шабе (runtime, так сказать). Короче, это просто скрытый спан, который используется в скриптах, но никогда не отображается. */
.jw_title				{display: none;}