@charset "utf-8";
*{ margin:0; padding:0; outline: none; }
html, body{ width:100%; height:100%;font-family:Arial, Sans-Serif, Tahoma;font-size:12px;color:#000;background: url(/images/bg-2.gif) repeat;}
a {text-decoration: none; color: #4a99b8;text-decoration: underline;}
a:hover {text-decoration: none;}
img{ border: none;}
ul, ol{list-style-position: inside;line-height: 17px;}
.clear{clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px;}
.annotation{display: none;}

.bg-png-crop, .add{
	filter	: expression(
		(runtimeStyle.filter == '') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=crop)' : runtimeStyle.filter,
		runtimeStyle.backgroundImage = 'none');}

.bg-png-scale{
	filter	: expression(
		(runtimeStyle.backgroundImage != 'none') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=scale)' : runtimeStyle.filter,
		runtimeStyle.backgroundImage = 'none');}

.png{
	width: expression(width);
	filter: expression( (runtimeStyle.filter == '') ? runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='image')" : '',
						src = '/images/blank.gif');}


p{padding-bottom: 15px;}

.content{line-height: 17px;}

.absolute-container{position:relative;height:0;width:0;line-height:0;font-size:0;}

h1, h2, h3{font-size:18px;font-weight:normal;margin-bottom: 15px;}

table, tr, td{padding: 0;margin: 0;border-width: 0px;border-collapse: collapse;vertical-align: top;text-align: left;}

.container{width: 960px;margin: 0 auto;padding: 20px;}
.site{background: #fff;padding: 20px;}

.logo{width: 300px;height: 74px;float: left; background: url(/images/logo.gif) no-repeat 25px 10px;display: block;}
.search{border-left: 1px solid #b2b2b2;float: left;margin-left: 35px;padding: 26px 0 5px 35px;}
.search span{float: left;font-size: 19px;font-style: italic;padding-top: 5px;padding-right: 10px;}
.search .inp{float: left;width: 220px;}
.search .inp input{width: 205px;border: 1px solid #7f7f7f;font-size: 15px;padding: 5px;}
.search .inp div{font-style: italic;padding-top: 2px;font-size: 11px;}
.search .inp a{text-decoration: none;border-bottom: 1px dashed;}
.search .submit{float: left;width: 145px;height: 31px;background: url(/images/search.gif) no-repeat 0 0;margin-left: 10px;}
.menu{margin: 20px 0;background: url(/images/menu.gif) repeat-x 0 -58px;height: 29px;color: #fff;text-transform: uppercase;}
.menu .l{width: 13px;height: 29px;float: left;background: url(/images/menu.gif) repeat-x 0 -29px;}
.menu .r{width: 13px;height: 29px;float: right;background: url(/images/menu.gif) repeat-x 0 0px;}
.menu a{color: #fff;text-decoration: none;float: left;padding: 8px 10px 0 10px;height: 21px;margin-right: 32px;}
.menu a:hover{text-decoration: underline;}
.menu a.sel{background: url(/images/menu.gif) repeat-x 0 -87px;}

.dream-books{}
.dream-books .item{width: 271px;height: 69px;float: left;margin: 0 5px 20px 15px;background: url("/images/corners.gif") no-repeat 0 0;padding: 10px 0 0 11px;}
.dream-books .ava{float: left;margin-right: 15px;}
.dream-books .title{font-size: 16px;color: #000;}
.dream-books .stat{padding-top: 5px;font-size: 11px;}
.dream-books .descr{padding-top: 10px;}
.dream-books .alphabet{position: relative;top:-3px;margin-left: 5px;}

.page-title{font-size: 20px;font-style: italic;}
.pad{padding:0 15px;}
.index-facts{border:1px solid #999;border-width:1px 0 1px 0;padding:20px 5px;}
.index-facts .item{float:left;width:50%;}
.index-facts div.descr{font-size:11px;line-height: 14px;padding:5px 35px 0 0;}
.index-facts .title{font-size:14px;}
.index-facts img{float:left;margin-right: 15px;}
.index-facts .absolute-container a{display:block;position:absolute;width:50px;height:22px;background:url(/images/more.gif) no-repeat 0 0;left:834px;top:25px;}
.index-facts .n2 div{padding-right:40px;}

.footer p{margin:30px 15px 0 15px;padding: 15px;background:#eeefc5;color:#000;font-size:11px;width:500px;}
.footer p a{color:#000;}

.left-column{width: 232px;float: left;}
.left-column .ava{float: left;margin: 0 10px 5px 0;}
.left-column h2{margin-bottom: 5px;}
.left-column .more{padding-top: 5px;}

.right-column{width: 620px;float: left;padding-left: 30px;}

table.items{width: 100%;}
table.items td{width: 33%;font-size: 13px;}
table.items ul{list-style: none;line-height: 22px;}
table.items a{color: #000;}
table.items .add-link{font-size: 11px;}
table.items .add-link a{color: #4a99b8;}

.items2{list-style: none;line-height: 17px;font-size: 11px;margin-bottom: 10px;}
.items2 a.book{color: #000;}

.page-swapper{text-align: right;padding: 10px 0;font-size: 14px;}
.page-swapper a, .page-swapper span{padding: 0 3px;}
.page-swapper a{text-decoration: none;}
.page-swapper a:hover{text-decoration: underline;}
.page-swapper .inactive{visibility: hidden;}

.path{font-size: 13px;padding-bottom: 15px;}
.path a{color: #000;}

.add{display: block;width: 284px;height: 29px;background: url(/images/add.gif) no-repeat 0 0;margin-top: 20px;}
.form{width: 600px;display: none;padding: 20px 0;}
.form .inp, .form textarea{width: 90%;border: 1px solid #064672;font-size: 14px;}
.form .inp{height: 25px;}
.form textarea{overflow: auto;height: 200px;}
.form .errorMessage{height: 20px;color: #f00;}

.op{background: #e5e5e5;padding: 10px;margin-bottom: 15px;}
.op .name{font-weight: bold;font-style: italic;}

.news{}
.news .item{clear: both;margin-bottom: 20px;width: 700px;}
.news .title{font-size: 16px;padding-bottom: 10px;}
.pic{float: left;margin: 0 15px 5px 0;}

.alphabets{padding-bottom: 20px;}
.alphabets p{float: left;margin: 0;padding: 0 0 2px 0;margin-right: 5px;}
.alphabets p.sel{border-bottom: 2px solid #00ff03;}
.alphabets a{float:left;font-size: 14px;}
.alphabets p.sel a{text-decoration: none;}
.alphabets span{float: left;font-size: 9px;position: relative;top:-3px;padding-left: 2px;}

.words-list{}
.words-list h3{font-size: 16px;margin-bottom: 5px;}
.words-list div{padding-top: 5px;padding-bottom: 20px;}

.letters{border: 1px solid #ccc;margin-top: 20px;padding: 15px 5px 5px 15px;width: 200px;}
.letters a{float: left;width: 25px;height: 25px;}
.letters a.sel{color: #000;font-weight: bold;}
.item .letters{position: absolute;background: #fff;display: none;z-index: 1000;}

.index-ads{padding: 30px 0 0px 0;}
.index-ads h3{font-size: 14px;margin-bottom: 5px;}
.index-ads .item{float:left;padding-right: 50px;width: 395px;}
.index-ads p{padding-bottom: 5px;font-size: 11px;}
.index-ads img{float: left;margin:0 15px 15px 0;}