/*
 * Default values
 */
html, body, input, textarea, text, form {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial;
  font-size: 11px;
  vertical-align: baseline;
  line-height: 130%;
  border-style: none;
  border-width: 0px;
}
body {
  overflow-y: scroll;
  background-image: url('background/background.jpg');
  background-position: center top;
  background-repeat: repeat;
}
html>body { 
  *overflow-y: visible; 
}
div {
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  vertical-align: top;
}
p {
  text-indent: 0px;
  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: #262626;
  font-weight: bold;
}
strong {
  color: #262626;
}
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;
  text-transform: tolower;
}
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;
  text-transform: tolower;
}
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;
  text-transform: tolower;
}
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;
}
object{
  border: 0;
  padding: 0px;
  margin: 0px auto 0px auto;
  vertical-align: baseline;
  display: block;
  text-align: middle;
}

hr{
  border-color: gray; 
  border-style: solid;
}
a, a h1, a h2, a h3, a td {
  color: #262626;
  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: #262626;
  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;
  position: absolute;
  top: 670px;
  padding: 5px;
  z-index: 2;
}

#siteOutlineCenter {
  position: absolute;
  left: 0px;
  right: 26px;
  top: -14px;
}

#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: #262626;
}

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

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

#siteHelperPanel a:visited, #siteHelperPanel a:link {
  color: #BBC6D4;
}
#siteHelperPanel h1 a:visited, #siteHelperPanel h1 a:link, #siteHelperPanel h2 a:visited, #siteHelperPanel h2 a:link, #siteHelperPanel h3 a:visited, #siteHelperPanel h3 a:link, #siteHelperPanel input {
  color: #BBC6D4;
}

#siteHelperPanel .textinput, #siteHelperPanel .buttoninput {
  background: none;
  border: solid 1px #BBC6D4;
}

#siteHelperPanel a:hover {
  color: red;
}

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

#siteOutlineLogo {
  background: none;
  height: 230px;
  margin: 4px 0px 0px 2px;
  vertical-align: center;
}

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

#siteOutlineFooter {
  position: absolute;
  background-color: white;
  background-image: url('background/bigcorner_tr.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  width: 100%;
  margin: 40px 15px 160px 0px; 
  border-bottom: solid #4b4b4b 12px;
}
#siteOutlineFooter .content {
  background-image: url('background/bigcorner_tl.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  height: 130px;
  margin: 0px; 
  padding: 0; 
}

#siteOutlineFooter .bottomMenu {
  float: right;
  text-align: center;
  padding: 14px 0px 0px 0px; 
  overflow: hidden;
  height: auto; 
  width: 70%;
}
#siteOutlineFooter .bottomMenu ul {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 100%;
  display: block;
  text-align: left;
  overflow: visible;
}
#siteOutlineFooter .bottomMenu ul li {
  list-style: none;
  display: inline;
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 10px;
  width: 250px;
  text-align: left;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 1px;
}
#siteOutlineFooter .bottomMenu ul li a:hover, #siteOutlineFooter .bottomMenu ul li a:visited, #siteOutlineFooter .bottomMenu ul li a:link {
  color: #424242;
  text-transform: uppercase;
}
/* ie 6 bugfix */
#siteOutlineFooter .bottomMenu ul li{
  display: inline !ie;
}

#siteOutlineFooter .bottomMenu ul li:before {
  display: inline;
  content: "";
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom;
}


#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 {
  padding: 35px 0px 0px 35px; 
  float: left;
  text-align: left;
  width: 24%;
  font-size: 10px;
  line-height: 120%;
}

#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 {
  margin-left: 420px;
}
#contentContainer .topLeftBg {
  background-color: #ffffff;
  background-image: url('background/smallcorner_tl_lt.jpg');
  background-position: -1px top;
  background-repeat: no-repeat;
  border-right: 12px solid #4b4b4b;
  padding: 0; 
  margin: 0; 
}
#contentContainer .topRightBg {
  /*background-image: url('background/cont_bl.gif');
  background-position: top right;
  background-repeat: no-repeat;*/
  padding: 0;
  margin: 0;
}
#contentContainer .bottomLeftBg {
  background-image: url('background/smallcorner_bl.jpg');
  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: 15px;
  height: 2000px;
}

