.orang{ background-color:#ea4412!important;}
.redssil{
  color:  #8e140f!important;
}
.explication {

    width: 16em !important;

}#ji_form .fields {


margin-left: 20px;

}
#ji_form .field input.custom.ui-autocomplete-input {
float: left !important;
}
.main FIELDSET {


    width: 90% !important;

}<p>/**** author - raduga http://mambasana.ru ***/ BODY, HTML { padding: 0; margin: 0; margin-bottom: 10px; } #body_bg { background: #FFFFFF url(../images/bg_top.gif) repeat-x top left; text-align: center; margin-top: 2px;} .main { text-align: left; width: 100%; margin: 0; padding: 0; } .mod { background: none; width: 3px; margin: 0; padding: 0; } TD, TR, P, DIV { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: justify; } HR { color: #999999; height: 1px; width: 100%; } FORM { margin: 0; padding: 0; } IMG { border: 0 none #000000; } .leftrow { width: 220px; height: 100%; margin-right: 0; background: #FFF; } .rightrow { height: 100%; width: 220px; margin-left: 0; background: #FFF; } #logo { font-size: 20pt; font-family: Helvetica; font-style: italic; } #imglogo { border: 0; width: 125px; height: 21px; } .button { font-size: 11px; color: #333333; border: 1px solid #B4C1D1; margin: 3px; background-color: #EAECEE; padding: 2px !important; padding: 1px; cursor: pointer; } .inputbox { color: #000000; background: #FFFFFF; border: 1px solid #B4C1D1; margin: 3px; } .blog-featured H1, .blog H1 { font-size: 17px; color: #546B88; margin: 5px 0; text-align: center; } H1 { font-size: 17px; color: #546B88; margin: 5px 0; } H2 { border-bottom: 1px solid #3B5576; font-size: 14px; font-weight: bold; line-height: 16px; text-transform: uppercase; text-align: left; text-indent: 0; color: #3B5576; width: 100%; padding: 1px; margin: 3px 0px; } H3 { font-size: 16px; color: #3B5576; margin: 5px 0; } A:link, A:visited { color: #4B6B94; text-decoration: none; font-weight: bold; } A:hover { color: #999999; text-decoration: none; font-weight: bold; } UL { margin: 5px 2px; padding-left: 10px; list-style: none; text-align: left!important; } LI { line-height: 15px; margin: 10px 0; background-repeat: no-repeat; background-position: 0px 5px; } OL LI { background-image: none; } DIV.date { float: right; font-size: 11px; font-weight: bold; color: #707070; width: 140px; text-align: right; } DIV.pw { float: left; width: auto; text-align: left; } .footer { font-size: 11px; font-weight: normal; padding: 20px 0 25px; border-top: 1px solid #CCCCCC; color: #4B6B94; text-align: center; } .footer P { padding: 5px 0; color: #4B6B94; text-align: center; } #footertext, #footertext P { color: #333333; } #footertext { width: 95%; margin-left: auto; margin-right: auto; } .lcol { vertical-align: top; background: #FFFFFF; padding-top: 5px; border-left: 1px solid #CCCCCC; padding-left: 3px; } .rcol { vertical-align: top; background: #FFFFFF; padding-top: 5px; border-right: 1px solid #CCCCCC; padding-right: 3px; } .foot { background: none; vertical-align: top; } TD.top1 { margin: 0; padding: 0; height: 28px !important; height: 25px; padding-top: 0px !important; padding-top: 3px; background: #FFFFFF url(../images/shadow.jpg) repeat-x top; text-align: center; } #top1 { width: 95%; margin-left: auto; margin-right: auto; } TABLE.maincontent { background: #FFFFFF; } #searchbox { margin: 0; padding: 0; margin-top: 13px; margin-left: 20px; width: 200px; font-size: 14px; color: #0f161f; padding: 2px !important; padding: 1px; border: 1px solid #3b5576; background: none; } TD.logoheader { margin: 0; padding: 0; height: 0px; width: 100%; } TD.topnav { margin: 0px; padding: 0px;  height: 42px; width: 770px; } TD.bgline { margin: 0px; padding: 0px; background: url(../images/s.gif) repeat-y; width: 7px; padding-left: 5px; } .topnav .menu { font-size: 11px; list-style: none; padding: 0; margin: 0; margin-left: 1px; } .topnav .menu LI { float: right; display: block; list-style: none; background-image: none; padding-left: 2px; padding-right: 2px; margin: 0; width: auto !important; font-size: 11px; line-height: 28px; white-space: nowrap; border-left: 1px solid #CCCCCC; } .topnav .menu LI A { padding-left: 10px; padding-right: 10px; font-size: 11px; color: #000033; text-decoration: none; } .topnav .menu LI A:hover { font-size: 11px; color: #999999; } DIV.search .inputbox { width: 120px; height: 15px; font-size: 12px; } .clear { clear: both; background: none; height: 5px; margin-left: auto; margin-right: auto; } PRE { width: 500px; overflow: auto; font-size: 12px; border: 2px solid #B4C1D1; padding: 15px; margin: 15px 0; color: #FE9A3B; } BLOCKQUOTE { width: 500px; margin: 15px 0; padding: 15px; border-top: 3px solid #ADBFCC; border-bottom: 3px solid #ADBFCC; background: #ECF0F3; color: #FE9A3B; } .highlight { background-color: #A02C27; color: #FFFFFF; padding: 0 5px; } .tm { margin: 0; padding: 0; } TD.bgnoright { margin: 0; padding: 0; background: url(../images/bg_noright.gif) repeat-y; width: 4px; } TD.bgnoleft { margin: 0; padding: 0; background: url(../images/bg_noleft.gif) repeat-y; width: 4px; } #botmod, #topmod { padding: 5px 3px; background: #EDF0F3; border: 1px solid #CCCCCC; } #mainconteiner { margin-left: auto; margin-right: auto; } /*** modules ***/ TABLE.moduletable, TABLE.moduletable_menu { margin: 0 0 2px; width: 100%; background: #F8F9FA repeat-x bottom left; padding: 0; padding-bottom: 2px; } TABLE.moduletable TH, TABLE.moduletable_menu TH { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: center; width: 100%; background: #6684aa; color: #f8f9fa; padding: 2px; line-height: 22px; border-bottom: 1px solid #D2D5D8; } TABLE.moduletable TD, TABLE.moduletable_menu TD { padding: 2px 5px 0; } .lcol TABLE.moduletable TH, .lcol TABLE.moduletable_menu TH, .rcol TABLE.moduletable TH, .rcol TABLE.moduletable_menu TH, #botmod TABLE.moduletable TH { background: #6D8DB5 url(../images/mod_lr.gif) repeat-x top left; color: #F6F7F9; } /*Main Menu*/ TABLE.moduletable_menu UL, TABLE.moduletable_menu UL LI { background-image: none; list-style: none; display: block; width: 100%; margin: 1px 0px; padding: 0; font-size: 12px; background: none; } TABLE.moduletable_menu UL LI A, TABLE.moduletable_menu UL LI A:link, TABLE.moduletable_menu UL LI A:visited { display: block; font-size: 12px; border: 0px solid #B4C1D1; background-color: #ECF0F3; font-weight: normal; padding: 2px 0; color: #666666; font-weight: normal; padding-left: 10px; } TABLE.moduletable_menu UL LI A:hover { border: 0px solid #B4C1D1; background-color: #E2E5EA; font-size: 12px; font-weight: normal; color: #4B6B94; text-decoration: none; padding-left: 10px; } TABLE.moduletable_menu UL LI.active A:link, TABLE.moduletable_menu UL LI.active A:visited { color: #4B6B94; border: none; background-color: #F8F9FA; font-weight: bold; } TABLE.moduletable_menu UL LI UL LI A:link, TABLE.moduletable_menu UL LI UL LI A:visited, TABLE.moduletable_menu UL LI UL LI UL LI A:link, TABLE.moduletable_menu UL LI UL LI UL LI A:visited { display: block; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #999999; padding: 3px 1px 3px 5px; margin: 3px; text-decoration: none; padding-left: 15px; border: none; background-color: #DCDFE5; } TABLE.moduletable_menu UL LI UL LI A:hover, TABLE.moduletable_menu UL LI UL LI UL LI A:hover { background: none; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; padding-left: 15px; } TABLE.moduletable_menu UL LI.active UL LI A:link, TABLE.moduletable_menu UL LI.active UL LI A:visited { display: block; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #5377A5; padding: 3px 1px 3px 5px; margin: 3px; text-decoration: none; padding-left: 15px; border: none; background-color: #DCDFE5; } TABLE.moduletable_menu UL LI.active UL LI.current A { font-weight: bold; } TABLE.moduletable_menu UL LI.active UL LI UL LI A:link, TABLE.moduletable_menu UL LI.active UL LI UL LI A:visited { display: block; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #6284B0; padding: 3px 1px 3px 5px; margin: 3px; text-decoration: none; padding-left: 15px; border: none; background-color: #DCE4E9; } TABLE.moduletable_menu UL LI UL LI UL LI.active UL LI A:link, TABLE.moduletable_menu UL LI UL LI UL LI.active UL LI A:visited { color: #666666; border: none; background-color: #ECF0F3; font-weight: normal; } TABLE.moduletable_menu UL LI UL LI UL LI UL LI.active UL LI A:link, TABLE.moduletable_menu UL LI UL LI UL LI UL LI.active UL LI A:visited { color: #999999; background-color: #F3F7F7; } TABLE.moduletable_menu UL LI.active UL LI A:hover, TABLE.moduletable_menu UL LI.active UL LI UL LI A:hover, TABLE.moduletable_menu UL LI.active UL LI UL LI UL LI A:hover, TABLE.moduletable_menu UL LI.active UL LI UL LI UL LI UL LI A:hover { background: none; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; padding-left: 15px; } /*Tooltips*/ .tip, .tool-tip { float: left; background: #FFC; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; font-size: 12px; } .tool-title { padding: 0; margin: 0; font-size: 12px; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 12px; margin: 0; } /*System Standard Messages*/ #system-message DD.message UL { background: #C3D2E5 url(../images/system/notice-info.png) no-repeat 4px center; } #system-message DD.message UL LI { background-image: none; text-align: center; } /*System Error Messages*/ #system-message DD.error UL { color: #C00; background: #E6C0C0 url(../images/system/notice-alert.png) no-repeat 4px center; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; } #system-message DD.error UL LI { background-image: none; text-align: center; } /*System Notice Messages*/ #system-message DD.notice UL { color: #C00; background: #EFE7B8 url(../images/system/notice-note.png) no-repeat 4px center; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; } #system-message DD.notice UL LI { background-image: none; text-align: center; } /** Login **/ P#form-login-password .inputbox, P#form-login-username .inputbox { width: 120px; height: 15px; } FIELDSET.userdata { border: none; margin: 0; padding: 5px 5px 5px 10px; } FORM#login-form { color: #333333; margin: 5px 0 10px; padding: 5px; text-align: left; } FORM#login-form P { margin: 5px 0; padding: 3px 0; text-align: left; } FORM#login-form FIELDSET { border: none; margin: 0; padding: 5px 0 0; background: #ECF0F3; } FORM#login-form FIELDSET LABEL { color: #A7A7A7; } FORM#login-form FIELDSET .inputbox { color: #333333; background: none; border: 1px solid #B4C1D1; margin: 3px 0; padding-left: 3px; } FORM#login-form UL A { text-decoration: none; } FORM#login-form FIELDSET P { padding: 0 7px; margin: 5px 0 2px; } FORM#login-form FIELDSET INPUT.button { margin: 5px 0 10px 10px; } FORM#login-form UL { padding-bottom: 10px; } /***** print, pdf, mail *****/ .main UL.actions { text-align: right; padding: 0; margin: 0; } .main UL.actions LI { display: inline; margin: 0 5px; background-image: none; } .main UL.actions A { text-decoration: none; } /**** pagenav ****/ DIV.pagination { clear: both; } UL.pagenav { display: block; text-align: center; } .pagenav LI, DIV.pagination UL LI { display: inline; background-image: none; } LI.pagenav-prev { } LI.pagenav-prev A { } LI.pagenav-next { } LI.pagenav-next A { } /**** article-info ****/ DL.article-info { padding: 10px; background: #FCFCFD; font-style: italic; } DT.article-info-term { width: auto; font-weight: bold; color: #AE69AA; } /******** content *********/ DIV.category-desc, DIV.cat-items { margin: 10px 0; background: #FCFCFC; clear: both; } SPAN.item-title A { } DIV.cat-children UL LI { clear: both; } DL.article-count { margin: 5px 0; padding: 5px; background: #FCFCFD; font-style: italic; } DL.article-count DT, DL.article-count DD { display: inline; padding: 0; margin: 0; } .readmore { padding: 10px 0; } P.readmore A:link, P.readmore A:visited { color: #999999; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; background: url(../images/readon.gif) no-repeat; white-space: normal; font-weight: normal; padding: 1px 0 3px 18px; float: right; line-height: 10px; text-decoration: underline; } P.readmore A:hover { color: #4B6B94; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; background: url(../images/readon.gif) no-repeat; white-space: normal; font-weight: normal; padding: 1px 0 3px 18px; line-height: 10px; text-decoration: underline; } .item-separator { display: block; height: 15px; clear: both; } .bannergroup, .banneritem { text-align: center; } .pagenavcounter { font-size: 10px; color: #4B6B94; } .small { font-size: 10px; color: #333333; } .login-fields { margin: 10px 0; } .login-fields LABEL { width: 250px; float: left; } SELECT#ordering OPTION { line-height: 25px; } #ordering, #limit { height: 20px; } SPAN.pagination { display: block; text-align: center; } .pagination SPAN { padding: 2px; } .pagination A { padding: 2px; } A.pagination:link, A.pagination:visited { font-size: 11px; color: #999999; text-decoration: none; } A.pagination:hover { font-size: 11px; color: #4B6B94; text-decoration: none; } #article-index { display: block; float: right; border: 1px solid #B4C1D1; background: #ECF0F3; padding: 5px; margin: 0 10px 10px; } UL.weblinks LI { line-height: 30px; background: #E7EAEC url(../images/mod.gif) repeat-x top left; } SELECT.inputbox { padding: 0px; font-size: 11px; } LEGEND { color: #3E536E; } .ordering-box .inputbox, .filter-search .inputbox { } .filter-search BUTTON { } .filter-search { padding: 5px; } /*#################### tables ############################*/ TABLE.contenttoc { display: block; float: right; border: 1px solid #DCDCDC; border-bottom: none; background: #F1F1F1; padding: 0; margin-left: 10px; margin-bottom: 5px; } TABLE.contenttoc TH { margin: 0; padding: 2px; background: url(../images/mod_lr.gif) repeat-x top left; color: #F6F7F9; text-align: center; } TABLE.contenttoc TD { margin: 0; padding: 3px 4px; border-bottom: 1px solid #DCDCDC; background-image: url(../images/strelka.gif); background-repeat: no-repeat; background-position: 4px 9px; } TABLE.contenttoc TD A:link, TABLE.contenttoc TD A:visited { padding-left: 12px !important; padding-left: 0; text-indent: 12px; text-decoration: none; } TABLE { border-collapse: collapse; } TABLE.weblinks, TABLE.category { margin: 10px 0; width: 100%; border: 1px solid #B4C1D1; } TABLE.weblinks TD { border-collapse: collapse; } TABLE.weblinks TD, TABLE.category TD { padding: 7px; border: 1px solid #B4C1D1; } TABLE.weblinks TH, TABLE.category TH { padding: 7px; text-align: left; background: #E7EAEC url(../images/mod.gif) repeat-x top left; } TD.list-title { background: #ECF0F3; } TD.createdby { background: #FCFCFC; } TD.list-hits { background: #F4F5F6; } FIELDSET { margin-bottom: 10px; background: #ECF0F3; border: 1px solid #B4C1D1; } UL#archive-items LI { background-image: none; } UL#archive-items LI DIV UL LI { background-image: url(../images/strelka.gif); background-repeat: no-repeat; background-position: 0px 5px; } .cat-items { clear: both; } /*** contact ***/ .contact H3 { margin: 20px 0; } .form-required { font-weight: bold; margin: 10px 0; } .contact-email LABEL { width: 250px; float: left; } .contact-email .inputbox { background: #F8F9FA url(../images/mod_bottom.gif) repeat-x bottom left; border: 1px solid #B4C1D1; padding: 3px; } #contact-formname, #contact-email, #contact-subject, #contact-text { width: 345px; } .contact-image, .contact-position, .contact-address, .contact-contactinfo, .contact-miscinfo { margin: 10px 0; } /*** contact slider ***/ .panel { border: 1px solid #B4C1D1; margin-top: 10px; } .contact .panel H3 { margin: 0; padding: 0; background: #ECF0F3; } .panel H3 A { display: block; padding: 6px; text-decoration: none; color: #3B5576; padding: 6px; } .panel H3.pane-toggler A { background: #ECF0F3 url(../images/plus.png) no-repeat 99% 50%; } .panel H3.pane-toggler-down A { background: #ECF0F3 url(../images/minus.png) no-repeat 99% 50%; border-bottom: 1px solid #B4C1D1; } .pane-slider { border: 0px solid #000000; padding: 0px 10px !important; margin: 0; } /*.pane-slider content*/ #INVALID-RULE { } .panel .contact-form, .panel .contact-miscinfo { padding: 10px; } .contact .panel .contact-form FORM, .contact .panel .contact-address { margin: 20px 0 0; } /****** list-row ******/ .cat-list-row0 { padding: 3px; background: #F4F5F7; } .cat-list-row1 { padding: 3px; background: #EFF1F4; } /***** blog columns *****/ .cols-1 { display: block; float: none !important; margin: 0 !important; } .cols-2 .column-1 { width: 49%; float: left; } .cols-2 .column-2 { width: 49%; float: right; margin: 0; } .cols-3 .column-1 { float: left; width: 33%; } .cols-3 .column-2 { float: left; width: 33%; padding-left: 1%; } .cols-3 .column-3 { float: right; width: 32%; } .cols-4 .column-1 { width: 24%; float: left; } .cols-4 .column-2 { width: 24%; padding-left: 1%; float: left; } .cols-4 .column-3 { width: 24%; padding-left: 1%; float: left; } .cols-4 .column-4 { width: 25%; float: right; } SPAN.row-separator { display: block; clear: both; } .blog-featured p{ text-align:justify; text-indent: 10px; line-height:17px; }</p>