/* CSS Document */

body {
   margin: 0px;
   background-color: #ffffff;
   }
   
.top {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	margin: 0px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size:10px;	
}

.top a {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e945be;
   text-decoration: none;
   padding-left: 5px;
   padding-right: 5px;
   margin: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left: 5px;
   border-left: 1px solid #999999;
   border-right: 1px solid #999999;
   
}

.header {
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	display:block;
	float: left;
	width: 100%;
	text-align:center;
	
}
#head_content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}

#banertop {
   display:block;
   float:left;
   width: 100%;
   margin-top: 5px;
   margin-bottom: 5px;
   text-align: center;
}
#banertop img {
   border: 0px;
   width: 728px;
   height: 90px;
   margin-left: auto;
   margin-right: auto;
}

#logo {
  display: block;
  float:left;
  
  margin-right: 58px;
  padding-bottom: 2px;
  
}
#logo img {
  border: 0px;
  
}

#navigation {
  display: block;
  float: left;
  
  padding-top: 13px;
	
}
#navigation a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #343434;
	background-image: url(../images/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 15px;
    display:block;
	float:left;
	margin-right: 5px;
	
	
}	

#navigation a span {
	display: block;
	float:left;
	cursor: pointer;
	background-image: url(../images/nav_0.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	height: 34px;
	line-height:34px;
	
}



#navigation a:hover {
	color: #e517a7;
	background-image: url(../images/bg_nav_over.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#navigation a:hover span {
	display: block;
	float:left;
	
	cursor: pointer;
	background-image: url(../images/nav_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	height: 34px;
	line-height: 34px;
}



#navigation .active {
	color: #e517a7;
	background-image: url(../images/bg_nav_over.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#navigation .active span {
	display: block;
	float:left;
	
	cursor: pointer;
	background-image: url(../images/nav_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	height: 34px;
	line-height: 34px;
}


#login { 
    float:right;
	display:block;
	width: 340px;
	margin-top:6px;
}
.form {
    margin: 0px;
	padding: 0px;
	display: block;
	float:left;
}

.input1 {
    background-color:#FFFFFF;
	border: 1px solid #e517a7;
	width: 108px;
	height: 20px;
	padding-top: 4px;
	padding-left: 2px;
	font-size:12px;
	color: #2c2c2c;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 2px;
}
.input2 {
   background-color: #FFFFFF;
   border: 1px solid #9d9d9d;
   width: 224px;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
   padding: 2px;
   height: 20px;
   float: left;
}



.button_pink {
	background-image: url(../images/button_vhod.gif);
	background-color: #FF3399;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	border: none;
	width: 79px;
	height: 27px;
	display: block;
	float: left;
	padding-top: 0px;
	margin-left:3px;
}


.button_pink {
	background-image: url(../images/button_vhod.gif);
	background-color: #FF3399;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	border: none;
	width: 79px;
	height: 27px;
	display: block;
	float: left;
	padding-top: 0px;
	margin-left:3px;
}


#content {
    display: block;
	
	width: 100%;
	
	text-align:center;
	
	
}

#content_place {
   width: 1000px;
   
   margin-left: auto;
   margin-right: auto;
   
   
   
   
}
#right_col {
    display: block;
	float:right;
	width: 300px;
	margin-top: 7px;
}
#center_col {
   display: block;
   float: left;
   width:675px;
   
}

#upload {
	background-image: url(../images/bg_upload.gif);
	background-repeat: repeat-x;
	display: block;
	float: left;
	border: solid 1px #c2c2c4;
	height: 70px;
	width: 990px;
	margin-top: 8px;
	
}
h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #464646;
   display:block;
   float: left;
   margin: 0px;
   padding-top: 0px;
   padding-right: 5px;
   margin-left: 42px;

}
h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #535353;
   margin: 0px;
   padding-left: 160px;
   font-weight: normal;
   display: block;
   float: left;
   padding-top: 5px;
}

h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #2a2929;
   margin: 0px;
   font-weight: normal;
   display: block;
   float:left;
   width: 100%;
   padding-top: 5px;
   line-height: 25px;

}
h4 {
   display: block;
   margin:0px;
   background-image: url(../images/bg_h4.gif);
   background-repeat: repeat-x;
   padding-left: 10px;
  
   height: 35px;
   line-height: 34px;
   color: #2f2e2e;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
}
h4 img {
   float:right;
   margin-right: 10px;
   margin-top: 10px;
   vertical-align:middle;
}


