/* CSS fb-template */
*{
    outline: none;
}
html, body 
{
    height: 100%;
}

html, body, ul, li, h1, h2, h3, h4,p
{
    margin:0px;
    padding:0px;
}

input
{
    outline:none;
    padding: 1px 0px;
    margin: 2px 0px;

}

textarea
{
    outline:none;
    resize:none;
}

html
{
    height:100%;
    /*width:100%;*/
}

body
{
    /* simple-text */
    font-family: PT Sans,Arial,Helvetica,Garuda,sans-serif;
    font-size: 90%; /* 11 pt*/
    font-size: 15pt; /* 11 pt*/
    color: #333333;
    background-color: #fff;
    text-align: center;
    /*width:100%;*/
    min-height:100%;
}

.beta{
    padding: 10px;
    text-align: center;
    background: #efefef;
    color: #5a5a5a;
    box-shadow: inset 0 30px 20px -15px #ffffff, 0 0px 10px -5px #000000;
    text-shadow: 1px 0px 0 #ffffff, 0px 1px 0 #ffffff, -1px -0px 0 #cdcdcd, 0px -1px #cdcdcd;
    border: 1px #cdcdcd solid;
    position: relative;
    z-index: 100;
    font-size: 11pt;
}

img
{
    border: none;
}

a,a:visited
{
    color:#484848;
}

a:hover
{
    color:#1d85c7;
}

p
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#panel
{
    min-width: 1200px;
}

.width-border
{
    width:1200px;
    display:inline-block;
}

.clear
{
    clear: both;
}

#main-wrapper
{
    min-width:1200px;
    text-align:center;
    width:100%;
    /* Kazakov Нужно поправить */
    /*overflow-y: hidden;*/
    min-height: 100%;
}

#header
{
    height:135px;
    width:1200px;
    display:inline-block;
}

#header div
{
    padding:1px;
}

#logo-img
{
    float:left;
    margin-left:40px;
}

#logo-text
{
    margin-top:35px;
}

#header-buttons
{
    float:right;
    margin-right:50px;
    margin-top:20px;
}

#header-buttons .buttons
{
    width:220px;
    margin-bottom:10px;
    padding-top:6px;
}

#header-reg a, #header-reg a:hover, #header-reg a:visited
{
    color:#535353;
}

#main-menu
{
    margin-top:20px;
    height:40px;
    background-image: url('img/main-menu-bg.png');

}

#main-menu ul
{
    float:left;
    margin-left:40px;
}

/* Обычный пункт главного меню */
.main-menu-element
{
    display:inline-block;
    font-size:12.5pt;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    height: 35px;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 6px;
    margin: 2px 5px 0 0;
}

.main-menu-element a
{
    text-decoration: none;
    line-height: 35px;
    display:inline-block;
    /* Тиснение */
    color:#535353;
    text-shadow: rgba(255,255,255,0.5) 1px 2px 2px;
}

/* При наведении на пункты главного меню */    
.main-menu-element:hover
{
    box-shadow: 0px 2px 8px #84a6ae;
    background-image: url('img/green.png');
    border-left: 2px #67af60 solid;
    border-right: 2px #67af60 solid;
    padding: 0 4px;
}

.main-menu-element:hover a
{
    color: #125113;
}

.main-menu-element.other:hover
{
    background: none;
    height: 41px;
    border: none;
    box-shadow: none;
    padding: 0 6px;
}

/* Поле поиска */
#search-wrapper
{
    float:right;
    height:26px;
    background:white;
    border-radius: 5px;
    border: 1px solid #b4b4b4;
    width:250px;
    margin-left:40px;
    margin-right:40px;
    margin-top:6px;
}

#search-wrapper input[type="text"]
{
    background: transparent;
}

#search-field
{
    border:none !important;
    height:24px;
    width:220px;
    margin-left:2px;
    color:#535353;
}

.search-field
{
    border:none !important;
    height:22px;
    width:220px;
    margin-left:1px;
    color:#535353;
}

#search-button
{
    width:12px;
    height:12px;
    display: inline-block;
    background:url('img/search.png');
    float:right;
    margin-top:8px;
    margin-right:8px;
    cursor:pointer;
}

#main-banner
{
    height:305px;
    background:url('img/main-banner-bg.png');
    margin: 0 0 40px 0;
}

#main-banner a
{
    outline: none;
}

#main-banner .bander-element
{
    display: inline-block;
    vertical-align: top;
    background: url(img/bander-areol.png) no-repeat 50% 0;
    width: 283px;
    height: 235px;
    padding: 70px 0 0 0;
}

#main-banner .title
{
    text-align: left;
    position: absolute;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 1px 1px 2px #2a77a0;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    font-size: 1.1em;
    margin: 20px 0 0 50px;
}

#main-banner .bander-element .bander-text
{
    color: #1b6984;
    text-shadow: 1px 0 1px #ffffff;
}

#main-banner .bander-element .bander-img
{
    background: url(img/bander-shadow.png) no-repeat 50% 100%;
    height: 150px;
}

#main-banner .arrow
{
    width: 40px;
    height: 28px;
    background: url(img/bander-arrow.png) no-repeat 0 0;
    position: absolute;
}

