/* Fonts & Colors ******************/
body {font-size: 80.01%; font-family: Arial, sans-serif}
body, div.language-switch ul li b {color: black}
#footer {background-color: #ddd}
a, h1, h2, #path a:visited, #language-switch a:visited, ul#menu a:visited, #footer a:visited, div.years a:link {color: /*#005aa9*/#005aa9}
h3, h4 {color: #5C5B60}
a:visited {color: #990099/*#1e95d2/* #800080*//*#990000*//*#AB0B34/#86aeca*//*#777*/}
a:hover, a:active, #path a:hover, #language-switch a:hover, ul#menu a:hover, #copyright a:hover {color: #AB0B34; text-decoration: none}
#copyright, p.date, div.date, p.source, /*div.tumb-script p,*/ div.thumbnail-description p {color: #777}
#around, #logo-container {background-color: white}

/* Layout ******************/
html {height: 100%}
body {position: relative; margin:0 auto; padding: 0; width: 100%; min-height: 100%}
* html body {height: 100%}

#header {position:relative; height: 88px}

#path {position: absolute; top: 51px; left: 45px; font-size: 85.01%}
#path img {position: relative; top: 5px}
#logo-container, #right-column {float: right; width: 25%; font-size: 110%}
#logo-container {position: relative}
#dzherelo-logo {position: absolute; top: 37px; left: -32px; background: url(/i/layout/dzherelo-logo.png) no-repeat; height: 58px; width: 222px}

#around {padding-bottom: 11em; overflow: hidden; width: 98%; margin-right: 0;}
#content {float: left; width: 65%; margin-left: 60px; padding-top: 2.75em}
* html #content {margin-left: 30px}

#footer {position: absolute; bottom: 0;	left: 0; width: 100%; height: 10em; font-size: 85.01%}
#footer-dashed {width: 100%; border-top: 1px dashed #b2b2b2}

#copyright {position: relative; top: 2em; margin-left: 41px}
* html #copyright {position: relative; top: 0.5em; margin-left: 45px}

#search {position: absolute; top: 2em; right: 41px}
#sitemap {position: relative; top: 10px}
* html #sitemap {position: relative; top: 0}

/* Language switch */
#language-switch {height: 79px; margin: 19px 0 0 17px; font-size: 85%}
#language-switch div.reducer {padding: 25px 0 1em 41px}
#language-switch ul {margin: 0}
#language-switch ul li {display: block; float: left; margin: 0 0.8em 0 0}

/* Menu */
ul#menu {margin: 0; padding: 0; list-style-type: none}
ul#menu ul {list-style-type: none; margin: 1em 0 1.5em 2em; padding: 0; font-weight: normal; font-size: 89.01%}
ul#menu li {margin-bottom: 0.7em; padding: 0; text-indent: 0; white-space: nowrap}
ul#menu li.selected {font-weight: bold}

/* Standard tags *******************/
h1 {font-size: 180.01%; font-weight: normal; margin: 0 0 1em 0}
h2 {font-size: 140.01%; font-weight: normal; margin: 1.75em 0 0.5em 0; clear: both}
h3 {font-size: 110.01%; font-weight: bold; margin: 1.75em 0 0.5em 0}
h4 {font-size: 100.01%; font-weight: bold; margin: 1.75em 0 0.5em 0}

* html h2, * html h3, * html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match( /^H\d$/ ) ) ? 0 : '1.75em' );}

h3+h4, div.breakline+h2 {margin-top: 0}

p {margin: 0 0 1em 0}

/* Lists */
ul, ol {margin: 0 0 1em 30px; padding: 0}
ul {list-style-type: none}
li {margin: 0 0 0.5em 0; padding: 0}
li ul, li ol {margin-top: 0.5em}

* html #content ul li {behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">&mdash;&nbsp;</span>' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 );}
* html #content ul li span.bullet {color: #1E5A96;}

/* Bullet*/
#content ul li {behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">&mdash;&nbsp;</span>' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 )}
#content ul li span.bullet {color: #1E5A96}
#content ul>li {text-indent: -1.3em}
#content ul>li:before {content: '\2014\a0'; color: #1E5A96}
#content ol>li {text-indent: 0}

* html div.content ul.nobullets li {behavior: none; text-indent: 0;}
div#content ul.nobullets>li {text-indent: 0;}
div#content ul.nobullets>li:before {content: '';}

img {margin: 0; padding: 0; border-width: 0; border: 0}
table {border: 0; border-style: none}