#upload .left {
	display: block;
	float: left;
	background-image: url(../images/pic_uploud.gif);
	background-repeat:no-repeat;
	
	padding-left: 10px; 
	padding-right: 10px;
	width: 510px;
	height: 70px;
}

#upload .left span {
	display: block;
	float: left;
	width: 510px;
	height: 55px;
	padding-top:12px;
}



#upload .right {
   
   width: 365px;
   height: 70px;
   border-left: 1px solid #ffffff;
   display: block;
   float: right;
}
.search {
   height: 55px;
   padding-top: 12px;
   padding-left: 26px; 
   padding-right: 10px;
   
   border-right: 1px solid #ffffff;
}

.search_place {
   display:block;
   float:left;
   width:1px;
   height:1px;
   position: relative;
}
#search_option {
	display:none;
	width: 80px;
	height:80px;
	background-color: #FFFFFF;
	border: 1px solid #8d8e8e;
	z-index: 1;
	position: absolute;
	float:left;
	left: -78px;
	
}
#search_option  a {
   background-image: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color:#333333;
   border:none;
}
#search_option  a:hover {
    color:#000000;
}

#promo {
   display: block;
   float: left;
   width: 100%;
   margin-bottom: 7px;
   margin-top: 7px;
   
}

.home_bord {
   border: 1px solid #ffffff;
   background-color: #dee0e0;
   display:block;
   text-align: center;
   height: 260px;
   
}



.promo_bord {
   border: 1px solid #ffffff;
   background-color: #dee0e0;
   display:block;
   float:left;
   
   height: auto;
   text-align: center;
   color: #505052;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-left:4px;
   padding-top:4px;
   
}



.frame {
	float:left;
	border: 1px solid #cccbcb;
	
}


.promo_bord .frame img {
   display: block;
   
   border: 4px solid #ffffff;
   
}

.album {
   display: block;
   float: left;
   width: 330px;
   border: 1px solid #cccbcb;
   margin-right: 5px;
   
}
.pic_preview {
   display: block;
   width: 278px;
   
   height: 213px;
   
   border: 1px solid #cccbcb;
   
   background: #ffffff;
   
   margin-left: auto;
   margin-right: auto;
   margin-top: 4px;
   margin-bottom: 4px;
   position: relative;
}

.pic_lable {
   position: relative;
   
   display: block;
   visibility:hidden;
   width:0px;
   height:0px;
   float:right;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #000000;
   
}

.label {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align:left;
    
	position: absolute;
	z-index: 2;
	height: 50px;
	width: 140px;
	right: 0px;
    bottom: 40px;
	background-color:#ffffff; 
	filter: alpha(opacity=70); 
	-moz-opacity: 70%; 
	opacity:.70;
	padding: 9px;
}

#baner_square {
   display: block;
   float: right;
   width: 300px;
   height: 250px;
   margin-bottom: 7px;
}
#baner_square img { 
  border: none;
}


#new {
   display:block;
   float:left;
   width: 667px;
   margin-top: 7px;
   margin-bottom: 7px;
   
}
.new_tab_place {
    background-image: url(../images/new_tab_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    display:block;
    float:left;
	width: 100%;

}
a.inactive_tab {
    display: block;
	float:left;
	background-image: url(../images/tab_bg_0.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #6c6b6b;
	margin-right: 3px;
	
	padding-right: 40px;
	padding-left: 10px;
	height: 26px;
	line-height: 25px;
	border: 1px solid #d0cfcf;
}
a.inactive_tab:hover {
    color:#660000;
}
a.active_tab {
    display: block;
	float:left;
	background-image: url(../images/tab_bg_1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
	margin-right: 3px;
	
	padding-right: 40px;
	padding-left: 10px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #d0cfcf;
	border-bottom: 1px solid #ffffff;
		font-weight: bold;
}

.albums_conteiner {
   display: block;
   float:left;
   width:100%;
   
   height: auto;
   border: 1px solid #b8b7b7;
   border-top: none;
   
   padding-bottom:15px;
}


a.pic_place2 {
   display: block;
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   color: #e81aac;
   text-align: center;
   width: 98px;
   height: 95px;
   margin-bottom: 2px;
   margin-top: 5px;
  
}

.pic_place2 img {
   display: block;
   padding: 1px;
   background-color: #FFFFFF;
   margin-right:auto;
   margin-left:auto;
   border: 1px solid #cacaca;
}

a.pic_place {
   display: block;
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   color: #e81aac;
   text-align: center;
   width: 110px;
   height: 140px;
   margin-bottom: 10px;
   margin-top: 5px;
   margin-left:14px;
   
   background-image: url(../images/bg_albums.gif);
   background-repeat: no-repeat;
   
}



a.pic_place:hover {
   color: #660000;
}
.pic_place img {
   display: block;
   float:left;
   margin-top:5px;
   padding-left:5px;
   border:0px;
}
.pic_place span {
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   color: #666666;
   text-decoration: none;
}

.pic_place span {
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   color: #666666;
   text-decoration: none;
}

.pic_place .text {
   width:105px;
   	cursor: hand;
}



#categories {
   border: 1px solid #bdbdbd;
   float:left;
   display:block;
   padding: 1px;
   width: 296px; 
   margin-top: 7px;
   margin-bottom: 7px;
   background-color: #fafbfb;
}
#categories a {
   color: #e81aac;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   text-align: left;
   display: block;
   padding: 4px;
   
   border-bottom: 1px solid #d1d1d1;
}
#categories a:hover {
   color: #660000;
}


