body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a{
font-size: 14px;
}

legend
{
	font-size: 14px;
	color: Blue;
}
fieldset
{
	font-size: 14px;
}
.error {
	color: red;
}

#smallfont {
   font-size: 13px;
   line-height: 18px;
}
 /*техника самоочистки */
.clear:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
 /*техника самоочистки for IE5/6+ (трюк Холи)*/
 .clear
 {
 display: inline-block;
/* только ИЕ7 //height:1%;  */
 }
 *html .clear{ height:1%; } 
 .clear { display: block; }
  /*конец трюка Холи)*/	
  

#top {
  width: 100%;
  margin: 5px auto 5px auto;
  padding: 5px 2px 5px 2px;
  border: 0px;
  background-color: #FFF;

}


/** ----------------------------- LOGIN----------------------*/
#top .login{
  text-align:right;
  margin: 1px 5px 1px 5px;

  border:1px dotted #51AE27;
  padding: 5px 5px 5px 0;
  width: 250px;
  color:#1B4A06;
}

#top .login h2{
  font-size: 16px;
}

#top .login a{
  text-decoration: underline;
  color:#0066FF;
  font-size: 12px;
}

#top .login p{
  padding:0 0 0 0;
  clear: none;
}

#top .login label{
  text-align: right;
  margin: 0px 2px;
  font-weight: normal;
  font-size: 13px;
}

#top .login input.text-login{
  border:1px solid #214706;
  background-color:#F1F4EF;
  width: 120px;
  text-align: left;
  font-size: 12px;
  height: 17px;
  margin: 2px 0px 2px 2px;
  padding-left: 2px;
}

#top .login br{
   clear: none;
}

#top .login span {
  color: red;
  font-size: 11px;
}

/** ----------------------------- TOP LINKS----------------------*/

#top .links {
  float: right;
  color: #5FB73D;
  font-weight: bold;
  margin-right: 5px;
  text-decoration: none;
}

#top .links:hover {
  color: #3F971D;
  text-decoration: underline;
}

/** ----------------------------- LOGO----------------------*/
#top img.logo{
  float:left;
}

.search {
  text-align: center;

  border: 1px dotted #51AE27;
  margin: 0px auto 0px auto;
  padding: 5px 0 5px 0;
  width: 100%;
  color: #1B4A06;
}

/**** ----------------- CONTENT -----------------------------**/
#content {
  padding: 2px 0px;
}
#content h5 {
font-size: 14px;

}

#content .header
{
	font-size: 14px;
}
#content p {
  margin-bottom: 5px;
  margin-top: 0px;
  text-align: center;
  font-size: 12px;
}

#content p a {
  color:#0000FF;
  text-decoration:underline;
}

#content h3 {
  color: #7EC553;
  text-align: left;
  padding-left: 10px;
  font-size: 18px;
}

#content h4 {
  
  text-align: center;
  font-size: 16px;
}


#content h3 a{
  color: #009999;
}

#content h2{
  color: Green;
  padding-bottom: 2px;
  text-align: left;
  font-size: 20px;
}

/* ------------ block ----------- */

.block {
  padding: 10px 30px;
}



.albTitle {
  color: Green;
  padding-bottom: 2px;
  text-align: left;
  font-size: 20px;
  font-weight: bolder;
  text-align: left;
  margin: 0px;
  
 
}
.albom_links
{
   text-align: left;
	margin:5px 0px 0px 20px;
	font-size: 12px;
	
}

.small
{
	font-size: 12px;
	text-align: left;
	margin: 5px 0px;
}
.smaller
{
font-size: 11px;
}
#content h3.center
{
	text-align: center;
}


#content a {
  color:#0000FF;
  text-decoration:underline;
  text-align: left;
  padding-left: 2px;
}

#content .big_links
{
	text-decoration: none;
	font-weight: bold;
	color: Green;
	font-size: 20px;

}

#content .big_linksA {
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	color: Red;
}

#content .big_links:hover, #content .big_linksA:hover
{
	text-decoration: underline;
}

