/*
 * Default values
 */
html, body, input, textarea, text, form {
  background-color: #787578;
  background-image: url('background/background.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  font-family: Arial, Tahoma;
  font-size: 11px;
  vertical-align: baseline;
  line-height: 130%;
  border-style: none;
  border-width: 0px;
}
div {
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  vertical-align: top;
}
p {
  text-indent: 15px;
  margin: 10px;
  text-align: justify;
}
form {
  background: transparent;
  width: auto;
}
a:hover, a:link, a:visited {
  text-decoration: underline;
}

ul, ol {
  text-indent: 0px;
  margin: 10px;
  padding: 0px;
  text-align: justify;
}
li {
  line-height: 100%;
  margin: 5px 10px 5px 10px;
  padding: 0px;
  list-style-position: outside;
}
ul li {
  list-style-type: disc;
}
ol li {
  list-style-type: decimal;
  margin: 5px 20px 5px 20px;
}
ul {
  padding-left: 20px;
}
/*
  A little big :) hack to make Opera and FireFox display
  lists in the same way as IE does
*/
ol {
  counter-reset: numericcounter;
}
ul > li, ol > li {
  list-style-type: none;
}
ul li:before {
  display: block;
  content: "\2022";
  font-size: 28px;
  padding: 0px;
  margin: -2px 0px -14px -20px;
}
ol li:before {
  content: counter( numericcounter, decimal ) ".";
  counter-increment: numericcounter;
  display: block;
  width: 3em;
  margin: -2px 0px -15px -63px;
  text-align: right;
  padding: 0px;
}
/*
  The table's characteristics, that are set in CSS-file could be overridden
only in that file, so if there's any characteristic, that should be overriden,
don't set it here at all. But there is another possibility to set some of
defaults: if you'll set this value for <table>, but woun't do it for <td>
or <tr>, it will be possible to set them in html-file for <td>, <tr> or others,
but not for <table>. And be careful: the inherited settings are not overriden
too. (For tables, I mean... Who knows, why?..)
*/
table {
  border-style: hidden;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  margin: 0px auto 0px auto;
}                 
td {
  padding: 0px;
  overflow: hidden;
}
th {
  padding: 0px;
  color: black;
  font-weight: bold;
}
strong {
  color: black;
}
big {
  font-size: 30px;
  line-height: 100%;
}
small {
  font-size: 11px;
}
q {
  font-weight: normal;
  font-style: italic;
}
cite {
  font-weight: normal;
  font-style: italic;
}
dfn {
  font-weight: bold;
  font-style: normal;
}
h1 {
  font-size: 20px;
  font-weight:bold;
  text-align: center;
  color: black;
  line-height: 100%;
  text-indent: 0px;
  padding: 0px;  
  margin: 20px 50px 20px 50px;
}
h2 {
  font-size: 15px;
  font-weight:bold;
  text-align: left;
  color: black;
  line-height: 100%;
  text-indent: 0px;
  padding: 0px;  
  margin: 20px 50px 20px 50px;
}
h3 {
  font-size: 15px;
  font-style:  italic;
  font-weight: bold;
  text-align: center;
  color: black;
  line-height: 100%;
  text-indent: 0px;
  padding: 0px;  
  margin: 10px;
}
pre {
  overflow: auto;
  width: 95%;
  text-align: left;
  padding: 10px;
  /* I.E.6 doesn't support the CSS2 property max-height */
  max-height: 600px;
} 
img{
  border: 0;
  padding: 0px;
  margin: 0px;
  vertical-align: baseline;
}

hr{
  border-color: gray; 
  border-style: solid;
}
a, a h1, a h2, a h3, a td {
  color: #B6C6B3;
  font-weight: normal;  
  text-decoration: underline;
  background-color: transparent;
}
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover td{
  color:red;
  background-color: transparent;
}
/* removing inner paddings in FF */
input::-moz-focus-inner{
  padding:0;
  border:none;
}
a.nonhighlightable:hover, a.nonhighlightable:link, a.nonhighlightable:visited {
  color: #f678d6;
  background-color: transparent;
  font-weight: normal;  
}

.highlighted
{
  background-color: #d0ffe5
}


/* main site blocks settings */

.pageAnchor {
  padding: 0px;
  margin: 0px;
  width: 100%;
  border: none;
  height: 0px;
  overflow: hidden;
}

#siteOutlineLeft {
  text-align: center;
  width: 160px;
  position: absolute;
  top: 400px;
  padding: 5px;
}

#siteOutlineCenter {
  position: absolute;
  left: 98px;
  right: 85px;
  top: 4px;
  width: 950px;
}

#siteOutlineRight {
  text-align: center;
  width: 160px;
  position: absolute;
  top: 300px;
  padding: 5px;
}

#siteHelperPanel {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 4;
  overflow: hidden;
  vertical-align: top;
  height: 1px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background: #B6C6B3;
}

