﻿#leftnav { width: 300px;
}
#content {
	margin: 0 0 0 350px;
	width: 353px;
	padding: 0;
}
.ringContent { width: 705px;
}
.leftRing {	width: 380px;
}
.contentRing {
	margin: 0 0 0 395px; 
	width: 305px;
	text-align: justify;
	padding-top: 37px;
}
/********************* *********************/
.leftArea { padding: 0 0 0 10px;
}
.galTitle a img,
div.FotoAlbum a,
div.FotoAlbumArt a { width: 100%; height: 100%;
}
.videoRazdel, .videoRazdelHover,
.wallRazdel, .wallRazdelHover,
.ringRazdel, .ringRazdelHover,
.jingleRazdel, .jingleRazdelHover,
.miscRazdel, .miscRazdelHover { 
	display: block; 
	position: relative;
}
.videoRazdelHover,
.wallRazdelHover,
.ringRazdelHover,
.jingleRazdelHover,
.miscRazdelHover { 
	visibility: hidden;
}
.videoRazdelHover,
.jingleRazdelHover { 
	margin-top: -20px;
}
.wallRazdelHover,
.ringRazdelHover,
.miscRazdelHover {
	margin-top: -17px;
}
.video { margin: 2px 0 9px;
}
.videoRazdel,
.videoRazdelHover { 
	background: url('kladovka/video_n.png') no-repeat;
	width: 123px; height: 20px;
}
.videoRazdel:hover,
.videoRazdelHover { background: url('kladovka/video_a.png') no-repeat;
}

.wall { margin: 4px 0 14px;
}
.wallRazdel,
.wallRazdelHover { 
	background: url('kladovka/wallpaper_n.png') no-repeat;
	width: 44px; height: 17px;
}
.wallRazdel:hover,
.wallRazdelHover { background: url('kladovka/wallpaper_a.png') no-repeat;
}

.ring { margin: 2px 0 0;
}
.ringRazdel,
.ringRazdelHover { 
	background: url('kladovka/ringtone_n.png') no-repeat;
	width: 90px; height: 17px;
}
.ringRazdel:hover,
.ringRazdelHover { background: url('kladovka/ringtone_a.png') no-repeat;
}

.jingle { margin: 20px 0 6px;
}
.jingleRazdel,
.jingleRazdelHover { 
	background: url('kladovka/jingle_n.png') no-repeat;
	width: 89px; height: 20px;
}
.jingleRazdel:hover,
.jingleRazdelHover { background: url('kladovka/jingle_a.png') no-repeat;
}

.misc { margin: 18px 0 0;
}
.miscRazdel,
.miscRazdelHover { 
	background: url('kladovka/misc_n.png') no-repeat;
	width: 64px; height: 17px;
}
.miscRazdel:hover,
.miscRazdelHover { background: url('kladovka/misc_a.png') no-repeat;
}

.FotoAlbum,
.FotoAlbumArt,
.FotoItem {
	width: 84px; height: 84px;
	border: 2px solid #3275BA;
	padding: 1px; margin: 11px 10px 0 0;
	background-color: #fff;
}
.FotoAlbum:hover,
.FotoAlbumArt:hover { border: 2px solid #ff0000;
}
.FotoAlbumArt { margin: 12px 7px 0 0;
}
.FotoAlbumArea { width: 100px;
}
.navPageArea { margin-top: 10px;
}
.navPage {
	background-color: #FF0000;
	padding: 0px 6px 3px 6px;
	margin: 0 11px 0 0;
}
*html .navPage {
	margin: 0 6px 0 0;
}
.navPage a img,
.navPage img {
	margin: 4px 7px 0 7px;
}
.downl {
	text-align: center;
	width: 84px; 
	margin-top: 6px;
} 
.ringList {	padding-top: 9px;
}
.RedPoint {
	background: url('kladovka/circle_red.png') no-repeat top left;
	width: 10px; height: 9px;
	margin: 3px 3px 0 0;
}
.allRing { margin-top: 20px;
}
.allMisc { margin-top: 9px;
}
.titleRazdel { 
	padding: 2px 0 18px;
}
.AlphArea { 
	background-color: #287bca;
	padding: 8px 4px 7px 16px;
	margin: 5px 0 0; 
}
.AlphRu { 
	padding: 0 0 2px 0;
}
.AlphRu span { padding-right: 6px;
}
.AlphEng span {	padding-right: 6px;
}
.AlphRu span, .AlphRu span a, 
.AlphEng span, .AlphEng span a {
	font-size: 10px;
}
.AlphRu span a, .AlphEng span a {
	color: #fff;
}
/********************* Форма *********************/
#find input {
	padding: 2px 0 2px;
}
.findText {
	margin: 2px 0 0;
}
.findForm { 
	width: 380px;
}

/********************* Таблицы *********************/
.hp { width: 353px;
}
.hp .hp_header {
	height: 19px;
	background-color: #ff0000;
}
table.hp td {
	text-align: center;
	vertical-align: middle;
	padding-top: 4px;
}
.hp td.text,
.miscText {
	color: #666;
	text-align: left !important;
	width: 260px;
	padding-left: 10px;
}
.hp td.jText a,
.hp td.jText a strong,
.hp td.text strong,
.miscText a, .miscText a strong,
.ringText strong, .ringText,
.contentRing, .contentRing strong { color: #666;
}
.note,
.nota {	width: 22px;
}
.separator { height: 4px;
}
.nota { 
	padding: 0 !important;
	vertical-align: middle !important;
}
.jPoint { padding-left: 1px; 
}
.hp td.jText { 
	width: 332px;
	text-align: left;
}
table.jingleList td { padding: 11px 0;
}
.miscList { padding: 10px 0 0 2px;
}
.miscText { width: 340px;
}
*html .brdLink { border-bottom-style: none;
}
*html .brdLink:hover { border-bottom: 1px solid #666;	
}
* html .hp td.jText a:hover,
* html .hp td.miscText a:hover { text-decoration: none;
}
.imgRing { width: 45px
}
.ringTable td { padding-top: 4px;
}
.ringText { padding-right: 5px;
}