#content span.big_links
{
color: Red;
}



#content .uploadimage{
  font-size: 12px;
  padding: 2px 1px 2px 2px;
  margin: 2px 2px 1px 1px;
}

#content label{
  font-size: 13px;
  margin-right: 8px;
}

#content label.welcome {
  color: #7EC553;
  text-align: left;
  font-weight: bold;
  padding-left: 10px;
  margin-right: 30px;
  font-size: 18px;
}

#content label a:hover{
  font-weight: bold;
}

#content .network a:hover{
  font-weight: bold;
}

#content input.radio{
  font-size: 14px;
  padding: 2px 2px 2px 2px;
  margin: 2px 0px 1px 5px;
}

#content label.radio{
  margin: 0px 15px 0px 0px;
}

#content .network {
   width: 100%;
   padding: 5px 3px 5px 3px;

   border: 1px dotted #51AE27;
   text-align: left;
   font-size: 14px;
}

.network .error {
	color: red;
   padding-left: 5px;
   font-size: 11px;
}

#content img.small_pict {
  float: left;
  margin: 5px 5px 5px 5px;
  border: 1px solid #000;
}

#content .search_nav {
  text-align: center;
  padding: 30px 5px 15px 5px;
}

#content .search_nav a {
  text-decoration: none;
}

#content .pict_list {
  text-align: left;
  padding: 1px 0px 0px 5px;
}

#content .tab_friend {
   width: 600px;
   padding-top: 4px;
   padding-bottom: 6px;
   padding-left: 30px;
   padding-right: 30px;

   border: 1px dotted #51AE27;
   font-size: 14px;
}

#content .tab_friend label {
  font-weight: bold;
}

#content .tab_friend select {
   width: 150px;
   margin-top: 3px;
}

#content .tab_friend input {
  width: 150px;
  height: 25px;
  margin-top: 3px;
  padding-left: 2px;
}

#content .tab_friend #submit {
  font-weight: bold;
}

#content .tab_reg {
   width: 70%;
   min-width: 600px;	
	width: expression(document.body.clientWidth<850 ? "600px" : "70%");
	text-align: center;
	margin: 0px auto;
	
	padding: 5px;
   border: 1px dotted #51AE27;
}

#content .tab_reg #submit {
  font-weight: bold;
  height: 25px;
  width: 150px;
}


#content .tab_reg td
{
	text-align: left;

}

#content .tab_settings
{
	width: 50%;
  	min-width: 600px;	
   width: expression(document.body.clientWidth<1200 ? "600px" : "40%");
	text-align: center;
	margin: 0px auto;
	
	padding: 5px;
   border: 1px dotted #51AE27;

}
#content .tab_settings td
{
	text-align: left;

}


#content .tab_upload {
   width: 100%;
   min-width: 600px;
   margin: 2px 0 5px 0;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;

   border: 1px dotted #51AE27;
}

#content .tab_upload #submit {
  font-weight: bold;
  margin-left: 150px;
  height: 25px;
  width: 150px;
}

#content .tab_100pc {
   width: 100%;
   margin: 2px 0px 5px 0px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
  
   border: 0px; /*1px dotted #51AE27;*/
   font-size: 14px;
   text-align: center;
}

#content .tab_100pc #submit {
  margin-top: 2px;
  margin-left: 5px;
  font-weight: bold;
  height: 25px;
  width: 150px;
}

#content .tab_100pc label {
  margin-left: 10px;
}

#content .tab_100pc a img.small_pict {
  float: none;
  margin: 5px 5px 5px 8px;
  border: 1px solid #000;
}

#content #submit {
  margin-left: 2px;
  font-weight: bold;
  height: 25px;
  width: 100px;
}

#content .set_form_head { color: #0b1f6e; font-size:18pt; font-weight : bold; text-align: center; }
#content .set_form { color: #707070; font-size:12pt; font-weight: bold; text-align: center; }
#content .set_important { color: #da7c3d; font-size: 11pt; font-weight: bold; text-align: center; }