#siteHelperPanel table{
  border-style: solid;
  border-color: #dddddd;
  border-width: 2px 0px 0px 0px;
  overflow: hidden;
}

#siteHelperPanel table td{
  vertical-align: top;
  color: #515F4E;
}

#siteHelperPanel a:visited, #siteHelperPanel a:link {
  color: #515F4E;
}

#siteHelperPanel a:hover {
  color: red;
}

#siteHelperPanel table table{
  overflow: hidden;
  border: none;
  padding: 2px;
  height: auto;
}

#siteOutlineLogo {
  background-color: #515F4E;
  height: 96px;
  margin: 4px 0px 0px 2px;
  vertical-align: middle;
  background-image: url('background/header_left.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

#siteOutlineCenter, #siteOutlineCenter a:hover, #siteOutlineCenter a:visited, #siteOutlineCenter a:link {
  color: #B6C6B3;
}

#siteOutlineFooter {
  width: 100%;
}
#siteOutlineFooter .content {
  background-color: #515F4E;
  height: 60px;
  margin: 10px 15px 160px 2px; 
  padding: 0; 
}

#siteOutlineFooter .bottomMenu {
  text-align: center;
  padding: 8px 0px 0px 0px; 
  overflow: hidden;
  height: 22px; 
}
#siteOutlineFooter .bottomMenu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto 0 auto;
  width: auto;
  display: block;
  text-align: center;
}
#siteOutlineFooter .bottomMenu ul li {
  display: inline!important\0/; /*hack for IE*/
}
#siteOutlineFooter .bottomMenu ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
#siteOutlineFooter .bottomMenu ul li:before {
  display: none;
  margin: 0px;
  padding: 0px;
}

#siteOutlineFooter .bottomMenu ul li a:hover, #siteOutlineFooter .bottomMenu ul li a:link, #siteOutlineFooter .bottomMenu ul li a:visited {
  margin: 0px 5px 0px 5px; 
  height: 25px;
  padding: 0px;
}

#siteOutlineFooter .copyright {
  margin: 10px 0px 0px 10px;
  float: left;
}

#siteOutlineFooter .feedback {
  margin: 10px 10px 0px 0px;
  float: right;
  background-image: url('background/feedback.gif');
  background-position: left top;
  background-repeat: no-repeat;
  text-align: right;
  padding: 0px 0px 0px 20px;
}

#contentContainer {
  width: 100%;
}
#contentContainer .topLeftBg {
  background-color: #515F4E;
  background-image: url('background/cont_tl.gif');
  background-position: -1px top;
  background-repeat: no-repeat;
  padding: 0; 
  margin: 0px 15px 0px 2px;
}
#contentContainer .topRightBg {
  background-image: url('background/cont_tr.gif');
  background-position: right top;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}
#contentContainer .bottomLeftBg {
  background-image: url('background/cont_bl.gif');
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}
#contentContainer .bottomRightBg {
  background-image: url('background/cont_br.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

#documentContentId {
  padding: 20px 15px 20px 15px;
}

#authorization {
  text-align: right;
  margin: 0px 40px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  overflow: hidden;
}
#authorization a:hover, #authorization a:visited, #authorization a:link {
  text-decoration: underline;
}

/* Shopping cart box settings */

#cart {
  position: absolute;
  right: 32px;
  top: 117px;
  background-image: url('background/cart.gif');
  background-position: right top;
  background-repeat: no-repeat;
  text-align: right;
  padding: 5px 30px 0px 0px;
  font-size: 12px;
  font-weight: normal;
}
#cart:hover, #cart:link, #cart:visited {
  margin: 0px 10px 0px 10px;
  text-decoration: none;
}
#cart #cartcontent a:hover, #cart #cartcontent a:link, #cart #cartcontent a:visited {
  margin: 0px 10px 0px 10px;
}
#cart #cartcontent {
  padding: 0;
  margin: 0; 
  display: block;
}
#cartName, #cartName a:hover, #cartName a:visited, #cartName a:link {
  color: #515F4E;
  display: block;
}

#admin {
  position: absolute; 
  top: 6px; 
  right: -40px;
  display: none;
}

#logo {
  float: left;
  margin: 18px 0px 0px 50px;
}
#logoImage {
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/background/logo.png', sizingMethod='image');  /* подгружаем полупрозрачный png для ie6 */
}

#decorationGuys {
  background-image: url('background/guys.gif');
  width: 125px;
  height: 96px;
  float: right;
}

/* IE does not support > symbol addressing and fixed positioning,
 so turing it on for FireFox and other good browsers * /
body > #siteHelperPanel {
  position: fixed;
}

/* controls settings */