#main-banner .arrow-1
{
    margin: 120px 0 0 280px;
}

#main-banner .arrow-2
{
    margin: 120px 0 0 580px;
}

#main-banner .arrow-3
{
    margin: 120px 0 0 870px;
}

#big-button-container
{
    background: url(img/big-button-container.png) no-repeat 0 0;
    position: relative; /*absolute;*/
    /*margin: -30px 0 0 20px;*/
    top: -36px;
    left: 20px;
    width: 300px;
}

#big-button-container .big-button
{
    position: relative;
    top: 5px;
    background: url(img/big-button-green.png) repeat-x 0 0;
    padding: 17px 0 0 0;
    height: 38px;
    margin: 6px 31px 0 31px;
    border-left: 2px #77d86b solid;
    border-right: 2px #77d86b solid;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    font-size: 0.9em;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    text-shadow: 0px 2px 1px #27803d;
    box-shadow: 0 3px 3px #c0c0c0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#big-button-container .big-button:hover
{
    text-shadow: 0px 0px 5px #ffffff;
    background: url(img/big-button-green.png) repeat-x 0 100%;
}

#big-button-container .big-button:active
{
    margin: 7px 30px 0 32px;
}

#center-wrapper
{
    margin-top:20px;
}

#goals-wrapper
{
    float:left;
    margin-left:40px;
    width:300px;
    text-align:left;
}

#goals-wrapper h1
{
    margin-bottom:20px;
}

.goal-wrapper
{
    margin-bottom:15px;
}

.goal
{
    font-size:0.75em;
    text-align:left;
    margin-left:40px;
}

.goal-counter
{
    background:url('img/goal-counter.png');
    background-position: center center;
    background-repeat: no-repeat;   
    width:24px;
    height:25px;
    color:white;
    font-size:13pt;
    text-shadow: 0px 1px 2px #333;
    padding-top:3px;
    text-align: center;
    float:left;

}

.goal-counter-1
{
    background-image: url(img/goal-counter-1.png); 
}

.goal-counter-2
{
    background-image: url(img/goal-counter-2.png);
}

.goal-counter-3
{
    background-image: url(img/goal-counter-3.png);
}

.goal-counter-4
{
    background-image: url(img/goal-counter-4.png);
}

#steps-wrapper
{
    /*margin-left:400px;*/
    text-align: left;
    margin-top:10px;
}

#steps-wrapper h1
{
    margin-bottom:20px;
    margin-left:20px;
}

#steps-bander
{
    display:inline-block;
    /*width:49%;*/
}

#steps-text
{
    display:inline-block;
    /*width:49%;*/
    vertical-align: top;
    text-align: left;
}

#steps-text h1
{
    margin-left:65px;
}

.step-wrapper
{
    margin-top:20px;
    height:75px;
}

.step-counter
{
    background:url('img/big-grey-goal-counter.png');
    background-position: center center;
    background-repeat: no-repeat;   
    width:53px;
    height:57px;
    color:white;
    font-size:26pt;
    text-shadow: 0px 1px 2px #333;
    padding-top:13px;
    text-align: center;
    float:left;
    cursor:pointer;
}

.step-counter.blue
{
    background:url('img/big-goal-counter.png');
    background-position: center center;
    background-repeat: no-repeat;  

}

.step-text
{
    width:80%;
    margin-left:70px;
    font-size:0.6em;
}

.step-text, .step-text a
{
    color:#6d6d6d;
}

#steps-wrapper .step-wrapper h1
{
    margin-bottom: 5px;
    margin-left:70px;
}

#info-wrapper
{
    clear: both;
    background: #fdf9e5;
    border-top:13px solid #e9e4c4;
    /*border-bottom:13px solid #e9e4c4;*/
    margin-top:20px;
    padding-top:10px;
    text-align: center;
}

#info-wrapper p
{
    font-size:0.6em;
}

#last-requests-wrapper
{
    display:inline-block;
    padding-left:20px;
    vertical-align: top;
    width:350px;
}

.last-request-wrapper
{
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ceceb9;
    padding-bottom:5px;
}

.last-request-footer
{
    height:20px;
    margin-top:10px;
}

.last-request-footer .small-buttons
{
    float:right;
}

#last-comments-wrapper
{
    display:inline-block;
    vertical-align: top;
    padding-left:40px;
    width:350px;
}

.last-comment-wrapper
{
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ceceb9;
    padding-bottom:5px;
}

.last-comments-wrapper p, .last-comments-wrapper p a
{
    color: #535353;
}

#statistics-wrapper
{
    display:inline-block;
    vertical-align: top;
    padding-left:40px;
    width:350px;
}
#statistics-wrapper .count{
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    font-size: 0.9em;
}

#statistic-chart-wait{
    margin: 20px 0;
}

#statistics-wrapper p
{
    margin: 10px 0 0 0;
}

#pusher
{
    height: 114px;
}

#footer
{
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f2f2f2;
    font-size:10pt;
    border-top: 1px #ededed solid;
    margin-top: -84px;
    min-width: 1200px;
}

#footer, #footer a
{
    color:#808080;
}

#pusher.index
{
    height: 83px;
}

#footer.index
{
    background: #ffffff;
    border-top: none;
    margin-top: -83px;
}  

