/* Сабж. */
body{
	margin:		0px;
	padding:	0px;
	font-family: arial;
}

/* Любая кнопка галереи. */
.button{
	padding:	2px 4px 2px 4px;
	color:	#ffffff;
	text-decoration:	none;
	font-size:	11px;
}

/* Загрузка. */
.loading{

}

/*-----------------------------------------------
	Заголовок галерери. <div class="page_header">
-----------------------------------------------*/
.page_header h3{
	margin:		0px;
	padding:	1%;
	background: #f7f7f7;
}

/* Красная полоска под заголовком. */
.page_header hr{
	margin:	0px;
}

/*---------------------------------
	Список меню. <div class="menu">
---------------------------------*/
#menu{
	margin-top: -2px;
}

/* Список меню. */
#menu ul{
	display:	inline;
	margin:		0px;
	padding:	0px;
}

/* Элементы списка. */
#menu li{
	display:	inline;
}

/* Кнопки меню. */
#menu li .button{
	background:	#ff0000;
}

#menu li .button:hover{
	background:	#ff8a00;
}

#menu div{
	display:	inline;
}

/*---------------------------------------------------------
	Основное содержимое. <div class="main_document_content">
----------------------------------------------------------*/
#main_document_content{
	padding:	1%;
}

#main_document_content .dropshadow{
	width:	98%;
	margin:		0px 0px 1% 0px;
	padding:	0px 2px 2px 0px;
	background:#cfcfcf;
}

#main_document_content p{
	font-size: 12px;
}

/* Основная таблица. */
#main_document_content table{
	width:	100%;
	min-height:	130px;
	border: solid #1c8301 1px;
}

#main_document_content table:hover{
	background:#fffbb9;
}

/* Колонки содержимого основной таблицы. */
#main_document_content table td{
	padding:	5px;
	vertical-align:	top;
	border:	none;
}

/* Ссылки в основной таблице. */
#main_document_content table .description a{
	color:	darkblue;
	font-weight:	bold;
	font-size: 	12pt;
}

#main_document_content table .description a:hover{
	color:	#1c8301;
	text-decoration: none;
	font-weight:	bold;
	font-size: 	12pt;
}

/* Описание альбома. */
#main_document_content table .description .album_desc{
	font-size:		12px;
	font-family:	courier new;
}

/* Внешний вид обложки альбома. */
#main_document_content table td img{
	padding: 0px;
	border: solid black 1px;
}

/* Администраторские кнопки. */
#main_document_content .button{
	background:	#ff0000;
}

#main_document_content .button:hover{
	background:	#ff8a00;
}

/*-------------------------------------
	Пагинация. <div class="pagination">
-------------------------------------*/
.pagination{
	width:98%;
	padding: 1% 0% 1% 0%;
	background: #f7f7f7;
	text-align:right;
	border:solid #ff0000 1px;
}

/* Общее положение блока пагинации. */
.pagination ul{
	float:right;
	margin:0px;
	padding:0px 1% 10px 0px;
}

/* Страницы пагинации. */
.pagination li{
	display:inline;
	margin: 0px 2px 0px 2px;
	padding: 4px 2px 4px 2px;
	background: #ff0000;
}

.pagination li:hover{
	background:#ff8a00;
}

/* Ссылки страниц пагинации. */
.pagination li a{
	padding:0px 8px 4px 8px;
	color: #ffffff;
	font-size: 8pt;
	text-decoration: none;
}
/*--------------
	Окно событий.
--------------*/
#actions_window{
	position:	fixed;
	top:	25%;
	left:	50%;
	background:	#ffffff;
	border:	solid black 1px;
}

#actions_window .window_header{
	margin:		0px;
	padding:	4%;
	background:	#f7f7f7;
	text-align:	right;
}

#actions_window .button{
	background:	#ff0000;
}

#actions_window .button:hover{
	background:#ff8a00;
}

#actions_window table{
	margin:	4%;
	border:	0px;
	font-size:	12px;
	border: solid #cfcfcf 1px;
}

#actions_window td{
	padding:	10px;
	border:	0px;
	background:#fffbb9;
}

#actions_window img{
	margin: 10px 10px 15px 10px;
}

#actions_window p{
	padding: 1%;
	font-size: 	12px;
	text-align: center;
}

/*--------------------
	Содержимое альбома.
--------------------*/
#photos_list{
	width:	98%;
	float: bottom;
	padding-bottom: 1%;
}

.thumbnail{
	width:	140px;
	height: 140px;
	margin-left: 10px;
	display:	inline;
	text-align:	center;
}

.thumbnail img{
	margin-left:	0px;
	padding:	5px;
	border: solid #1c8301 1px;
}

.thumbnail img:hover{
	border: solid #ff8a00 1px;
}

.admin_mode{
	display: block;
	float: left;
	width: 150px;
	height: 130px;
	margin: 	10px;
	padding:	10px 5px 5px 5px;
}

.admin_mode:hover{
	background: #fffbb9;
}

.admin_mode p{
	margin: 0px 0px 10px 0px;
	text-align: center;
}

/*---------------------------------
	Окно вывода фотографий на экран.
----------------------------------*/
#toggle_image{
	position:	absolute;
	width: 640px;
	top:	5%;
	left:	50%;
	margin-left: -320px;
	padding: 1%;
	background:	#ffffff;
	border:	solid black 1px;
	text-align: center;
}

#toggle_image .window_header{
	margin:		0px;
	padding-bottom:	2%;
	text-align:	right;
}

#toggle_image .button{
	font-size:	12px;
	background:	#ff0000;
}

#toggle_image .button:hover{
	background:#ff8a00;
}

#blank{
	width	:100%;
	height:	100%;
	position:	fixed;
	top:	0px;
	left:	0px;
	background:	#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
}