/*
  To use inputs surround it with divs or tds of classes textinput,
  buttoninput, etc. They are listed below
  If you want, the autologin work in IE, you can use tables inside
  form, but never surround login and password inputs with divs
*/
input, textarea {
  text-align: left;
  vertical-align: top;
  background: transparent; 
  line-height: 110%;
  border-style: none;
/*
   A small hack to make IE and Opera inputs lood almost like FireFox's ones
   Removing the border (there's no way to make them treat borders
   similar, but if you'll paint borders around using other tag, they
   will look the same
*/
  margin: -1px 1px -1px 0px;
}
textarea{
  /*scroll-vertical: auto;*/
}
input[type], textarea[type]{
/*
   when focused, in IE input becomes 2 pixels wider, so to make
   it look similar (and allow to see cropped edges faster while
   designing and corredt it), adding right margin for FireFox
   and Opera
*/
  margin: 0px 0px 0px 1px;
}
input[type=password]{
  font-size: 2ex;
}
.listinput {
  width: 100%;
  text-align: left;
}
.listinput select{
  background-color: #e0eee9;
  border:none 0px;
  margin: 0px;
  padding: 0px;
  border: 1px;
  border-color: black;
  border-style: solid;
}
.textinput, .multilinetextinput{
  background-color: #e0eee9;
  border: 1px;
  border-color: black;
  border-style: solid;
}
.textinput input, .multilinetextinput textarea{
  margin-top: 2px;
  font-size: 12px;
}
.textinput{
  height: 22px;
}
.uploadframe {
  border: none;
  width: 430px;
  height: 35px;
  background: transparent;
  overflow: hidden;
}
.buttoninput, .buttoninputicon{
  border: 1px;
  height: 24px;
  border-style: outset;
  border-color: #eeeeee #aaaaaa #aaaaaa #eeeeee;
  background-color: #f0f0f0;
  cursor: pointer;
}
.buttoninput{
  padding: 0px;
/*  padding: 0px 5px 0px 5px; */
}
.buttoninput input, .buttoninputicon input{
  text-align: center;
  width: 100%;
  height: 100%;
  /*margin-top: 2px;*/
  margin: 0px;
  font-size: 12px;
  cursor: pointer;
}
.cellinput input{
  text-align: center;
  width: auto;
  height: 100%;
  /*margin-top: 2px;*/
  margin: 0px;
  font-size: 12px;
  cursor: pointer;
}
.buttoninput input[type], .buttoninputicon input[type]{
  /*padding: 0px 0px 4px 0px;*/
}
.buttoninputicon{
  width: 44px;
  height: 44px;
  background-repeat:no-repeat;
  background-position:center;
}
/*
  an IE hack - takin into account the difference
  in dimensions calculations when IE calculates
  them including borders and FireFox and Opera
  does not
*/
.buttoninputicon[class]{
  width: 40px;
  height: 40px;
}
.textinput[class]{
  height: 20px;
}
.buttoninput[class]{
  height: 20px;
}
.radioinput, .checkboxinput{
  text-align: left;
}
.radioinput input, .checkboxinput input{
  width: 20px;
  height: 20px;
  margin: -3px 0px -3px 0px;
  font-size: 12px;
  background-color: #e0eee9;
  border:none;
}
.radioinput input[type], .checkboxinput input[type]{
  width: 12px;
  height: 12px;
  margin: 0px 6px 3px 6px;
}
/*
 * navigation box settings
 */
 
#navigationBox {
  border: solid 1px black;
  overflow: auto;
  line-height: 120%;
}

#navigationBox ul {
  padding: 0px;
  margin: 0px;
  overflow: visible;
}

#navigationBox li {
  padding: 0px;
  margin: 0px 0px 0px 25px;
}

#navigationBox td {
  text-align: left;
}
#navigationBox table {
  margin: 0px auto 0px 0px;
}

.bluredSiteMapItem ul li {
  list-style-type: none;
}
 
.bluredSiteMapItem ul li:before {
  display: none;
}
 
.highlightedSiteMapItem div, .bluredSiteMapItem div {
  text-align: left;
  padding: 0px;
  margin: 0px 0px 1em 0px;
}

.highlightedSiteMapItem {
  font-size: 15px;
  line-height: 17px;
}

.highlightedSiteMapItem .bluredSiteMapItem {
  font-size: 12px;
  line-height: 14px;
}
 
.bluredSiteMapItem .bluredSiteMapItem  {
  font-size: 8px;
  line-height: 9px;
}

.bluredSiteMapItem .bluredSiteMapItem  .bluredSiteMapItem {
  font-size: 3px;
  line-height: 4px;
}

.currentUrlSiteMapItem a {
  color: #667788;
  font-size: 15px;
  text-decoration: underline;
  line-height: 17px;
}

.foundSiteMapItem a {
  color: #668877;
  font-size: 15px;
  text-decoration: underline;
}

.currentUrlSiteMapItem a:hover, .foundSiteMapItem a:hover {
  color: red;
  font-size: 15px;
}

/*
 * menu settings
 */