/* Misc ********************/
p.note {color: #94999c; font-size: 85%}

/* Calendar Line */
div.years {margin-top: 2em; //width: 100%}
div.years div, div.news-calendar div.months div {float: left; margin: 0 1.5em 0.5em 0}
div.clear {height: 2em}

/* News */
div.news-list div.news-item {margin-bottom: 1em}
div.news-list div.news-item div.title { margin-top: 0.5em}

p.date, p.source, div.date {font-size: 90%}
p.source {text-align: right}

div.breakline {width: 100%; height: 2em; clear: both}
div.clear-right {width: 100%; clear: both}

/* images */
div.tumb-script, div.tumb-script-float {margin: 0.5em 2em 0 30px; width:auto; height: auto; margin: 1em 2em 0 0}
div.tumb-script-float {float: left}
div.tumb-script p, div.tumb-script-float {font-size: 11px; margin: 0.5em 0 1.5em 0; text-align: left}
div.tumb-script img, div.tumb-script-float {margin-right: 10px}

div.tumb-script-right {float: right; margin: 0.5em 2em 0 30px; width:auto; height: auto}
div.news-article p img { border: 1px solid #b2b2b2}
div.tumb-script-clear {float: left; margin: 0.5em 2em 0 30px; width:auto; height: auto; clear: left}
div.thumbnail-description {min-width: 110px; width: 15em; min-height: 170px; height: 20em; float: left; margin: 1em 2em 0 0}
div.thumbnail-description div.tumb img {border: 1px solid #ddd}
div.thumbnail-description p { font-size: 90%}

/* Tables */

table.center { text-align: center}

table.html {margin: 0 0 1em 0; empty-cells: show; position: relative; left: -0.4em;}
table.html caption {text-align: left; font-size: 88%; font-weight: bold; color: #ef3124; padding: 0 1em 0.5em 0.4em;}

table.html th, table.html td {padding: 0.5em 1em 0.5em 0.5em; vertical-align: top;}

table.html th, table.html thead td, table.html tr.header td {text-align: left; font-weight: bold; border-bottom: 1px solid #dddddd;}

table.html tr.subheader td {font-weight: bold;}

table.html th.supheader, table.html td.supheader {text-align: center;}

table.html tr.separator td {border-bottom: 1px solid #dddddd; padding-bottom: 1em;}

table.html th.num, table.html td.num, table.html th.Number, table.html td.Number {text-align: right;}

table.html td.indent1 {padding-left: 3em;}
table.html tr.level2 td.first {padding-left: 3em;}

table.html tr.hover td,
table.html tr:hover td {background-color: #e8e8e8;}

table.html thead tr.hover td,
table.html thead tr:hover td,
table.html tr.header td,
table.html tr.subheader td,
table.html tr.nohover td {background-color: transparent;}

table.html th.border-left, table.html td.border-left {border-left: 1px solid #dddddd;}
table.html th.border-right, table.html td.border-right {border-right: 1px solid #dddddd;}

table.Frame td {padding: 0 1em 0 0; vertical-align: top;}

div.ImgContainer {margin-bottom: 1em;}
div.ImgContainer div {font-size: 85%; margin-top: 0.5em; color: #94999c;}

div.FloatLeft {float: left; margin-right: 2em;}
div.FloatRight {float: right; margin-left: 2em;}

/**/

table.data {margin: 0 0 1.2em 0; position: relative; left: -5px; empty-cells: show;}
table.data th, table.data td {padding: 0.5em 1.2em 0.5em 5px;}
table.data th {font-weight: bold; border-bottom: 1px solid #dddddd;}

table.data tr.first td {padding-top: 1em;}
table.data tr.separator td {border-bottom: 1px solid #dddddd; padding-bottom: 1em;}

table.data td.number, table.data th.number {text-align: right;}

table.data tr.hover td,
table.data tr:hover td {background-color: #e8e8e8}
table.data tr[dontoverme]:hover td {background-color: transparent}

table.data tr {vertical-align: top}

/* Download files */
div.download { font-size: 90%; clear: left; margin: 0 0 1em 0}
div.dn-file {position: relative; margin: 0 0 0.5em 30px}
div.dn-file div.icon {position: absolute; top: 0; left: -30px}
div.dn-file div.send-email {position: absolute; top: 8px; left: 0px}
div.dn-file div.info {color: #94999c}

/* Preudo link */
/*
.pseudo {cursor: pointer} 
div.spec {padding-top: 2ex}
h2.spec-head, .spec-head h3 {color: #f97104; font-weight: normal}
h2.spec-head span.pseudo, .spec-head h3 span.pseudo {border-bottom: 1px dashed #f97104}
h2.spec-head span.hover, .spec-head h3 span.hover {border-bottom-color: #ff9100, color: #ff9100}
*/

/* Switch */

div.switch {margin: 0 0 1em 6px; height: 0.5em}
div.switch div {display: block; float: left; padding: 4px; margin-right: 20px}
div.switch div.active {color: #000; background: #ebebcf; text-decoration: none}

/*
span.active, a.active {background-color: #EBEBCF; padding: 2px}
span.inactive {padding: 2px}
span.inactive {color: #005aa9; border-bottom: 1px dashed #005aa9; cursor: pointer}

span.active, a.active	{background-color:#EBEBCF; padding:2px;}
span.inactive			{padding:2px;}

*/


#Bookmarks{margin: 0 0 1em 6px;}
#Bookmarks a{
	display:block;
	float:left;
	padding:4px;
	margin-right:20px;
}

#Bookmarks a.active{
	color:#fff;
	background:#ef3124;
	text-decoration:none;
}

/* Frame */
div.frame {background-color: #f5f5ea}
div.frame-gray {background-color: #eee}
div.frame, div.frame-gray {color: black; position: relative; width: auto; font-size: 95%}
div.frame-gray div.w-img {position: absolute; float: left; top: 1em; left: 1em; width: 30px; height: 30px; background-image: url(/i/prepress-craft/warning.gif); background-repeat: no-repeat;}
div.frame-gray div.warning {margin-left: 20px; font-weight: bold}

/* Incuts */
div.incut {float: left; padding: 15px 30px 15px 20px; margin: 0.5em 0 1.5em 0; width: auto !important}
.clear-left { clear: left}

/* Links */
div.links {margin: 2em 0}
div.links h4 {margin-left: 45px; font-weight: normal; color: #94999c}

/* Counter*/
#counter {position: absolute; top: 4.7em;/* right: 41px*/}