#footer {
  display: block;
  float:left;
  width: 100%;
  background-color: #f4f5f5;
  margin-top: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
}
#footer a {
   display: block;
   float:left;
   color: #484949;
   text-decoration: none;
   padding: 5px;
   margin-top: 5px;
}
 #footer div {
 display: block;
 float:left;
 width: 90%;
 padding: 5px;
 padding-top: 0px;
 text-align:left;
}

.errMsg {
	
	font-family: Arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #bb0000;

}

.scala_place {
   display: block;
   float: left;
   margin-top: 2px;
   padding-top: 12px;
   padding-left: 10px; 
   padding-right: 10px;
   width: 300px;
   height: 55px;
   color: #2f2e2e;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
   
}
.scala {
    background-image:url(../images/bg_scala.gif);
	background-repeat: no-repeat;
	display:block;
	width:500px;
	height: 5px;
	padding: 5px;
	margin-bottom: 10px;
}
.scala img {
 margin: 0px;
 padding:0px;
 display: block;
}


td, span {
	color: #2f2e2e;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align:left;
}


a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   color: #e81aac;
}

a:hover {
   color: #660000;
}


.ln 
{
	font-family: arial, helvetica, geneva, tahoma;
	font-size: 9px;
	color: white; 
	text-decoration: none; 
	background-color:green; 
	padding: 2px; 
	border: 1px solid black; 
	cursor: pointer; 
}

.ln:hover
{
	font-family: arial, helvetica, geneva, tahoma;
	font-size: 9px;
	color: white; 
	text-decoration: none; 
	background-color:green; 
	padding: 2px; 
	border: 1px solid black; 
	cursor: pointer; 
}

.picLabel {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #2a2929;
   padding-top:10px;
   font-weight: normal;
   display: block;
   float:left;
   width:60%;
   
   line-height:20px;
   padding-left: 20px;
   display: block;
   text-align:left;
}


.button_pink_l {
	background-image: url(../images/button_vhod1.gif);
	background-color: #FF3399;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	border: none;
	width: 143px;
	height: 27px;
	display: block;
	float: left;
	padding-top: 0px;
	margin-top: 12px;
	margin-left:3px;
}

.albums_conteiner_1 {
   display: block;
   float:left;
   width:663px;
   padding: 5px;
   height: auto;
   border: 1px solid #b8b7b7;
   border-top: none;
   
   
}


.pic_nav {
	 display:block;
	 
	 width: 98%;
	 background-image: url(../images/bg_buton_pic.gif);
	 background-repeat: repeat-x;
	 border: 1px solid #e2e2e2;
	 margin-left:auto;
	 margin-right:auto;
	 
	 margin-top:6px;
	 margin-bottom:6px;
	 padding:2px;
	 height:36px;
}
.pic_nav img {
 border: none;
 margin: 2px;
 display:block;
 float: left;
}
.pic_nav div {
 display: block;
 float: left;
}

h5 {
   margin-bottom: 5px;
   padding: 0px;
   margin: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
}


.description {
 float:left;
 display:block;
 margin: 2px;
 background-image: url(../images/bg_description.gif);
 background-repeat: repeat-x;
 background-position: bottom;
 text-align: left;
 width: 90%;
 padding: 5px;
 
 
}

.description span {
    display: block;
    text-align: left;
	padding-bottom: 2px;
}
.description a {
 color: #e742b8;
}
.description img {
vertical-align: middle;

}
.breadcrumbs {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#6f6f6f;
  display:block;
  margin-bottom: 7px;
}
.breadcrumbs a {
 color: #e742b8;
 display: block;
 float: left ;
 padding-right: 10px; 
 margin-right: 4px;
 background-image: url(../images/bg_breadcrumbs.gif);
 background-repeat: no-repeat;
 background-position: right;
}
.breadcrumbs a:hover {
   color: #660000;
}
.map {
 display:block;
 float:left;
 margin:2px;
 padding: 4px;
 color: #505052;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: left;
}