.topMenu {
  width: 100%;
  text-align: left;
}
.topMenu table {
  border-collapse: collapse; 
  margin: 0px 10px 0px 55px;
  height: 21px;
  overflow: hidden;
  padding: 0px;
  width: auto;
  border: none;
}
.topMenu table td {
  font-size: 18px;
  padding: 0px 0px 0px 20px;
  font-weight: normal;
}
.topMenu table td a {
  width: 100%;
  padding: 0px;
  margin: 0px;
  display: block;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}

/*
table.mainmenu {
  border-collapse: collapse; 
  margin-top: 10px; 
  padding: 0px;
  width: 100%;
  background-color: #fff6d3;
  height: 51px;
  background-image: url('background/mainmenu.gif');
}

table.mainmenu td {
  padding: 2px 1px 6px 1px;
  margin: 0px;
}

table.mainmenu td a {
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 43px;
  display: block;
  text-align: center;
}

table.mainmenu td a:hover {
  background: url('background/mainmenuhigh.gif');
}

table.mainmenu td a:hover span {
  background: url('background/mainmenuborder.gif');
  background-position: left;
  background-repeat: no-repeat;
}
table.mainmenu td a:hover span span {
  background: url('background/mainmenuborder.gif');
  background-position: right;
  background-repeat: no-repeat;
}
table.mainmenu td a:hover span span span {
  background: none;
}

table.mainmenu td table {
  padding: 0px;
  height: 43px;
  margin: 0px;
  border: 0px;
  width: 100%;
  border-collapse: collapse;
}

table.mainmenu td table td {
  vertical-align: middle;
  text-align: center;
  padding: 3px 0px 0px 0px;
  border: 0px;
  cursor: hand;
}

table.mainmenu td a span {
  width: 100%;
  display: table;
  #display: block;
}
table.mainmenu td a span span {
  display: table-cell;
  #display: block;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  height: 43px;
  cursor: hand;
}

table.mainmenu td a span span span {
  display: inline-block;
  margin: 2px 0px 0px 0px;
  margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + 2 + "px");
  padding: 0px;
  width: auto;
  height: auto;
}
*/

div.topMenu {
}
div.topMenu img {
  vertical-align: text-bottom;
}
#submenu {
  position: absolute;
  left: -10000px; 
  top: -10000px;
  width: 250px;
  visibility: hidden;
  text-align: left;
  background: transparent;
  z-index: 50;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#submenuconstrain {
  font-size: 13px;
  line-height: 100%;
  text-indent: 0px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: #eaeaff;
  border-color: #999999;
  border-style: solid;
  border-width: 2px;
  z-index: 20;
  position:absolute;
  color: #515F4E;
}
#submenuconstrain a, #submenuconstrain a:visited, #submenuconstrain a:link {
  color: #515F4E;
}
#submenuconstrain h1{
  font-size: 15px;
  padding: 5px;
  margin: 0px;
}
#submenuconstrain ul{
  font-size: 13px;
  margin-left: 0px;
  text-align: left;
}
#submenuconstrain ul li:before {
  margin-bottom: -12px;
  color: #515F4E;
}
.firstlevelmenu, .firstlevelmenu td {
  background-color: transparent;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}
.firstlevelmenu {
  margin: 20px 0px 20px 0px;
}
.firstlevelmenu td {
  padding: 5px;
}

.topMenu .currentmenu :before {
  display: block;
  content: "\2022";
  font-size: 28px;
  color: #ff6633;
  padding: 0px;
  margin: -2px 0px -14px -12px;
  text-align: left;
}
#submenu .currentmenu, #submenu .currentmenu:before {
  color: #ff6633;
}
#submenu .currentmenu a, #submenu .currentmenu a:link, #submenu .currentmenu a:visited {
  text-decoration: none;
  font-weight: bold;
}
  
/*
 * top navigation bar settings
 */
 
.topnavigation{
  text-align: left;
  padding-bottom: 0px;
}

/*
 * bottom navigation links settings
 */
 
.bottomnavigation{
  text-align: left;
  padding: 5px;
}

/*
 * buttons panel table settings
 */
 
.buttonspanel{
  margin: 0px auto 0px 0px;
}

/*
 * languages box settings
 */
 
.languagesbox{
  margin: 5px;
}

/*
 * themes box settings
 */
 
.themesbox{
  margin: 5px;
}

/*
 * hints
 */

#hintconstrain, #ajaxboxconstrain, #searchresultshintconstrain {
  position: absolute;
  left: -10000px; 
  top: -10000px;
  width: 250px;
  visibility: hidden;
  text-align: left;
  background: transparent;
  z-index: 50;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#searchresultshintconstrain {
  width: 500px;
}
td.hintcontent {
  font-size: 13px;
  line-height: 100%;
  text-indent: 0px;
  width: auto;
  text-align: left;
}
td.hintcontent h1{
  font-size: 14px;
  padding: 5px;
  margin: 0px;
  color: #515F4E;
}
td.hintcontent h2{
  font-size: 14px;
  padding: 2px;
  margin: 0px;
}
td.hintcontent h3{
  font-size: 13px;
  padding: 0px;
  margin: 0px;
}
td.hintcontent p{
  padding: 2px;
  margin: 0px;
}
td.hintcontent ul{
  font-size: 13px;
  margin-left: 0px;
  text-align: left;
}
td.hintcontent ul li:before {
  margin-bottom: -12px;
}
.hintcontent a, .hintcontent a:hover, .hintcontent a:visited, .hintcontent a:link {
  color: #515F4E!important;
}

