html { 	height: 96%; /* -- for footer -- */ 	background: #00304b; } #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; 	color: #fff; 	background: #013c5d; } /* --- COMMON --- */ /* font-size:	12px - 85%; 				14px - 100%; 				16px - 117%; */ a { 	color: #fff; } input { 	border: 1px solid #fff; } h1 { 	font-size: 142%; 	font-weight: bold; } 	h1 .personal { 		font-weight: 400; 	} h2 { 	font-size: 117%; 	font-weight: bold; } h3 { 	font-weight: 600; } 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: 26px; 	line-height: 26px; 	margin: 3px 0; 	text-align: center; 	text-decoration: none; 	/*background: url("../images/button_bg.gif") repeat-x;*/ 	background: #E1E1E1; 	/*background: url('../images/button_bg2.gif') repeat-x;*/ 	/*border: 1px solid #01283e;*/ 	border: 1px solid #eee; 	-moz-border-radius: 8px; 	-webkit-border-radius: 8px; 	border-radius: 8px 8px 8px 8px; 	color: #013856; 	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: 214px;*/ 	height: 225px; 	/*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: 100; 	} 	#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: 9%;*/ 		z-index: 200; 	} /* --- Roundboxes -- */ #header .roundbox { 	/*background: url("../images/forms_bg5.png") repeat-x #01304A;*/ 	background: url("../images/roundbox_head.png") top left repeat-x #01304A; 	border: 1px solid #01283e; 	-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%; 	font-weight: bold; }	 #css { 	padding-top: 3px; } 	#css div { 		padding-bottom: 3px; 	} 	#css p { 		margin: 5px 0; 	} 	#css .button { 		display: block; 		margin: 0 auto; 		width: 168px; 		height: 28px; 		line-height: 28px; 		cursor: pointer; 	} 		#css .light, #css .normal { 			/*background: #012b42; 			border: 1px solid #01283e;*/ 			background: url("../images/css_dark.png") no-repeat; 			 		} 		#css .dark { 			/*background: #fff;*/ 			color: #000; 			/*border: 1px solid #000;*/ 			background: url("../images/css_light.png") no-repeat; 		} 		#css a:hover { 			background: url("../images/css_light.png") no-repeat; 			color: #000; 		} 		 #fontsize div.font_h { 	font-size: 121%; 	margin: 11px 0 5px 0; } 	#fontsize ul { 		overflow: hidden; 		margin-left: 8px; 	} 		#fontsize li { 			float: left; 			width: 35px; 			height: 26px; 			padding-top:7px; 			margin: 0 3px; 			text-decoration: none; 			font-weight: bold; 			background: url("../images/fontsize_bg.png") no-repeat; 			/*background: #00304b; 			border: 1px solid #01283e; 			-moz-border-radius: 4px; 			-webkit-border-radius: 4px; 			border-radius: 4px 4px 4px 4px;*/ 			cursor: pointer; 		} 		#fontsize li:hover { 			background: url("../images/fontsize_selected.png") no-repeat transparent; 			color: #013451; 		} 	#fontsize .twelve { font-size: 14px;} 	#fontsize .forteen { font-size: 16px;} 	#fontsize .sixteen { font-size: 18px; padding-top: 5px; height: 28px;} 	#fontsize .eighteen { font-size: 20px; padding-top: 5px; height: 28px;} 	#fontsize .twentytwo { font-size: 22px; padding-top: 4px; height: 29px;} #logo { 	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: #d3d3d3; 	} 	#logo .logo_big { 		padding-top: 3%; 		/*margin-left: 185px;*/ 		font-family: Myriad Pro, Arial; 		font-size: 149%; 		font-weight: 600; 		text-transform: uppercase; 	}	 #auth { 	float: right; 	width: 256px; 	z-index: 200; 	padding: 5px; }	 	#auth div.trebuchet { 		text-align: center; 		font-size: 135%; 		padding: 5px 0 10px 0; 	} 	#auth table { 		width: 100%; 		margin-left: 5px; 	} 		#auth table tr td{ 			padding-top: 6px; 		} 		#auth .textfield { 			position: relative; 			width: 112px; 			height: 31px; 			background: url("../images/textfield_bg2.png") no-repeat right top; 			font-weight: bold; 			text-indent: 8px; 			color: #fff; 			z-index: 700; 			zoom: 0; 		} 	#auth a { 		background: url("../images/triangle2.png") no-repeat 0 50%; 		padding-left: 8px; 	} 		#auth .submit_auth { 			background: url("../images/auth_button2.png") no-repeat; 			width: 72px; 			height: 29px; 			border: none; 			color: #013856; 			font-weight: bold; 			text-decoration: underline; 		} 	#after_login { 		padding-left: 30px; 		padding-top: 5px; 	} 		#after_login a { 			background: none; 		} 		 #search { 	position: absolute; 	/*bottom: 40px;*/ 	bottom: 30px; 	right: 22px; 	width: 256px; 	z-index: 200; } 	#search input { 		width: 259px; 		height: 27px; 		position: relative; 		background: url("../images/search_bg.png") no-repeat; 		text-indent: 8px; 		color: #fff; 	} #braile { 	height: 40px; 	background: url("../images/braile.png") no-repeat 50% 0 #e1e8ec; } /* ----------------- CONTENT --------------------- */ #content { 	padding: 20px 30px 145px 25px; /* 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: #013c5d; 	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 ul { 		padding-right: 20px; 		border-right: 3px solid #01304a; 	} 		#leftmenu .menu li { 			padding-left: 10px; 		} 		#leftmenu a { 			display: block; 			/*width: 100%;*/ 			padding: 8px 0 8px 10px; 			margin: 4px 0; 			border-bottom: 1px solid #1e526f; 			font-size: 106%; 			font-weight: bold; 		} 	#leftmenu .sub1, #leftmenu .sub2 { 		display:none; 	} 	#leftmenu .expand .sub1 { 		display: block; 		margin-left: 0; 		font-size: 90%; 		border-right: none; 	} 		#leftmenu .expand .sub1 li { 			padding-left: 5px; 		} 	/* Current active section */ 	#leftmenu li a.current { 		/*background: #0D3D5F;*/ 		background: #012A42; 	} /*		#leftmenu .sub1 .expand .sub2 { 			display: block; 			margin-left: 20px; 			font-size: 90%; 		}*/ /* ------------------ WORKAREA --------------------- */ #workarea { 	margin-left: 238px; /* -- 218px + 20px -- */ 	color: #fff; } #workarea h1, #workarea h2.line { 	padding-bottom: 4px; 	margin-bottom: 10px; 	border-bottom: 1px solid #eee; } #workarea h2 { 	margin-bottom: 15px; } #workarea p { 	margin: 15px 0; } #workarea .image, #workarea img { 	display: none; } /* #workarea .image { 	margin-right: 25px; 	padding: 8px; 	background: #fff; 	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 .menu li { 		list-style-type: none; 		font-size: 120%; 		padding: 5px 0; 	} 	#workarea table td { 		padding: 5px; 		border: 1px solid #eee; 	} 	#workarea table th { 		text-align: center; 		font-weight: 600; 		padding: 5px 0; 		border: 1px solid #eee; 		background: #00304B; 	} 	 /* 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: #eee; 	}	 /* --------- $SEARCH ---------- */ div.search-advanced, div.search-item-meta, div.search-item-meta a { 	color: #fff; } 	 /* ---------- $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%; 	} 		#news .news_title { 			padding-bottom: 3px; 			font-size: 117%; 			font-weight: bold; 		} 		#news .news_date { 			color: #eee; 			font-size: 92%; 		} 		#news .news_desc p { 			margin: 10px 0; 		} /* --------- $SMI --------------- */ #smi_list .smi, #special_list .special { 	padding: 10px 0; 	margin: 5px 0; 	border-bottom: 1px solid #fff; } #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: #eee; 		font-size: 85%; 	} #PM td{ 	padding: 5px; } #no, #processing { 	padding-top: 10px; } 	 /* ------------- ORDERS ---------------- */ #workarea table { 	color: #fff; } /*table#orders td { 	padding: 5px 0; }*/ 	#orders td.detail { 		padding: 14px 20px 14px 90px; 		/*border-top: 6px solid #013c5d;*/ 		background: #275975; 	} 	#orders .title, #orders .incharge { 		cursor: pointer; 	} #notifications table#orders tr th { 	text-align: center; 	font-weight: 600; 	background: #00304B; 	padding: 5px 0; 	cursor: pointer; } #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: 400px; } 	#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 #eee; 		padding-top: 15px; 		margin-top: 15px; 	} 	#edit .fhead { 		text-align: left; 		padding: 5px 0 5px 30px; 		font-weight: bold; 		background: #275975; 	} 	#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 #fff; } .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.png); 	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 #fff!important; }	 #content .faq th { 	border: none; 	background: none; 	text-align: left; 	padding-left: 30px; } /* ================================== */ /* ----------- 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 #aacfe4; 	} 	#irbisform input { 		width: 350px; 		margin: 5px 0; 		float: left; 		padding:4px 2px; 		border:solid 1px #aacfe4; 		color: #000; 	} 		#irbisform #irbisbutton { 			width:125px; 			line-height: 10px; 			float: right; 		} #irbis_results tr td { 	width: 100%; 	padding: 5px 0; 	border: none; } 	#irbis_results .book_id { 		padding-top: 5px; 		border-top: 1px solid #ffffff; 		font-weight: 400; 		color: #fff; 	} 	#irbis_results .book_title { 		font-weight: bold; 		font-size: 105%; 		color: #fff; 	} 	#irbis_results .book_author { 		font-weight: bold; 	} 	#irbis_results a.button2 { 		width: 180px; 	} 	#irbis_results .page_ref { 		text-decoration: none; 	} 	#irbis_results table { 		width: 100%; 	} #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; 	} /* ------------------ FOOTER ---------------------- */#soc{ margin-left: 750px; width: 300px; height: 100px;} #footer { 	position: absolute; 	bottom: 0; 	_bottom: -135px; 	background: #013c5d; 	right: 0; 	width: 96%; 	height: 85px; 	padding: 25px 2% 17px; 	border-top: 1px solid #00304b; } #phones { 	float: left; 	position: relative; 	width: 220px; } #foot_title { 	float: left; 	margin-left: 20px; } #copyright { 	float: right; 	width: 200px; 	padding-top: 20px; 	padding-right: 6px; 	overflow: hidden; } 	#copyright images { 		float: right; 	} 	#copyright p { 		float: left; 		/*width: 118px;*/ 		padding-top: 2px; 		padding-right: 10px; 		text-align: right; 	} 		#copyright a { 			text-decoration: none; 		} #visits { 	position: absolute; 	bottom: 5px; 	right: 0; } #footer .foot_big { 	font-size: 142%; 	padding-bottom: 5px; } #footer .foot_gray { 	color: #b7b7b7; } #footer .foot_white { 	color: #efeff0; } #footer #phones .foot_big { 	font-weight: bold; }
span#imgVoic img {
    display: inline-block !important;
    position: absolute;
    padding-left: 20px;
    cursor: pointer;
}

span#imgVoicDetail img {
    display: inline-block !important;
    padding-left: 20px;
    cursor: pointer;
}