/**** ----------------- Posted pics - index /slide7.html  -----------------------------**/

#content p.sortby{
  color: #000;
  float: right;
}

#content .title{
  color: #000;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  margin: 2px 15px 2px 10px;
}

#content p.sortby a{
  color:#0000FF;
  text-decoration:none;
}

#content ul {
  list-style-type: none;
  margin: 2px 5px 0px 5px;
}

#content ul.comment {
  font-size: 14px;
  list-style-type: none;
  margin: 2px 2px 0px 2px;
 
}
/*
#content ul.comment li {
  margin: 8px 0px 2px 5px;
}
*/
#content ul.posted-pics {
  list-style-type: none;

  width: 500px;
  margin: 0 auto;
}

#content ul.posted-pics li{
  float: left;
  width: 410px;
  height: 350px;
  vertical-align: text-bottom;
  float: left;  
  margin: 0px;
  padding: 0px;
}

#content  ul.posted-pics li.addHeight
{
height: 470px;

}

#content ul.posted-pics li div.img{
background-color: Aqua;
}

#content ul.posted-pics li .title{
  font-size: 13px;
  font-weight: bold;
  margin: 1px 0px 1px 0px;
  text-align: center;
}

#content ul.posted-pics li .description{
  margin: 1px 0px 2px 3px;

  font-size: 13px;
}

#content ul.posted-pics li .postedby{
  text-align: center;
  margin-right: 5px;
  font-size: 12px;
}

#content ul.posted-pics li a{
  color: #469718;
}

html>body #content ul.posted-pics li{
/*  margin-left: 5px;
  margin-right: 5px;
 */ text-align: center;
}

#content ul.posted-pics li a img{
  float: none;
  text-align: center;
  border: 0px;
}

/* 100*75 view photos */
#small_album {
	width: 870px;

}

#small_album .img{
  float: left;
  width: 140px;
  height:200px;
  margin: 5px 10px;
  position: relative;
}
.newPhotos
{
background: url(../images/new_red.gif) no-repeat;
float: right;
position: relative;
width: 23px;
height: 9px;
left: -30px;
}

.newComments
{
background: url(../images/new_comment.gif) no-repeat;
float: right;
position: relative;
width: 60px;
height: 9px;
left: -30px;
top:4px;
}

#small_album td.title
{
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-align: justify;

}
#small_album table
{
height: 50px;

}

#small_album p
{
	text-align: center;
	font-size: 12px;
	
	
}


#small_album a, #small_album img
{
border: none;


}
/*		 comments 
**************************/
#comments {
	margin-bottom: 20px;
}
#commLeft {
	float: left;
	width: 70%;
}
#commRight {
	float: left;
	width: 280px;
	margin-top: 35px;
}

#commLeft .descr {
	text-align: left;
	width: 400px;
	margin: 10px 0;

	color:#2C8DD7;
}
.comment{
    margin:15px 0 0 0;
	 display: block;
	 clear: both;
}

h3.commentsHeader {
	clear: both;
	font-size: 18px;
	color: #2C8DD7;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.comment td {
	vertical-align: top;
}


.comment span{
    margin:0;
    display:block;
}

.comment a.name  {

   font-size:16px;
    text-decoration:none;
    color:#000000;
}

.comment table h1{
    margin:0 0 5px 0;
    padding:0;
	 font-size:10px;
    color:#4B90C5;
    font-weight:normal;
}

.comment img{
    float:left;
    margin: 2px 15px 0 0;
}



.comment .text{
    margin:0 0 5px 0;
	 display: block;
	 clear: both;
}

.comment .text img {
	padding:2px;
		 clear: both;
}
.commentLinks {
	clear: both;
}

.commentLinks a {
   color:#42AC22;
	text-decoration: none;
	border-bottom: 1px dashed #42AC22;
	margin-right: 5px;
	
}

h3.#addComment {
font-size:16px;
font-weight: bolder;
color:#154B7B;
margin-bottom: 5px;
padding: 0;
}