.hintcontent .textinput, .hintcontent .multilinetextinput, .hintcontent .listinput, .hintcontent .checkboxinput, .hintcontent .radiobuttoninput {
  background: #FEFAF0;
}

/*
 * resources list box settings
 */
 
.resourceslistbox{
  width: 160px;
  text-align: left;
  background-color: #e0eee9;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  border-style: solid;
}

.resourceslistitem, .resourceslisthilighteditem{
  width: 158px;
  text-align: left;
  background-color: #e0eee9;
  border-width: 1px;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  border-style: solid;
}

.resourceslisthilighteditem{
  background-color: #ddaaaa;
}

.resourceslistitem h1{
  font-size: 18px;
  padding: 5px;
  margin: 0px;
}


#resourcesettingsconstrain {
  position: absolute;
  left: -10000px; 
  top: -10000px;
  width: 350px;
  visibility: hidden;
  text-align: left;
  background: transparent;
  z-index: 50;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#resourcesettingscontent {
  font-size: 13px;
  line-height: 100%;
  text-indent: 0px;
  width: 100%;
  text-align: left;
}
#resourcesettingscontent h1{
  font-size: 15px;
  padding: 5px;
  margin: 0px;
}
#resourcesettingscontent ul{
  font-size: 13px;
  margin-left: 0px;
  text-align: left;
}
#resourcesettingscontent ul li:before {
  margin-bottom: -12px;
}

/*
 * general page content
 */

.pagecontent{
  height: 100%;
  width: 100%;
  overflow: visible;
  text-align: center;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  /*
  opacity: 0.85;
  filter: alpha(opacity=85);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity:0.85;
  -khtml-opacity:0.85;
  */
}
.pagecontent, .pagecontent a, .pagecontent a:hover, .pagecontent a:visited, .pagecontent a:link, .pagecontent strong, .pagecontent h1, .pagecontent h2, .pagecontent h3, .pagecontent h4{
  color: #515F4E!important;
}
.pagecontent a, .pagecontent a:hover, .pagecontent a:visited, .pagecontent a:link {
  font-weight: normal;
}
.pagecontent table{
  border-color: black;
  border-collapse: collapse;
  vertical-align: middle;
  text-align: center;
  margin: 5px auto 5px auto;
  padding: 5px;
  border-style: none;
}
.pagecontent td{
  border-color: black;
  padding: 5px;
}
.pagecontent th{
  border-color: black;
  padding: 5px;
}
/*
   Some hack to make FireFox and Opera treat tables in the way, almost like
 IE does. Sorry - I had to make it. 
*/
.pagecontent table[border]{
  border-style: solid;
}
.pagecontent table[border] td{
  border-style: solid;
  border-width: 1px;
}
.pagecontent table[border] th{
  border-style: solid;
  border-width: 1px;
}
.pagecontent table[border="0"]{
  border-style: none;
}
.pagecontent table[border="0"] td{
  border-style: none;
}
.pagecontent table[border="0"] th{
  border-style: none;
}
/* end hack ;) */
.pagecontent h1 {
  font-size: 18px;
} 
.pagecontent h2 {
  font-size: 17px;
} 
.pagecontent h3 {
  font-size: 16px;
} 
.pagecontent img {
  margin: 0px;
} 
.pagecontent img.smiley{
  margin: 0px;
}
.pagecontent ul, .pagecontent ol {
}

/*
 * page header
 */

.pageheader {
  background: none;
  font-size: 12px;
  line-height: 130%;
  margin: 5px 30px 5px 30px;
}
.pageheader h1 {
  margin: 0px 0px 15px 0px;
  font-size: 20px;
}
.pageheader h3 {
  margin: 5px 5px 5px 5px;
  font-size: 11px;
  line-height: 130%;
  text-align: right;
}

.pageheader #documentSign {
  display: none;
  font-style:  italic;
  font-weight: bold;
  margin: 5px 5px 5px 5px;
  font-size: 11px;
  line-height: 130%;
  text-align: right;
}

/*
 * referats settings
 */
 
.referat {
  font-size: 13px;
  margin: 10px 0px 10px 0px;
} 
.referat table {
  font-size: 13px;
  margin: 5px auto 5px auto;
} 
.referat h1 {
  font-size: 15px;
} 
.referat h2 {
  font-size: 14px;
} 
.referat h3 {
  font-size: 14px;
} 
.referat img {
  margin: 5px;
} 
.referat img.smiley{
  margin: 0px;
}
.referat big {
  font-size: 28px;
}
.referat pre {
  /* I.E.6 doesn't support the CSS2 property max-height */
  max-height: 200px;
} 