#footer .width-border
{
    vertical-align: middle;
//    line-height: 23px;
}

#footer div
{
    display:inline-block;
}

#footer .small-buttons
{
    margin: 1px auto 0 auto;
    white-space: nowrap;
}

#footer .copyright
{
    float:left;
    line-height: 23px;
    margin-left: 40px;
}

#footer .openregion{
    float: right;
    margin: -5px 40px 0 180px;
}

#footer .soc-icons
{
    float: right;
}

#footer .soc-icons .fb, #footer .soc-icons .vk, #footer .soc-icons .tw
{
    width: 23px;
    height: 23px;
    margin: 0 0 0 8px;
    display: block;
    float: left;
}

#footer .soc-icons .fb
{
    background: url(img/facebook_icon.png) no-repeat 50% 0;
}

#footer .soc-icons .vk
{
    background: url(img/vk_icon.png) no-repeat 50% 0;
}

#footer .soc-icons .tw
{
    background: url(img/twitter_icon.png) no-repeat 50% 0;
}

#footer .soc-icons .fb:hover
{
    background: url(img/facebook_icon.png) no-repeat 50% 100%;
}

#footer .soc-icons .vk:hover
{
    background: url(img/vk_icon.png) no-repeat 50% 100%;
}

#footer .soc-icons .tw:hover
{
    background: url(img/twitter_icon.png) no-repeat 50% 100%;
}

/* Kazakov N. основной стиль центральной части сайта*/    
.content-box
{
    font-size:0.8em;
    font-size:13pt; /* KAzakov*/
}

/* Хлебные крошки */
#breadcrumb-top
{
    font-size:10pt;
    background:#f1f1f1;
    height:30px;
    padding-top:10px;
    text-align: left;
    margin-bottom: 20px;
}

/* Стилизованные кнопки */    
.buttons
{
    text-transform: uppercase;
    cursor:pointer;
    display:inline-block;
    border-radius: 7px;
    height:28px;
    padding-top:5px;
    padding-left: 5px;
    padding-right: 5px;
    background-repeat: repeat-x;
    box-shadow: 0 3px 3px #c0c0c0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:white !important;
    font-size:12pt;
    text-decoration: none;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    font-weight:bold;
}

.buttons:hover
{
    background-position: 0 100%;
}

.buttons a
{
    color:white !important;
    font-size:12pt;
    text-decoration: none;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    font-weight:bold;
}

.buttons a:hover
{
    text-shadow: 2px 2px 5px #ccc;
}

.buttons.blue
{
    background-image: url('img/blue.png');
    border-left: 2px solid #5fb0e7;
    border-right: 2px solid #5fb0e7;
    text-shadow: 0px 2px 1px #2a5fac;
}

.buttons.green
{
    background-image: url('img/green.png');
    border-left: 2px solid #59C053;
    border-right: 2px solid #59C053;
    text-shadow: 0px 2px 1px #27803d;
}

.buttons.grey
{
    background-image: url('img/grey.png');
    text-shadow: 0px 3px 2px #333;
}

.buttons.blue:hover,.buttons.green:hover,.buttons.grey:hover
{
    text-shadow: 2px 2px 5px #ccc;
}

.disabled-button{
    cursor:default;
    text-shadow: none !important;
    box-shadow: none !important;
    background-color: rgb(226, 226, 226) !important;
    background-image: none !important;
}

.small-buttons.request-form-submit
{
    color: white !important;
    font-size: 9pt;
    text-decoration: none;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    font-weight: bold;
    outline: none;
}

.small-buttons.request-form-submit:hover
{
    text-shadow: 1px 1px 3px white !important;
}

/* Стили заголовков */    
h1
{
    color:#535353;
    font-size:1.2em;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
}

h1.blue-title
{
    color:#1d84c6;
}

h2
{
    color:#535353;
    font-size:0.9em;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
}

h2 a
{
    color:#535353;
}

/* Вспомогательные классы */
.hide
{
    display:none;
}

a.tooltip
{
    text-decoration: none;
    border-bottom:1px dotted #333;
    color:#333;
}

a.tooltip:hover
{
    border-bottom:1px dotted #1d85c7;
    color:#1d85c7;
}

.text-p
{
    text-indent: 25px;
    padding-bottom:10px;
}

.indent
{
    text-indent: 25px;
}


.commetn-pic
{
    height:20px;
    background:url('img/comment.png');
    background-position: left center;
    background-repeat: no-repeat;
    float:left;
    font-size:0.6em;
    color:#42a2fa;
    padding-left:30px;
    padding-right:20px;

}

/* Pop-Up окна */
#popup-dialog-overlay
{
    background:#333;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    z-index: 1000;
    display:none;
}

/* Стили личного кабинета */       
#profile-wrapper
{
    margin-left:50px;
    margin-right:40px;
}

#profile-menu
{
    margin: 0 0 20px -10px;
    font-weight: bold;
    font-size: 10pt;
}

#profile-menu > li
{
    display: inline-block;
    padding: 10px;
    position: relative;
    vertical-align: top;
    margin-right: 20px;
}

#profile-menu > li span
{
    width: 190px;
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    padding: 9px 9px 0 9px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    z-index: 2;
    box-shadow: 0 0 8px 1px #b4b4b4; 
    display: none;
    border: 1px solid #484848;
}

