﻿/*
*  Стили использующиеся на всех страницах
*/

.br {clear: both;}

/*#div_org_header { display:block; width:100%; border-bottom: solid 1px #726E6E; margin: 0px 0px -3px 0px; }*/
#div_org_header { display:block; width:100%; border-bottom: solid 1px #726E6E; }

/* Блок основого меню */
.header {position: relative; margin: 0px; padding: 0px; background: #ddd; width: 100%; z-index: 20;}

/*#findMenu {background-color: #ccc; width: 100%; font-size: 1.5em; position: fixed; top: 0px; z-index: 10;}*/
#findMenu {background-color: #ccc; width: 100%; font-size: 1.5em; z-index: 10;}
#findMenuShadow {width: 100%; height: 41px;}

.page {min-width: 440px; background-color: #fff; margin: 0px auto 0px auto; display: none;}

.sticky {
  position: fixed; top: 0; width: 100%;
}

/*.sticky + .page {
  padding-top: 100px;
}*/

#findMenu .item {color: #797979; float: left; padding: 0px 10px; line-height: 2.1em; cursor: pointer; border-left: solid 1px transparent; border-right: solid 1px transparent; border-bottom: solid 1px #bbb; text-decoration: none;}
#findMenu .item:hover {background-color: #ddd; text-decoration: underline;}

#findMenu .active {cursor: pointer; color: black; border-left: solid 1px #bbb; border-right: solid 1px #bbb; border-bottom: solid 1px transparent;}
#findMenu .active:hover {text-decoration: underline;}
#findMenu .extra_opts {background: url('bi/default_options.png') no-repeat;}

#findMenu .iconbtn {float: left; height: 2.1em; width: 2.1em; cursor: pointer; border-bottom: solid 1px #bbb; 
                    background-position: center center; background-repeat: no-repeat; background-color: transparent;}
.iconbtn.vote {
    width: 1.75em; height: 2.1em; 
    background-image: url(img/iconfinder_like_115720.png); 
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: 1.3em;
    padding: 1px;
}

.iconbtn.voted {
    background-color: #95DDFF;
}

#findMenu .print {background-image: url('bi/default_print.png'); padding: 0 5px;}
#findMenu .print:hover {background-color: #ddd;}
#findMenu .clearform {background-image: url('bi/default_cancel.png'); padding: 0 5px;}
#findMenu .clearform:hover {background-color: #ddd;}

#findMenu .refresh {background-image: url('bi/default_refresh.png'); padding: 0 5px;}
#findMenu .refresh:hover {background-color: #ddd;}

.toggle_filters {
    background-size:32px; float:left; height:32px; margin-left:10px; padding: 0px 8px 0px 35px; line-height: 2.3em; 
}

.toggle_filters.expand {
    background-image: url('bi/if_DoubleChevronDown_1031525_32.png'); background-position-x:left;
}
.toggle_filters.expand:hover {
    background-image: url('bi/navigate_down2.png'); background-size:20px; background-color: #ddd;
    background-position-x: 7px;
}

.toggle_filters > .expand, .toggle_filters > .collapse {
    display: none;
}

.toggle_filters.expand > .expand, .toggle_filters.collapse > .collapse {
    display: inline-block;
}

.toggle_filters.collapse {
    background-image: url('bi/if_DoubleChevronUp_1031525_32.png'); background-position-x:left;
}
.toggle_filters.collapse:hover {
    background-image: url('bi/navigate_up2.png'); background-size:20px; background-color: #ddd;
    background-position-x: 7px;
}

#findMenu .plugin {background-image: url('bi/default_plugin.png'); padding: 0 5px;}
#findMenu .plugin:hover {background-color: #ddd;}
#findMenu .system {background-image: url('bi/default_system.png'); padding: 0 5px;}
#findMenu .system:hover {background-color: #ddd;}

#findMenu .toggle_eye {float:right; margin: 3px 10px 0px 2px;
                       border: solid 1px #A3A3A5; border-radius: 0.5em;
                       background-image: url('img/eyeBlack.png');
                       text-align: right; font-size: 0.8em; line-height: 2em; 
}

/*#findMenu .toggle_eye.checked {
    background-image: url('img/1445094515_Look.png');
    background-position:left center;
    background-position-x: 2px;
    padding: 2px 10px 2px 0px;
    width:300px; 
    background-color: #CEEEFF;
}*/

#findMenu .toggle_eye:hover {
    border-color: #0D0DD4; 
}


/*#findMenu #btn_refresh {display: none;}*/
#findMenu #btn_magicsearch {width: 1.75em; height: 2.1em; background-image: url(bi/default_magicsearch2.png); background-repeat: no-repeat; background-position: center center;}