/*
  database settings
*/

.pagecontent form {
}
.pagecontent form, .pagecontent form a, .pagecontent form a:hover, .pagecontent form a:visited, .pagecontent form a:link {
  color: #515F4E!important;
}

/*
 * announes settings
 */
.importantsbox {
  position: absolute;
  top: 90px;
  left: 55px;
  font-size: 17px;
  font-family: Arial narrow, Arial;
  line-height: 120%;
  border: none;
  background-color: transparent;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  width: 70%;
  color: red;
  height: 20px;
} 
.importantsbox td {
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 20px;
} 
#importantsbox {
  padding: 0;
  margin: 0;
}
.importantsbox h1 {
  display: none;
} 
.importantsbox .announce h1 {
  display: none;
} 
.importantsbox .announce {
  padding: 0;
  margin: 0;
} 
.importantsbox .announce p {
  padding: 0;
  margin: 0;
} 
 
.announcesbox {
  font-size: 14px;
  font-family: Arial narrow, Arial;
  line-height: 120%;
  border-left: solid black 1px;
  background-color: #ffffcf;
  overflow: hidden;
  margin: 0px;
  width: 100%;
} 
.announce {
  margin: 10px 0px 0px 0px;
  background-color: transparent;
  padding: 0px;
} 

#newsbox {
  padding: 30px 0px 30px 5px;
}

.announcesbox table {
  font-size: 14px;
  margin: 5px auto 5px auto;
  line-height: 120%;
} 
.announcesbox h1 {
  font-size: 16px;
  margin: 5px;
} 
.announcesbox h2 {
  font-size: 15px;
  margin: 5px;
} 
.announcesbox h3 {
  font-size: 14px;
  margin: 5px;
} 
.announcesbox p {
  font-size: 14px;
  margin: 5px;
  text-indent: 0;
  text-align: left;
} 
.announcesbox ul {
  margin: 5px;
} 
.announcesbox img {
  margin: 5px;
  float: left;
} 
.announcesbox img.smiley{
  margin: 0px;
  float: none;
}
.announcesbox big {
  font-size: 20px;
}
.announcesbox small {
  font-size: 8px;
}
.announcesbox ul, .announcesbox ol {
  line-height: 120%;
  text-indent: 0px;
  padding: 0px 0px 0px 20px;  
  margin: 0px;
  text-align: justify;
}
.announcesbox pre {
  /* I.E.6 doesn't support the CSS2 property max-height */
  max-height: 300px;
  width: 120px
}

.resourcetext {
  background: #B6C6B3;
  padding: 10px 30px 10px 30px;
  border: none;
}
.resourcetext, .resourcetext a, .resourcetext a:hover, .resourcetext a:visited, .resourcetext a:link, .resourcetext strong, .resourcetext h1, .resourcetext h2, .resourcetext h3, .resourcetext h4{
  color: #595759;
}

.resourcetext .buttoninput {
  background: transparent;
  border: solid 1px #515F4E;
}

.resourcetext .buttoninput:hover {
  background: #a6b6a3;
  border: solid 1px #515F4E;
}
.resourcetext .buttoninput input:active {
  color: red;
}

.loadingcontent {
  opacity: 0.6; 
  filter: alpha(opacity=60); 
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
  -moz-opacity:0.6; 
  -khtml-opacity:0.6;
}

/*
 * progress bar
 */
 
.progressBarBackground {
  width: 98px;
  height: 12px;
  overflow: hidden;
  background: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  text-align: left;
}

.progressBar {
  height: 100%;
  background: #515F4E;
  border: 0px;
}

#statusOutput {
  font-size: 50%;
}

.setlinks {
  padding-bottom: 10px;
  font-size: 10px;
}

.sape {
  font-size: 10px;
}

.menuLink {
  display: none;
}

form {
  height: auto;
}

#editForm {
  display: block;
}
#editForm .background {
  opacity: 0.5;
  filter: alpha(opacity=50);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  background: #787578;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#edit_form .dialog {
  position: absolute;
}

.dialog {
  position: absolute;
  background: #B6C6B3; 
  border: solid 1px black;
}

.dialogButton {
  width: 17px;
  height: 15px;
  border: 1px solid black;
  display: inline;
  float: right;
  cursor: pointer;
  background-image: url('/themes/default/modules/databaseInterface/close.gif');
}

.dialogButton span {
  display: none;
}

.editPageButton {
  display:block; 
  position:absolute; 
  right:0px; 
  text-align:right;
}

.dialogTitle{
  text-align: center;
  vertical-align: middle;
  font-size: 150%;
}

p.error{
  font-size: 80%;
  color: red;
}