#profile-menu > li ul li
{ 
    font-weight: normal;
    margin-bottom: 10px;
    list-style: none;
}

#profile-menu > li ul li:first-child
{
    font-weight: bold;
}

#profile-menu a
{
    text-decoration:none;
    border-bottom:1px dotted #ccc;
}

#profile-menu a.hover
{
    border-bottom:1px solid #333;
}

#profile-menu a:hover
{
    border-bottom:1px solid #1d85c7;
}           

/* Стили поиска */    
#search-content
{
    margin-left:50px;
    margin-right:40px;
    margin-top:20px;
}

/* Стили форума */
#forum-content
{
    margin-left:50px;
    margin-right:40px;
    margin-top:20px;
}

/* Стили графиков, статистики */
.pie-chart
{
    height:500px;
    width:350px;
    float:left;
    margin-left:20px;
}

#request h2, #documents h2, .moder-request-heading, #moder-detail h2 
{
    color: #484848;
    font-weight: normal;
    font-size: 16pt;
    line-height: 22pt;
    margin: 0 0 5px 0;
}

#documents h2
{
    font-size: 13pt;
}

#request h2 a, #documents h2 a 
{
    color: #484848;
}

#request h2 a:hover, #documents h2 a:hover
{
    color: #1d85c7;
}

#documents .section, #documents .date
{
    vertical-align: middle;
}

#request h3, #documents h3, #request-list h3, #profile-content h3
{
    color: #969696;
    font-size: 12pt;
    line-height: 30pt;
    font-weight: normal;
}

#request-list
{
    width: 810px;
    min-height: 600px;
    float: left;
    text-align: left;
}

#request-list #request-not-found
{
    font-size: 12pt;
    text-align: center;
    /*color: #ff0000;*/
}

