/* CSS Document */
html, body {padding: 0; margin: 0; background-color: White;}
a img {border: none;}
a {color: #0a3a87; text-decoration: none;}
a:hover {text-decoration: underline;}
.separator {
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	visibility:hidden;}
#cnstats {
	position: absolute;
	top: -10px;}

/* heign 100% for inside page */
html, body.inside {height: 100%;}
.inside #borderbox {
	position: relative;
	height: 100%;
	min-height: 100%;
	background: url(/img/bggran.gif) repeat-y 1000px top;}
html>body.inside #borderbox {height: auto;}
.inside #footer_box {
	position: absolute;
   left: 0; bottom: 0;
	width: 997px;}
.inside #footer_pusher {
	height: 95px;}


/* блоки */
#linksup {
	float: right;
	text-align: right;
	padding-right: 20px;
	padding-left: 13px;
	background: url(/img/up_button.gif) no-repeat left top;
	font-size: 11px;}
#headimg {
	position: absolute;
	top: 0; left: 0;
	background: #dfedf6 url(/img/head.jpg) no-repeat left top;
	width: 997px; height: 93px;}
#box {
	position: relative;
	width: 997px;}
.index #box {margin: 100px 0 0 0;}

#content {overflow:visible;}
.inside #content {width: 675px;}
.index #content {
	float: right;
	width: 714px;}

#inform {float: left;}
.index #inform {width: 283px;}
.inside #inform {width: 295px;}

/* блок название раздела */
.index #headtext{height: 66px;}
.inside #headtext {
	padding: 3px 0 5px 0;
	border-right: 2px solid #dfedf6;}
.index #headtext h1 {padding: 0;	margin: 0;}
.inside #headtext h2 {
	width: 283px;
	padding: 0; margin: 0;}

/* панель иконок */
#toolspanel {background: url(/img/bgmenu1.gif) no-repeat;}
.index #toolspanel{height: 53px;}
.inside #toolspanel {
	border-right: 2px solid #dfedf6;
	height: 31px;}
#home, #search, #mailto {position: relative;}
.index #toolspanel #home {display: none;}
.inside #toolspanel #home {top: 11px; left: 12px;}
.index #toolspanel #search {top: 23px; left: 20px;}
.inside #toolspanel #search {top: 11px; left: 40px;}
.index #toolspanel #mailto {top: 23px; left: 50px;}
.inside #toolspanel #mailto {top: 11px; left: 70px;}



/* блок menu */
#nav {width: 283px;}
#menu {
	margin: 5px 0 5px 0; padding: 0;
	list-style-type: none;}
li.level1 .linklevel1, li.level1_active .linklevel1 {
	display: block;
	width: 283px;
	w\idth: 243px;
	padding: 2px 10px 3px 30px;
	font-weight: bold;}
li.level1 a.linklevel1 {
	color: #0a3a87;
	background: url(/img/bullet1.gif) no-repeat 12px center;}
li.level1 a.linklevel1:hover {
	color: #0077bd;
	background: #dfeef8 url(/img/bullet1_over.gif) no-repeat 12px center;}
li.level1, li.level1_active {
	border-bottom: 2px solid #dfeef8;}
li#level1_end {
	border-bottom: 2px solid #FFFFFF;}
li#level1_end a.linklevel1:hover {
	border-bottom: none;}
li.level1_active span.linklevel1 {
	background: url(/img/bullet1_active.gif) no-repeat 12px center;}
.level1_active {
	color: White;
	background: #3d6da6 url(/img/bgmenulevel2.gif) repeat-y;}
li.level1, li.level1 .linklevel1 {
	float: left;
	f\loat: none;}
li.level1 {
	background-color: White;}
li.level1 .submenu {display: none;}
li.level1_active .submenu {
	list-style-type: none;
	padding: 0 0 5px 0;	margin: 0;
	font-weight: normal;}
li.level2 .linklevel2 {
	display: block;
	padding: 0 10px 0 44px;
	width: 283px;
	w\idth: 229px;}
li.level2 a.linklevel2 {
	background:  url(/img/bullet2.gif) no-repeat 30px 6px;
	color: #b7dae1;}
#menu li.level2 a.linklevel2:hover {
	text-decoration: underline;
	background: url(/img/bullet2_over.gif) no-repeat 30px 6px;
	color: White;}
#level2_active {
	background: url(/img/bullet2_active.gif) no-repeat 30px 6px;}


/* блок подвал */
#footer_box{
	background-color: #FFFFFF;
	border-top: 8px solid #0277bc;
	padding-top: 4px;}