#authorization {
  text-align: right;
  margin: 0px 40px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  height: auto;
  width: auto;
  white-space:nowrap;
  overflow: visible;
  position: absolute;
  display: block;
  top: 20px;
  left: 40px;
  z-index: 100;
}
#authorization a:hover, #authorization a:visited, #authorization a:link {
  text-decoration: underline;
}

/* Shopping cart box settings */

#cart {
  position: absolute;
  right: 32px;
  top: 7px;
  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;
  display: none;
}
#cart a:hover, #cart a:link, #cart a:visited {
  margin: 0px 10px 0px 10px;
}
#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: #424242;
  display: block;
}

#admin {
  position: absolute; 
  top: 16px; 
  right: -17px;
  /*
  bottom: -150px; 
  right: -22px;
  */
}

#logo {
  float: left;
  margin: 15px 0px 0px 0px;
}
#phones {
  position: absolute; 
  top: 10px; 
  right: 200px;
  background-image: url('background/phones.png');
  background-position: left 5px;
  background-repeat: no-repeat;
  height: 135px;
  color: black;
  font-size: 13px;
  padding-left: 40px;
  width: 200px;
  font-weight: bold;
  font-family: Verdana;
  padding-top: 25px;
}
#address {
  position: absolute; 
  top: 0px; 
  right: 20px;
  height: 135px;
  color: black;
  font-size: 13px;
  padding-left: 40px;
  width: 130px;
  font-weight: bold;
  font-family: Verdana;
  padding-top: 15px;
  z-index: 3;
}
#address a {
  color: black;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana;
  text-decoration: none;
}
#logoImage {
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/background/logo.png', sizingMethod='image');  /* подгружаем полупрозрачный png для ie6 */
}

/* 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 {
  border: 1px;
  border-color: black;
  border-style: solid;
}
.listinput select{
  background-color: #f0f0f0;
  border:none 0px;
  margin: 0px;
  padding: 0px;
}
.textinput, .multilinetextinput{
  background-color: #f0f0f0;
  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;
}
.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: #f0f0f0;
  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: 400px;
  text-align: left;
  position: absolute;
  top: 230px;
  left: 0px;
}
.topMenu table {
  border-collapse: collapse; 
  margin: 0px 10px 0px 45px;
  overflow: hidden;
  padding: 0px;
  width: auto;
  border: none;
}
.topMenu table td {
  height: 33px;
  font-size: 14px;
  padding: 0px 12px 0px 10px;
  font-weight: bold;
  font-family: Arial narrow, Verdana;
  text-transform: uppercase;
  text-align: left;
  background-image: url('background/menuleft.png');
  background-position: left center;
  background-repeat: no-repeat;
}
.topMenu table td a, .topMenu table td a:hover, .topMenu table td a:visited, .topMenu table td a:link {
  width: auto;
  padding: 4px 7px 4px 0px;
  margin: 0px 0px 0px 20px;
  font-weight: bold;
  color: #525252!important;
  background-image: url('background/menuright.png');
  background-position: right center;
  background-repeat: no-repeat;
  text-decoration: none;
}
.topMenu table td span span span {
  background: white;
  padding: 4px;
}
/* ie 7 bugfix */
.topMenu table td span span span {
  display: inline-block !ie;
  padding-top: 5px !ie;
  padding-bottom: 6px !ie;
}

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

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

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

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

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

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

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

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

table.topMenu 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.mainmenu {
  text-align: center;
  padding-bottom: 5px;
  padding-top: 15px;
}
div.mainmenu img {
  vertical-align: text-bottom;
}
div.submenu {
  width: 250px;
  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: 10;
}
div.submenu h1{
  font-size: 15px;
  padding: 5px;
  margin: 0px;
}
div.submenu ul{
  font-size: 13px;
  margin-left: 0px;
  text-align: left;
}
div.submenu ul li:before {
  margin-bottom: -12px;
}
.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;
}
  
/*
 * 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;
}

/*
 * fast search box
*/
#fastSearchBox {
}


