#TopPanelOuter
    {
        position:absolute;
        z-index:10;
        width:100%;
        /*background-color:grey;*/
        display:block;
        height:200px;
    }
    #TopPanelInner
    {
        height:110px;
        display:block;
        background:url(/Content/bkgrnd.png);
        border:1px solid #808080;
        padding:10px;
    }
    #TopPanelSwitcher
    {
        height:30px;
        width:120px;
        z-index:40;
        display:block;
        /*background-color:#00ff21;*/
        background:#e2e2e2;
        border:1px solid #808080;
        position:relative;
        left:50%;
        float:left;
        margin-left:-50px;
    }
        #TopPanelSwitcher .ButtonGor
        {
            background-image:url(../Content/SwitchHor.png);
            background-position-x:0px;
            background-position-y:0px;
            display:block;
            width:100%;
            height:100%;
            cursor:pointer;
        }
        /*   ТЕСТОВЫЙ ФРАГМЕНТ */
        #TopPanelSwitcher .ButtonGorClosed
        {
            background-image:url(../Content/SwitchHor.png);
            background-position-x:0px;
            background-position-y:30px;
            display:block;
            width:100%;
            height:100%;
            cursor:pointer;
        }
/***************left panel*****************************/
    #LeftPanelOuter
    {
        height:100% !important;
        width:350px;
        z-index:8;
        display:block;
        position:fixed;
        min-height:400px;
        /*top:0px;*/

     -moz-box-sizing: border-box; /* Для Firefox */
     -webkit-box-sizing: border-box; /* Для Safari и Chrome */
     box-sizing: border-box; /* Для IE и Opera */


    }
    #LeftPanelInner
    {
        float:left;
        height:100% !important;
        border: 1px solid black;
        /*background:url(../Content/bkgrnd.png);*/
        background:#e2e2e2;
        border:1px solid #808080;
        width:222px;
        padding-top:205px;

     /*position:relative;*/
     -moz-box-sizing: border-box; /* Для Firefox */
     -webkit-box-sizing: border-box; /* Для Safari и Chrome */
     box-sizing: border-box; /* Для IE и Opera */
    }
    #LeftPanelSwitcher
    {
        float:left;
        width:30px;
        height:160px;
        /*background-color:#00ff21;*/
        background:#e2e2e2;
        border:1px solid #808080;
        position:relative;
    }
        #LeftPanelSwitcher .ButtonVer
        {
            background-position-x:33px;
            background-position-y:0px;
            display:block;
            width:100%;
            height:100%;
            cursor:pointer;
            background-image:url(../Content/SwitchVert.png);
        }
        /*  ТЕСТОВЫЙ ФРАГМЕНТ  */
        #LeftPanelSwitcher .ButtonVerClosed
        {
            background-position-x:0px;
            background-position-y:0px;
            display:block;
            width:100%;
            height:100%;
            cursor:pointer;
            background-image:url(../Content/SwitchVert.png);
        }
/*****************КНОПКИ И СЛАЙДЕР*************************/
#PageSlider
{
    width:200px;
    height:50px;
    background-color:white;
    border:1px solid #808080;
    /*margin-right:20px;*/
    margin:5px;
    padding:5px;
    position:absolute;
    top:110px;
    
}
#PageSwitcher
    {
        /*display:none;*/
        background-color:white;
        border:1px solid #808080;
        width:200px;
        height:95px;
        padding:5px;
        margin:5px;
        position:absolute;
        top:0px;
    }
    #PageSwitcher div
        {
            float:left; height:44px;
        }
    #PageSwitcher div.CurPage
        {
            font-size:12pt; padding-left:24px;
            float:none !important;
            margin-bottom:-20px;
            /*clear:left;*/
        }

    #PageSwitcher div a
    {
        background-image:url(../Content/Arrows2.png);
        width:42px;
        height:34px;
        display:block;
        float:left;
        /*background-color:aqua;*/
        /*border:1px solid black;*/
        /*background-position-x:-5px 35px;
        background-position-y:35px;*/
        background-position:-5px 35px;
        margin-left:6px;
    }
    #PageSwitcher div a:hover
    {
        background-position-y:0px
    }

    /*For nornal buttons*/
    #PageSwitcher div a.PStart
    {
        cursor:pointer;
    }
    #PageSwitcher div a.PPrev
    {
        background-position:-68px 35px;
        cursor:pointer;
    }
    #PageSwitcher div a.PNext
    {
        background-position:-126px 35px;
        cursor:pointer;
    }
    #PageSwitcher div a.PEnd
    {
        background-position:-180px 35px;
        cursor:pointer;
    }
    /* FOR NORNAL BUTTON HOVER*/
    #PageSwitcher div a.PStart:hover
    {
        background-position:-5px 0px;
    }
    #PageSwitcher div a.PPrev:hover
    {
        background-position:-68px 0px;
        cursor:pointer;
    }
    #PageSwitcher div a.PNext:hover
    {
        background-position:-126px 0px;
        cursor:pointer;
    }
    #PageSwitcher div a.PEnd:hover
    {
        background-position:-180px 0px;
        cursor:pointer;
    }
    /*for unnormal кнопок*/
    #PageSwitcher div a.PStartNO
    {
        background-position: -5px -34px;
    }
    #PageSwitcher div a.PPrevNO
    {
        /*background-position-y:-34px;*/
        background-position:-68px -34px;
    }
    #PageSwitcher div a.PNextNO
    {
        /*background-position-y:-34px;*/
        background-position:-126px -34px;
    }
    #PageSwitcher div a.PEndNO
    {
        /*background-position-y:-34px;*/
        background-position:-180px -34px;
    }