/* Кнопка - текущее заседание */
.currSessionLink {height: 2.1em; background: rgba(255, 255, 255, 0.5); float: left; border-bottom: solid 1px #bbb;}
.currSessionLink .link {float: left;}
.currSessionLink a {text-decoration: none; color: Red; width: 100%; display: block; height: 2.1em; line-height: 2.1em; text-align: center; cursor: pointer;}
.currSessionLink a:hover {background: white;}
.cancelSessionLink {float: left; font-size: 0.7em; cursor: pointer; height: 40px; line-height: 1.05em; color: Gray;}
.cancelSessionLink:hover {background: white;}


/* Форма логина */
#findMenu #loginDisplaySep {border-right: solid 1px #bbb; height: 40px; border-bottom: solid 1px #bbb; float: left; width: 10px;}
#findMenu #loginDisplay {height: 2.1em; border-bottom: solid 1px #bbb; float: left; padding: 0px; line-height: 1.05em;}
#findMenu #loginDisplay #userData {font-size: 0.8em; cursor: default; padding: 0px 8px;}
#findMenu #loginDisplay #userLinks {font-size: 0.8em;}
#findMenu #loginDisplay #userLinks div {display: inline-block; cursor: pointer; padding: 0px 8px;}
#findMenu #loginDisplay #userLinks div:hover {background-color: #ddd; text-decoration: underline;}
#findMenu #loginDisplay #userLoginLink {line-height: 2.1em; height: 2.1em; display: inline-block; cursor: pointer; padding: 0 8px;}
#findMenu #loginDisplay #userLoginLink:hover {background-color: #ddd; text-decoration: underline;}
#findMenu #loginDisplayInner {height: 2.1em; border-bottom: solid 1px #bbb; float: right; padding: 0px 1em; line-height: 2.1em; color: #999; cursor: default;}

#LoginPanelBack {background: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; cursor: default;}
#LoginPanelBack #LoginPanelBorder {background: rgba(255, 255, 255, 0.25); width: 40em; height: 25em; padding: 1em; margin: 10em auto; border-radius: 1em;}
#LoginPanelBack #LoginPanel {width: 100%; height: 100%; background: #eee; border-radius: 1em;}
#LoginPanelBack #LoginPanelContent {padding: 1em;}
#LoginPanelBack #LoginPanelContent #label {margin: 0.5em 0em 0em 0.2em; height: 1.6em; line-height: 2.1em; font-size: 1.2em;}
#LoginPanelBack #LoginPanelContent input {display: block; line-height: 2.1em; height: 1.6em; font-size: 1.5em; width: 23em; margin: 0 auto; border: solid 1px #bbb; border-radius: 0.5em; outline: none; padding: 0.1em 1em;}
#LoginPanelBack #LoginPanelContent input:focus {border-color: #0055ff;}

.button1,
#LoginPanelBack #LoginPanelContent #loginBtn,
#LoginPanelBack #LoginPanelContent #loginCancel {display: block; float: left; width: 10em; text-align: center; background: #eee; 
                                                 border: solid 1px #ccc; border-radius: 0.5em; height: 2.2em; 
                                                 line-height: 2.2em; font-size: 1.2em; cursor: pointer;}
.button1:hover,
#LoginPanelBack #LoginPanelContent #loginBtn:hover,
#LoginPanelBack #LoginPanelContent #loginCancel:hover { border-color: #0055ff; color: #0055ff;}

#LoginPanelBack #LoginPanelContent #loginBtn {float: left; margin-left: 2em;}
#LoginPanelBack #LoginPanelContent #loginCancel {float: right; margin-right: 2em;}

#LoginPanelBack #LoginPanelContent #panelPswSave {display: block; margin: 1.2em 0em 2em 0.2em }

#LoginPanelBack #LoginPanelContent #panelPswSave label {font-size: 1.2em;}

#LoginPanelBack #LoginPanelContent #error_data {display: block; width: 100%; color: Red; font-size: 1.1em; text-align: center; 
                                                height: 1.8em; line-height: 1.1em; text-align: center; 
                                                margin: 1.2em 0em;}

#wait_img {background: url('bi/default_loading.gif') no-repeat center center; width: 32px; height: 32px; margin: 0 auto;}


.line_base .line ul {margin: 5px 0px;}
.line_base .line span {color: Black;}
.line_base .line {background: url('fi/fileico_unk_32.png') no-repeat 15px 2px; padding: 2px 0px 2px 36px; height: 32px; display: table-cell; vertical-align: middle; padding-left: 51px;}
.line_base .block {background: url('fi/fileico_unk_32.png') no-repeat 0px 0px; width: 32px; height: 32px; margin: 5px auto 0px auto;}
.line_base span.line {cursor: default;}
.line_base .law {background-image: url('bi/ico_law.png');}
.line_base .question {background-image: url('bi/ico_law.png');}
.line_base .session {background-image: url('bi/ico_session.png');}
.line_base .decision {background-image: url('bi/ico_decision.png');}
.line_base .decree {background-image: url('bi/ico_decree.png');}
.line_base .conclusion {background-image: url('bi/ico_conclusion.png');}
.line_base .decisionPR {background-image: url('bi/ico_decisionPR.png'); }
.line_base .decreePR {background-image: url('bi/ico_decreePR.png');}
.line_base .Popravki {background-image: url('bi/ico_popravki.png');} 
.line_base .reading {background-image: url('bi/ico_reading.png');} 