#request-list .item 
{
    border-top: 1px #e2e2e2 solid;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

#request-list .item:first-child 
{
    border-top: none !important;
    padding: 0;
    margin: 0;
}

#request-list .item .preview
{
    width: 540px;
    float: left;
    margin-right: 40px;
}

#request-list .item .preview .date, #request-list .item .preview .theme,
#request-detail .detail .date, #request-detail .detail .theme, #moder-detail .date,
#al-answers-wrapper .date
{
    font-size: 10pt;
    color: #a39f9f;
    font-style: italic;
    margin: 0 15px 0 0;
}

#request-list .item .preview .text,
#request-detail .detail .text,
#request .reviews-block-container .reviews-text,
#moder-detail
{
    color: #434343;
    font-size: 10pt;
    line-height: 12pt;
    text-align: justify;
    margin: 5px 0 0 0;
    word-wrap: break-word;
}

#moder-detail
{
    margin-left: 157px;
}

#request-list .item .preview .panel, #request-list .item .preview .panel a,
#request-detail .detail .panel, #request-detail .detail .panel a
{
    color: #42a2fa;
    font-size: 10pt;
    text-decoration: none;
}

#request-list .item .preview .panel, #request-detail .detail .panel
{
    margin: 20px 0;
}

#request-list .item .preview .panel a:hover,
#request-detail .detail .panel a:hover
{
    text-decoration: underline;
}

#request-list .item .preview .panel .share-buttons
{
    display: none;
    background: #ffffff;
    border: 1px #cdcdcd solid;
    text-align: left;
    padding: 5px 10px;
    margin: -70px 0 0 345px;
    position: absolute;
    width: 155px;
    box-shadow: 2px 2px 5px #cdcdcd;
}
.share-buttons--myrequest{
    margin: -70px 0 0 505px !important;
}

#request-list .item .preview .panel .comments,
#request-detail .detail .panel .comments
{
    background: url( img/comment.png) no-repeat 0 50%;
    color: #42a2fa;
    font-size: 10pt;
    padding: 9px 0 0 30px;
    margin:0 15px 0 0;
    height: 25px;
    float: left;
}

#request-list .item .preview .panel .like, #request-list .item .preview .panel .dislike,
#request-list .item .preview .panel .like-count, #request-list .item .preview .panel .dislike-count,
#request-detail .detail .panel .like, #request-detail .detail .panel .dislike,
#request-detail .detail .panel .like-count, #request-detail .detail .panel .dislike-count
{
    display: block;
    padding: 9px 0 0 0;
    height: 25px;
    min-width: 25px;
    margin: 0 0 0 5px;
    float: left;
    color: #42a2fa;
    font-size: 10pt;
}

#request-list .item .preview .panel .like,
#request-detail .detail .panel .like
{
    background: url(img/like.png) no-repeat 0 0;
}

#request-list .item .preview .panel .dislike,
#request-detail .detail .panel .dislike
{
    background: url(img/like.png) no-repeat 100% 0;
}

#request-list .item .preview .panel .share, #request-list .item .preview .panel .more,
#request-detail .detail .panel .share
{
    float: right;
    padding: 9px 0 0 0;
    height: 25px;
    margin: 0 0 0 5px;
}

#request-detail .detail .theme
{
    width: 650px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

#request-list .item .info
{
    font-size: 10pt;
    line-height: 12pt;
    color: #535353;
}

#request-list .item > .info
{
    margin-left: 580px;
}

#request-list .item .info span.value, #request-list .item .info span.value a,
#request-detail .info span.value, #request-detail .info span.value a,
#documents .document-list .item .section .value, #documents .document-list .item .date .value,
#documents .document-list .item .section .value a, #documents .document-list .item .date .value a,
#documents .document-detail .section .value, #documents .document-detail .date .value,
#documents .document-detail .section .value a, #documents .document-detail .date .value a,
#moder-detail span.value, #moder-detail span.value a 
{
    color: #299afa;
}

#request-list .item .info span.value.red, #request-list .item .info span.value a.red,
#request-detail .info span.value.red, #request-detail .info span.value a.red,
#documents .document-list .item .section .value.red, #documents .document-list .item .date .value.red,
#documents .document-list .item .section .value a.red, #documents .document-list .item .date .value a.red,
#documents .document-detail .section .value.red, #documents .document-detail .date .value.red,
#documents .document-detail .section .value a.red, #documents .document-detail .date .value a.red
{
    color: #ff0000;
}

#request-list .item .info span.value.green, #request-list .item .info span.value a.green,
#request-detail .info span.value.green, #request-detail .info span.value a.green,
#documents .document-list .item .section .value.green, #documents .document-list .item .date .value.green,
#documents .document-list .item .section .value a.green, #documents .document-list .item .date .value a.green,
#documents .document-detail .section .value.green, #documents .document-detail .date .value.green,
#documents .document-detail .section .value a.green, #documents .document-detail .date .value a.green
{
    color: #35b354;
}

#request-list .item .preview .theme
{
    display: inline-block;
    width: 430px;
    vertical-align: top;
    margin-top: 2px;
}

.myrequest #request-list .item .preview .theme
{
    margin-top: 3px;
    width: 600px;
}

#request-filter
{
    width: 270px;
    min-height: 400px;
    margin: 0 90px 0 0;
    text-align: left;
    float: right;
}
#profile-content #request-filter
{
    margin: 0;
}


#request-filter label, .document-filter label
{
    display: block;
    color: #484848;
    font-size: 10pt;
    font-weight: normal;
    margin-bottom: 0;
}

#request-filter input[type=text], #request-filter div.input, .document-filter input[type=text], 
.mfeedback input[type=text], .mfeedback textarea
{
    width: 255px;
    margin: 5px 0 15px 0;
    border: 1px #b4b4b4 solid;
    background: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 10pt;
    color: #777777;
    padding: 2px 6px;
    box-shadow: inset 2px 2px 5px #cdcdcd;
}

#request-filter input[type=text]:focus, #request-filter div.input:focus, .document-filter input[type=text]:focus{
    color: #484848;
    box-shadow: inset 2px 2px 5px #dcdcdc;
    border: 1px #a4a4a4 solid;
}

#request-filter div.input
{
    text-align: center;
}

#request-filter div.input input.date
{
    background: transparent !important;
    box-shadow: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: 1px #cdcdcd dotted !important;
    width: 80px !important;
    padding: 0 !important;
    margin: 0 10px !important;
    text-align: center;
}

#request-filter div.input a.remove
{
    display: inline-block;
    background: url(img/cross.png) no-repeat 50% 50%;
    width: 14px;
    height: 12px;
    margin: 2px 0 0 0;
}

.select
{
    width: 255px;
    margin: 5px 0 15px 0;
    border: 1px #b4b4b4 solid;
    background: #ffffff url(img/select.png) no-repeat 100% 50%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 10pt;
    color: #777777;
    padding: 2px 6px;
    box-shadow: inset 2px 2px 5px #cdcdcd;
    height: 16px;
}

.select .current
{
    cursor: pointer;
    height: 18px;
    padding: 0 20px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.select ul
{
    display: none;
    list-style-type: none;
    border: 1px #b4b4b4 solid;
    width: 257px;
    max-height: 260px;
    overflow-y: scroll;
    background: #ffffff;
    padding: 5px;
    margin: 0 0 0 -7px;
    position: absolute;
}

.select ul li
{
    outline: none;
    cursor: pointer;
}

.select ul li:hover, .select ul li.selected
{
    color: #ffffff;
    background: #76bdff;
}

/* Селект у модератора */
#government-select.select{
    width:308px;
    margin:0px;
    height:23px;
    box-shadow:none;
}
#government-select.select .current{
    margin-top:4px;
}
#government-select.select ul{
    margin-top:3px;
    width:308px;
}

#request-filter .submit, .document-filter .submit
{
    text-align: right;
    margin: 15px 0 0 0;
}

.small-buttons
{
    display:inline-block;
    border-radius: 3px;
    height:17px;
    padding:1px 5px 0px 5px;
    box-shadow: 0px 3px 8px #ccc;
    background-position: 0 50%;
    background-repeat: repeat-x;  
    /* Default small button style */
    background-image: url("img/blue-button-small.png");
    border-left: 1px #62b3fd solid;
    border-right: 1px #62b3fd solid;
    border-top: 1px #91cafd solid;
    border-bottom: 1px #337bbd solid;
    text-align: center;
}