/********************BOOK AREA*******************************/
.BookThumbContainer
{
    padding:10px;
    overflow-y:scroll;
    height:100%;
    width:100%;
    z-index:70;
    margin:0px;
    border:1px solid #808080;

     position:relative;
     -moz-box-sizing: border-box; /* Для Firefox */
     -webkit-box-sizing: border-box; /* Для Safari и Chrome */
     box-sizing: border-box; /* Для IE и Opera */

}
.thumb
{
    display:block;
    width:120px;
    clear:left;
    padding:0px !important;
    margin:0px !important;
}
    .thumb a
    {
        font-size:10px;
        margin:0px;
    }
    .thumb a img
    {
        border:1px solid black;
    }
    .thumb .PStart
    {
        position:relative;
        top:-7px;
        margin-top:-20px;
        color:black;
        text-decoration:none;
        margin-left:18px;
        /*padding-top:-10px;*/
    }
.ChekedPage img /*текущая выбранная страница*/
{
    border: 4px solid blue !important;
}
/*****************tools*******************/
#LoadingElem {
    border: 1px solid black;
    padding: 10px;
    width: 400px;
    top: 336px;
    left: 50%;
    position: fixed;
    background-color: white;
    z-index: 500;
    margin-left: -200px;
    font-size: 50px;
    display:none;
}


    #LoadingElem div {
        width:70px;
        height:70px;
        background-image:url('../Content/loading17.gif');
        background-repeat:no-repeat;
    } 

#SearchLoadingElem
{
    border:1px solid black; 
    padding:10px; 
    width:300px; 
    top:330px;
    left:200px; 
    position:fixed; 
    background-color:white; 
    z-index:500;
    display:none;
}
/*******************SLIDER*******************/
.slider {
	background-image: url(../Content/slider_bg.gif);
	background-repeat: repeat-x;	
}
.knob
{
    position: relative;
    background-image: url(../Content/knob.gif);
}
/************PAGES MAIN***********************/
#BookPagesAreaOuter
{
    padding-left:220px;
}
/************Поиск****************************/
    .SeachPanel {
        padding: 10px;
        overflow-y: scroll;
        height: 100%;
        width: 100%;
        z-index: 71;
        margin: 0px;
        border: 1px solid #808080;
        position: relative;
        -moz-box-sizing: border-box; /* Для Firefox */
        -webkit-box-sizing: border-box; /* Для Safari и Chrome */
        box-sizing: border-box; /* Для IE и Opera */
    }
    .SearchRezultPanel {
        padding-top: 20px;
    }
    .SearchItem {
        width: 100%;
        border: 1px solid black;
        background-color: #d5d5d5;
        margin-bottom: 5px;
        padding: 2px;
    }
        .SearchItem a {
            cursor: pointer;
        }
            .SearchItem a:hover {
                text-decoration: underline;
            }
    .Sum {
        background-color: #fce69d;
        font-size: 11px;
    }

