html { height: 96%; /* -- for footer -- */ background: url('../images/bg.png') repeat #f9f9f9; } 
#wrapper { position: relative; min-height: 96%; min-width: 1000px; max-width: 1920px; width: 90%; margin: 2% auto; font-family: arial, sans-serif; font-size: 14px; -webkit-box-shadow: 0px 0px 10px 2px #949494; -moz-box-shadow: 0px 0px 10px 2px #949494; box-shadow: 0px 0px 10px 2px #949494; color: #000; background: #fff; } 
/* --- COMMON --- */ /* font-size: 12px - 85%; 14px - 100%; 16px - 117%; */ 
a { color: #155d91; } 
input { border: 1px solid #bbb; color: #535048; } 
h1 { font-size: 142%; font-weight: bold; color: #01517e; } 
h1 .personal { font-weight: 400; } h2 { font-size: 117%; font-weight: bold; color: #124a86; } h2 a { color: #124a86; } 
h3 { font-weight: 600; color: #124a86; } 
strong { font-weight: 600; } 
.left { float: left; } 
.right { float: right; } 
.bold, .strong { font-weight: bold; } 
.underline { text-decoration: underline; } 
.center { text-align: center; } 
.overf { overflow: hidden; } 
.button2 { display: block; width: auto; height: 32px; line-height: 33px; margin: 0; padding: 0 5px; text-align: center; text-decoration: none; border: none; background: url(../images/button_bg2.gif) repeat-x; border-right: 2px solid #eee; color: #fff; cursor: pointer; } 
#table.advanced, #irbis_results table.advanced, table.advanced { width: auto; } #notifications table.advanced td, #irbis_results table.advanced td, table.advanced td { width: auto; padding-right: 5px; border: none; }
/* ------------------------ HEADER --------------------- */ 
#header { height: 254px; padding: 16px 16px 0 16px; overflow: hidden; position: relative; font-size: 14px; } 
#header #header_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; zoom: 0; } 
#header input { border: none; } #switcher, #auth, #logo {position: relative; /* hack for header bg image */ } #switcher { float: left; width: 220px; text-align: center; /*margin-right: 28px;*/ /*margin-right: 5%;*/ z-index: 200; } 
/*#auth { margin-left: 5%; }*/ /* --- Roundboxes -- */ 
#header .roundbox { background: url(../images/roundbox.png) repeat-x #E7E7E7; border: 1px solid #bdbdbd; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px 8px 8px; } 
#header .roundbox2, #header .roundbox2_2 { border: 1px solid #bdbdbd; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px 8px 8px; } div.trebuchet { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 135%; padding: 5px 0 10px 0; _padding-top: 10px; margin:0; font-weight: bold; color: #01669e; background: url(../images/roundbox_head.png) top left repeat-x #F2ECDD; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } 
/* --- /Roundboxes -- */ 
#css { background: #fff; } #css div { padding-bottom: 3px; } #css p { margin: 5px 0; } 
#css .button { display: block; margin: 0 auto; width: 168px; height: 28px; line-height: 28px; /* -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; */ cursor: pointer; } 
#css .dark, #css .light { background: url(../images/css_gray.png) no-repeat; /* background: url(../images/css_gray_bg.png) repeat-x #727a8a; border: 1px solid #727a8a;*/ color: #fff; } 
#css .normal { /*background: #fdf7e7;*/ background: url(../images/css_light2.png) no-repeat; /*border: 1px solid #e2ddce;*/ } 
#css a:hover { background: url(../images/css_light2.png) no-repeat; color: #155D91; } 
#fontsize .font_h { margin: 11px 0 2px 0; } #fontsize .spinner { width: 51px; margin: 5px auto 0; overflow: hidden; } 
#fontsize .spinner div { float: left; line-height: 17px; width: 17px; height: 17px; } 
#fontsize .buttonS { cursor: pointer; } 
#fontsize .leftS { background: url(../images/fontarrow.png) bottom left no-repeat; } 
#fontsize .rightS { background: url(../images/fontarrow.png) top left no-repeat; } 
#fontsize .leftS:hover { background: url(../images/fontarrow_selected.png) bottom left no-repeat; } 
#fontsize .rightS:hover { background: url(../images/fontarrow_selected.png) top left no-repeat; } 
#logo { /*margin-left: 220px; margin-right: 260px;*/ margin-left: 25%; margin-right: 25%; z-index: 150; } 
#logo img { float: left; } #logo a { display: block; text-decoration: none; } 
#logo .logo_little { padding: 5px 0 10px 0; font-size: 114%; color: #000; } 
#logo .logo_big { padding-top: 3%; /*margin-left: 185px;*/ font-family: Myriad Pro, Arial; font-size: 149%; font-weight: 600; text-transform: uppercase; } 
#logo .logo_big a { /*color: #0086D1;*/ color: #12A9FF; text-shadow: 0px 0px 2px #fff; } #auth { float: right; width: 256px; z-index: 200; background: #fff; overflow: hidden; } 
#auth div.trebuchet { text-align: center; } 
#auth p { margin: 5px 0; } #auth table { width: 100%; margin: 5px 0 10px 15px; _margin-left: 10px; } 
#auth table tr td{ padding-top: 6px; } 
#auth .textfield { width: 112px; height: 31px; background: url(../images/textfield_bg.png) no-repeat right top; font-weight: bold; text-indent: 8px; } 
#auth a { background: url(../images/triangle.png) no-repeat 0 50%; padding-left: 8px; } #auth input { position: relative; z-index: 800; zoom: 0; } 
#auth .submit_auth { background: url(../images/auth_button.png) no-repeat; width: 74px; height: 31px; border: none; color: #fff; font-weight: bold; text-decoration: underline; } 
#auth .rememberPass td { overflow: hidden; padding-left: 5px; } #auth .rememberPass input { float: left; } #auth .rememberPass label{ display: block; margin-left: 20px; } 
#after_login { padding-left: 30px; } #after_login a { background: none; } #search { position: absolute; bottom: 37px; right: 22px; width: 256px; z-index: 200; } 
#search input { width: 259px; height: 27px; position: relative; background: url(../images/search_bg.png) no-repeat; color: #535048; text-indent: 8px; } 
#workarea .search-page td { border: none; padding: 0; } #braile { position: relative; height: 35px; margin-top: -35px; z-index: 250; } 
#braile table { height: 100%; width: 100%; } #center_braile, #left_braile, #right_braile { height: 100%; } #center_braile { background: url(../images/braile.png) 50% 0 no-repeat; width: 1000px; }
#left_braile, #right_braile { background: url(../images/braile_repeat.png) repeat-x; }
/* ----------------- CONTENT --------------------- */
#content { padding: 20px 30px 145px 15px; /* bottom: 120 + 25 */ overflow: hidden; } 
/* ------- MODAL -------- */ 
#overlay { position: absolute; top: 0; left: 0; background-color:#000; opacity: 0.5; z-index: 888; } 
#chrome { position: absolute; text-align: center; padding: 40px 20px; background: #fff; border: 1px solid #335; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px 8px 8px; z-index: 988; }
#chrome .close { display: block; position: absolute; top: 8px; right: 10px; font-size: 109%; text-decoration: underline; cursor: pointer; } 
/* ----------------- LEFT MENU -------------------- */ #leftmenu { float: left; width: 215px; } 
#leftmenu .menu { padding-right: 20px; border-width: 0px 9px 0px 0px; -moz-border-image: url(../images/leftmenu_right3.png) 0 9 0 0 repeat; -webkit-border-image: url(../images/leftmenu_right3.png) 0 9 0 0 repeat; -o-border-image: url(../images/leftmenu_right3.png) 0 9 0 0 repeat; border-image: url(../images/leftmenu_right3.png) 0 9 0 0 repeat; } 
#leftmenu li a { display: block; padding: 10px 0 10px 10px; border-bottom: 1px solid #e8e8e8; font-weight: bold; color: #000; }
#leftmenu li a.current { /*border: 1px solid #155D91;*/ background: #CADAE6; } 
#leftmenu a.withsub { background: url(../images/triangle_not.png) 95% 50% no-repeat; } 
#leftmenu a.active { border-bottom: none; background: url(../images/triangle_active.png) 95% 50% no-repeat; }
#leftmenu .sub1 { margin-left: 15px; } #leftmenu .sub1 a { margin: 6px 0; padding: 9px 12px; font-size: 85%; background: #f6f3e9; /*color: #8b8679;*/ color: #000; } 
#leftmenu .expand .sub1 li { padding-left: 5px; } 
#leftmenu .sub1 a.active { /*color: #014266;*/ background: url(../images/triangle_active.png) 95% 50% no-repeat #e5eff5; } /* #leftmenu .sub2 li { list-style-image: url(../images/sub2_point3.png); list-style-position: inside; padding: 12px 0 12px 20px; border-bottom: 1px solid #e8e8e8; font-size: 78%; background: #fff; } #leftmenu .sub2 a { display: inline; color: #648393; }*/ 
/* ------------------ WORKAREA --------------------- */ 
#workarea { margin-left: 238px; /* -- 218px + 20px -- */ color: #313131; } 
#workarea h1, #workarea h2.line { padding-bottom: 4px; margin-bottom: 10px; border-bottom: 1px solid #d3d5de; } 
#workarea h2 { padding-bottom: 3px; } 
#workarea p { margin: 15px 0; } 
#workarea .menu li { list-style-type: none; font-size: 120%; padding: 5px 0; } 
#workarea .image { margin-right: 25px; padding: 8px; background: #e8e0c9; color: #535048; font-size: 85%; text-align: center; } 
#workarea .image p { margin: 0; padding-top: 5px; } #workarea .deputy { margin-bottom: 30px; } 
/* -- TEMPORARY -- */ #workarea ul, #workarea ol { margin: 0 10px 20px; } 
#workarea ul li { list-style-type: none; /*list-style-position: inside;*/ margin: 5px 0; } 
#workarea ol li { list-style-type: decimal; /*list-style-position: inside;*/ margin: 5px 0; } 
#workarea .nodisc li { list-style-type: none; } #workarea td { padding: 5px; border: 1px solid #999; } 
#workarea th { text-align: center; font-weight: 600; padding: 5px 0; border: 1px solid #bbb; background: #F6F3E9; } 
/* Forget the pass */ .fields .field { margin: 10px 0; } 
.fields .field-button input { width: 120px; height: 32px; line-height: 33px; margin: 0; text-align: center; border: none; background: url(../images/button_bg2.gif;) repeat-x; border-right: 2px solid #eee; color: #fff; } 
/* --------- $Breadcrumbs -------- */ 
#breadcrumbs { overflow: hidden; } 
#breadcrumbs ul { margin: 0; padding: 0; padding-bottom: 10px; overflow: hidden; } 
#breadcrumbs ul li { list-style-type: none; float: left; padding-left: 5px; } 
#breadcrumbs ul li span { color: #333; } 
/* ---------- $NEWS ----------- */ 
#news .news_entry { margin-bottom: 20px; overflow: hidden; } 
#news .news_entry img { float: left; } 
#news .news_desc { overflow: hidden; padding-left: 15px; font-size: 85%; color: #575757; } #news .news_title { padding-bottom: 3px; font-size: 117%; font-weight: bold; } 
#news .news_date { color: #8e8e8e; font-size: 92%; } #news .news_desc p { margin: 10px 0; } 
/* --------- $SMI, $SPECIAL --------------- */ #smi_list .smi, #special_list .special { padding: 10px 0; margin: 5px 0; border-bottom: 1px solid #335; } #smi_list .smi_title, #special_list .special_title { padding-bottom: 5px; } #special_list .special_title { font-weight: 800; } .smi_detail h3, .special_detail h3{ padding-bottom: 15px; } .smi_detail p { margin: 10px 0; } #special_list .special_detail p { margin: 5px 0; } #special_list .special_detail-link { padding-left: 15px; } /* ------------- NOTIFICATIONS ------------- */ /* --------- TABS ----------- */ #tabs h3 { margin-bottom: 10px; font-size: 110%; border-bottom: 1px solid #D3D5DE; } #tabs .no_head { font-weight: 600; /*border-top: 1px solid #D3D5DE;*/ padding-top: 6px; margin-top: 4px; } #tabs table, #orders { width: 98%; } #tabs td { /*padding: 8px 0;*/ /*border: none;*/ } #tabs .tdl { padding-left: 20px; } #tabs .tdr { text-align:right; padding-left: 10px; } #tabs .button2 { width: 90px; float: right; } #tabs .date { color: #8B8679; font-size: 85%; } #PM td{ padding: 5px; } #no, #processing { padding-top: 10px; } /* ------------- ORDERS ---------------- */ /*table#orders td { padding: 5px; }*/ #orders td.detail { padding: 14px 20px 14px 90px; /*border-top: 6px solid #fff;*/ border-bottom: none; border-top: none; background: #F6F3E9; } #orders .title, #orders .incharge { cursor: pointer; } #notifications table#orders tr th { text-align: center; font-weight: 600; padding: 5px 0; background: #F6F3E9; cursor: pointer; } .link_archive { display: block; text-align: right; color: #155d91!important; } #manual { width: 300px; } #manual div { margin: 8px 0; text-align: right; overflow: hidden; } #manual label { float: left; padding-right: 15px; } #manual .button2 { float: none; padding: 0 15px; margin-top: 15px; } /* ------------- FEED ---------------- */ #content .feed td { border: none; padding: 10px 5px; } /* ------------- EDIT PROFILE --------- */ #edit { width: 450px; } #edit input, #edit select { width: 200px; } #edit div { margin: 8px 0; text-align: right; overflow: hidden; } #edit div.check { text-align: left; } #edit div.check input, #edit input[type=checkbox] { width: auto; padding-left: 30px; } #edit label { float: left; padding-right: 15px; } #edit .button2 { float: none; width: 150px; margin-top: 15px; } #edit .tborder { border-top: 1px solid #bbb; padding-top: 15px; margin-top: 15px; } #edit .fhead { text-align: left; padding: 5px 0 5px 30px; font-weight: bold; background: #F6F3E9; } #edit .nborder input { border: none; } /* ------------- AUDIO ----------------- */ /* ---------- FILTER ---------------- */ .filter { float: right; position: relative; z-index: 100; } .filter .filter_head { font-size: 117%; padding-left: 130px; margin-bottom: 10px; } .filter .buttons { margin-top: 10px; padding-left: 30px; } .filter .button2 { display: inline; padding: 0 10px; margin-right: 10px; } .filter table td { padding: 5px 10px 5px 0; border: none!important; } .alist { margin: 8px 0; padding: 8px 0; border-bottom: 1px solid #335; } .sort_news a { padding: 0 3px; } .iblock-vote table td { border: none!important; } div.star-voted { background-image: url(../images/voted.png); width: 16px; height: 16px; overflow: hidden; } div.star-empty { background-image: url(../images/empty.gif); width: 16px; height: 16px; overflow: hidden; } div.star-over { background-image: url(../images/selected.png); width: 16px; height: 16px; overflow: hidden; } .abook img { float: left; width: 100px; } .abook .abook_info { margin-left: 120px; } .abook .abook_title { font-weight: bold; font-size: 110%; } .abook .abook_properties p{ margin: 3px 0; } #all_count { top: -78px; } .adetail img { padding-left: 30px; } .adetail .abook_info { margin-left: 150px; } /* ------------ FAQ ------------ */ #content .faq td { border: none; border-bottom: 1px solid #335!important; } #content .faq th { border: none; background: none; text-align: left; padding-left: 20px; } /* ================================== */ /* ----------- CATALOGUE ------------ */ /* ================================== */ #irbisform { margin-left: 0px; width: 500px; padding: 14px; overflow: hidden; /*background:#D2E5FF;*/ } #select_search { margin-bottom: 5px; overflow: hidden; } #select_search label { float: left; width: 125px; } #irbisform select{ float: left; width: 375px; padding:4px 2px; border:solid 1px #bbb; } #irbisform input { width: 350px; margin: 5px 0; float: left; padding:4px 2px; } #irbisform #irbisbutton { width:125px; line-height: 10px; border: none; border-right: 2px solid #eee; float: right; } #irbis_results tr td { width: 100%; padding: 5px 0; border: none; } #irbis_results .book_id { padding-top: 5px; border-top: 1px solid #333355; font-weight: 400; color: #000; } #irbis_results .book_title { font-weight: bold; font-size: 105%; color: #000; } #irbis_results .book_author { font-weight: bold; } #irbis_results a.button2 { width: 150px; } #irbis_results .page_ref { text-decoration: none; } #irbis_results table { width: 100%; } /* -------- FORUM ------------ */ /* ------------------ FOOTER ---------------------- */ #soc{ margin-left: 750px; width: 500px; height: 100px;} #footer { position: absolute; bottom: 0; _bottom: -130px; right: 0; width: 96%; height: 85px; padding: 25px 2% 17px; /*overflow: hidden;*/ /*font-size: 85%;*/ font-size: 12px; border-top: 1px solid #e8e8e8; background: url(../images/footer_bottom_bg.png) repeat-x left bottom #fff; } #phones { float: left; position: relative; width: 220px; } #foot_title { float: left; margin-left: 20px; } #phones img { float: left; position: absolute; top: -9px; left: -18px; } #phones_desc { margin-left: 55px; } #phones_desc .foot_gray { margin-left: 10px; } #copyright { float: right; width: 200px; padding-top: 20px; padding-right: 6px; overflow: hidden; baackground: url(../images/shadow_copyright.png) no-repeat; } #copyright div { position: relative; overflow: hidden; padding: 3px 10px 0 0; _padding-right: 40px; } #copyright img { float: right; } #copyright p { float: right; text-align: right; } #visits { position: absolute; bottom: 5px; right: 0; } #footer .foot_big { font-size: 167%; padding-bottom: 5px; } #footer .foot_gray { color: #9d9fa5; } #footer .foot_blue { color: #01669e; text-decoration: none; /* -- for prioritet link */ } #phones .foot_blue { font-weight: bold; }