/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, big, p,
blockquote, pre, a, abbr, address, cite, code, dfn, em, img, kbd, q, samp,
small, strong, sub, sup, var, 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%; color: inherit; background-color: inherit;}
:focus { outline: 0; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


body{ color: #666; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align:center;background-color: #ffffff; background: url(/xtpl/i/top_bg.gif) repeat-x 0px 10px; }
.bg{ background: url(/xtpl/i/wh.gif) no-repeat 100% 0; position: relative; z-index:1000;}

/* layot */
.container{text-align:left; margin: 0 auto; min-width:1000px; max-width:1200px; width: 100%;}
.wrapper{ padding: 0 20px;  }
.container{width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?
(document.documentElement.clientWidth < 1000?"1000px":(document.documentElement.clientWidth > 1200?"1200px":"100%")):
(document.body.clientWidth < 1000?"1000px":(document.body.clientWidth > 1200?"1200px":"100%"))); }
#content{ width: 100%; float: left; margin-bottom: 30px}
#centercol {float:left;width:100%;  }
#centercol .wrap{margin: 0 230px 0 270px; }
#leftcol{float:left;width:240px;margin-left:-100%; }
#rightcol{float:left;width:200px;margin-left:-200px; }

#smallbanner{ position: absolute; top: -32px; ; right: 0; z-index: 2000; }
#bigbanner{ position: absolute; top: -32px; ; right: 0; z-index: 1999; }
/* common */
h1, h2, h3, h4, h5, h6{ font-family : Arial, Helvetica, sans-serif; color: #000}
a{ color: #336699; text-decoration : underline; background-color: inherit;}
a:hover{ color: #CC3333; background-color: inherit; text-decoration : underline !important ;  }
img{ border: 0; }
.clear{ clear: both; }
.brd{  display: table-cell; text-align: center; vertical-align: middle; $position: relative; border: 1px solid #C6C7C7; padding: 6px }
.brd a{ $display: block; $position: absolute; $top: 50%; $left: 50%; }
.brd img{ display: inline; border: 0; $display: block; $position: relative; $top: -50%; $left: -50%; }
.list .ico{ width: 60px; height: 60px; line-height: 60px; vertical-align:middle; }
.innerTable{border:2px solid;}
.innerTable td{border:1px solid;}
#tm, #top, .header, .msg, .list, .list li, .forma, .forma table, .forma .send, .sm, .textads{ clear: both; overflow: hidden; _overflow: visible; _height: 0; margin-bottom: 20px}

/* ads */
#top .banner{ float:left; width: 468px; margin-right: 20px}
#content .banner { margin-bottom: 15px; text-align: center}
.textads{ border-top: 5px solid #e4e3e3; border-bottom: 5px solid #e4e3e3; padding: 10px 20px; font-family: Arial, Helvetica, sans-serif;  }
.textads a{ text-decoration: none; }


/* top */
#logo{ padding-top: 8px; }
#top {  margin-top: 10px;   background: url(/xtpl/i/top_bg_bt.gif) repeat-x 0 100%; }
#top .left{ float: left; width: 270px;  }
#top .right{ margin-left: 270px; }
#top .topnews{ border-left: 3px solid #CC3333;  font-size: 11px; background: url(/xtpl/i/topnews_bg.gif) repeat-y 0 0; width: 180px;   }
#top .topnews a{ color: #000; }
#top .topnews{ height: 80px; display: table-cell; vertical-align: middle; $position: relative; }
#top .topnews .outer{$position: absolute; $top: 50%; $left:0; }
#top .topnews .inner{ $position: relative; $top: -50%; $left:0; padding-left: 20px}
#top .date{ color: #000; background:#f4f3f3; }
#top .date, #top .info{ font-size: 11px; height: 15px;  margin-bottom: 10px; line-height: 15px; background:#f4f3f3;}
/* #top .info{ background: url(/xtpl/i/top_line.gif) repeat-y 100% 0; } */
#top .info span{ background: #e4e3e3; padding: 0 10px; color: #000;background:#f4f3f3; }

/* top menu */
/*#tm li{_behavior: url(iepngfix.htc)}*/
#tm{ margin-bottom: 0; margin-top: 9px; margin-right:40px; }
#tm ul{ float:right;   }
#tm  ul li a{ font-size: 11px; color: #000; text-decoration: none; text-align: center; }
#tm  ul li a:hover{ text-decoration: none!important ; }
#tm  ul li{ float:left; background: url(/xtpl/i/tm_mdl.gif) no-repeat left top;  padding-left: 22px;  margin-left: -22px;  }
#tm  ul li.first{ background: url(/xtpl/i/tm_bg_l1.gif) no-repeat left top; margin-left:0 }
#tm  ul li a{ display: block;  height: 33px; padding-top: 5px; line-height: 22px; background: url(/xtpl/i/tm_bg_r.gif) no-repeat right top; padding-right: 22px; width: 100px;  }
#tm  ul li#current, #tm  ul li#currentlast{ background: url(/xtpl/i/tm_curr_l.gif) no-repeat left top; }
#tm  ul li#current a, #tm  ul li#currentfirst a{ background: url(/xtpl/i/tm_curr_r.gif) no-repeat right top; z-index:10; position: relative;  }
#tm  ul li a span{ line-height: 11px!important; display: block; }
#tm  ul li#currentfirst{ background: url(/xtpl/i/tm_curr_l1.gif) no-repeat left top; }
#tm  ul li#currentlast a{ background: url(/xtpl/i/tm_curr_r2.gif) no-repeat right top; z-index:10; position: relative; }

/* search */
.search { font-size: 11px; margin-bottom: 20px; }
.search div{ background: url(/xtpl/i/search_bg.gif) no-repeat 0 0; height: 27px; position: relative; margin: 7px 0 ;  }
.search input{ font-size: 11px; margin: 3px 0 0 8px; height: 18px; width: 150px;
border:0; background: transparent; }
.search img{ float: right; width: 28px; position: absolute;  top: 0; right:0; }

/* inpage */
.messtext img {margin: 5px;}


.sm{  padding: 10px 20px; margin-bottom: 0; z-index: 1;}
.sm ul{ overflow: hidden;  z-index: 1; }
.sm li{ float:left; font-size: 11px; margin-right: 20px!important ; white-space:nowrap;  z-index: 1; }
.sm li a{ color: #666; padding: 2px 0 3px; display: block;  z-index: 1; }
.sm li a:hover{ color: #CC3333;  z-index: 1; }
.sm .selected, .sm .selected:hover{ color: #fff;  padding-right: 10px;  text-decoration: none!important ; background: #CC3333 url(/xtpl/i/select_bg.gif) no-repeat 100% 0 ; }
.sm .selected span{ background: transparent url(/xtpl/i/select_bg0.gif) no-repeat 0 0; padding: 2px 0 3px 10px; height: 13px }


.list li{ font-family: Arial, Helvetica, sans-serif; background: url(/xtpl/i/pp.gif) repeat-x 0 100%; padding: 0 20px 15px; margin-bottom: 15px;    }
.list .title, .list .title a{ color: #000; font-weight: normal;  }
.list .title a:hover{ color: #CC3333; }
.list p{ margin-top: 3px; }
.list p, .list p a, .list p a:hover{ font-size: 11px; text-decoration: none; color: #666; }
.list li small{ font-size: 11px; display: block; margin-top: 3px; }
.list .ico{ float: left; clear:left}
.list .title, .list p{ margin-left: 95px; display: block; }
.noimg .title, .noimg p{ margin-left: 0;  display: table; _height: 0; zoom: 1;  }

#centercol .date{ font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.list .date{  height: 10px;  float: left; width: 75px; margin-right: 20px; margin-bottom: 9px;}
.list .date span{ display: block; float:left; margin-right: 4px}
.new { width: 23px; height: 12px; overflow: hidden; margin-right: 0!important ; }
.new img{ display:block; border: 0; margin-top: 2px;  }
.noimg .date{ width: 53px; }


/* headers */

.header, .header a{ color: #666; text-transform: uppercase; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
#centercol .header b{ display: block; border-bottom: 3px solid #CC3333; padding: 0 0 10px 20px}
#centercol .header{  background: url(/xtpl/i/arr_gr.gif) no-repeat 0 3px; border-bottom: 5px solid #e9e8e8; }
#centercol .int b{ border-bottom: 0; }
.int, .int a{ color: #a1a1a1; }


/* Modules */
.block{ margin-bottom: 20px; }

.box .header, .box .header a{color: #cc3333; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.box .title, .box .title a { text-transform: uppercase; color: #cc3333; display:block;  }
.box p{ margin-top: 5px; }
.box li .ico{ float: right; margin-left: 5px; }

.box{ border: 1px solid #c6c7c7; position: relative; z-index: 1;}
.box .inner { font-size: 11px; color: #666666; overflow: hidden; _overflow: visible; _height:0; z-index: 1;}
.corner{width: 100%; position:relative; z-index: 1;}
.corner div {font-size: 0; position:absolute;  background: no-repeat;   }
.corner .tl{ background: url(/xtpl/i/uho_tl.gif) ;  left:-1px; top: -1px}
.corner .tr{ background: url(/xtpl/i/uho_tr.gif) ; right: -1px; top: -1px}
.corner .br{  background: url(/xtpl/i/uho_br.gif) ;right: -1px; bottom:-1px  }
.corner .bl{ background: url(/xtpl/i/uho_bl.gif) ; left:-1px; bottom:-1px }
.corner div { width: 5px; height: 5px; }

.hdr .inner, .hdr2 .inner { padding: 10px 15px; }
.hdr2 .inner { background: url(/xtpl/i/hdr_bg2.gif) repeat-x 0 100%; border: 1px solid #fff}
.hdr2 .header, .hdr2 .header a  { color: #737373 }

.hdr .ico a{ display: block; padding-left:10px }
.hdr .header{   width: 100%}

.hdr1{ border: 1px solid #b9baba; background: url(/xtpl/i/hdr_bg1.gif) repeat-y 0 0; }
.hdr1 .ico a{ display: block; border-left: 1px solid #ececec;  padding: 10px 0 10px 10px}
.hdr1 .header{ padding: 10px 10px 10px 0;   width: 100%}
.hdr1 .tl{ background: url(/xtpl/i/uho_hdr1_tl.gif) ; }
.hdr1 .tr{ background: url(/xtpl/i/uho_hrd1_tr.gif) ; }
.hdr1 .br{ background: url(/xtpl/i/uho_hrd1_br.gif) ; }
.hdr1 .bl{ background: url(/xtpl/i/uho_hdr1_bl.gif) ;}
.hdr1 .inner { padding: 3px 10px 2px 30px;  background: url(/xtpl/i/uho_hrd1_bg.gif) no-repeat 0 50%; margin-left: -1px;  }

.grey{ border:0; background: #dadada; }
.grey .br{ background: url(/xtpl/i/uho_gr_br.gif) ; }
.grey .bl{ background: url(/xtpl/i/uho_gr_bl.gif) ;}
.grey .corner .br{ right: 0; bottom:0;   }
.grey .corner .bl{  left:0; bottom:0 }
.grey .inner { padding: 7px; }

.ingrey{ background: #fff; border: 1px solid #d1d1d1; }
.ingrey .tl{ background: url(/xtpl/i/uho_in_tl.gif); }
.ingrey .tr{ background: url(/xtpl/i/uho_in_tr.gif); }
.ingrey .br{ background: url(/xtpl/i/uho_in_br.gif); right: -1px!important ; bottom:-1px!important}
.ingrey .bl{ background: url(/xtpl/i/uho_in_bl.gif); left: -1px!important; bottom:-1px!important}
.ingrey .inner{ padding: 0; }
.ingrey ul{ margin-top: -1px;  }
.ingrey li{ border-top: 1px solid #d1d1d1; padding: 10px 10px 10px 23px; background: url(/xtpl/i/bullet.gif) no-repeat 10px 14px}

.shadow { border-bottom: 0; border-top: 0 }
.shadow .corner{background: url(/xtpl/i/uho_sh.gif) repeat-x 0 100%; height:9px }
.shadow .corner div { width: 5px; height: 9px; }
.shadow .br{ background: url(/xtpl/i/uho_sh_br.gif); bottom:0}
.shadow .bl{ background: url(/xtpl/i/uho_sh_bl.gif); bottom:0}
.shadow ul { margin-top: -1px;  }
.shadow ul ul{ margin-top: 0; }
.shadow li{ border-top: 1px solid #d1d1d1; padding: 10px 15px 12px; background: url(/xtpl/i/block_li_bg.gif) no-repeat 0 0;}
.shadow li li{ border-top: 0; padding: 5px 0 5px 15px; background: url(/xtpl/i/bullet.gif) no-repeat 0 10px}

.btm{ background: #fff; border: 1px solid #d1d1d1; }
.btm .tl{ background: url(/xtpl/i/uho_bt_tl.gif); }
.btm .tr{ background: url(/xtpl/i/uho_bt_tr.gif); }
.btm .br{ background: url(/xtpl/i/uho_bt_br.gif); right: -1px!important ; bottom:-1px!important}
.btm .bl{ background: url(/xtpl/i/uho_bt_bl.gif); left: -1px!important; bottom:-1px!important}
.btm .inner{ padding:10px 20px; }

.note .inner{ padding-bottom: 10px; position: relative; z-index: 100 }
.note li{ background: none; padding-left: 25px!important ; padding-right: 25px!important }
.note li .ico{ float: none ;  margin-left: 0; margin-bottom: 7px }
.box .uho { border-top: 1px solid #c6c7c7; background: none; height: 25px;  }
.box .uho .tl{ background: url(i/uho_tl.gif) ;  left:-1px; top: -1px; width: 5px; height: 5px;  }
.box .uho .tr{ background: url(i/note_uho.gif) ; right: -1px; top: -1px; width: 70px; height: 70px; }
/* msg */

.msg{ font-size: 12px; line-height: 130%; border-bottom: 5px solid #e9e8e8; padding-bottom: 1px}
.msg .date{ margin-bottom: 20px;  background: url(/xtpl/i/pp.gif) repeat-x bottom; padding-bottom: 10px}
.msg .ico{ margin-bottom: 20px; }
.msg .table{ width: 100%; clear:both; overflow:auto; }
.msg .table th{ padding: 3px 10px;  font-size: 11px; border-bottom: 3px solid #D1D1D1; color: #363636; font-weight:bold }
.msg .table td{ padding: 5px 10px;  border-bottom: 1px solid #D6D6C5; font-size: 11px }
.msg h2, .msg h3, .msg h4, .msg h5, .msg h6, .msg ul, .msg ol, .msg table{margin: 10px 0; }
.msg p{ margin-bottom: 10px; }
.msg .h1{ font-family: Tahoma, Arial, Helvetica, sans-serif;   margin-bottom: 10px; color: #CC3333; font-weight: normal; line-height: 24px; }
.msg h1{ font-size: 20px; line-height: 120%; /*text-transform: uppercase;*/ }
.msg h2{ font-size: 20px; }
.msg h3{ font-size: 18px; }
.msg h4{ font-size: 14px; }
.msg h5{ font-size: 12px; }
.msg h6{ font-size: 11px; }
.msg li{ background: url(/xtpl/i/li.gif) no-repeat 0 8px; margin-bottom: 5px; padding-left: 25px}
html:first-child .msg li{ display: table}/* only for opera */
.msg blockquote{ background: #F7F7F3; padding: 20px; border-left: 3px solid #CC3333; clear:both}


/* Bottom */
.bm{ clear:both; float: left;  }
.bm ul{ overflow: hidden; margin-top: 5px }
.bm li{ float:left; font-size: 11px; border-left: 1px solid #000; margin-left: -15px; padding: 0 30px 0 15px; }
.bm li, .bm li a{ color: #000; }
.bm li a:hover{ color: #CC3333; }
#bottom {padding: 30px 0 50px; clear:both; width: 100% ; float:left; background: #f2f2f2; font-size: 11px; color: #666666;}
#bottom .search { float: right; width: 250px; margin-bottom: 0;  }
#bottom .search div{ margin: 0; }
#bottom .search input{ width: 200px;  }
#counts{ float: left;  width: 50% ; }
#counts img{ float: left; margin-right: 5px; }
#copy{ float: right; width: 40% ; text-align: right}



/* paginator */
.pages{  text-align: center; margin-bottom: 20px }
.paginator{ margin-bottom: 10px; }
.pages a, .pages span.page{ font-size: 11px; background: #fff; border: 1px solid #ddd; padding: 2px 6px; text-decoration: none; }
.pages a:hover{ color: #fff; background: #336699; text-decoration: none!important }
.pages .arrow:hover{ background: #fff; }
.pages span.page{ border: 1px solid #fff; color: #CC3333; font-weight: bold; padding: 2px 4px;   }
.pages .arrow{ font-size: 11px;  padding: 2px 0px;  border: 1px solid #fff;}
.pages .results { font-size: 11px; color: #A1A1A1; }
.pages .prev{ margin-right: 8px; }
.pages .next{ margin-left: 8px; }
.pages span.arrow



/* forma */
.forma span{ color:red; font-weight: bold;  font-size: 12px}
.w100{ width: 100%; }
.forma textarea{ height: 150px; }
.forma input[type="checkbox"], .forma input[type="radio"]{ margin-bottom: -2px; }
.forma small{ font-size: 11px; color: #336699; display:block;  margin-top: 3px}
.forma input{ height: 16px; padding: 3px 0 ;  }
.forma td, .forma label, .forma input, .forma select, .forma textarea{ font-size: 11px; color: #000; }
.forma td{ width: 50%; text-align: left ; background: url(/xtpl/i/pp.gif) repeat-x bottom; padding: 10px 20px; vertical-align: top}
.forma th{  color: #000;  background: #e9e8e8; padding: 3px 20px;  font-weight: bold; text-align: left }

.forma li { margin-bottom: 10px; }
.forma li input{ float: left; margin-right: 7px}
.forma li label{ display: table; _height: 0; zoom: 1; }

.forma .send input{ margin: 0 10px 5px 0; height: 26px;  padding: 0 10px 3px }
.forma .send{ background: #efefef; padding: 10px; text-align: center;  }
.btn{  font-size: 11px; border: 1px solid #C6C7C7; background: #efefef url(/xtpl/i/btn_bg.gif) repeat-x left top;  text-align: center!important  }

.warning{ color: #E11E2E; padding: 20px 20px 20px 50px; border: 1px solid #E11E2E; margin-bottom: 20px; background: url(/xtpl/i/warning.gif) no-repeat 20px 20px}




.txt{

	display:table!important; _height:0; zoom: 1;

}

.forma textarea.w100{ *width: 250px; }

/* lukin 2009-07-24 S10#6660 */
.paginator { line-height:25px; }

.msglist div.listdate, .msglist div.listtxt { display:inline; }
/**/
/* fix for S10#6598.1, also requires to remove one <br> from html . No valuable task to fix it
.msglist div.listdate, .msglist div.listtxt { display:block; }
.msglist div.listdate { float:left; }
.msglist div.listtxt { margin-left: 6.5em; }
/**/