/***********Главная страница*****************/
        .TabSlider { width: 210px;height: 25px;border: 1px solid #808080;background-color: white;/*margin-right:20px;*/ margin: 5px; z-index: 60; /*padding:5px;*/ position: absolute;top: 175px; }
    .pgTab {padding: 3px;float: left; height: 20px;width: 63px;display: block;border: 1px solid #ddd;color: #808080; cursor: pointer; }
        .pgTab:hover { color: black; text-decoration: underline; }
    .bmkTab {padding: 3px; float: left; height: 20px; width: 62px;display: block; border: 1px solid #ddd;color: #808080; cursor: pointer;  }
        .bmkTab:hover { color: black; text-decoration: underline;}
    .srcTab {padding: 3px; float: left; height: 20px; width: 61px; display: block; border: 1px solid #ddd; color: #808080;cursor: pointer; }
    .srcTab:hover {color: black; text-decoration: underline;       }
    .activeTab {    color: black !important;}
    .hiddenstrip {display: none;}
    #HightlightContainer {  position: relative;}
    .data2 {position: absolute;border:2px solid rgba(35, 134, 255, 1); background-color:rgba(35, 134, 255, 0.40)}
/************ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ************/
    .historytable { border: 1px solid #d5d5d5;}
    .historytable tr td {padding:3px;}
    .historytable tr td a{ text-decoration:none; color:black;}
    .historytable tr td a:hover{ text-decoration:underline;}
.ProfileMainPage {
    margin: 0px 0px 0px -450px;
    position: absolute;
    width: 900px;
    float: left;
    left: 50%;
}
/************BOOKMARKS**********************/
#BookmarkList table tr td {
    padding:0px;
    margin:0px;
}
    #BookmarkList table tr td.editlinks {
        width:44px;
    }
.bookitem {
    float: left;
    margin: 5px;
    width: 388px;
    border: 1px solid #cccccc;
    padding: 5px;
}
    .bookitem .title {
            margin: 10px 0px 0px 0px; cursor:pointer;
        }/**/
    .bookitem .autor {margin:0px; font-weight:100; font-size:11px;}
        .bmkedit {
        background-image:url("../Content/cmd_icon.png");
        width:16px;
        height:16px;
        display:block;
        float:left;
        margin:2px 2px 2px 6px;
    }
        .bmkedit:hover {
            background-image:url("../Content/cmd_icon_hover.png");
        }
    .bmkname{ width:300px; /*overflow:hidden;*/}
    .bmkname a{ color:black; text-decoration:none;}
    .bmkname a:hover{ text-decoration:underline;}
    .bmkdelete {
        background-image:url("../Content/cmd_icon.png");
        width:16px;
        height:16px;
        display:block;
        float:left;
        margin:2px;
        background-position: 16px 0px;
    }
        .bmkdelete:hover {
            background-image:url("../Content/cmd_icon_hover.png");
        }
    .listtable{ border: 1px solid #d5d5d5;}
    .ListTags a{ cursor:pointer; padding:1px; background-color:beige; border:1px solid black; font-size:12px; /**padding-top:7px; */ }
    /********панель пользователя*********************/
    .BookmarkContainer
{
    padding:10px;
    overflow-y:scroll;
    height:100%;
    width:100%;
    z-index:71;
    margin:0px;
    border:1px solid #808080;

     position:relative;
     -moz-box-sizing: border-box; /* Для Firefox */
     -webkit-box-sizing: border-box; /* Для Safari и Chrome */
     box-sizing: border-box; /* Для IE и Opera */
}
    .AddBmkButton
    { 
      cursor:pointer;
      padding:4px;
      width:160px;
      border: 1px solid #ddd;
      background:white;
      margin:4px;
    }
    .AddBmkButton a
    { 
        text-decoration:none;
        color:black;
    }
    .bmkedit {
        background-image:url("../Content/cmd_icon.png");
        width:16px;
        height:16px;
        display:block;
        float:left;
        margin:2px 2px 2px 6px;
    }
        .bmkedit:hover {
            background-image:url("../Content/cmd_icon_hover.png");
        }
    .bmkdelete {
        background-image:url("../Content/cmd_icon.png");
        width:16px;
        height:16px;
        display:block;
        float:left;
        margin:2px;
        background-position: 16px 0px;
    }
        .bmkdelete:hover {
            background-image:url("../Content/cmd_icon_hover.png");
        }
        .ReturnProfButton{
    margin: 19px;
    border: 1px solid black;
    padding: 7px;
    cursor: pointer;
    background-color: #cccccc;
}
            .ReturnProfButton:hover {
                background-color:white;
            }