/*	end	 comments 
**************************/


/*PICTURE SEARCH VIEW*/
#search
{

}
#search ul.posted-pics {
  list-style-type: none;
  width:850px;
  margin: 0 auto;

}


#search   li.title{

  font-size: 13px;
  font-weight: bold;
 }

#search   li .description{
  font-size: 13px;
}

#search ul.posted-pics li .postedby{
text-align: left;

 
  font-size: 12px;
}
#search .img, #search .img_info, #search .google
{
	float: left;
   height: 307px;
}
#search .googleAds
{
	position: absolute;
}

#search .addHeight
{
height: 429px;
}
#search .img
{
	width: 410px;
	vertical-align: middle;

}
#search .imgA
{
	
	

}


#search .img_info
{
	margin-left: 20px;
	width: 200px;
	text-align:left; 
	font-size: 12px;

}

#search .google
{
	width: 150px;
  border-left: 1px dotted #CFEFC0;

}


/* friend_network (left column */
#friend_network{
	float: left;
	width: 250px;
}
#friend_network div{
float:left;
width: 200px;
height: 150px;
}

#friend_network img
{
	border: none;
}

/*
.loader
{

	width:60px;
    margin: 30px;
    background: white url(../images/loader.gif) no-repeat left bottom;
	 z-index: 10;
	 
}
*/

.loader
{
position: absolute;

    margin: 30px;
    background: white url(../images/loader.gif) no-repeat left bottom;
    z-index: 99;
    display: none;
}
#network_view
{
width: 700px;
margin: 0 auto;
text-align: center;
}
.network_view
{
float: left;
margin: 10px 0px;
}
#network_view .img{
width: 140px;
height: 130px;
text-align: center;
}

#network_view img
{
	border: 0px;
}
#network_view tavle
{
	
}

#invite_status td
{
font-size: 13px;
color:gray;
}
#invite 
{
	text-align: left;
}
#invite p{
	text-align: left;
}
/* thumbs images in UPLOAD DELETE mode (album) */
.thumbs  
{
float: left;
height: 275px;
width: 200px;
margin: 4px;
}

.SignIn
{
	position: absolute;
	margin-top: 30px;
}
.upload
{
	position: absolute;
	margin-left: 150px;
}

/*           SEARCH tpl        */

.searchFound
{
	font: bold 14px;
	
}
/* FOOTER LINKS */
#links-bottom {
	COLOR: #288103; TEXT-ALIGN: center; font-size: 13px
}
#links-bottom a
{
COLOR: #288103; font-size: 14px; font-weight: bold; TEXT-DECORATION: none
} 

#links-bottom a:hover {
	TEXT-DECORATION: underline
}



/*******FOOTER**************/
#footer {
  position: relative;
  height: 30px;

}
/*footer bottom */
html, body {height: 95%;}
#content {
  position: relative;
  min-height: 80%;
}
* html #content {
  height: 80%;
}
#footer_clear {
  padding-bottom:10px;
  clear: both;

}
.center
{
	margin: 0 auto;
	text-align: center;
}

.rotateLinks input
{
	margin-right: 15px;
	margin-left: 5px;
	background: transparent;
	
	
}

.leftBox{
	float: left;
	display: block;
}
.sLinks {

position: relative;
margin: 10px 5px;
}
.sLinks a{
	float: left;
	margin: 0 10px;
	}
.rightBox
{
	float: right;
	margin-right: 150px; 
}

.offset-p20 {
padding: 20px;
}

/*Event List*/
#event_list
{
	position: relative;
	clear: both;

	font-size: 14px;
}

#event_list td, #event_list th
{
		background: white;
		/*#88FF8F;*/
		
}
#event_list th
{
	text-align: center;
}



/*books style*/
#previewCoverJacket  {

}
#previewCoverJacket div {
margin: 10px 0px;
}
#previewCoverJacket img
{
height: 163px;
border: none;
margin: 0px;
padding: 0px;
vertical-align: text-bottom;
}