.small-buttons a, .small-buttons input[type=submit], .small-buttons input[type=button], .small-buttons button
{
    color:white  !important;
    font-size: 9pt;
    text-decoration: none;
    font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;
    text-transform: uppercase;
    cursor:pointer;
    font-weight:bold;
    outline: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.small-buttons:hover *
{
    text-shadow: 1px 1px 3px #ffffff !important;
}    

.small-buttons.green
{
    background-image: url("img/green-button-small.png");
    border-left: 1px #4bc559 solid;
    border-right: 1px #4bc559 solid;
    border-top: 1px #7bd366 solid;
    border-bottom: 1px #487454 solid;
}

.small-buttons.green a
{
    text-shadow: 0 2px 2px #487454;
}

.small-buttons.grey
{
    background-image: url("img/grey-button-small.png");
    border-left: 1px #b6b6b6 solid;
    border-right: 1px #b6b6b6 solid;
    border-top: 1px #a7a7a7 solid;
    border-bottom: 1px #7e7e7e solid;
}

.small-buttons.grey a
{
    text-shadow: 0 2px 2px #7e7e7e;
}

.small-buttons.blue
{
    background-image: url("img/blue-button-small.png");
    border-left: 1px #62b3fd solid;
    border-right: 1px #62b3fd solid;
    border-top: 1px #91cafd solid;
    border-bottom: 1px #337bbd solid;
}

.small-buttons.blue a
{
    text-shadow: 0 2px 2px #337bbd;
}

.small-buttons.blue a:hover, .small-buttons.green a:hover, .small-buttons.grey a:hover 
{
    color: #ff00ff;
    text-shadow: 0 2px 2px #ffffff !important;
}

#request-detail .detail
{
    width: 810px;
    float: left;
    text-align: left;
    margin: 0 0 20px 50px;
}

#request #request-detail .detail
{
    margin: 0;
}

#request-detail .detail .panel .share-buttons
{
    display: none;
    background: #ffffff;
    border: 1px #cdcdcd solid;
    text-align: left;
    padding: 5px 10px;
    margin: -140px 0 0 650px;
    position: absolute;
    width: 130px;
    box-shadow: 2px 2px 5px #cdcdcd;
}

#request.myrequest #request-detail .detail .panel .share-buttons.share-buttons--myrequest
{
    margin: -72px 0 0 590px !important;
    width: 160px;
}

#request-detail .info
{
    width: 285px;
    float: left;
    margin: 0 0 0 40px;
    font-size: 10pt;
    line-height: 12pt;
    color: #535353;
}

#request.myrequest #request-detail .info
{
    margin-left: 0;
}

#request-detail .info .answers
{
    border-bottom: 1px #b7b7b7 solid;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

#request-detail .info .answers:last-child
{
    border-bottom: none;
}

.pagination
{
    text-align: center;
    font-size: 10pt;
}

.pagination, .pagination *
{
    color: #484848;
}

.pagination b
{
    font-size: 15pt;
    font-weight: normal;
}

.pagination a
{
    text-decoration: none;
}

.pagination a:hover
{
    text-decoration: underline;
    color: #1b1b1b;
}

.ui-datepicker
{
    font-size: 9pt !important;
}

#documents .document-list
{
    width: 810px;
    min-height: 600px;
    float: left;
    text-align: left;
    margin: 0 0 0 50px;
}

#documents .document-list .item
{
    margin: 0 0 20px 0;
    padding: 0 0 25px 0;
    border-bottom: 1px #e2e2e2 solid;
}

#documents .document-list .item:last-child
{
    border-bottom: none;
}

#documents .document-list .item .small-buttons.grey, #documents .document-detail .small-buttons.grey
{
    margin-right: 15px;
}

#documents .document-list .item .section, #documents .document-list .item .date,
#documents .document-detail .section, #documents .document-detail .date
{
    color:#484848;
    font-size: 10pt;
    margin: 0 20px 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

#documents .document-filter
{
    width: 270px;
    min-height: 400px;
    margin: 0 40px 0 0;
    text-align: left;
    float: right;
}

#documents .google-doc
{
    text-align: center;
    margin: 30px 0;
}

#documents .google-doc iframe
{
    width:1000px;
    height:800px;
}

#documents .document-detail
{
    margin: 0 50px;
}

#request.myrequest{}

#request.myrequest .preview .info
{
    width: 100%;
    float: none;
}

#request.myrequest #request-list
{
    margin: 0;
}

#request.myrequest #request-list .item .preview
{
    float: none;
    width: 700px;
}

#request.myrequest #request-filter
{
    margin: 0;
}

#request.myrequest .detail, #profile-content #request-detail .detail
{
    margin: 0 40px 20px 0;
    width: 770px;
}

#request.myrequest #request-detail .info
{
    width: 270px;
}

#request-list .item .preview .panel .like.inactive, #request-list .item .preview .panel .dislike.inactive,
#request-detail .detail .panel .like.inactive, #request-detail .detail .panel .dislike.inactive
{
    cursor: default;
}

.small-buttons a, .small-buttons a:hover
{
    text-decoration: none !important;
    font-size: 9pt !important;
}

/**/
.map
{
    width: 490px; height: 350px;
    padding:2px;
    background:#fff;
    border:1px solid #ccc;
}

#error_page_container
{
    margin-left: 50px;
}

.not_found_error_message
{
    font-size: 15pt;
}

#forum-content .forum-info-box.forum-rules .forum-info-box-inner ul li
{
    margin-left: 35px;
}

#request-filter .multiple
{
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #FFFFFF;
    border: 1px solid #B4B4B4;
    border-radius: 3px;
    box-shadow: 2px 2px 5px #CDCDCD inset;
    color: #777777;
    font-size: 10pt;
    margin: 5px 0 15px;
    padding: 2px;
}
#request-filter .multiple.big{
    height: 350px;
}
#request-filter .multiple input[type=checkbox]
{
    display: none;
}

#request-filter .multiple label
{
    display: block;
    padding: 2px 5px;
}

#request-filter .multiple input.checked+label, #request-filter .multiple input.checked+label:hover
{
    color: #ffffff;
    background: #76BDFF;
}

#request-filter .multiple input+label:hover
{
    color: #76BDFF;
}

#request-form .related
{
    position: absolute;
    z-index: 10;
    background: #ffffff;
    padding: 10px;
    box-shadow: 1px 1px 4px #666666;
    margin: 0 0 0 270px;
    width: 510px;
}

#request-form .related .title
{
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#request-form .related .requests
{
    font-size: 10pt;
}

#request-form .related .close
{
    background: url(img/close-button.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
}

#request-form .related input
{
    position: absolute;
    left: -1000px;
}

.map-columns
{
    margin-top: 30px;
}

.map-columns tr td
{
    width: 270px;
}

#reg-form .captcha-refresh, .captcha-container, #request-form-id .captcha-refresh
{
    font-weight: normal;
    font-size: 82%;
    vertical-align: middle;
}

#reg-form .refresh-icon, #request-form-id .refresh-icon
{
    vertical-align: middle;
}

.captcha-container
{
    display: inline-block;
}

#confirmRegistration_page
{
    margin-left: 50px;
}

#page-margin-wrapper
{
    margin: 0 50px;
}

#full-statistics-wrapper
{
    margin: 0 40px 0 50px;
}

#full-statistics-wrapper h2
{
    margin: 0 0 15px 0;
}

#full-statistics-wrapper .chart-wrapper
{
    display:inline-block;
    width:530px;
    margin:20px 20px 0 0;
    vertical-align:top;
}
#full-statistics-wrapper .chart-wrapper.wide
{
    width: 100% !important;
    margin: 5px 0 0 0;
}
#full-statistics-wrapper .chart-wrapper .chart
{
    display:block;
    width:530px;
    height:350px;
    border:1px #cdcdcd solid;
}
#full-statistics-wrapper .chart-wrapper.wide .chart
{
    width: 100% !important;
}
#full-statistics-wrapper .period-buttons{
    float: left;
}
#full-statistics-wrapper .type-buttons{
    float: right;
}
#full-statistics-wrapper .period-buttons a, #full-statistics-wrapper .type-buttons a{
    vertical-align: top;
    display: inline-block;
    border-top: 1px #cdcdcd solid;
    border-bottom: 1px #cdcdcd solid;
    border-right: 1px #cdcdcd solid;
    padding: 2px 10px;
    margin: 15px 0 0 0;
    font-size: 10pt;
    color: #444444;
    text-decoration: none;
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
#full-statistics-wrapper .period-buttons a:hover, #full-statistics-wrapper .type-buttons a:hover{
    background: #ffffff; /* Old browsers */
}
#full-statistics-wrapper .period-buttons a.selected, #full-statistics-wrapper .type-buttons a.selected{
    color: #444444;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #dedede 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dedede 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#full-statistics-wrapper a.prev{
    border-left: 1px #cdcdcd solid;
}
#full-statistics-wrapper a.prev i{
    display: inline-block;
    background: url(img/arrows.png) no-repeat 0 0;
    height: 16px;
    width: 16px;
}
#full-statistics-wrapper a.next i{
    display: inline-block;
    background: url(img/arrows.png) no-repeat 0 100%;
    height: 16px;
    width: 16px;
}
#full-statistics-wrapper a.week,
#full-statistics-wrapper a.current,
#full-statistics-wrapper a.all{
    margin-left: 10px;
    border-left: 1px #cdcdcd solid;
}
#full-statistics-wrapper a.line, #full-statistics-wrapper a.pie{
    border-left: 1px #cdcdcd solid;   
}
#full-statistics-wrapper a.line i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/charts.png) 0 0;
}
#full-statistics-wrapper a.bar i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/charts.png) 0 50%;
}
#full-statistics-wrapper a.pie i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/charts.png) 0 100%;
}
#full-statistics-wrapper a.link{
    display: inline-block;
    background: url(img/link-icon.png) no-repeat 100% 50%;
    font-size: 10pt;
    text-decoration: none;
    padding: 0 16px 0 0;
    float: right;
}
#full-statistics-wrapper a.link:hover{
    color: #777777;
}


