/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight: normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

html,body{font-family: Arial, Helvetica, sans-serif;margin:0 auto;width: 100%;}

a{color:#005AA0}
a:hover{color:#c00}

a.a1{color:#000000; text-decoration:none}
a.a1:hover{color:#800000; text-decoration:underline}

.b{border:1px solid red}

#header{width:980px;margin:0 auto;text-align:left;overflow:hidden;}

#logo {height:100px;background:#f5f5f5;text-align:left;overflow:hidden;border-radius:5px;}
#logo .logo{float:left; width:140px; height:90px; padding:5px 0 0 15px;}
#logo .site{float:left; width:350px; height:80px;font-family:Verdana;font-size:24px;color:#BA0A0A; padding-top:22px;}
#logo .site h1{font-weight:bold;}
#logo .site small{color:#252525; font-size:17px; font-weight:bold; font-family:Tahoma;}

.top1 {background:#005EAA; height:10px; font-size:11px; }
.t1{width:170px; text-align:center;color:#999999; font-weight:bold; background:#005EAA; font-size:11px; font-family:Verdana,Tahoma,Arial}

.top {background:#004D8A; height:35px; }
.t{width:170px; text-align:center;color:#888888; background:#004D8A; font-size:14px; font-family:Verdana,Tahoma,Arial}

.t a{color:#F2F1F7; font-weight:bold; text-decoration:none}
.t a:hover{color:#dddddd; text-decoration:underline}
.sep{width:1px;background:#4e7ea5}

#menu{font-family: Tahoma, Geneva, sans-serif;font-size:15px; text-align:left;overflow:hidden;}
#menu ul{background:#fff;padding:5px 0 6px;}
#menu ul li{display:inline;padding:5px 10px 6px;}
#menu ul li.add	 {background:#c00;}
#menu ul li.add a{color:#fff;}

.wiki{float:left;width:520px;background:#f7f7f7;background-image: linear-gradient(bottom, #eee 0%, #f7f7f7 100%);font-size:14px;color:#444;margin:15px 0;padding:15px 20px 5px;border-radius:20px;}

.letteradd{float:right;width:400px;display:block;color:#fff;text-align:center;font-size:32px;color:#fff;margin:15px 0;padding:20px 0;background-color:#e74e48;background-image: linear-gradient(bottom, #c22227 0%, #e74e48 100%);border-radius: 15px / 45px;}
.letteradd:hover{background-image: linear-gradient(bottom, #e74e48 0%, #c22227 100%);color:#fff;}

#mainshare {
	display: inline-block;
	margin:10px 0 0;
	padding:0;
	overflow:hidden;
}
#mainshare a {opacity: 0.75;}
#mainshare a:hover {opacity: 1}
#mainshare .htop{text-align:left;padding:0 0 5px;font-size:16px;}

.bottom {background:#004D8A; height:50px; color:#ffffff; vertical-align:middle; padding:0 50px; font-size:12px}
.bottom a{color:#ffffff}
.bottom a:hover{color:#dddddd}

.content{
margin:0 auto;
width:980px;
background:#fff;
text-align:left;
overflow:hidden;}

#left{
float:left;
width:750px;
padding:25px 0 0;
}

#right{
float:right;
width:220px;
padding:25px 0 0;
}

p {margin:10px 0}
.date{color:#7E7E7E; font-size:90%; font-weight:normal}

#write-letter{background:url(/img/write1.jpg) #F8981D; width:400px; height:101px; float:right}
#write-link{text-align:center; color:#ffffff; font-size:30px; font-weight:bold; padding-top:30px; font-family:Arial}
/* auth */
.blk-auth{position:absolute; top:0px; right:0px; width:25%; height:83px; background:#296FA5; text-align:center; font-size:11px;}
.blk-auth td{color:#EEEEEE}
.blk-auth a{color:#EEEEEE}
.blk-auth a:hover{color:#FFFFBB}
.blk-auth a:visited{color:#EEEEEE}
.input-auth{font-size:11px;}

/* letter */
#letter-add h1{font-size:26px;}
.letter-body{background:#f7f6f5; padding:20px; font-size:15px; line-height:130%}
.letter-body h1{text-align:center; font-size:22px; padding:25px;line-height:100%}
.letter-to{text-align:right;font-size:15px;margin-bottom:10px;}
.letter-to-detail{float:right;width:500px;text-align:right; margin-bottom:10px;}

.letter-most{background:#f7f7f7; padding:10px; margin:15px 0;border-radius:5px;}
.letter-most a{display:block;padding:3px 0 2px; font-size:16px;}

.letter-anons{background:#f7f7f7; padding:10px; margin:15px 0;font-size:14px;border-radius:5px;}
.letter-anons h2{color:#0080C0; margin-top:10px; background:transparent; border:none; padding:0; font-size:19px;}

.accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(http://www.open-letter.ru/img/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion div {
	background: #f7f7f7;
	margin: 0;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.letter-autor{width:500px;float:left; text-align:left; font-size:15px;}
.letter-date {width:150px;float:right;text-align:right;font-size:15px;}

.letter-comment{color:#7E7E7E; font-size:12px; line-height:105%; margin-bottom:15px}

.letters-pop{float:right; width:400px;}
.subtitle{color:#800000; font-weight:bold; font-size:130%; border-left:10px solid #800000; padding:5px 20px; background:#FFD5D5; margin-bottom:15px}
.letters-pop .letter-anons{font-size:11px}

#letter-commented .letter{margin:0 0 20px;padding:0 0 5px;font-size:16px;border-bottom:1px solid #ccc;}
#letter-commented .date{float:left; font-size:12px;color:#777;}
#letter-commented .data{float:right;font-size:12px;color:#777;}
#letter-commented .letter-comment{font-size:14px;}

#letter-data{background:#fbf7ee;padding:10px; font-size:15px;overflow:hidden;}

#letter-data .right{font-size:17px;}
#letter-data .right small{display:block;font-size:13px;padding:10px 0 0;}

#oldcomments{color:#555;padding:10px 0 0;font-size:14px;}
#oldcomments a{color:#777;}

.forumlinks{font-size:14px;}
.forumlinks ul li{margin:3px 0 7px;}

.votes{font-size:230%; width:100px; text-align:center; font-weight:bold; height:60px}
.y{color:green;  background:#D5FFD5;}
.n{color:red;  background:#FFDDDD;}

.action {color:#005AA0; font-weight:bold; text-align:center; vertical-align:middle; font-size:110%;}

.action .yes1{color:green;  font-size:140%; padding:5px 15px}
.action .not1{color:red;  font-size:140%; padding:5px 15px}
.action .voteyes{color:green;  background:#D5FFD5; font-size:230%; padding:5px 15px}
.action .votenot{color:red;  background:#FFDDDD; font-size:230%; padding:5px 15px}
.action a{text-decoration:none}
.action a:hover{text-decoration:underline;}
.action a.yes{color:green;  background:#D5FFD5; padding:5px 15px}
.action a.not{color:red;   background:#FFDDDD; padding:5px 15px}



/* forms */
.container{background:#EFEFEF; border:1px solid #808080; text-align:center; padding:10px 0 30px 0}
.edit1{background:#ffffff; border:1px solid #A8A8A8; color:#000000; width:98%;font-family: Verdana,Arial; font-size:12px }
.knopa{font-size:11px; height:25px}
.error{	color:#dd0000;	border-left:3px solid red;	padding-left:10px;	margin-bottom:3px;}
.error-common{	background:url(/img/bg_warning.gif) #FFFFFF  repeat-x center bottom;	border:1px solid #dd0000;	color:#dd0000;
	margin-top:5px;	margin-bottom:15px;	padding:10px 10px;	white-space:normal; text-align:left}
.error-common h6{	background:transparent url(/img/icons/error.gif) no-repeat left;	color:#dd0000;	padding-left:25px;
	font-size:10px;	margin:5px}
.error-common li{margin-left:20px}

.result-success{
background: -moz-linear-gradient(bottom, #e1f9d8, #e5e5e5);
background: -webkit-gradient(linear, center bottom, center top, from(#f9f9f9), to(#e1f9d8));
border:1px solid #b0db95; color:#007100;	margin-top:5px;	margin-bottom:15px;	padding:10px 10px;	white-space:normal;}

.social{
background: -moz-linear-gradient(bottom, #e1f9d8, #e5e5e5);
background: -webkit-gradient(linear, center bottom, center top, from(#f9f9f9), to(#e1f9d8));
border:1px solid #b0db95; color:#007100; margin:5px 0 15px; padding:10px; font-size:14px;}

.social-bottom ul li{display:inline;}

.social-bottom ul li.vk{display:inline;}

#share {
	width:208px;
  display: inline-block;
margin:10px 0;
  padding: 10px 5px;
  border: 1px solid #E9E9E9;
overflow:hidden;
}
#share:hover {
  border: 1px solid #D4D4D4;
}
#share a {opacity: 0.75;}
#share a:hover {opacity: 1}
#share .htop{text-align:left;padding:0 0 5px;font-size:16px;}

.label{	width:200px;	font-weight:bold;	text-align:right;	background-color:#F3F2F8;
	 vertical-align:top}
.field{	background:#fafafa;	 padding:10px 20px; vertical-align:top; font-size:12px; color:#606060 }
.field1{	background:#E5E5E5;	vertical-align:top; padding:10px 20px; font-size:12px}
.section-title{	background-color:#E5E5E5;  color:#606060; height:25px; font-size:22px; padding:15px 20px}

.section-title1{	background-color:#E4E4E4; font-weight:bold; color:#535353; height:17px; font-size:11px;
	border-bottom:1px solid #AEAEAE; border-top:1px solid #ffffff}

.comment{font-size:12px; color:#808080; font-weight:normal; font-family:Verdana;}

.button
{
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
 
.button:hover
{
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}
 
.button:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}
 
.button:focus
{
        outline: 0;
        background: #fafafa;
}    
 
.button:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
}

/* faq */
.vopros {padding:5px 10px; background:#EBEBEB; margin-top:10px}
.otvet {padding:5px 10px; border-left: 10px solid #005AA0; margin:5px 45px; color:#005AA0;}
.arrow{background: url(/img/arrow.gif) no-repeat center; width:40px; height:20px; float:left}


/* comments */
.mess-paginator{font-size:14px;}

.s1{background:#fafafa; border-left:10px solid #B5B5B5; padding:10px 20px; }
.s2{background:#f1f2f3; border-left:3px solid #9F9F9F; padding:5px 10px; }

.mess-autor{font-size:14px;font-weight:bold;color:#000;margin-bottom:5px;}

.mess-autor a{text-decoration:none}
.mess-body {font-size:14px;max-height:500px; margin-bottom:10px}
.mess-body img{max-width:100%;}
.quotebox, .codebox{border:1px solid #D4D4D4; background:#ffffff}
.rate{width:16px; height:12px; vertical-align:middle; border:none; margin:0 1px; cursor:pointer}
.ic{width:14px; height:15px;  vertical-align:middle; border:none; }
a.comment1{color:#dd0000; font-size:14px;}
.comment-area{background:#ffffff; border:1px solid #A8A8A8; color:#000000; width:50%;font-family: Verdana,Arial; font-size:12px; height:100px }

.adddateletter {font-size:7pt; color:#0a0a0a}






/* Стили для jQuery UI Datepicker */
#datepicker_div, .datepicker_inline {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #DDD;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #FF9900;
	z-index: 10;
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #DDD !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #DDD;
	color: #000;
}
*html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.datepicker_control {
	background: #FF9900;
	padding: 2px 0px;
}
.datepicker_links {
	background: #E0F4D7;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label {
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #83C948;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #83C948;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #CCC;
	text-align: center;
	font-size: 10px;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker .datepicker_titleRow {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysRow {
	background: #FFF;
	color: #666;
}
.datepicker_weekCol {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysCell {
	color: #000;
	border: 1px solid #DDD;
}
#datepicker .datepicker_daysCell a {
	display: block;
}
.datepicker .datepicker_weekEndCell {
	background: #E0F4D7;
}
.datepicker .datepicker_daysCellOver {
	background: #FFF;
	border: 1px solid #777;
}
.datepicker .datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #B1DB87 !important;
}
.datepicker_currentDay {
	background: #83C948 !important;
}
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.datepicker_titleRow a {
	color: #000 !important;
}
.datepicker_control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.datepicker_multi .datepicker {
	border: 1px solid #83C948;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}
.datepicker_cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

hr{margin:20px 0;}
.clear{clear: both;}

.yashare-auto-init {background-color:#fff; 
border: 1px solid #008000;}

.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}

/* Стили для jQuery UI Datepicker */

#bottomblock{clear:both;background:#333;overflow:hidden;}

.footermenu{background:#333;font-family: Tahoma, Geneva, sans-serif;font-size:12px; text-align:left;overflow:hidden;}
.footermenu ul{padding:5px 0;}
.footermenu ul li{display:inline;padding:5px 10px 6px;}
.footermenu ul li a{color:#fff;}

#footer{width:980px;margin:0 auto 20px;overflow:hidden;border-radius:5px;background:#f5f5f5;}
#footer{font-family: Tahoma, Geneva, sans-serif;font-size:12px; text-align:left;overflow:hidden;}
#footer .copyright{padding:5px 8px;}

.adsense-main{
margin:5px 0;
padding: 4px;
border: 1px solid #f0f0f0;
overflow:hidden;}

#search{background:#b4deff;padding:10px;margin:25px 0 10px;border-radius:5px;}

#googlesearch input{font-size:15px;margin:0 0 10px;}

#dsq-content{background:#f5f5f5;padding:10px;font-size:12px;}

#dsq-content h3 {
    font-size:18px;
	font-weight:bold;
}

.dsq-widget-meta{display:none;}

.dsq-widget{margin:25px 0 0;font-size:14px;}