/*vertical align */
.valign {
position: relative;
top:30%;
}

.outer{ 
 display:table;
 }
 .container { 
 display:table-cell; vertical-align:middle; 
 }    
 
 /*IE hack  */
 *html .outer {position:relative;} 
 *html  .container {top:40%;position: absolute;} 
 *html  .inner {top:-40%;position:relative;} 

 

/*  Form
------------------------------ */
#form {
	margin: 5px;
	width: 98%;
}

.w300 {
		width: 300px;
}
#form fieldset {
	margin: 5px 0;
	padding:5px;
	border:1px solid #ccc;
	font:13px/1 arial; /*fix IE bug*/
   padding:10px;
}


#form legend {
	font-size: 14px;
	padding:3px 10px;
	color:#2C8DD7;

}

 *:first-child+html  fieldset {  /*IE7 fix*/
	  position:relative; 
}

 *html  fieldset {  /*IE6 fix*/
	  position:relative; 
 }
 
 *html legend {	 /*IE6 fix*/
  position:relative;
  top:-1.4em;
  margin:0 0 -1em -0.1em;

 }
 *:first-child+html  legend {  /*IE7 fix*/

  position:relative;
  top:-1.4em;
  margin:0 0 -1em -0.1em;
}


#form table tr{
    height:24px;
    font:15px Arial;
    color:#676767;
}


#form label{
    display:block;
    float:left;
    padding:0 15px 0 0;
    width:200px;
    font:15px Arial;
    color:#676767;	 
}


#form .w100 label{
    width:100px;
}

#form .w150 label{
    width:150px;
}

#form .w150 .checkbox{
text-align: left;
margin: 0;
padding: 0;
}
#form .w400 {
	width: 400px;
} 

#form .w800 {
	width: 800px;
} 


#form input, #form textarea, #form select {
	width:150px;
	border:1px solid #8DA09F;
	color:#000000;	
	text-align: left;
}

#form .enter {
   margin:10px;
	padding: 4px 2px;
	width: auto;
	color:#154B7B;
   font:14px Arial;
	cursor: pointer;
	text-align: center;
	letter-spacing: 2px;

}


*html  .enter{ 
padding: 0px;
margin: 0px;
width: inherit;
}


#form p{
    padding:4px 0 4px 0;
    margin:0;
}

#form #allCheckbox {
	width: 98%;
	margin: 5px 0;
}
#form #allCheckbox input {
    margin:0 0 0 9px;
    width:20px;
    background:none;
    border: none;	
	 padding: 0; 	
}
#form #addGroup p{
	text-align: left;
}
#form #addGroup .radio2{
	    margin:0 0 0 9px;
    width:20px;
    background:none;
    border: none;	
	 padding: 0; 	
}

#form #albList {
	
}

#form #albList input{
    background:none;
    border: none;	 	
    width:20px;
	 }
	 
.albs{	 
text-align: left;
float: left;
height: 40px;
width: 150px;
margin:2px 4px;
}
/*in albums organazi for edit group*/

#form #albList input, .cb{
    background:none;
    border: none;	 	
    width:20px;
	 float: left;
	 display: block;
	 }

	
#form #albList .iGrName {
	width:150px; 
	border:1px solid green;
	margin-top: 2px;
}	 



/*for books and calendars*/


#bform fieldset {

margin: 5px 0;
	padding:5px;
	border:1px solid #ccc;
	font:13px/1 arial; /*fix IE bug*/
   padding:10px;
}


#bform legend {
	font-size: 14px;
	padding:3px 10px;
	color:#2C8DD7;

}

/*ORDER LINKS*/
.orderLinks {
	margin: 5px 10px;
}

.orderLinks span {
	padding-right: 12px;
}
.orderLinks img {
	border: none;
}
.orderLinks a {
	color: #286714;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;

	margin-left: -2px;
}

.loaderSaveBtn {
	background: url('../images/loader.gif') no-repeat center 5px;
	color:#CCCCCC;
	width: 150px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;

}