/*============ Тело страницы ==========*/
html, body {
	margin: 0px;
    padding: 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    background-color: #024e95;
}
h1 {
	margin: 0;
	padding: 0;
}
/*============ Ссылочки ==========*/
#login-area a:link { text-decoration: underline; color : white; border: 0px; }
#login-area a:active { text-decoration: underline; color : #000066; border: 0px;}
#login-area a:visited { text-decoration: underline; color : white; border: 0px; }
#login-area a:hover	{ text-decoration: none; color : #ECF5FF; border: 0px; }
#login-area a:focus { outline: none;}

/*  Фоновая картинка  */
#bg {
    /*background-image: url('background.jpg');*/
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
}
#content-imgfiles a {
	color: blue;
}
#content-imgfiles a:HOVER {
	text-decoration: none;
}
/*  Контейнер для содержимого  */
#container {
    position: relative;
    margin: 0 auto;
    width: 972px;
    height: 800px;
}
/*  Панель. "девайс"  */
#mainpanel{
 position: relative;
 clear: both;
 z-index: 5;
 top: 25px; 
}

/*-----------------------------------------------------------------*/
/*  Элементы декора=) Все, что вне главной панели   */
/*-----------------------------------------------------------------*/
/*  Логитипа  */
#logo{
  position: absolute;
  top: 35px;
  left: 15px;
  z-index: 1;
}


/*  Надпись над логотипом  */
#slogan{
  position: absolute;
  top: 15px;
  left: 61px;
  z-index: 1;
}
#slogan h1{
  color: #76CDF0;
  font-weight:bold;;
  font-size: 11px;
}
img {border: 0;}

/*  Зона со ссылками вверху справа  */
#login-area{
 float: right;
 width:400px; 
 color:white;
 font-size: 13px;
 clear: both;
 padding: 3px 0 ;
 position: relative;
 top: 30px;  
}
#login-area #user-imgfiles{
  font-size: 20px;
  /*line-height:70px;*/
  padding: 10px 0 ;
}

/* Копирайт внизу   */
#bottom-panel-1{
	float: left;
 	width:500px;
 	color:#01B4FF;
	margin-left: 15px;
	position: relative; 
	top:40px;
}
#bottom-panel-1 a{
  text-decoration: underline;
  color:#01B4FF;
}
#bottom-panel-1 a:hover{
  text-decoration: underline;
  color:#01B4FF;
}


/* Нижние ссылки справа   */
#bottom-panel-2{
 width:300px;
 float: right;
 color:#01B4FF;
 position: relative; 
 top:40px; 
}
#bottom-panel-2 a{
  text-decoration: underline;
  color:#01B4FF;
}
#bottom-panel-2 a:hover{
  text-decoration: underline;
  color:#01B4FF;
}


/*-----------------------------------------------------------------*/
/*  Верхние элементы основной панели   								*/
/*-----------------------------------------------------------------*/
#header{
  height: 26px;
  clear: both;
}

#header #corner-t-l{
  background-image: url('maincontent-corner-top-left.png');
  background-repeat: no-repeat;
  width:36px;
  height: 26px;
  float:left;
}
#header #corner-t-r{
  background-image: url('maincontent-corner-top-right.png');
  background-repeat: no-repeat;
  width:36px;
  height: 26px;
  float:left;
}

#header #line-top{
  background-image: url('maincontent-line-top.png');
  background-repeat: repeat-x;
  width:900px;
  height: 26px;
  float:left;
}

/*-----------------------------------------------------------------*/
/*  Нижние элементы основной панели   */
/*-----------------------------------------------------------------*/
#footer{
  height: 36px;
  clear: both;
  z-index: 10;
  position: relative;
}
#footer #corner-b-l{
  background-image: url('maincontent-corner-bottom-left.png');
  background-repeat: no-repeat;
  width:36px;
  height: 36px;
  float:left;
}
#footer #corner-b-r{
  background-image: url('maincontent-corner-bottom-right.png');
  background-repeat: no-repeat;
  width:36px;
  height: 36px;
  float:left;
}
#footer #line-bottom{
  background-image: url('maincontent-line-bottom.png');
  background-repeat: repeat-x;
  width:900px;
  height: 36px;
  float:left;
}

