/** * www.denvo.ru main stylesheet */
/* General clean-up */
* { margin: 0; padding: 0;}
img { border: 0;}
/* Create sticked footer of 40px height */
html, body { height: 100%; min-width: 1050px;}
#body { min-height: 100%;	height: auto !important;	height: 100%;	margin: 0 auto -56px; }
#footer, #footer_glue { clear: both; height: 56px;}
#content { padding: 10px;}
/* General decoration */
* { font-family: 'Verdana', 'Arial', sans-serif;}
.error { background: #F00;}
.info { background: #080;}
.note_line { position: relative; margin: 8px 0; padding: 3px 10px 2px; height: 1.5em; color: #FFF; font-weight: bold;}
.center { text-align: center; }
.right { text-align: right; }
pre, code { font-family: 'Courier New', monospace;}
p.info { font-weight: bold;   color: #080;   background: #FFF; }
p.error { font-weight: bold;   color: #F00;   background: #FFF; }
p.buttons { text-align: center; }
p.buttons input {  margin: 0 8px; padding: 2px 16px; }
p input, p select {  text-indent: 0; }
img.left { float:left; }
img.right { float: right; }
/* Header */
#header { height: 108px; margin: 8px 20px 0; position:relative; background: url('/img/hbg.png') 0 -108px repeat-x; font-size: 11pt; color: #008; }
#hTitle { height: 100px; padding: 4px 0; background: url('/img/hbg.png') 0 0 no-repeat; }
#hTitle a { display:block; font-size:24pt; margin: 4px 0 0; text-align: center; font-size: 26px; font-weight: bold; text-decoration:none; }
#hTitle a, #hTitle a:visited, #hTitle a:active { color: #008; }
#hTitle span { display:block; font-size:12pt; margin: 4px 0; text-align: center; font-style:italic; }
#hService { position: absolute; right:0; top:0; width: 155px; height: 108px; overflow:hidden; background: url('/img/hbg.png') 100% -216px no-repeat; }
#emailLink { display:block; position:absolute; top:82px; right:15px; width: 128px; height:20px; background: url(/img/addr.png) 0 0 no-repeat; }

/* Top menu */
#hMenu { position:absolute; top:76px; left:58px; list-style:none; margin: 0; padding:0; min-width: 1000px; padding: 0; height: 31px; overflow: hidden; background: url(/img/hmend.png) 730px 0 no-repeat; }
#hMenu li { display:block; position:absolute; width:184px; height:31px; top:0; }
#hMenu1 { left:0; }
#hMenu2 { left:146px; }
#hMenu3 { left:292px; }
#hMenu4 { left:438px; }
#hMenu5 { left:584px; }
#hMenu li a:link, #hMenu li a:visited { display: block; height: 24px; width: 144px; padding: 7px 20px 0; text-align:center; color: #000082; font-weight: bold; font-size: 12pt; text-decoration: none; background: url('/img/hmbg.gif') 0 0 no-repeat;}
#hMenu li a:hover, #hMenu li a:active { color: #0000FF; background-position: 0 -31px;}

/* Service menu */
#langSelect { list-style: none; padding:0; margin: 10px 10px 0; height: 30px; }
#langSelect li { float: right; }
#langSelect li a { display: block; text-decoration:none; }
#langSelect a#langRu { width:30px; height:20px; background-image: url('/img/lang-ru.png'); }
#langSelect a#langEn { width:40px; height:20px; background-image: url('/img/lang-en.png'); }

#popupMenu { position: absolute; right:8px;	top:40px;	width: 45px; height: 30px;	background: #FF4040 url('/img/pm-ns.png') 50% 50%;}
#popupMenu.guest {	background-color: #D0D0D0;	background-image: url('/img/pm-g.png');}
#popupMenu.friend {	background-color: #5EBF5E;	background-image: url('/img/pm-fr.png');}
#popupMenu.admin {	background-color: #8080FF;	background-image: url('/img/pm-adm.png');}
#popupMenu.link {	cursor: pointer;	cursor: hand;}
/* Footer */
#footer { background: #008; color: #FFF; font-size: 10pt;}
#footer * { font-size: 8pt; color: #FFF;}
#footer span { display: block; margin: 5px 8px;}
#footer span.left { float: left;}
#footer span.right { float: right;}
/* Content */
/* Lists of notes */
div.note_list { margin: 0 30px 16px 0;}
div.note_list h2 { font-size: 125%; font-weight: bold; border-bottom: 1px dashed #008; height: 1.3em;}
div.note_list dt { font-size: 125%;}
div.note_list dd .note_info, div.note_list dd .note_info a { color: #666; margin: 0 0 8px;}
div.note_list dd img { padding: 4px 0;}
/* Content of note or article page */
.page_content { margin: 0 32px 0 0; font-size: 85%; }
.page_content * { color: #008; }
.page_content p { margin: 0.5em 0 1em; text-indent: 1.5em;}
.page_content h1 { margin: 32px 0 16px;  text-align: center; font-size: 150%;}
.page_content h2 { margin: 0 0 8px; font-size: 130%;}
.page_content h3 { margin: 16px 0 8px; font-size: 110%;}
.page_content h4 { margin: 8px 0 4px; font-size: 100%;}
.page_content ul, .page_content ol { margin: 0.5em 0 1em 2em;}
.page_content li { margin: 4px 0;}
.page_content table { font-size: 100%;}
.page_content pre { font-family: 'Courier New', monospace; margin-right: 1px; padding: 4px; overflow: auto;}
.page_content pre.code { border: 1px solid #888; background: #EEF;  }
.page_content pre.command { color: #4F4; background: #000;   border: 1px solid #888;}
.page_content pre.licence { overflow: visible !important; border: none !important; font-weight: bold; color: #000; background: #FFF; border: 1px solid #888;}
.page_content table.info_table { border-collapse: collapse; border: 2px solid #008;}
.page_content table.info_table td, .page_content table.info_table th { vertical-align: top; padding: 2px 6px; border: 1px solid #88F;}
.page_content table.info_table th {  background: #DDF;}
/* More decorations for new version of site */
h1#article_title { font-size: 18pt; color: #008; text-align: center; margin: 0 15px 8px;  }
#chapterLink { display: block; font-style: italic; margin: 0 0 10px; }
h1#article_title, #err_404 { clear:left; padding-top:8px; margin-top:16px; }

/* Index page */
.indexRight { float: right; clear:right; width:45%; margin: 0 0 10px; padding: 0 32px 0 10px; }
#indexTable { margin: 0 32px 0 0; border-collapse: separate; }
#indexTable td { width: 45%; padding: 8px; vertical-align: top; /* border-bottom: 2px solid #008; */ }
/* #indexTable td.leftCell {  border-right: 1px dashed #008; } 
#indexTable td.rightCell {  border-left: 1px dashed #008; } */
.indexRight img { float: right; border-left: 2px solid #FFF; /* border-bottom: 10px solid #FFF; */ }
.indexRight #rss_feeds { min-height: 34px; padding-left: 38px; text-indent: 0; background: url('/img/rss-feeds.png') 0 0 no-repeat; }
#myPhoto { float: right; clear:both; border: 10px solid #FFF; }
#serviceList li { font-weight: bold; }
h2.spaces { margin: 32px 0 16px; }
#portfolio { width: 1050px; overflow:hidden; margin: 8px auto; padding: 0; list-style: none; }
#portfolio li { float: left; width: 320px; height: 365px; padding: 5px; margin: 0 2px; 
	border-left: 1px solid #008; border-right: 1px solid #008; }
#portfolio li p { text-indent: 0; }
#portfolio li .screen { display: block; text-align: center; font-weight: bold; text-decoration: none; }
#portfolio li .screen img { width: 300px; border: 2px solid #FFF; }
#serviceLinks { margin: 16px auto 40px; width: 700px; height: 38px; overflow: hidden; padding: 0; }
#serviceLinks li { display: block; float: left; }
#serviceLinks li a { display: block; width: 200px; height: 20px; margin: 0 12px; background: #EEF; border:2px solid #008; 
	-webkit-border-radius: 8px; -moz-border-radius: 8px;	border-radius: 8px; 
	text-decoration: none; font-weight: bold; text-align: center; padding: 4px 0; }
#serviceLinks li a:hover, #serviceLinks li a:active { background: #DDF; }

/* Full portfolio */
#imgPortfolio { width: 1050px; overflow:hidden; margin: 8px auto; padding: 0; list-style: none; }
#imgPortfolio li { float: left; width: 320px; height: 280px; padding: 5px; margin: 0 2px; 
	font-weight: bold; text-align: center; line-height: 2.0em;}
#imgPortfolio li a { text-decoration: none; }
#imgPortfolio li img { border: 1px solid #888; }
#textPortfolio { margin: 8px 0; padding: 0; list-style: none; }
#textPortfolio li { margin: 10px 0; }
#textPortfolio li a { font-weight: bold; }
#portfolioPages { display: none; }

#fancy_content #fancy_div { background: #DDD none; color:#008; }
#fancy_inner #fancy_left, #fancy_inner #fancy_right { width: 15%; }

.ppContent { background: #DDD; padding: 20px 20px 60px; }
.ppContent p, .ppContent h3, .ppContent ul { margin: 8px 0; }
.ppContent li { margin: 6px 0 6px 20px; }
.ppContent h2 { text-align: center; margin: 0 0 16px; }
.ppContent .siteLink { margin: 16px auto; width: 300px; }
.ppContent .siteLink a { display: block; height: 20px; background: #EEF; border:2px solid #008; 
	-webkit-border-radius: 8px; -moz-border-radius: 8px;	border-radius: 8px; 
	text-decoration: none; font-weight: bold; text-align: center; padding: 4px 0; }
.ppContent .siteLink a:hover, #portfolioPages .siteLink a:active { background: #DDF; }	

/* Note page */
#note_content .note_info { clear: both; margin: 16px 0; text-align: right;}
#note_content .note_info, #note_content .note_info * { color: #666;}
#note_content p.comment_info, #note_content p.comment, #note_content #comments { text-indent: 0 !important;}
#note_content #comments { font-size: 125%; font-weight: bold; margin: 10px 0 5px; height: 1.2em; border-top: 1px dashed #008;}
#note_content #comments a { font-size: 80%; color: #000; font-weight: normal; margin: 0 30px;}
#note_content #comments a:hover { color: #88F;}
#note_content p.comment_info { margin: 5px 0 0;}
#note_content p.comment { margin: 0 0 10px;}
#comment_form div { position: relative; margin: 3px 0; padding: 1px;}
#comment_form div label { display: block; width: 100px; float: left; text-align: right;}
#comment_form div input, #comment_form div textarea { display: block; margin-left: 110px; width: 370px}
#comment_form .form_buttons { width: 480px; text-align: right;}
#comment_form .form_buttons input { display: inline; margin: 0 50px; width: 80px;}
/* Right blocks */
div.right_block { float: right; clear: right; width: 250px; margin: 0 0 20px 10px;}
div.right_block .title { margin: 0; font-size: 125%; color: #FFF; text-align: center; font-weight: bold; background: #008;}
div.right_block ul { list-style: none;}
div.right_block ul, div.right_block_body { padding: 8px; border: 2px solid #008; background: #FFF;}
div.right_block ul.articles_menu a.current { font-weight: bold; font-size: 125%; /* background-color: #DDF; */ }
div.right_block ul ul.header_menu { padding: 2px; margin-left: 16px; list-style: disc; border: none !important; font-weight: normal;}
div.right_block a { text-decoration: none; color: #008;}
div.right_block a:hover { text-decoration: underline;}
div.right_block a.block_switch { display: block; padding: 2px; /* border: 1px solid #008; */ background: #FFF; text-align: right;}
div.right_block a.block_switch:hover { color: #88F;}
ul.category_list a { font-size: 125%; font-weight: bold;}
ul.tag_cloud { text-align: center;}
ul.tag_cloud li { display: inline;}
ul.tag_cloud a { margin: 0 2px; white-space: nowrap;}
ul.tag_cloud .tag_xsmall { font-size: 50%;}
ul.tag_cloud .tag_small { font-size: 75%;}
ul.tag_cloud .tag_medium { font-size: 100%;}
ul.tag_cloud .tag_large { font-size: 125%;}
ul.tag_cloud .tag_xlarge { font-size: 150%;}
/* Special classes */
table.key_codes td.service { background-color: #D0D0D0;}
table.key_codes td.num { background-color: #8080FF;}
table.key_codes td.win2k { background-color: #FF8080;}
.licence_form td { width: 230px; text-align: center;}
.licence_form input { width: 170px;}
a.catalogue { text-decoration: none; color: #000;}
a.catalogue:hover { text-decoration: underline; color: #00F;}
#config_form { width: 720px; margin: 0 0 20px; border: 2px solid #008; background: #EEF;}
#config_form td { white-space: nowrap; padding: 3px 5px;}
#config_form label { margin: 0 5px;}
p.config_button_line { width: 550px; padding: 5px 0; text-align: center;}
p.config_button_line input { width: 150px; margin: 0 30px;}
p.lang_selector { margin: 3px 10px; text-align: right;}
/* Private notes */
#auth_page { margin: 0 64px 0 0;}
#auth_page form { margin: 16px 0;}
#auth_link { display: block; position: absolute; left: 108px; top: 6px; width: 22px; height: 24px; background: url('/img/lock.gif') no-repeat;}
#auth_link.unlocked { background-position: 0 0;}
#auth_link.locked { background-position: 0 -24px;}
.submit_btn { padding: 2px 16px;}
.attn { margin: 16px 48px; font-style: italic; color: #F00;}
dt.private_note { padding-left: 20px; background: url('/img/key.gif') 2px 50% no-repeat;}
.accessWarn { font-weight: bold; color: #F00; margin: 10px 100px; }
/* [Projects] TeachCards */
#TeachCards ul { list-style: none; }
/* RSS feed */
.rss_channel { margin: 3px 0; padding-left: 46px; background: url('/img/rss.png') 1px 50% no-repeat;}
.right_block .help_link { color: #999; display: block; margin: 10px 0 0; font-size: 75%; text-decoration: none;}
.help_link:hover { color: #000; text-decoration: underline;}
/* Adv blocks */
.bottom_ad { clear: both; text-align: center;}
.right_ad { float: right; clear: right; width: 120px; margin: 0 0 20px 30px;}
#botlinks { clear: both; padding: 0 2px 1px;}
#botlinks, #botlinks a { color: #AAF; /* text-decoration: none; */ font-size: 11px;}
.index_ad { margin: 0 0 6px; padding: 3px; background-color: #F8F8FF;}
.index_ad, .index_ad * { color: #888; /* text-decoration: none; */ font-size: 12px;}
/* Google search and toolbar */
#cse-search-box { float:right; margin: 3px 12px; border: 2px solid #008; padding: 5px; -webkit-border-radius: 8px;	-moz-border-radius: 8px; border-radius: 8px; }
#cse-search-box #sa { width: 60px;}
#cse-search-box .tb { float: right;}
#cse-search-box .tb a { display: block; width: 20px; height: 20px; background: url('/img/tb.png') no-repeat;}
#cse-search-box .tb a#edit_current_page:link, #cse-search-box .tb a#edit_current_page:visited { background-position: 0 0;}
#cse-search-box .tb a#edit_current_page:hover, #cse-search-box .tb a#edit_current_page:active { background-position: 0 -20px;}
#iGoogleSearch { width:430px; }
/* CMS fixes */
html body.admin { background: #FFFFFF;}
body.admin div#content { font-size: 100%;}
/* ArticleList (TranspCMS plugin) */
ul.article_list { list-style:none; margin: 5px 0 5px 15px; }
ul.article_list h2 a { font-size: 12pt; text-decoration: none; }
ul.article_list h2 .dt { font-size: 10pt; font-weight: normal; }
ul.article_list h2.page_private { background: url('/img/al_access.png') 0 0 no-repeat; min-height: 24px; padding-left: 28px; }
ul.article_list h2.page_hidden { background: url('/img/al_access.png') 0 -100px no-repeat; min-height: 24px; padding-left: 28px; }
/* ContactForm (TranspCMS plugin) */
form.feedback_form { width: 440px; padding: 5px 10px; background: #EEE;}
form.feedback_form .buttons { margin: 3px 0; text-align: center;}
form.feedback_form .form_note { font-size: 85%; color: #888;}
form.feedback_form label, form.feedback_form textarea { margin: 6px 0; display: block;}
form.feedback_form label { position: relative;}
form.feedback_form label.req_field { font-weight: bold; color: #D00;}
form.feedback_form label input { position: absolute; top: 0; right: 0;}
form.feedback_form label input, form.feedback_form label textarea { color: #000; font-weight: normal;}
/* ImageGallery (TranspCMS plugin) */
ul.image_gallery {	list-style: none;	width: 990px;	overflow: hidden;}
ul.image_gallery li {	float: left;	width: 210px;	height: 280px;	padding: 5px;	text-align: center;}
ul.image_gallery a img {	border: 0;}
ul.image_gallery li span {	display: block;	margin: 8px 0 0;	text-align: center;	font-weight: bold;}

/* Informer page */
#weather { float:right; width: 200px; }
#weather h2 { text-align: center; }
#weatherBox { width: 140px; margin: 10px auto; border: 1px solid #880; background-color: #FFD; padding: 8px; }
#weatherTemp { font-size:40px; font-weight:bold; text-align: right; }
#weatherTime { text-align: center; }

#webcamImg { display:block; margin: 16px 0; border: 1px solid #CCC; }

#infRefresh { margin: 32px 0 16px; text-align:center; font-weight: bold; }
#infRefresh noscript { color:#C00000; }