.pagecontent div.note{
  float: left;
  width: 220px;
  font-size: 80%;
  background-color: #f2f8f2;
  margin: 40px 30px 40px 0px;
  padding: 10px;
  border: solid 1px #dddddd;
}

.pagecontent div.info{
  font-size: 80%;
  background-color: #ffffe9;
  margin: 40px 0px 40px 0px;
  padding: 10px;
}

.pagecontent div.item{
  margin: 30px;
  padding: 10px;
}

.pagecontent div.line{
  margin: 30px;
  padding: 10px;
  height: 10px;
  background-color: #aaaaff;
}

.pagecontent div.wide table{
  width: 100%;
}
.pagecontent div.wide img{
  padding: 0px;
  margin: 0px;
}
.pagecontent div.wide td{
  padding: 0px;
  margin: 0px;
}

.pagecontent div.columns2 td{
  width: 50%;
  padding: 20px;
  vertical-align: top;
}

.pagecontent div.columns3 td{
  width: 33%;
  padding: 5px;
  vertical-align: top;
}
.pagecontent div.columns3 td h1, .pagecontent div.columns3 td h2{
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 10px;
  margin-right: 10px;
}
.pagecontent div.columns2 td h1, .pagecontent div.columns2 td h2{
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 20px;
  margin-right: 20px;
}

.pagecontent .listinput {
  display: inline-block;
}

.pagecontent .list tr.highlightable:hover {
  background: #E0EEE9;
}

/* Login and register boxes settings */

.loginbox, .loginbox .buttoninput, .loginbox span, .loginbox input, #logoutform, #loginform, .registerbox, .registerbox span, .registerbox input {
  display: inline;
  width: auto;
  border: none;
}
.loginbox .buttoninput {
  background: transparent;
  width: auto;
  padding: 0;
  margin: 0 5px;
  border: solid 1px #B6C6B3;
  height: 14px;
  display: inline-block;
  vertical-align: top;
}
.loginbox .textinput {
  background: transparent;
  width: auto;
  padding: 0;
  margin: 0 5px;
  border: solid 1px #B6C6B3;
  height: 14px;
  display: inline-block;
  vertical-align: top;
}
.loginbox .buttoninput input {
  color: #B6C6B3;
  width: auto;
  font-size: 12px;
  margin: 0;
  padding: 0;
  height: 14px;
  overflow: hidden;
}
.loginbox .textinput input {
  color: #B6C6B3;
  width: auto;
  font-size: 12px;
  margin: 0;
  padding: 0;
  height: 14px;
  overflow: hidden;
}

/*
* shopping cart settings
*/

#cartInfoBox {
  background: #B6C6B3;
  margin: 10px;
  width: auto;
}

/*
* catalogue settings
*/


.pagecontent .catalogue  {
  background-color: #B6C6B3;
  text-align:center;
}
.pagecontent .catalogue  ul {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  text-align:center;
}
.pagecontent .catalogue  ul li {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  margin: 10px 5px 20px 5px;
  text-align: center;
  width: 145px;
  height: 295px;
  position: relative;
}
.pagecontent .catalogue  ul li:before{
  display: none;
  content: ""!important;
}
.pagecontent .catalogue  ul li {
  display: inline!important\0/; /*hack for IE, Opera ignores many things after that*/
}
.pagecontent .catalogue  ul li .title {
  display: block;
  text-decoration: underline;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}
