/* 
<?php 
	header("Content-Type: text/css; charset=utf-8");
?>
<meta http-equiv="Content-Type" content="text/css; charset=utf-8"> */
body
{
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
	background-attachment: fixed;
	background-color: white;
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: small;
}
p
{
  margin: 0px;
  padding: 0px;
}
pre
{
	font-family:"Lucida Console", Monaco, monospace;
	letter-spacing: 1px;
}
img
{
	border-color:#000000;
}

a{
	color:#7c7c7c;
	text-decoration:none;
}

a:hover
{
	color:#AcAcAc;
}

input, textarea
{
  border: 1px solid silver;
}

input[type="hidden"]
{
	display: none;
}
input[type="button"], input[type="submit"], input[type="reset"], button
{
	background-color:#990000; 
	color:#FFFFFF; 
	border:none; 
	margin-left: 2px;
}

table
{
	border: none;
	/* border-collapse:collapse; 
	border-spacing: 0 0;		/ * cell-spacing */

}

td
{
	border: none;
	text-align:center;
	/*vertical-align: middle;*/
}
/*********************************** Windows geometry ***********************************/
/**/
.subgallery 
{
	padding: 0px;
	width: 176px;
	border: none;
	vertical-align: top;
	height: 460px;
}

#photo_view 
{
	display: block; 
	height: 700px; 
}
#photo_scroll
{
	height: 680px;
}
img.view
{
	/* height: 600px; */
}
/* /
.subgallery 
{
	padding: 0px;
	width: 176px;
	height: 276px;
	border: none;
	vertical-align: top;
}

#photo_view 
{
	height: 490px; 
	display: block; 
}

#photo_scroll
{
	height: 470px;
}

img.view
{
	height: 470px;
}
/ **/
.photo_label
{
	height: 15px;
	background-color: #ededed;
	vertical-align: middle;
	text-align: center;
}
.photo_holder
{
	padding: 0px 5px 0px 5px;
	background-color: #FFF;
}

/*********************************** Controls ******************************************/
#scrl_left, #scrl_right
{
	border:1px solid #FFF;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center;
}
#scrl_left:hover, #scrl_right:hover
{
	border:1px;
/*	background-color: #CCC; */
	border: 1px solid #CCC;
}

#scrl_left
{
	background-image:url(../img/scroll_left.gif);
}
#scrl_right
{
	background-image:url(../img/scroll_right.gif)
}

#btn_admin, #btn_poems,#btn_contacts,#btn_banners,#btn_rss
{
	display: inline-block; 
	width: 10px;
	height: 9px;
	margin: 0px 2px 0px 2px;
	background-position:center;
	background-repeat:no-repeat;
}

#btn_poems
{
	background-image: url(../img/poems.gif);
}
#btn_poems.sel
{
	background-image: url(../img/poems_a.gif);
}

#btn_contacts
{
	background-image: url(../img/contact.gif);
}
#btn_contacts.sel
{
	background-image: url(../img/contact_a.gif);
}
#btn_banners
{
	background-image: url(../img/smile_gray_s.gif);
}
#btn_banners.sel
{
	background-image: url(../img/smile_red_s.gif);
}
#btn_rss
{
	background-image: url(../img/rss_gray.gif);
}
#btn_rss.sel
{
	background-image: url(../img/rss_red.gif);
}

.fotoname
{
	letter-spacing:-1px;
	color:#625f5a;
	font-size:11px;
}
.fotoname a
{
	text-decoration:none;
}
.fotoname textarea
{
	font-size:11px;
	margin-top:3px;
}
.fotoname input
{
	font-size:11px;
	margin-top:3px;
}

/*********************************** Main menu **********************************/ 
.gallery_item 
{
	color:#7c7c7c;
	text-decoration:none;
	letter-spacing:-1px; 
	font-size:11px;
	border: 1px solid #FFF;
	text-transform: uppercase;
	cursor: pointer;
	padding: 2px;
	margin-top: 2px;
	margin-right: 15px;
	margin-bottom: 2px;
	margin-left: 20px;
	text-align: left;
	display: block;
}
.gallery_item:hover
{
	border: 1px solid #CCC;
}