.hiddenWindow {
	display:none;
	top:-500px;
	left:-4px;
	position:absolute;
	background:#FFFFFF;
	border:solid 2px #D63BA3;
	width:600px;
	height:530px;
	padding:15px;
	font-size:12px;
}


.new_pictures 
{
	float:left;
	margin:2px;
	width:99%;
	border:solid 1px #cacaca;
	background:#ffffff;
	display:none;
}


.profile {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555454;
	
}

.profile img {
    display: block;
	float:left;
	background:#ffffff;
	padding:2px;
	border: 1px solid #333333;
	margin-right: 5px;
}

.profile  span {
    display: block;
}
.profile a {
   color: #d30591;
}
.profile a:hover {
   color:#660000;
}

#right_col_1 {
    display: block;
	float:right;
	width: 300px;
	margin-left: 7px;
	margin-top: 7px;
	
}
#center_col_1 {
   display: block;
   float: left;
   width:675px;
   
}


.album_1 {
   display: block;
   float: right;
   width: 300px;
   border: 1px solid #cccbcb;
}
.promo_bord_1 {
   border: 1px solid #ffffff;
   background-color: #dee0e0;
   display:block;
   float:left;
   width: 298px;
   text-align: center;
   color: #505052;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}


.raiting {
font-size: 12px;
}
.raiting img{
  margin: 0px;
  padding: 0px;
}

.comments {
display: block;
float: left;
margin-top: 20px;
margin-left: 7px;


}
.text_comments {
 background-image:url(../images/arrow_grey.gif);
 background-repeat: no-repeat;
 background-position: left top;
 padding-left: 12px;
 display: block;
 float: left;
 width: 586px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
 text-align:left;
 
}
.text_comments span {
 background-color: #E4E4E4;
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
  padding-top:5px;
  padding-left: 5px;
  padding-bottom: 10px;
  padding-right: 5px;
 
}


.text_comments .t_block {
 background-color: #E4E4E4;
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
  padding-top:5px;
  padding-left: 5px;
  padding-bottom: 10px;
  padding-right: 5px;
 
}

.text_comments  a {
display: block;
float:right;
color: #e742b8;
}
.text_comments  a:hover {
  color: #660000;
    
}


.comments_title {
  display: block;
  float: left;
  width:99%;
  padding: 5px;
  border-bottom: 1px solid #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #515051;
  text-align:left;
}
.comments_title a {
display: block;
float:right;
color: #e742b8;
font-weight: normal;
}


.survey {
display:block;
float:left;
background-color: #ffffff;
padding: 2px;
}
.survey form {
 margin: 0px;
 padding: 0px;
}
.survey label {
 display: block;
 float: left;
 background-image: url(../images/bg_lable_radi0.gif);
 background-repeat: no-repeat;
 margin: 2px;
 width: 23px;
 text-align: center;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
}
.survey input {
   margin-top: 1px;
   padding-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   height: 13px;
   display: block;
}

.big_pic {
   display:block;
   float:left;
   width:99%;
}
.big_pic img {
margin-left: auto;
	margin-right: auto;   
   height: auto;
}


.windowClose {
	position:absolute;
	right:-5px;
	bottom:-5px;
}


a.del {
   display: block;
   float:right;
   color: #e742b8;
}


a.avtorname {
   display: block;
   float:left;
   color: #e742b8;
   margin-right: 4px;
} 

.hdnUserName {
	display:none;
	font-weight:bold;
	font-size:26px;
 	font-family: Arial, Helvetica, sans-serif;
 	color: #000000;
 	position:absolute;
 	top: 330px;
 	left:221px;
}


.balloonstyle{
	position:absolute;
	top: -50px;
	left: -20px;
	padding: 5px;
	display: none;
	text-align:left;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: white;
	width: 350px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}


a.smlink {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e945be;
   text-decoration: none;
}

a.smlink:hover {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e945be;
   text-decoration: none;
}


.infoWindowLinks
{
	text-align:left;
	font-family:verdana;
	font-size:12px;
	float:left;
	margin-top:5px;
}

.infoWindowLinks a
{
	display:block;
	padding-bottom:5px;
}

.infoContainer
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
	margin-top:10px;
	text-align:left;
	width:250px;
}

div {
 	font-family: verdana;
 	font-size:13px;
}