html{
padding: 0;
margin: 0;
}

body { 
margin: 0; 
padding: 0;
min-height:100%
height:100%; 
} 

a{
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

* img{
padding: 0;
margin: 0;
border: none;
}


#main{
float: left;
padding:0;
margin:0;
width: 984px; 
background:url('../images/innerPageBg.jpg') center top no-repeat; 
}

/* ======================= Start Header style =====================*/
#header{
float: left;
width: 100%;
position: relative;
padding:0;
margin:0;
height: 456px;
}

#lnkAbout{
position: absolute;
top:43px;
left:115px;
display: block;
padding:7px 0 0 0;
margin:0;
width: 166px;
height: 28px;
background:url('../images/aboutBg.gif') left top no-repeat; 
font: normal 14px Tahoma;
color:#4a7d1d;
text-decoration: none;
text-align: center;
}

#lnkSupport{
position: absolute;
top:93px;
left:70px;
display: block;
padding:10px 0 0 0;
margin:0;
width: 209px;
height: 32px;
background:url('../images/supportBg.gif') left top no-repeat; 
font: normal 16px Tahoma;
color:#0f5178;
text-decoration: none;
text-align: center;
}

#lnkCreatePhotoAlbum{
position: absolute;
top:145px;
left:27px;
display: block;
padding:7px 0 0 0;
margin:0;
width: 232px;
height: 38px;
background:url('../images/createAlbumBg.gif') left top no-repeat; 
font: normal 20px Tahoma;
color:#dd5300;
text-decoration: none;
text-align: center;
}

.login{
width: 157px;
float: left;
position: absolute;
padding:0;
margin:0;
top: 130px;
left: 728px;
background:url('../images/lockIco.gif') right top no-repeat; 
}

	.login{
	z-index: 10;
	}

	.login input.text{
	float: left;
	padding:2px;
	margin:0 0 5px 0;
	width:111px;
	border: solid 1px #c2d3d3;
	font: normal 11px Tahoma;
	color:#9eb0b4;
	}	
	
	.login input.button{
	float: left;
	padding:0 0 0 70px;
	margin:0;
	font: bold 14px Tahoma;
	color:#9eb0b4;
	background: none;
	border: none;
	cursor: pointer;
	}	

	.stepBlock{
	float: left;
	position: relative;
	padding:0;
	margin:0;
	top: 238px;
	left: 71px;
	width: 837px;
	height: 189px;
	}
	
		.stepTitle{
		float: left;
		width: 100%;
		padding:0 0 0 25px;
		margin:0;
		font: normal 15px Tahoma;
		color:#244040;
		}
		
		.step1{
		float: left;
		padding:20px 0 0 70px;
		margin:0;
		width: 258px;
		font: normal 18px Trebuchet MS;
		color:#ffffff;
		}		
		
		.step2{
		float: left;
		padding:20px 0 0 20px;
		margin:0;
		width: 258px;
		font: normal 18px Trebuchet MS;
		color:#ffffff;
		}		
		
		.step3{
		float: left;
		padding:10px 0 0 8px;
		margin:0;
		font: normal 18px Trebuchet MS;
		color:#ffffff;
		line-height: 16px;
		}
		
		.stepBlock a.createAlbum{
		position: absolute;
		font: bold 16px Tahoma;
		color:#c14501;
		top:160px;
		right:25px;
		}		
	
	
/* ======================= End Header style =====================*/

#content{
float: left;
width: 816px;
padding:0 0 50px 82px;
margin:0;
}

	.f16gray{
	font: normal 16px Tahoma;
	color:#474747;
	}	
	
	.f28red{
	font: normal 28px Tahoma;
	color:#863838;
	}	
	
	.f26red{
	font: normal 26px Tahoma;
	color:#863838;
	}	
	
	.f24red{
	font: normal 24px Tahoma;
	color:#863838;
	}	
	
	.f12red{
	font: bold 12px Tahoma;
	color:#863838;
	}	
	
	.f14red{
	font: bold 12px Tahoma;
	color:#863838;
	}	
	
	.f11Black{
	font: bold 11px Tahoma;
	color:#000000;
	}	
	
	.f11{
	font: normal 11px Tahoma;
	}	
	
	.f18orange{
	font: normal 18px Tahoma;
	color:#c14501;
	}	
	
	.f24orange{
	font: normal 24px Tahoma;
	color:#c14501;
	}	
	
	.f14blue{
	font: normal 14px Tahoma;
	color:#6a7f8e;
	}
	
	.f12blue{
	font: normal 12px Tahoma;
	color:#6a7f8e;
	}
	
	.f12dblue{
	font: normal 12px Tahoma;
	color:#315369;
	}
	
	.f14dblue{
	font: normal 14px Tahoma;
	color:#315369;
	}
	
	.regForm{
	margin-left: -10px;
	}	
	
	.regForm td{
	padding: 3px 0 3px 0;
	}	
	
	.regForm td.title{
	padding: 3px 0 3px 0;
	font: bold 12px Tahoma;
	color:#6c6c6c;
	width: 234px;
	}
	
	.regForm input.txt{
	width: 157px;
	border: solid 1px #bfced4;
	}	
	
	.regForm select.txt{
	width: 159px;
	border: solid 1px #bfced4;
	font: normal 12px Tahoma;
	color:#6c6c6c;
	}	
	
	.regForm textarea{
	width: 300px;
	height: 70px;
	border: solid 1px #bfced4;
	font: normal 12px Tahoma;
	color:#6c6c6c;
	}	
	
	.regForm .button{
	padding:10px 0 10px 0;
	margin: 10px 0 0 10px;
	width: 235px;
	font: normal 14px Tahoma;
	color:#ffffff;
	background:url('../images/saveRegBut.gif') left top no-repeat;
	border: none;
	cursor: pointer;
	}
	