#page_dict #footer_box {
	position: static;}
.index #footer_box, #page_dict #footer_box {
	clear: both;
	margin: 18px 0 0 0;}
#footer {
	background-color: #DFEDF6;
	float: left;
	padding: 4px 25px 10px 25px;
	width: 997px;
	w\idth: 947px;}
#footer p {margin: 0;}
#footer #copyr {
	float: left;
	width: 50%;}
#footer #designby {
	float: right;
	width: 250px;
	text-align: right;}
#footer p#designby2 {
	float: left;
	width: 33%;}
#footer p#copyr2 {
	float: left;
	width: 33%;
	text-align: center;}
#footer p#designby2, #footer p#copyr2 {
	position: relative;
	top: 25px;}
#footer #logo_button {
	float: right;
	text-align: right;}

#footer #logo_vi {}
#footer #logo_vianalitic {}
#footer #table_baner{
margin-top:7px; 
margin-left: 6px; 
padding:0; 
float:right; 
text-align:right; 
border:0;}


/* only for index.page */
.index #contentblock1 {
	width: 364px;
	float: left;
	text-align: center;}
.index #contentblock1 #imgdecor {
	display: block;
	border-left: 2px solid #dfedf6;
	border-right: 2px solid #dfedf6;
	margin: 0 10px 0 10px;}
.index #contentblock1 p {
	text-align: justify;
	padding: 0 22px 0 22px;}
.index #contentblock2 {
	width: 350px;
	float: right;}
.index #contentblock2 #banners {
	width: 350px;}
.index #contentblock2 #banners .banner {
	display: block;
	position: relative;
	background-color: #e1eef7;
	width: 172px;
	height: 119px;
	text-align: center;
	float: left;}
.index #contentblock2 #banner2, .index #contentblock2 #banner4 {left: 6px;}
.index #contentblock2 #banner3, .index #contentblock2 #banner4 {margin-top: 6px;}
.index #contentblock2 #newpublish {
	clear: both;
	background-color: #dfedf6;
	position: relative;
	margin-top: 6px;
	padding: 10px 6px 20px 6px;
	color: #0b3b87;}
.index #contentblock2 #newpublish h2 {padding: 0; margin: 0;}
.index .readmore {
	display: block;
	text-align: right;
	font-weight: bold;}


/* only for inside.page */
.inside h1 {
	position: relative;
	padding: 0; margin: 0 0 7px 0;
	height: 93px;
	overflow: hidden;
	background-color: #dfedf6;
	color: White;
	text-align: right;
	visibility: hidden;}
.inside #content_box {
	width: 692px;
	float: right;
	margin-bottom:15px;}

.inside #content p, .inside #content li {text-align: justify;}
.inside #content p.text_center, .inside #content li.text_center  {text-align: center;}
.inside #content p.text_left, .inside #content li.text_left  {text-align: left;}
.inside #content p.text_right, .inside #content li.text_right  {text-align: right;}

.inside #content ul, .inside #content ol {
	margin-top: -10px;}
.inside #content ul {
	list-style: disc outside;}
.inside #content ol {
	list-style: decimal outside;}
.inside #content #search_list {
	border-top: 2px solid #DFEDF6;
	border-bottom: 2px solid #DFEDF6;}
.inside #content #search_list ul{
	display: block;
	margin-top: 15px; margin-bottom: 5px;}
.inside #content #search_list ul li {
	text-align: left;}
.inside #content p.author {
	text-align: right;
	font-weight: bold;}

.inside #content .question_box {
	border-top: 2px solid #DFEDF6;
	margin-bottom: 20px;}
.inside #content .artc_list {
	border-bottom: 2px solid #DFEDF6;
	padding-bottom: 7px;
	margin-bottom: 7px;}
.inside #content .artc_list span.readmore {
	display: block;
	text-align: right;
	margin-top: -10px;
	font-size: 80%;}
.inside #content .artc_list span.readmore a {
	font-weight: bold;
	margin-top: 0;}

.inside #content .num_pages {
	font-size: 85%;
	font-weight: bold;}
.read_back_up, .read_back_down {
	text-align: right;
	font-weight: bold;
	font-size: 85%;}
.read_back_up {
	border-bottom: 2px solid #DFEDF6;
	padding-bottom: 5px;
	position: relative;
	top: -7px;}