/*-----------------------------------------------------------------*/
/*  Основная панель   */
/*-----------------------------------------------------------------*/
#maincontent {
  position:relative;
  background-image: url('maincontent-background.png');
  background-repeat: repeat-y;
  width: 982px;
  z-index: 20;
}


/*-----------------------------------------------------------------*/
/*  Панель содержимого. Белая область.   */
/*-----------------------------------------------------------------*/
#content{
  position:relative;
  background-color: white;
  height: 540px;
  width: 922px;
  margin: 0 25px;
  clear: both;
}

/*  Уголочки  */
#content #con-left{
  position:absolute;
  bottom: 0px;
  left: 0px;
  width:10px;
  height:10px;
  background-image: url('con-left.png');
  background-repeat: no-repeat;
}
#content #con-right{
  position:absolute;
  bottom: 0px;
  right: 0px;
  width:10px;
  height:10px;
  background-image: url('con-right.png');
  background-repeat: no-repeat;
}

/*-----------------------------------------------------------------*/
/*  Нижняя Панель инструментов.    */
/*-----------------------------------------------------------------*/
/*  Контейнер для дочерних элементов    */
#bottompanel{
  width: 922px;
  margin: 0 25px;
  clear: both;
  height: 60px;
}

/*  Контейнеры    */
#buttons{
  	float:left;
  	margin-top: 20px;
	padding-left: 5px;
	display: none;
}

#slider-box {
	float: left;
	margin-top: 15px;
	display: none;
	-moz-user-select: none;
	color: white;
	cursor: pointer;
}

/*   Панель справа   */
#panel{
  position:absolute;
  /*top:-12px;*/
  left:0px;
  width:300px;
  height: 540px;
  background-color: #9DC7FF;
}
#panel #con-blue-top{
  position:absolute;
  top:0px;
  left:0px;
  background-image: url('corner-blue.png');
  width:8px;
  height: 8px;
}
#panel #con-blue-bottom{
  position:absolute;
  bottom:0px;
  left:0px;
  background-image: url('corner-blue-bottom.png');
  width:8px;
  height: 8px;
}
#uploading-images {
	padding: 10px;
	margin-left: 300px;
}

/* окно */
#__W-window a {
	color: blue;
}
#__W-window a:HOVER {
	text-decoration: none;
}


 .img_item {
 	display: block;
	float: left; 	margin: 15px;
 	overflow: hidden;
	width: 150px;
	height: 150px;
	border: 1px dotted black;
 }
#images {
	clear: both;
	margin: 0 auto;
	width: 900px;
}

.album_list {
	float: left;
	width: 200px;
	height: 500px;
	background-color: red;
	margin-left: -15px; padding: 0;
	margin-right: -10px;
}
.albom_item {
	width: 200px;
	height: 50px;
	display: block;
}
.albom_selected {
	width: 200px;
	height: 50px;
	display: block;
	background-color: green;
}
.error {
	font-weight: bold;
	color: red;
}
#e-image {
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.hint {
position: absolute;
padding: 10px;
background-color: #024e95;
filter: alpha(opacity=80);
opacity: 0.8;
color: #ffffff;
z-index: 99;
border: 1px solid #ffffff;
max-width: 200px;
}
#gllist {
	position: relative;
	height: 60px;
	z-index: 1;
}

#album-gl-list {
	width: 600px;
	padding: 20px ;
	margin: 0 auto;
	background-color: #0c5ca8;
	position: absolute;
	top: -15px;
	left: 150px;
	z-index: 1;
}

#alboms table {
	border-bottom: 1px dashed black;
}

.fileupload {
	border: 1px dashed black;
	margin: 10px;
	padding: 10px;
	font: 12px Arial;
}
.select_href {
	text-decoration: none;
	color: #000000;
}