/* Счетчик символов */
#char-counter-wrapper{margin-top:20px; }
#char-counter{background:#ddd; font-style: normal; font-size:12pt; color:#333;padding:5px; border-radius: 5px; margin-left:10px; margin-top:5px;}

/* agree button */
#agree-check-button{
    height: 30px;
    width: 30px;
    display:inline-block;
    border: 1px #B4B4B4 solid;
    background: white;
    border-radius: 3px;
    box-shadow: inset 2px 2px 5px #CDCDCD;
    cursor:pointer;
    float:left;
    margin-right: 15px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 1px;
}

#other-projects-layer{
    z-index: 10;
    position: absolute;
    top: 27px;
    left: 0px;
    padding-top: 15px;
    display: none;
}
#other-projects{
    background: #f5f5f5 url(img/other-projects.png) repeat-x 100% 100%;
    padding: 10px 20px;
    border: 1px #b4b4b4 solid;
    text-align: left;
    width: 200px;
    border-radius: 4px;    
}
#other-projects a{
    color: #0884b1;
    font-size: 14pt;
    text-decoration: none;
    display: block;
    padding: 4px 0;
    border-bottom: 1px #d7d7d7 solid;
    border-top: 1px #ffffff solid;
}
#other-projects a.first{ border-top: none; }
#other-projects a.last{ border-bottom: none; }
#other-projects a:hover{ color: #484848; }
div.reviews-reply-form{
    margin: 1em 0;
}
input.buttons{
    border: medium none;
    color: #FFFFFF;
    display: inline;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding: 0 10px;
}