/*
 * 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: #424242;
}
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: #424242!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: #f0f0f0;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  border-style: solid;
}

.resourceslistitem, .resourceslisthilighteditem{
  width: 158px;
  text-align: left;
  background-color: #f0f0f0;
  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;
  min-height: 1200px;
  /*
  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: #262626;
}
.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: 22px;
} 
.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: 36px;
  color: #f15cb0;
  text-transform: lowercase;
}
.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: #424242!important;
}

/*
 * announes settings
 */
.importantsbox {
  position: absolute;
  /*top: 170px;
  left: 220px;*/
  top: 540px;
  left: 50px;
  font-size: 14px;
  font-family: Verdana;
  line-height: 120%;
  border: none;
  background-color: transparent;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  width: 300px;
  color: #ffffff;
  height: auto;
} 
.importantsbox td {
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: auto;
} 
#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;
  height: 100%;
} 
 
.announcesbox {
  font-size: 12px;
  font-family: Verdana;
  line-height: 120%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: white;
  background-image: url('background/bigcorner_tr.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  border-collapse: collapse;
  border-left: 12px solid #4b4b4b; 
} 
/* chrome bugfix */
body:not([x|x]) .announcesbox {
  display: block;
}
.announcesbox td {
  background-image: url('background/bigcorner_br.jpg');
  background-position: right bottom;
  background-repeat: no-repeat;
} 
.announce {
  margin: 10px 0px 0px 0px;
  background-color: transparent;
  padding: 0px;
} 

#advertisementsbox, #newsbox {
  padding: 10px 10px 30px 15px;
  min-height: 250px;
}
#advertisementsbox h1 a:hover, #advertisementsbox h1 a:visited, #advertisementsbox h1 a:link, #newsbox h1 a:hover, #newsbox h1 a:visited, #newsbox h1 a:link{
  text-decoration: none;
}

.announcesbox table {
  font-size: 12px;
  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: 12px;
  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: #ffffff;
  padding: 0px;
  border: none;
  line-height: 120%;
}
.resourcetext a, .resourcetext a:hover, .resourcetext a:visited, .resourcetext a:link {
  color: #595759;
}
.resourcetext, .resourcetext strong, .resourcetext h4{
  color: #262626;
}
.resourcetext h1, .resourcetext h2, .resourcetext h3 {
  color: #262626;
}

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

.resourcetext .buttoninput:hover {
  background: #a6b6a3;
  border: solid 1px #424242;
}
.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: #BBC6D4;
  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: relative;
}
#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: #262626; 
  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:-10px; 
  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: #f0f0f0;
  margin: 40px 0px 40px 0px;
  padding: 10px;
}

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

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

.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: #f0f0f0;
}

/* Login and register boxes settings */
.loginbox {
  padding-top: 10px;
}

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

/*
* shopping cart settings
*/

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

/*
* catalogue settings
*/


.pagecontent .catalogue  {
  background-color: #262626;
  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;
}
.pagecontent .catalogue  ul li .price {
  display: block;
  font-size: 10px;
}
.pagecontent .catalogue  ul li .price .old {
  text-decoration: line-through;
  color: grey;
}
.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: #262626;
}
.pagecontent .catalogue .buy, .pagecontent .catalogueItem .buy {
  background-color: #424242;
  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: #262626;
  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: #424242;
  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: #262626;
  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 {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
.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 .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, #filtersForm .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 #filtersForm {
  position: absolute;
  top: 250px;
  left: 40px;
  width: 210px;
  vertical-align: top;
}
.catalogueContainer #filtersForm table td, .catalogueContainer #filtersForm table th, .catalogueContainer #filtersForm input, .catalogueContainer #filtersForm select {
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
}
.catalogueContainer .links {
  position: absolute;
  top: 210px;
  left: 50px;
}
.catalogueContainer .links a, .catalogueContainer .links a:hover, .catalogueContainer .links a:visited, .catalogueContainer .links a:link {
  color: #636095!important;
  text-decoration: underline;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
}
.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;
}

/*
* design-specific
*/