.welcome{
	float: left;
	padding:5px 0 0 0;
	margin:0;
	font: bold 16px Tahoma;
	color:#474747;
	}
	
		.welcome a{
		color:#217095;
		}
		
	.balance{
	float: left;
	padding:8px 0 0 65px;
	margin:0;
	width: 186px;
	height: 24px;
	background:url('../images/balanceBg.gif') right top no-repeat; 
	font: normal 12px Tahoma;
	color:#474747;
	}
	
		.balance a{
		color:#217095;
		}
		
		.balance .red{
		font: bold 12px Tahoma;
		color:#930000;
		}
		
	.contentTxt{
	float: left;
	padding:45px 0 0 0 ;
	margin:0;
	width: 100%;
	}
		
	ul.manageButton{
	float: left;
	padding:0 0 0 5px;
	margin:0;
	list-style-type:none;
	width: 144px;
	}
	
		ul.manageButton li.greenBut{
		width: 149px;
		height: 38px;
		padding:0;
		margin:0;
		background:url('../images/greenBut.gif') left top no-repeat; 
		text-align: center;
		}
		
			ul.manageButton li a{
			display: block;
			/*float: left;*/
			padding:9px 0 0 0;
			margin:0;
			font: bold 14px Tahoma;
			color:#ffffff;
			text-decoration: none;
			}
			
		ul.manageButton li.brownBut{
		width: 149px;
		height: 38px;
		padding:0;
		margin:0;
		background:url('../images/brownBut.gif') left top no-repeat; 
		text-align: center;
		}		
		
		ul.manageButton li.yellowBut{
		width: 149px;
		height: 38px;
		padding:0;
		margin:0;
		background:url('../images/yellowBut.gif') left top no-repeat; 
		text-align: center;
		}
		
		.mainTxt{
		float: right;
		padding:0 0 0 20px;
		margin:0;
		width: 640px;
		}	
		
		.wayPayment td{
		padding: 10px 10px 10px 0;
		}		
		
		.wayPayment a{
		font: normal 12px Tahoma;
		color:#217095;
		}		
		
		.wayPayment a strong{
		font: bold 16px Tahoma;
		color:#217095;
		}
		
		.smsPrice{
		padding:0 0 0 15px;
		width: 497px;
		height: 108px;
		background:url('../images/smsPriceBg.gif') -15px top no-repeat; 
		}
		
		.smsInfo{
		float: left;
		padding:0 0 0 20px;
		margin:0;
		font: normal 11px Tahoma;
		color:#000000;
		}
		
		.smsPrice .f24red{
		float: left;
		font: normal 24px Tahoma;
		color:#863838;
		}	
		
		.crumbs{
		font: bold 11px Tahoma;
		color:#000000;
		padding-bottom: 30px;
		}
		
			.crumbs a{
			font: normal 11px Tahoma;
			color:#217095;
			}
			
			.crumbs img{
			padding:0 5px 0 0;
			margin:0;
			}
			
		.smsForm .title{
		font: bold 11px Tahoma;
		color:#000000;
		width: 150px;
		}
		
		.smsForm select{
		font: normal 11px Tahoma;
		color:#217095;
		width: 157px;
		border: solid 1px #bfced4;
		}
		
		.f16brown{
		font: bold 16px Tahoma;
		color:#a25800;
		}
		
		.f16blue{
		font: bold 16px Tahoma;
		color:#195e7f;
		}
		
		.f11black{
		font: normal 11px Tahoma;
		color:#000000;
		}
		
		.f11red{
		font: normal 11px Tahoma;
		color:#741107;
		}
		
		.attTxt{
		float: left;
		padding:0;
		margin:0;
		}
		
		div.f14red{
		float: left;
		padding:0 10px 0 0;
		margin:0;
		}
		
		.enterSms{
		width: 209px;
		height: 26px;
		padding: 3px; 
		font: normal 18px Tahoma;
		color:#000000;
		border: solid 2px #bcbcbc;
		}
		
			.enterSmsButton{
			width: 98px;
			/*height: 45px;*/
			padding:12px 0 8px 0;  
			margin:0 60px 0 0;
			background:url('../images/viewButBg.gif') left top no-repeat; 
			border: none;
			font: bold 14px Tahoma;
			color:#ffffff;
			cursor: pointer;
			}
			
		.proverka{
		width: 600px;
		}
		
		.errorcode{
		padding-left:200px;
		font-weight: bold;
		color: #ff0000;
		}	
		
		.error{
		font-weight: bold;
		color: #ff0000;		
		}

		.proverka a.big{
		font: normal 14px Tahoma;
		color:#217095;
		}
		
		.proverka a.small{
		font: normal 12px Tahoma;
		color:#217095;
		}
		
		.f18red{
		font: normal 18px Tahoma;
		color:#741107;
		}
		
		.f14Red{
		font: normal 14px Tahoma;
		color:#741107;
		}
		
		.f14RedNormal{
		font: normal 14px Tahoma;
		color:#ff0000;
		}
		
		.f12Red{
		font: normal 12px Tahoma;
		color:#741107;
		}
		
		.f11blue{
		font: normal 11px Tahoma;
		color:#668491;
		}
		
		
		.name{
		border-bottom: solid 1px #e1e1e1;
		font: bold 14px Tahoma;
		color:#535353;
		}
		
		.selectVariant{
		width: 236px;
		height: 29px;
		padding: 3px; 
		margin-top: 10px;
		font: normal 24px Tahoma;
		color:#000000;
		border: solid 2px #bcbcbc;
		float: left;
		}
		
			.selectVariantButton{
			width: 98px;
			/*height: 45px;*/
			padding:12px 0 12px 0;  
			margin:7px 0px 0 0;
			background:url('../images/viewButBg.gif') left top no-repeat; 
			border: none;
			font: bold 14px Tahoma;
			color:#ffffff;
			cursor: pointer;
			}

			
	.nameIn{
	float: left;
	position: relative;
	top: 0px;
	left:100px;
	padding:0;
	margin:0;
	width: 780px;
	height: 357px;
	background:url('../images/nameBg.gif') left top no-repeat; 
	}
	
		.nameIn h1{
		position: absolute;
		top: 45px;		
		left:120px;
		font: normal 30px Tahoma;
		color:#13527a;
		}		
		
		.nameIn h2{
		position: absolute;
		top: 80px;		
		left:195px;
		font: normal 18px Tahoma;
		color:#da4800;
		}
		
		.nameIn .podsk_1{
		width: 440px;
		position: absolute;
		top: 220px;		
		left:195px;
		font: normal 14px Tahoma;
		color:#6c6c6c;
		}
		
		.nameIn .red{
		font: bold 11px Tahoma;
		color:#930000;
		}
		
			.podsk_1 strong{
			color:#000000;
			}		
			
		.nameIn .podsk_2{
		width: 440px;
		position: absolute;
		top: 280px;		
		left:195px;
		font: normal 14px Tahoma;
		color:#6c6c6c;
		}
		
			.podsk_2 strong{
			color:#000000;
			}
			
		.nameIn .view{
		display: block;
		float: left;
		position: relative;
		top: 125px;		
		left:195px;
		font: normal 11px Tahoma;
		color:#6c6c6c;
		}
		
			.view .txt{
			float: left;
			margin: 5px 0 0 0;
			width: 236px;
			height: 29px;
			font: normal 24px Tahoma;
			color:#000000;
			border: solid 2px #bcbcbc;
			}			
			
			.view .button{
			width: 98px;
			/*height: 45px;*/
			padding:12px 0 12px 0;  
			margin:0;
			background:url('../images/viewButBg.gif') left top no-repeat; 
			border: none;
			font: bold 14px Tahoma;
			color:#ffffff;
			cursor: pointer;
			}
			
		.f12Red{
		font: bold 12px Tahoma;
		color:#741107;
		}			

form.oplata {
   display: inline;
}
input.oplata {
   background: transparent;
   border: 0px 0px;
   cursor: hand;
   margin: 0px 0px;
   padding: 0px 0px;
   text-decoration: underline;
font: normal 14px Tahoma;
color:#315369;
}

button {overflow: visible; } /* для IE */
button::-moz-focus-inner {border: none; padding: 0; }
.invisible{
 	display:none;
}

.freeproba {
	color: #FF0000;
	font-weight: bold;}

.visible{
 	display:block;
}