.title-search-result{
    font-size: 10pt !important;
}
table.title-search-result td.title-search-item b{
    color: #1D85C7;
}
.main-menu-element.other{
    position: relative;
}
.banner-codes{
    height: 600px;
}
.banner-codes .column{
    vertical-align: top;
    display: inline-block;
    margin: 20px 50px 0 0;
}
.banner-codes textarea{
    width: 500px;
    height: 100px;
    padding: 3px;
    color: #323232;
    margin: 0 0 10px 0;
    display: block;
    border: 1px #cdcdcd solid;
    font-family: monospace;
}
.banner-codes input[type=radio]{
    position: absolute;
    left: -1000px;
}
.banner-codes input+label{
    background: url("img/radio.png") no-repeat 0 50%;
    display: block;
    padding: 5px 0 5px 20px;
}
.banner-codes input.checked+label{
    background: url("img/radio_active.png") no-repeat 0 50%;
}


/* Кремлевские настройки */
#kremlin-wrapper p{font-size:10pt;}
#kremlin-wrapper h2{font-size:16pt;font-family: "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;font-weight:bold;}

.kremlin-request-subtitle{
    color: #969696;
    font-size: 12pt;
    line-height: 30pt;
    font-weight: normal;
}

.kremlin-request-fact{
    border-top:1px dashed #999; font-size:10pt; padding-top:10px; margin-top:10px;
}

.kremlin-request-fact:first-child{
    border: none;
    margin-top:-10px;
}
.kremlin-request-info{color: #299afa;}


/* Казаков Н. Стили Рубрик в форме добавления петиции */
.rubrics-wrapper{margin:10px 0px 10px 10px;}
.rubrics-wrapper .rubrics-value{padding:5px; border-bottom:1px dashed #999; margin-left:10px; font-size:10pt;}
.rubrics-wrapper .rubrics-value:hover{background:#C7E4A7; cursor:pointer;}
.rubrics-wrapper .rubrics-value img{float:right; margin-left:10px;}

.tree-loader{}
.tree-switcher{float:left; width:11px; height:13px; margin-top:3px;}
.tree-switcher.open{background:url('img/tree-openrubric.png') no-repeat; cursor:pointer;}
.tree-switcher.close{background:url('img/tree-closerubric.png') no-repeat; cursor:pointer;}


.rubrics-tree{font-size:10pt;}
.rubrics-tree ul{list-style-type:none; padding-left:20px;}
.rubrics-tree li .control-buttons{display:inline-block; vertical-align: top;}
.rubrics-tree li .text{display:inline-block; width:88%;}
.rubrics-tree li > ul{display:none;}
.rubrics-tree li.open > ul{display:block;}

.autocomlete-rubric-wrapper{
    border: 1px solid #999;
    background: #FFF;
    box-shadow: 1px 1px 16px #CCC;
    padding: 10px;
    position: absolute;
    width: 488px;
    max-height: 515px; 
    overflow-y: auto;
    display:none;
    margin-left: 15px;
}
.find-rubric{padding:5px; margin-top:2px; font-size:10pt;}
.find-rubric:hover{background: #ddd; cursor:pointer}    

.rubrics-search{outline: none;padding: 4px !important;margin: 2px 0px;}
.tree-wrapper{display: inline-block;width: 524px;margin-bottom: 20px;}


/* Модерация ответов */
#al-loader{
    padding: 10px 0;
    color: #999;
    font-style: italic;
}
#al-answers-wrapper{}
#al-answers-wrapper.loading {
    opacity: .5;
}
.al-item.item:first-child{
    padding-top:10px !important;
}
.al-item{
    border-top: 1px #E2E2E2 solid;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}
.al-item.deactivate{
    opacity: 0.5;
}

.al-item .info{
    margin: 5px 0 !important;
}

#al-pagination-wrap{
    display: inline-block;
    font-size: 11pt;
    margin-left: 20px;
    color: #555;
}

.al-locked-answer{
    font-size: 11pt;
    color: #BD0000;
}