.pagecontent .catalogue  ul li .size {
  display: block;
  padding: 2px 0px 2px 0px;
}
.pagecontent .catalogueItem  .sizes {
  margin: 20px 0px 10px 0px;
}
.pagecontent .catalogueItem  .size {
  display: block;
  width: 100%;
  text-align: center;
}
.pagecontent .catalogueItem  .span {
  margin-left: 3px;
  margin-right: 3px;
}
.pagecontent .catalogueItem  .images {
  width: 305px;
}
.pagecontent .catalogueItem  .images img {
  vertical-align:top;
  padding: 5px;
}
.pagecontent .catalogueItem  .size strong {
  color: black!important;
}
.pagecontent .catalogue  ul li .price {
  display: block;
  font-size: 10px;
}
.pagecontent .catalogueItem .price {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.pagecontent .catalogueItem .buyblock {
  border: solid 1px #515F4E; 
  margin: 15px 5px 15px 5px; 
  padding: 10px;
  border-radius: 20px;
  width: 250px;
}
.pagecontent .catalogueItem .caring {
  background:none; 
  width: 280px;
  padding-bottom: 20px;
}
.pagecontent .catalogueItem .caring img {
  margin: 0;
  padding: 0;
}
.pagecontent .catalogue  ul li a.buy:hover, .pagecontent .catalogue  ul li a.buy:visited, .pagecontent .catalogue  ul li a.buy:link, 
.pagecontent .catalogueItem div a.buy:hover, .pagecontent .catalogueItem div a.buy:visited, .pagecontent .catalogueItem  div a.buy:link {
  color: #B6C6B3;
}
.pagecontent .catalogue .buy, .pagecontent .catalogueItem .buy {
  background-color: #515F4E;
  display: inline;
  display: inline-block;
  background-image: url('background/buy_l.gif');
  background-position: left top;
  background-repeat: no-repeat;
}
.pagecontent .catalogue .buy span, .pagecontent .catalogueItem .buy span, .pagecontent .catalogue .buy input, .pagecontent .catalogueItem .buy input {
  background-image: url('background/buy_r.gif');
  display: inline-block;
  color: #B6C6B3;
  background-position: right top;
  background-repeat: no-repeat;
  padding: 0px 3px 1px 3px;
  font-size: 10px;
  line-height: 100%;
  height: 12px;
}
.pagecontent .catalogue .tomain, .pagecontent .catalogueItem .tomain {
  background-color: #515F4E;
  display: inline;
  display: inline-block;
  background-image: url('background/buy_l.gif');
  background-position: left top;
  background-repeat: no-repeat;
}
.pagecontent .catalogue .tomain span, .pagecontent .catalogueItem .tomain span {
  background-image: url('background/buy_r.gif');
  display: inline-block;
  width: auto;
  color: #B6C6B3;
  background-position: right top;
  background-repeat: no-repeat;
  padding: 0px 3px 1px 3px;
  font-size: 10px;
  line-height: 100%;
}

.pagecontent .catalogue .new, .pagecontent .catalogue .hit, .pagecontent .catalogue .sale {
  position: absolute;
  /*background-image: url('background/round_mark.gif');*/
  background-position: left top;
  background-repeat: no-repeat;
  width: 32px;
  height: 14px;
  line-height: 100%;
}
.pagecontent .catalogueItem {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  margin: 10px 5px 20px 5px;
  text-align: center;
  width: 100%;
}
.pagecontent .catalogueItem .text {
  text-align: left;
  font-size: 11px;
}
.pagecontent .catalogueItem .title, .pagecontent .listtitle {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
  text-align: left;
  width: 100%;
  display: block;
}
.pagecontent .catalogueItem .title span {
  color: #ff7200;
}
.pagecontent .catalogueItem .photo {
}
.pagecontent .catalogueItem .new, .pagecontent .catalogueItem .hit, .pagecontent .catalogueItem .sale {
  position: absolute;
  /*background-image: url('background/round_mark.gif');*/
  background-position: left top;
  background-repeat: no-repeat;
  width: 32px;
  height: 14px;
  line-height: 100%;
  font-size: 11px;
}
.pagecontent .catalogueItem .price .old {
  text-decoration:line-through;
  color: gray;
}

.pagecontent .catalogue .new, .pagecontent .catalogueItem .new  {
  top: 45px;
  right: 8px;
  color: #ff7200;
  padding-top: 2px;
}
.pagecontent .catalogue .hit, .pagecontent .catalogueItem .hit {
  top: 30px;
  right: 8px;
  color: #ff7200;
  padding-top: 2px;
}
.pagecontent .catalogue .sale, .pagecontent .catalogueItem .sale {
  top: 15px;
  right: 8px;
  color: #ff7200;
  padding-top: 1px;
}


/*
* database interface settings
*/
#editItemForm .form td, # .list td {
  text-align: left;
}
#editItemForm .form th, #filtersForm .list th {
  text-align: right;
}
#editItemForm .form th.dialogTitle, #filtersForm .list th.filters_title {
  text-align: center;
}
th.objectsListTitle, td.form_table_container table.form th {
  text-align: center!important;
}
td.form_table_container table.form {
  border: solid 1px black;
}
.catalogueContainer {
  min-height: 500px;
}
.catalogueContainer #filtersForm {
  position: absolute;
  top: 350px;
  left: 40px;
  width: 210px;
  vertical-align: top;
  z-index: 3;
}
.catalogueContainer #filtersForm table td, .catalogueContainer #filtersForm table th, .catalogueContainer #filtersForm input, .catalogueContainer #filtersForm select {
  font-size: 11px;
  font-weight: normal;
  font-family: Arial;
}
.catalogueContainer .links {
  position: absolute;
  top: 210px;
  left: 50px;
}
.catalogueContainer .links div {
  text-align: left;
}
.catalogueContainer .links a, .catalogueContainer .links a:hover, .catalogueContainer .links a:visited, .catalogueContainer .links a:link {
  color: #515F4E!important;
  text-decoration: underline;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial;
}
.catalogueContainer .resourcetext .error {
  position: absolute;
  top: 160px;
  left: 40px;
  width: 210px;
  font-size: 11px;
}
.catalogueContainer #listForm, .catalogueContainer #editItemForm {
  display: inline;
  display: inline-block;
  margin-left: 230px;
}

#vk_like {
  width: auto;
}
#vk_like table {
  margin: 0;
}
#vk_like table td {
  padding: 0;
}

.information {
  padding: 100px;
  font-size: 300%;
  line-height: 200%;
}