#backgroundOutline {
  background: none;
  position: relative;
}
#backgroundOutlineP {
  background-image: url('background/topbg.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  height: 626px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

#tags {
  text-align: right;
  width: 100%;
}
#tags ul{
  margin: 0px 0px 20px 398px;
  padding: 0px 0px 0px 10px;
  text-align: left;
}
#tags ul li{
  list-style: none;
  display: inline;
  display: inline-block;
  width: 140px;
  text-align: left;
  padding: 0px;
  margin: 0px 0px 2px 15px;
  height: auto;
  color: #292929!important;
  overflow: visible;
}
/* ie 6 bugfix */
#tags ul li{
  display: inline !ie;
}
#tags ul li:before{
  display: none;
  margin: 0px;
  padding: 0px;
  height: 1px;
}
#tags ul li a:hover, #tags ul li a:visited, #tags ul li a:link, #tags ul li a{
  vertical-align: top;
  color: #292929!important;
  font-weight: bold;
  text-decoration: underline;
  line-height: 110%;
}
.searchBoxContainer {
  width: 350px;
  margin: 40px 0px 0px 0px;
  background-image: url('background/searchheader.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  padding: 50px 40px 20px 0px;
}
.searchBoxContainer .background {
  width: 322px;
  height: 30px;
  background-image: url('background/searchbgtile.jpg');
  background-position: top left;
  background-repeat: repeat-y;
  padding: 20px 10px 20px 30px;
}
.searchBoxContainer .textinput {
  width: 200px;
}
.searchBoxContainer span {
  font-size: 30px;
  color: #f15cb0;
  display: block;
  text-align: left;
  padding: 0px 0px 10px 30px;
  text-transform: lowercase;
}
#advertisementsbox h1, #advertisementsbox h1 a, #advertisementsbox h1 a:hover, #advertisementsbox h1 a:visited, #advertisementsbox h1 a:link, #newsbox h1, #newsbox h1 a, #newsbox h1 a:hover, #newsbox h1 a:visited, #newsbox h1 a:link {
  font-size: 30px;
  color: #f15cb0;
  text-transform: lowercase;
  text-align: left;
  padding-top: 0px;
  font-family: Verdana;
}
#advertisementsbox p, #newsbox p {
  height: 100%;
}



.info1{
  font-size: 1.3ex;
}


.pagecontent div.note{
  float: right;
  width: 150px;
  font-family: Monotype Corsiva, Times;
  font-size: 120%;
  /*font-weight: bold;*/
  background: #f0f0f0;
  margin: 40px 0px 40px 30px;
  padding: 10px;
  border: none;
  text-align: justify;
  /*font-style: italic;*/
}

.pagecontent div.note_left{
  float: left;
  width: 150px;
  font-family: Monotype Corsiva, Times;
  font-size: 120%;
  /*font-weight: bold;*/
  background: #f0f0f0;
  margin: 40px 30px 40px 0px;
  padding: 10px;
  border: none;
  text-align: justify;
  /*font-style: italic;*/
}

.pagecontent div.info{
  font-family: Times;
  font-size: 120%;
  background-color: #f0f0f0;
  margin: 0px 40px 0px 40px;
  padding: 20px;
  text-align: justify;
  font-style: italic;
}
 
.pagecontent div.header{
  font-size: 130%;
  padding: 10px;
  font-weight: bold;
  color: #262626;
}

.pagecontent div.header a:visited, .pagecontent div.header a:link {
  /*color: #262626!important;*/
}

#teachers {
  display:none;
}

.trainers td img {
  margin-left: 50px;
  margin-top: 3px;
}

.trainers .dances {
  font-size: 18px!important;
  margin-top: 20px;
  margin-bottom: 20px;
}

.trainers a {
}

.trainers td  {
  vertical-align: top;
  text-align: left;
}
.trainers td p {
  text-indent: 0px;
  margin-top: 0px;
}
.trainers table {
  width: 100%;
}
.trainers .cite {
  font-style: italic;
  font-size: 16px;
  text-align: justify;
  margin: 30px 20px 30px 10px;
  text-indent: 0px;
  width: 100%;
}
.trainers .cite p {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-indent: 0px;
}
.trainers .trainer {
  font-size: 20px!important;
}
.pagecontent h2 {
  margin-left: 10px;
}

#mainbanner {
  height: 90px;
  width: 100%;
  background: #B0B1B6;
}

#mainbanner img {
  background: #white;
}