@charset "utf-8";

/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; background: transparent;}
	
body {	font-family:Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
table {	border-collapse: collapse;	border-spacing: 0;}
table td { vertical-align: top; }
hr{margin:-7px 0;border:none; color:red; height:1px; background:red; display:block;}
/* End of clearing */

a{color:#6588ae; text-decoration:none;}
a:hover { text-decoration:underline}
a.act { color: #000 !important; text-decoration: none !important;}
.logo{ display:block; background-repeat:no-repeat; margin:21px 0 0 0}
.clear {clear:both; float:none; line-height:o; font-size:0}
p { font-size:0.75em; line-height:1.3em}


h2{ font-size:1.31em; margin:0 0 .3em 0; }
h5 { margin:0; }
#container {width:950px; margin:0 auto; background: transparent url(/site/i/conbg.jpg) repeat-x; padding:0; }
/*#header{position:relative; background:transparent url(/site/i/logo.gif) no-repeat scroll 320px 28px; padding: 0 10px; } */
#header a.logo { background: transparent url(/site/i/1234.gif) no-repeat scroll 0 10px; width:320px; height:145px; margin:0; padding: 0; margin-left: 5px;}
a#iabc_button { display: block; margin-top: 10px; margin:15px;float: right;background: url(/site/i/iabc_button2.jpg) no-repeat; height: 55px; width: 130px;}
a#reg_button { display: block; margin-bottom: 5px;margin:15px;float: right;background: url(/site/i/reg_button3.jpg) no-repeat; height: 55px; width: 130px;}
form{ float:right; margin: 0; width:300px;}
form fieldset{ float:right; white-space: nowrap;}
#search input {margin:0 1px 0 0}
form#search .textfield {border:1px solid #dedede; font-size:0.75em; width:190px; margin:0 9px 0 40px; padding: 2px;}
#header li { display:inline}
#header p{ padding:20px 380px 0 0 }
#quote { color: #747d84; margin: -25px 0 0 325px; height: 40px; width: 250px; position: relative; }  
#quote p { width: 100%; padding: 0; margin: 0; }
#quote p.right { text-align: right; }

#contacts-net{ text-align: center; float:right; height: 123px; width:264px; background: url(/site/i/main-03.jpg) no-repeat 12px  14px; color:#fff; padding:30px 10px 9px 11px; margin:0 -5px;}
#contacts-net h1 { position: relative; text-transform: uppercase; font-size: 90%;  }
#contacts-net a{ color:#fff; text-decoration:underline; font-size: 90%; position: relative; width: 100px; top: 20px;}

#site-tools { position:relative; margin:0}
#site-tools input{ float:left}
#site-tools ul li{ display:inline; font-size:0.75em; color:#5096b9;}
#site-tools li a, #site-tools li span {color:#5096b9; margin:0 17px 0 0 }
#site-tools li a {text-decoration: underline}
#site-tools li a.span { text-decoration:none; border-bottom:1px dashed #5096b9; cursor:pointer; }
#site-tools .rss{ background:url(/site/i/RSS2.png) no-repeat; padding-left:22px}

#navigation { background:url(/site/i/nav-corners.gif) no-repeat; height:41px; width:950px; margin:10px 0 0 0; }
#navigation ul{ clear:left;  margin:0 15px 0 10px; background: transparent url(/site/i/nav-bg.gif) repeat-x; padding:0 0 7px 18px; color:#fff; height: 40px}
#navigation li{ float:left; position:relative; margin-right:7px; }
#navigation li a{ color:#fff; padding: 6px 14px 10px 7px;  text-decoration:none; display: block; }
#navigation li a:hover{ color:#fff;}
#navigation li.act {background: url(/site/i/menu-h.jpg) repeat-x; }
#navigation li.act a{ color: #fff; }  

#navigation li ul { background:none; z-index:10; position:absolute; display:none; top:33px; left:0; padding:0; margin:0; width: 200px; }
#navigation li ul li{float: none; display: block; padding: 0; background:#a4a7ac; margin:0; }
#navigation li ul li a, #navigation li.act ul li a{ background:#a4a7ac; color:#fff; padding:4px 0 7px 7px; font-size:80%; display:block; width: 100%; margin: 0;}
#navigation li ul li a:hover { background:#c0c5c9; color:#fff;}

#navigation li.hover { background: url(/site/i/menu-h.jpg) repeat-x; }


#navigation li.hover ul{ background:#476faa; color:#fff;}

.archive { display:block; font-weight: bold; text-align:right; font-size: 80%;   } 

#content{ padding:15px 0 0 0; overflow:hidden; clear:left;  }
.ico-set {overflow:hidden; margin:27px 0 0 54px}
.ico-set  a{ float:left; background-repeat:no-repeat; width:32px; height:32px; margin:0 20px 0 0}
.ico-set  a.photo{ background-image: url(/site/i/photo-ico.gif)}
.ico-set  a.video{ background-image: url(/site/i/video-ico.gif)}
.ico-set  a.comments{ background-image: url(/site/i/comments-ico.gif)}

#last-news img {  margin-top:2px; margin-bottom:3px }

.col dt { float:left; padding:2px 5px 0 0; }
.col dt span{ clear:left; display:block; font-size:0.69em}
.col dd{ overflow:hidden; margin:0 0 18px 0}
.col dd span{ display:block; color:#948D8D; font-size:11px}
.col dd em{ color: green !important; font-style: normal}

#inner #rightside-bar.col{ width:250px; padding-top: 10px;}
table#calendar{ font-size:0.69em; border-bottom:1px solid #eeefeb; width:195px; float:right; }
table#calendar th{ text-align:center; font-weight:normal;padding-bottom:7px; padding-top:5px }
table#calendar caption { text-align:left; font-weight:bold; background:#eeefeb; padding:9px 6px 6px 8px; }
:lang(ru) table#calendar caption{margin:30px 0 0 0}
table#calendar caption a{  float:right; font-weight:normal; text-decoration:underline}
table#calendar td{ text-align:center; padding-bottom:8px; line-height:1em}
#main-events, #last-news { width:300px; padding:0 25px 0 0;}
#main-events h1{ font-size:1.38em; margin:5px 0 5px 0}
#main-events h2 span{float:right; color:#c22117; font-size:0.52em; padding:0.7em 0 0 0}
#main-events img{ margin-top:3px; } 
#last-events { padding:20px 0 0 0; background: url(/site/i/dotted-bg.gif) repeat-x; margin:14px 0 0 0}
#last-events dt { width:40px; }
#last-events .pages { font-size:0.75em; margin:0 0 0 46px}
#last-events .pages li { display:inline; margin:0 10px 0 0}
#last-events .pages li a{ text-decoration:underline}
#last-events .pages li.pages-header { display:block; font-size:1.33em; font-weight:bold; margin:0 0 4px 0}
#rightside-bar img { float:left; margin:4px 11px 0 0; border-top:2px solid black}
#rightside-bar div{ overflow:hidden; margin-bottom:20px; }
#inner #left-sidebar { width:170px; padding:30px}
#inner #last-news, #inner #article{ width:650px; padding:0 20px 0 0;}
#inner #last-events { background:none; margin:0; padding:0}
#inner #content{ padding-bottom:30px }
#inner .sub-nav{ font-size:0.88em}
.sub-nav li { margin-bottom: 1em; }
.counter { color: #000; font-size: 90%; }
#inner .sub-nav a{ color:#3e88ad; text-decoration:underline; }
#rightside-bar #date{ margin:8px 0 0 0; width:auto}
#rightside-bar #date fieldset{ margin:0}
#rightside-bar #date select option, #rightside-bar #date select{font-size:11px; color:#3a3a3a; border:1px solid #bdbfb8; padding:0; float:left;margin:0 1px 0 0;}
#rightside-bar #date input{  float:left}
#article h1{ font-size:1.31em; font-weight:normal; margin-bottom:7px}
#article h1 span {font-size:0.52em; font-weight:normal}
#article h2 { font-size:1.1em; font-weight:bold; margin-bottom:2px} 
#article p{ text-align: justify; margin:.9em 0;}
#article p img { margin:3px 10px 0 0; float: left;}
#article p a {line-height:1.7em; color:#5096b9; text-decoration:underline}
#article ul{ margin:10px 0 10px 0}
#article ul { list-style-type: disc;}
#article ol { list-style-type: decimal; } 
#article li { margin-left: 20px;background:none; font-size:0.75em; padding:0 0 4px 0; line-height:1.3em }
#article #comments, #article .normal { /*background:url(/site/i/dotted-bg.gif) repeat-x;*/ padding:17px 0 0 0}
#article #comments span, #article .normal span{ font-size:0.69em}
#article #comments span bold {color:#646b6e; font-weight:bold; font-size:1.09em; margin:0 7px 0 0}
#article #comments form .legend{ width:497px; background: #fff url(/site/i/tab-left-side.gif) no-repeat; padding:0 0 0 4px}
#article #comments form .legend span { float:left; background:#F1F2ED url(/site/i/scroll-header-right.gif) no-repeat right top; padding:10px 40px 0 7px; font-size:1em; line-height:1em }
#article #comments form, #article #comments fieldset{ width:591px;  float:left}
#article #comments fieldset{ padding:20px 0 35px 36px; background:#eceee7 url(/site/i/corner-rt.gif) no-repeat right top;}
#article #comments form textarea{ width:570px ; height:156px; border:1px solid #fff; margin:2px 20px 0 0 }
#article #comments form label { float:none; display:block; color:#424242; font-size:0.69em; width:auto}
#article #comments form div {float:left}
#article #comments form img { display:block; margin:20px 0 10px 0}
#article #comments form .textfield { width:104px; border:1px solid #fff}
#article #comments form .button { display:block; margin:20px 30px 0 0; float: right;}
#article #comments form .footer { width:497px; height:4px; background:url(/site/i/form-footer.gif) no-repeat}

#article #comments p { margin:0; }

#article p.redline { line-height:1.5em; text-indent: 25px; }

#article table.inner { font-weight:normal; line-height:0.75em; width: 100%;}
#article table.inner thead { text-align:left;} 
#article thead th {font-size: 0.75em; background:#f1f2ed; padding:10px}
#article table.inner td{ border-bottom: 1px solid #d5d5d5; padding:10px}
#article table.inner tr.last td{ border:none}

.fl { float:left; display:inline; }

.news_slider { float:right; position:relative; width:459px; padding:0 0 20px 0; text-align:left; background:#f1f2ed url(/site/i/scroll-footer.gif) no-repeat left bottom; height:190px; }
.news_slider .messaging { display:block; padding:5px; margin:0 20px 5px 20px; background:#ffffcc; }
.news_slider .prev, .news_slider .next { position:absolute; top:100px; display:none; z-index:10; }
.news_slider .next { right:-12px; }
.news_slider .prev { left:-12px; }
.news_slider .prev2, .news_slider .next2 { position:absolute; top:100px; display:block; z-index:0; width:25px; height:25px; }
.news_slider .next2 { right:-12px; background:url(/site/i/next2.gif) 0 0 no-repeat; }
.news_slider .prev2 { left:-12px; background:url(/site/i/prev2.gif) 0 0 no-repeat; }
.news_slider .container { position:relative; top:0; left:0; width:100%; }
.news_slider .news_items {
    /*
        The width must be equal to .item ((width + margin-right) * 2).
    */
	position: relative; width: 410px; top: 0; left: 30px; overflow: hidden;
}
.news_slider .view_all { font-size: .8em; padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom:#eeeeed 1px solid; text-align: center; }
.news_slider .item {
    /*
        Must contain a width and a margin-right.
    */
	width: 195px; margin-right: 13px;
}

.news_slider_header { padding:0 0 0 4px; overflow:hidden; background: #fff url(/site/i/tab-left-side.gif) no-repeat }
* html .news_slider_header { height:0; overflow:visible; }
.news_slider_header span { float:left; font-size:1.31em; background:#f1f2ed url(/site/i/scroll-header-right.gif) no-repeat right top; padding:10px 33px 0 7px; line-height:1em; margin:0  }

.news_items { padding:10px 0 0 0; }
.news_items .item span.date {font-size:0.69em; display:block}
.news_items .item  h1 em{ font-style:italic; font-weight:normal; display:block}
.news_items .item  h1 { font-size:0.75em; font-weight:bold; margin:0 10px 0 0}
.news_items .item img{ float:left; border:2px solid #fff; margin:3px 10px 13px 0}
.news_items .item p{ clear:left}
.news_items .item p span{ display:block; color:#898383; font-size:0.92em}
.news_slider .corner-rt{ position:absolute; height:4px; width:4px; background:url(/site/i/corner-rt.gif) no-repeat; right:0; top:31px}
.slleft { float:left; }

#feedback {  }
#feedback p, #feedback form { float: none; width: 100%;}
#feedback p input, #feedback p textarea { width: 100%; }

#partners { clear:left; }
#partners table td a img { margin: 0 1em;  }
#partners table td { vertical-align: middle; }


#footer{margin:22px 0 0 0; clear:left; font-size:0.69em; padding:36px 0 70px 0; background:url(/site/i/dotted-bg.gif) repeat-x left top; line-height:1.6em}
#footer li { display:inline}
#footer a{color:#004487; text-decoration:underline}
#footer .copyright { float:right; background:url(/site/i/notamedia-logo.gif) no-repeat; padding:18px 40px 0 0 }
.col{ width:300px; float:left}
#rightside-bar .ad img{border:1px solid #c4c4c4; display:block; margin:12px 0 0 0; float:none}
#site-tools li a.reggg { margin-left:15px; }
/*#regist{position:absolute; z-index:2; top:-125px; height:126px; width:170px;  }
#regist form, #regist fieldset{ float:left;position: relative}
#regist form { margin:11px 0 0 15px}
#regist div{clear:left; padding:0 0 7px 0; float:none; overflow:hidden; }
#regist label{ float:left; font-size:11px; width:38px; text-align:right }
#regist .textfield{ width:93px; border:1px solid #dadcd4; margin:0 0 0 6px}
#regist input { margin:19px 0 0 0 ;}
*/
#site-tools li a.active { border:none; color:#535353; font-weight:bold; cursor:default}

#signupform { background: url(/site/i/popup-bg.png) no-repeat; padding:0; margin:0 0 0 -2px ; height:126px; width:170px; }
#signinform { background: url(/site/i/login-bg.png) no-repeat; padding:0; margin:0 ; height:126px; width:168px; }
/*       ,    !!! */
* html #signupform { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/i/popup-bg.png',sizingMethod='scale'); }
* html #signinform { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/i/login-bg.png',sizingMethod='scale');}
#signupform, #signinform { display:none; }
#regist .login-btn { margin-left:45px; }
.showthis { display:block !important; }

.signinbut { display:block; float:left; width:50px; border-right:1px solid #5096B9; padding-bottom:2px; }
.signupbut { display:block; float:left; width:160px; padding-bottom:2px; }
.news_slider .footer { height:4px; background:url(/site/i/scroll-footer.gif) no-repeat}

.tags { display: block; color:#898383; margin-bottom: 5px; font-size:12px; background: url(/site/i/tag.gif) 2px 0 no-repeat;  padding: 0px 0 3px 18px; zoom:1}


/* registrtion */

#reg {  }
#reg p, #reg form { float: none; width: 100%;}
#reg p input, #reg p textarea { width: 30%; }
.help { color: #808080; font-size: 12px; }
.red { color: red; font-size: 80%; }
.error { border: 1px solid #CE5F4F; background: #FAEFED; color: #EA4433; padding: 10px; margin-bottom: 1em}
.error span { display: block; } 

.plugins_menu{ margin-bottom: 10px; font-size: 12px; }


.success {border: 1px solid #63D147; background: #FAFFF8; color: #30791E; padding: 10px; margin-bottom: 1em }

a#newmsg { color: #B30606 !important; background: url(/site/i/icon_email.gif) no-repeat; padding-left: 18px; text-decoration: none !important; }



/* privatemsg */
form.nonefloat, form.nonefloat p, form.nonefloat p input, form.nonefloat textarea { width: 100%;}
form.nonefloat p spna { display: inline; }
table#msg { margin-top: 5px; float: none; width: 100%; }
table#msg th { font-size: 12px; padding: 3px;  background: #C2D1EF; text-align: left; vertical-align:middle; font-weight: bold; }
table#msg td { padding: 5px; border-bottom: 1px solid #BBBBBB; vertical-align:middle; font-size: 12px;}
tr.own td { background: #F9F2E3; }
tr.new td{ background: #F5FFF2; }
tr.new td { font-weight: bold !important; }

.bold { font-weight: bold; }

/* common/item.html */
br.clear { clear: both; }

/* editprofile */
form p, div.textleft p{text-align: left !important;}
form.edit, form.edit p { float: none; width: 100%;}
form.edit p { clear: left; margin-bottom: 300px;}
form.edit span.caption { font-weight: bold; display: block; float: left; width: 170px; margin-bottom: 1em; } 
form.edit span.field { display: block; float: left; width: 200px; margin-bottom: 1em;} 
form.edit span.field input, form.edit span.field textarea, form.edit span.field select { width: 98%; }
form.edit span.chk { display: block; float: left; width: 50px; }
form.edit span.chk input { height: 20px;}
form.edit span.field label { display: inline; }
form.edit span.field textarea { width: 400px; height: 150px; }


 /* comments */
textarea.resizable { width: 500px; height: 140px; }
.resizehandle { clear:both; width: 500px; margin-bottom: 8px; background: #EEEEEE url(/site/i/grippie.png) no-repeat scroll center 2px; cursor:s-resize; font-size:0.1em; height:9px;  border: 1px solid #DDDDDD; overflow: hidden; }
span.countdown { font-size: 12px !important;}
.remain { color: red; font-size: 16px; }

strong.cap-area { font-weight: 100; }

#comments div.item_comment {padding: 5px; margin-bottom: .5em; }
#comments div.new { border: 1px dashed #B8EEA8; background: #EEFBEA;  }
#comments div.editable { border: 1px dashed #E6CE00; background: #FFFCDF; }
#comments div.hidden { border: 1px dashed #B4B4B4; background: #EFEFEF; font-style: italic !important; }
.comments { padding: 0 0 0 18px;  background: url(/site/i/comment.gif) no-repeat;  zoom: 1;}
.author-ps { font-style: normal; font-weight: 100; margin-top: 10px; padding: 1px 0 1px 18px; height: 20px; background: url(/site/i/rate.gif) no-repeat;  zoom: 1;}


.rate strong{ float: left; font-weight: 100; font-size: 14px;  padding: 2px; color: #000} 
.votedown { background: url(/site/i/icon_rate2.gif) 0 -3px no-repeat; display: block; float: left; width:20px; height: 21px;  zoom: 1; }
.voteup { background: url(/site/i/icon_rate2.gif) -20px -3px no-repeat; display: block;float: left; width:20px; height: 21px;  zoom: 1;}
.votedown_off { background: url(/site/i/icon_rate2_off.gif) 0 -3px no-repeat; display: block; float: left; width:20px; height: 21px;  zoom: 1; }
.voteup_off { background: url(/site/i/icon_rate2_off.gif) -20px -3px no-repeat; display: block;float: left; width:20px; height: 21px;  zoom: 1;}

/* blogs */
#writeBlog form, #writeBlog form p { width: 100%;}
#writeBlog form p input, #writeBlog form p textarea,  #writeBlog form p select{width: 100%; }

.subm_btn { height: 30px; font-size: 16px; font-weight: bold; width: 200px !important;}

.blog { margin-bottom: 1em; }
.blog p { margin:.1em 0 !important; }
.blog span { font-size: 11px;  color: #948D8D;}

/* item.html */
.ps td{  color:#948D8D; font-size: 12px; vertical-align: middle; padding: 5px 0} 

.actions { margin-top: 10px; font-size: 12px; clear: left; float: none;}

/* relationships */
tr.pending td {background: #FFF4F0; }
tr.pending_aid td {background: #F5FFF2; font-weight: bold;}
tr td.status { color: #8B8B8B; font-size: 10px; }
ul.relationships li { margin-left: 1.3em; float: none; display: block; } 
.green { color:  #00CE67; font-weight: bold;}

#anketa { float: none; width: 100%;}
#anketa p { line-height: 2.5em; }

#anketa input { display: inline; }
#anketa span.caption { display: block; }

.google_map { width: 600px; height: 300px; }
a.category { color: #284373;  }
.services { float: left; margin: 0 1em 1em 0 }
.services div { width: 180px; /*height: 190px;*/ }
.services a { width: 180px; display: block; }

#navigation li ul li ul { left: 206px !important; top: 0; display: none; }