.read_back_down {
	border-top: 2px solid #DFEDF6;
	padding-top: 5px;
	position: relative;
	top: 5px;
	color: #0A3A87;}
.read_back_down #linksup {
	float: none;
	font-weight: normal;
	padding-right: 0;}
.read_back_down #linksup a {
	font-weight: normal;}

img.artwork {
	margin: 0 0 7px 10px;}
.inside #content p.term {
	background-color: #DFEDF6;
	padding: 10px 10px 10px 10px;
	font-style: italic;}
.inside #content p.question {
	color: #0A3A87;
	font-style: italic;
	font-weight: bold;
	margin-left: 20px;}
.inside #content div.example {
	color: #000000;
	background-color: #eeeeee;
	padding: 10px 10px 10px 10px;}
.inside #content div.example p {font-style: italic;}
.inside #content .footnote {border-top: 2px solid #DFEDF6;}

/* print page */
.inside #content_box #print {
	display: block;
	position: absolute;
	top: 107px;
	right: 20px;
	padding-left: 16px;
	background: url(/img/print.gif) no-repeat left center;
	font-size: 11px;}
.inside #content a {
	font-weight: bold;}

/* заголовки */
h1, h2 {font-size: 125%;}
h3 {font-size: 115%; font-weight: bold;}
h4, h5 {font-size: 100%;}
#headtext h1 {text-align: right;}
#headtext h2 {text-align: right;}
.inside #content_box h3 {
	margin: 0 0 15px 0;
	background: #dfeef8 url(/img/bullet1.gif) no-repeat 7px 9px;
	padding: 3px 180px 5px 25px;
	color: #0a3a87;}
.inside #content h4, .inside #content h5, .inside #content h6 {
	padding: 0;	margin: 0 0 -10px 0;
	font-size: 110%;}
#newpublish h2 {font-size: 100%; font-weight: bold;}


/* размеры шрифтов */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	f\ont-size: small;}
#submenu {font-size: 95%;}
.inside #content .footnote {font-size: 95%;}
#footer {font-size: 75%;}
.readmore {font-size: 90%; text-align: right;}

/* таблички */
#content table.data, #content table.data_center {
	border-left:1px solid black;
	border-top:1px solid black;
	font-size: 11px;}
#content table.data td.first_coll, #content table.data_center td.first_coll {
	font-weight: bold;}
#content table.data_center td {text-align: center;}
#content table.data td, #content table.data_center td {
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding: 2px 2px 2px 2px;
	vertical-align: top;}
#content table.data tr.table_head td, #content table.data_center tr.table_head td {
	font-weight: bold;
	background-color: #DFEDF6;}


/* форма отправки сообщения */
p.massage {
	color: Red;
	font-weight: bold;
	margin-right: 15px;}
#mailform {
	width: 500px;}
#mailform .formbl {
	float: left;
	width: 110px;}
#mailform input.formin, #mailform textarea.formin {
	float: left;
	width: 380px;
	margin: 0 0 7px 0;
	clear: right;}
#mailform textarea.formin {
	height: 150px;}
#mailform #subscribecheck {
	float: left;
	margin-left: 110px;}
#mailform #but {
	float: right;}
#mailform #rul {
	font-size: 10px;
	float: left;
	margin-left: 110px;
	margin-top: 5px;}
.message_er {
	font-weight: bold;
	color: Red;}

/* словарь */
.inside #content dl {
	float: left;
	width: 330px;
	border: 2px solid #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	top: -15px;}
.inside #content dl dt a {
	font-weight: normal;}
dl dt.first_dt a span.first_dt {
	font-weight: bold;
	font-size: 110%;}
dl dt.first_dt {
	margin-top:13px;}
.inside #content dl dt a.currentdt {
	font-weight: bold;
	color: Black;}
dl dd, dl dd.notcurrentdd {
	position: absolute;
	top: -1000em;
	visibility: hidden;}
dl dd.currentdd {
	position: static;
	visibility: visible;
	overflow: visible;
	height: auto;
	border: 1px solid #000000;
	margin: 5px 10px 10px 0;
	padding: 3px 3px 3px 3px;}

/* counters */
#counter_up, #counter_down {
	position:absolute;
	top: -10px;}
#counter_down {
	visibility:hidden;}


/* sifr */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #headtext h1 {
	visibility: hidden;
	text-align: right;
	font-size: 125%;
}
.sIFR-hasFlash #headtext h2 {
	visibility: hidden;
	text-align: right;
	font-size: 125%;
}