.footer_margin {height: 30px;}
.footer {height: 125px; background: #cfcfcf; border-top: solid 1px #aaa; text-align: right; color: Gray;}
.footer a {color: Gray;}
.footer a:hover {text-decoration: none;}
.footer #left_part {height: 125px; width: 261px; float: left; background: url('bi/sazdLogo.png') no-repeat 20px 10px; opacity: 0.1;}
.footer #right_part {height: 35px; padding: 45px; float: right;}


/* 
* ====================================================================================================
* Кнопки с иконками, размером 24х24 px 
* ---------------------------------------------------------------------------------------------------- 
*/
.icoBtn24 {opacity: 1; height: 24px; display: inline-block; background-position: left center; background-repeat: no-repeat; min-width: 24px; line-height: 24px; text-decoration: none; color: #0077ff; cursor: pointer;}
.icoBtn24.WithOp {opacity: 0.6;}
.icoBtn24.WithOp.active {opacity: 1;}
.icoBtn24.WithText {padding-left: 27px;}
.icoBtn24.WithText.WithOffset5 {padding-left: 32px;}
.icoBtn24.WithOffset5 {background-position: 5px center; min-width: 14px;}
.icoBtn24.WithCenterImg {background-position: center center;}
.icoBtn24:hover {opacity: 1; text-shadow: 0 0 2px #80aaff;}
.icoBtn24.ColorBlack {color: black;}
.icoBtn24.ColorBlack:hover {text-shadow: 0 0 2px #999; color: black;}
.icoBtn24.ColorBlack.active {color: black;}
.icoBtn24.NoLink {color: black; text-decoration: none; text-shadow: none; cursor: default;}

.icoBtn24.Eye {background-image: url('img/eye.png');}

.icoBtn24.EyeLook {
    background-image: url('img/1445094515_Look.png');
    background-position-x: -5px;
}

.icoBtn24.ColorBlack.Eye {background-image: url('img/eyeBlack.png');}

.icoBtn24.Fontsize.fs1 {background-image: url('img/fontsize1.png');}
.icoBtn24.ColorBlack.fs1.Fontsize {background-image: url('img/fontsize1Black.png');}
.icoBtn24.Fontsize.fs2 {background-image: url('img/fontsize2.png');}
.icoBtn24.ColorBlack.fs2.Fontsize {background-image: url('img/fontsize2Black.png');}
.icoBtn24.Fontsize.fs3 {background-image: url('img/fontsize3.png');}
.icoBtn24.ColorBlack.fs3.Fontsize {background-image: url('img/fontsize3Black.png');}
.icoBtn24.Theme.special1 {background-image: url('img/themeWhite.png');}
.icoBtn24.Theme.special2 {background-image: url('img/themeBlack.png');}
.icoBtn24.Theme.special3 {background-image: url('img/themeBlue.png');}


/* 
* ====================================================================================================
* alg  Чекбоксы
* ---------------------------------------------------------------------------------------------------- 
*/

#LoginPanelBack #LoginPanelContent input[type=checkbox] { display:none; } 

/*#LoginPanelBack #LoginPanelContent input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

#LoginPanelBack #LoginPanelContent input[type="checkbox"] {
    display:none;
}
#LoginPanelBack #LoginPanelContent input[type="checkbox"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:4px;
    vertical-align:middle;
    background:url(bi/checkbox_notchecked.png) no-repeat;
    font-size: 1.2em;
    cursor:pointer;
    position: relative;
}
#LoginPanelBack #LoginPanelContent input[type="checkbox"]:checked + label span {
    background:url(bi/checkbox_checked.png) no-repeat;
}*/


#LoginPanelBack #LoginPanelContent input[type="checkbox"] + label span:hover {
    background:url(bi/checkbox_notchecked_focus.png) no-repeat;
}
#LoginPanelBack #LoginPanelContent input[type="checkbox"]:checked + label span:hover {
    background:url(bi/checkbox_checked_focus.png) no-repeat;
}

#LoginPanelBack #LoginPanelContent input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:4px;
    vertical-align:middle;
    background:url(bi/icon_tree_checker.png) 0px -48px no-repeat;
    cursor:pointer;
    position: relative;
}
#LoginPanelBack #LoginPanelContent input[type="checkbox"]:checked + label span {
    background:url(bi/icon_tree_checker.png) 0px 0px no-repeat;
}

.panel_as_choosen {
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444; 
}

/*.panel_as_choosen {
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444; 
    top:48px;
}*/

.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-checked.ui-state-active {
    /*background: #AFBDD6; !important;*/
    background-color: #fff;
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    color: black;
    font-weight: bolder;
    border: 1px solid #aaa;
    border-radius: 5px;
}

/* =========================================================================================================================================================================
/* Стили для печати */   
@media print {
    .footer_margin {display: none;}    
    .footer {display: none;}   
}