/* needed because TD does not inherit from TABLE*/
.subgallery td
{
	text-align: left;
	vertical-align: top;
}
/*********************************** Left-bottom submenu **********************************/ 
.subgallery_item
{
	border: solid 1px white;
	width: 170px;
	height: 40px;
	margin: 2px;
	background-repeat: no-repeat;
	text-align: center;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

.subgallery_item:hover, .subgallery_item:active
{
	opacity: 1;
	filter: alpha(opacity = 100);
	border: solid 1px #7c7c7c;
}

.subgallery_item span
{
	vertical-align: middle;
	color: white;
	text-shadow: black 1px 1px 5px;
	margin: auto;
}

.selected
{
	color: white;
	background-color: #7c7c7c;
	border: solid 1px #7c7c7c;
	opacity: 1;
	filter: alpha(opacity = 100);
}
/*********************************** separators ***********************************/
.hseparator
{
	background-color: #EEE;
	height: 1px;
	display: block;
	margin: 5px 15px 5px 15px;
}
.vseparator
{
	background-color: white;
	width: 1px;
	/*
	min-height: 500px;
	margin: 5px 80px 5px 5px;
	*/
}

/*********************************** general use classes **********************************/
.wait 
{
	background-image:url(../img/wait.gif);
	background-repeat:no-repeat;
	background-position:center;
	min-width: 30px;
	min-height: 30px;
	display:  table-cell; /* inline-block; */
	vertical-align: middle;
}

.text
{
  color:#333333;
  font-size:11px;
}
.text a
{
  color:#333333;
  text-decoration:none;
}

.poem
{
  font-size:11px;
  margin: 0px 0px 2px 10px;
  color:#333333;
}
.poem a
{
  color:#333333;
  text-decoration:none;
}
.poem a:visited
{
  color:#999999;
}

/* bottom */

.copyrights
{
  color:#7c7c7c;
  font-size: xx-small;
  background-color: white;
  text-align: left;
}
.copyrights a
{
  color:#7c7c7c;
  text-decoration:none;
}


/* ============================  ADMIN ============================== */
/* форма авторизации */
.auth_form
{
	color:#666666;
	font-size:15px;
	background-color: #EEE;
	padding: 20px;
	vertical-align: middle;
	height: 100px;
	width: 200px;
}

.admin_menu
{
	font-size: 14px;
	color: #660000;
	text-align: center;
	width: 100%; 
	margin-top: 70px;
	margin-bottom: 50px;
}
.admin_menu a
{
  text-decoration:none;
  color:#660000;
}
#admin_curent_menu
{
 color:#666666;
}

.admin_razdel
{
  color:#660000;
  font-size:18px;
  font-family:Tahoma;
}

.admin_text
{
  font-size:13px;
  color:#660000;
}
.admin_text a
{
  color:#990000;
  text-decoration:none;
}

.admin_images
{
  font-size:12px;
  font-family:Tahoma;
  color:#333333;
}
.admin_images a
{
  text-decoration:none;
  color:#333333;
}
.admin_table 
{
	text-align: center;
}
.admin_table caption
{
	font-size:13px;
	color:#660000;
	padding: 30px 5px 20px 5px;
}

.admin_table td {
	text-align: left;
}
/*=============== Photo manager styles====================*/
.box, table.box td, table.box th, table.box caption
{
	border: 1px solid #CCC;
	background-color: white;
	vertical-align: top;
	text-align: left;
}

#DragContainer_callery
{
	width: 200px;
	min-height: 400px;
}
#DragContainer_subgallery
{
	width: 300px;
	min-height: 400px;
}
#DragContainer_photos
{
	width: 300px;
	min-height: 400px;
}

.item_container
{
	border: 1px solid silver;
	background-color: #EEE;
	min-width: 200px; 
	min-height: 26px;
	text-align: left;
	margin-bottom: 1px;
	font-size: small;
	cursor: pointer;
}
.item_container:hover
{
	border: solid 1px yellow;
}

.item_container input
{
	width: 200px;
}
.drag, .drag:hover
{
	border: dashed 1px navy;
}
.current, .current:hover 
{
	border: solid 1px green;
}
.item_container div
{
	display: inline-block;
	vertical-align:middle;
}

.grip
{
	display: inline-block;
	cursor: n-resize;
	background-image:url(../img/grip.gif);
	background-repeat: repeat-y;
	background-position:left;
	width: 12px;
	height: 24px;
	margin-right: 2px;
	margin-left: 2px;
	vertical-align: middle;
}

.item_display
{
/*	min-width: 130px; */
}

.changed 
{
	color:#600;
}
/*********************************** Editor buttons ***********************************/
.toolbar
{
	float: right;
}
.btn_edit, .btn_del, .btn_ok, .btn_cancel, .btn_add, .btn_update
{
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-color: #EEE;
	border: 1px solid #EEE;
	display: inline-block;
	margin-right: 1px;
	vertical-align: middle;
}
.btn_edit {
	background-image:url(../img/edittools.png);
	background-position: 0px -24px;
}
.btn_edit:hover
{
	background-position: 0px 0px;
	border: 1px solid silver;
}
.btn_edit:active
{
	background-position: 1px 1px;
}
.btn_del {
	background-image:url(../img/edittools.png);
	background-position: -24px -24px;
}
.btn_del:hover
{
	background-position: -24px 0px;
	border: 1px solid silver;
}
.btn_del:active
{
	background-position: -23px 1px;
}
.btn_ok {
	background-image:url(../img/edittools.png);
	background-position: -48px -24px;
}
.btn_ok:hover
{
	background-position: -48px 0px;
	border: 1px solid silver;
}
.btn_ok:active
{
	background-position: -47px 1px;
}

.btn_cancel {
	background-image:url(../img/edittools.png);
	background-position: -72px -24px;
}
.btn_cancel:hover
{
	background-position: -72px 0px;
	border: 1px solid silver;
}
.btn_cancel:active
{
	background-position: -71px 1px;
}

.btn_add {
	background-image:url(../img/edittools.png);
	background-position: -94px -24px;
}
.btn_add:hover
{
	background-position: -94px 0px;
	border: 1px solid silver;
}
.btn_add:active
{
	background-position: -93px 1px;
}

.btn_update {
	background-image:url(../img/edittools.png);
	background-position: -118px -24px;
}
.btn_update:hover
{
	background-position: -118px 0px;
	border: 1px solid silver;
}
.btn_update:active
{
	background-position: -117px 1px;
}

#DebugLog
{
	font-size:xx-small;
	text-align: left;
	position: absolute;
	background-color:#EEE;
	left: 0px;
	top: 0px;
	width: 50%; 
	height: 300px; 
	border: 1px solid silver;
	overflow: scroll;
}