/* $Id: pagestyle.css,v 1.2.2.13 2010/05/26 08:55:24 christianzwahlen Exp $ */

/**
 * The style for jQuery
 * Info: This "!important" values are stronger, because the place is after the values in the CSS head."
 */
span.pagestyle_black_white,
body.pagestyle_black_white,
body.pagestyle_black_white *,
div#edit-pagestyle-black-white-wrapper label,
div#edit-pagestyle-fontweight-black-white-wrapper label {
  color: #000 !important;
  background-color: #fff !important;
  background-image: none !important;/*Чтобы убрать все фоновые картинки*/
}
span.pagestyle_white_black,
body.pagestyle_white_black,
body.pagestyle_white_black *,
div#edit-pagestyle-white-black-wrapper label,
div#edit-pagestyle-fontweight-white-black-wrapper label {
  color: #fff !important;
  background-color: #000 !important;
  background-image: none !important;/*Чтобы убрать все фоновые картинки*/
}
span.pagestyle_yellow_blue,
body.pagestyle_yellow_blue,
body.pagestyle_yellow_blue *,
div#edit-pagestyle-yellow-blue-wrapper label,
div#edit-pagestyle-fontweight-yellow-blue-wrapper label {
  color: #063462 !important; /* #ff0 */
  background-color: #9dd1ff !important;/* #00f */
  background-image: none !important;/*Чтобы убрать все фоновые картинки*/
}


iframe#banner_iframe
{
  width:100%;
  height:300px;
  border:none;
}






/* subtitle */
div.block-pagestyle div h3.list {
  display: block;
  float: none;
  margin: 0;
}
div.block-pagestyle div h3.inline {
  display: inline;
  float: left;
  margin: 0;
  padding: 0 0.5em 0.25em 0em;
}

div.pagestyle_list div#edit-pagestyle-select-wrapper,
div.pagestyle_list div#edit-pagestyle-select-wrapper label {
  display: block;
  float: none;
  width: auto;
}
div.pagestyle_inline div#edit-pagestyle-select-wrapper,
div.pagestyle_inline div#edit-pagestyle-select-wrapper label {
  display: block;
  float: left;
  width: auto;
}
div.pagestyle_list div#edit-pagestyle-select-wrapper,
div.pagestyle_inline div#edit-pagestyle-select-wrapper {
  margin: 0;
}
div.pagestyle_list div#edit-pagestyle-select-wrapper label {
  margin: 0 0 0.5em 0;
}
div.pagestyle_inline div#edit-pagestyle-select-wrapper label {
  margin: 0 0.5em 0 0;
}
div.pagestyle_list select#edit-pagestyle-select {
  margin: 0 0.5em 0.5em 0;
}
div.pagestyle_inline select#edit-pagestyle-select {
  margin: 0 0.5em 0 0;
}
div.pagestyle_current_inline div#edit-pagestyle-select-wrapper select {
  float: left;
}

/* list */
.block ul.pagestyle_inline {
  padding: 0;
  margin: 0.2em 0 0.5em 0;
}
ul.pagestyle_inline {
  display: block;
  float: left;
}
ul.pagestyle_current_list {
  clear: right;
}
ul.pagestyle_current_inline {
  width: auto;
}
ul.pagestyle_list li {
  list-style-type: none;
  list-style-image: none !important; /* fix for zen theme */
  background: transparent;
  padding: 0;
  margin: 0 0 0.2em 0;
}
ul.pagestyle_inline li {
  display: block;
  float: left;
  list-style-type: none;
  list-style-image: none !important; /* fix for zen theme */
  background: transparent;
  padding: 0;
  margin: 0;
}

/* p */
.block-pagestyle p {
  margin: 0;
  padding: 0;
}

/* images */
.ps_float_right {
  float: right;
}

/* icon */
.ps_icon,
a.ps_black_white,
a.ps_white_black,
a.ps_yellow_blue,
a.ps_standard {
  display: block;
}
.ps_icon {
  float: none;
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline li a.ps_icon,
ul.pagestyle_inline li a.ps_rollover {
  float: left;
}

/* a */
a.pagestyle_black_white,
a.ps_black_white {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}
a.pagestyle_white_black,
a.ps_white_black {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}
a.pagestyle_yellow_blue,
a.ps_yellow_blue {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}
a.pagestyle_standard,
a.ps_standard {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}

/* a inline */
ul.pagestyle_list a.pagestyle_black_white,
ul.pagestyle_list a.ps_black_white {
  margin: 0 0 3px 0;
}
ul.pagestyle_list a.pagestyle_white_black,
ul.pagestyle_list a.ps_white_black {
  margin: 0 0 3px 0;
}
ul.pagestyle_list a.pagestyle_yellow_blue,
ul.pagestyle_list a.ps_yellow_blue {
  margin: 0 0 3px 0;
}
ul.pagestyle_list a.pagestyle_standard,
ul.pagestyle_list a.ps_standard {
  margin: 0 0 3px 0;
}

/* a inline */
ul.pagestyle_inline a.pagestyle_black_white,
ul.pagestyle_inline a.ps_black_white {
  margin: 0 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline a.pagestyle_white_black,
ul.pagestyle_inline a.ps_white_black {
  margin: 0px 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline a.pagestyle_yellow_blue,
ul.pagestyle_inline a.ps_yellow_blue {
  margin: 0px 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline a.pagestyle_standard,
ul.pagestyle_inline a.ps_standard {
  margin: 0px 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}

/* reset */
ul.pagestyle_list li a.text_display,
ul.pagestyle_inline li a.text_display {
  width: auto;
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  margin: 0 12px 0 0;
}
ul.pagestyle_list li a.text_display_hidden,
ul.pagestyle_inline li a.text_display_hidden {
  padding: 0;
}

/* a span */
ul.pagestyle_list li a span.display {
  padding: 0px;
  margin: 0px;
}
ul.pagestyle_list li a span.display_hidden {
  padding: 0 3px 0.2em 0;
}
a.ps_icon.pagestyle_end {
  cursor: crosshair;
}

/* pagestyle black white link, visited  */
a.pagestyle_black_white,
a.pagestyle_black_white:visited  {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/black_white.gif");
  background-repeat: no-repeat;
  background-position: 0 0px;
}
ul.pagestyle_inline li a.pagestyle_black_white,
ul.pagestyle_inline li a.pagestyle_black_white:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle white black link, visited */
a.pagestyle_white_black,
a.pagestyle_white_black:visited {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/white_black.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
ul.pagestyle_inline li a.pagestyle_white_black,
ul.pagestyle_inline li a.pagestyle_white_black:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle normal link, visited  */
a.pagestyle_yellow_blue,
a.pagestyle_yellow_blue:visited {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/yellow_blue.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
ul.pagestyle_inline li a.pagestyle_yellow_blue,
ul.pagestyle_inline li a.pagestyle_yellow_blue:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle normal link, visited  */
a.pagestyle_standard,
a.pagestyle_standard:visited {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/standard.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
ul.pagestyle_inline li a.pagestyle_standard,
ul.pagestyle_inline li a.pagestyle_standard:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle hover  */
a.pagestyle_black_white:hover,
a.pagestyle_white_black:hover,
a.pagestyle_yellow_blue:hover,
a.pagestyle_standard:hover {
  background-position: 0 -100px;
  background-repeat: no-repeat; /* fix for Opera */
}
/* pagestyle black white hover inline */
ul.pagestyle_inline li a.pagestyle_black_white:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}
/* pagestyle white black hover inline */
ul.pagestyle_inline li a.pagestyle_white_black:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}
/* pagestyle normal hover inline */
ul.pagestyle_inline li a.pagestyle_yellow_blue:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}
/* pagestyle standard hover inline */
ul.pagestyle_inline li a.pagestyle_standard:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}

/* pagestyle focus/active */
a.pagestyle_black_white:focus,
a.pagestyle_white_black:focus,
a.pagestyle_yellow_blue:focus,
a.pagestyle_standard:focus,
a.pagestyle_black_white:active,
a.pagestyle_white_black:active,
a.pagestyle_yellow_blue:active,
a.pagestyle_standard:active {
  background-position: 0 -200px;
  background-repeat: no-repeat; /* fix for Opera */
}

/* pagestyle a:link */
body.pagestyle_black_white a:link,
body.pagestyle_white_black a:link,
body.pagestyle_yellow_blue a:link,

body.pagestyle_black_white a.active:link,
body.pagestyle_white_black a.active:link,
body.pagestyle_yellow_blue a.active:link,

body.pagestyle_black_white ul.primary li a:hover,
body.pagestyle_white_black ul.primary li a:hover,
body.pagestyle_yellow_blue ul.primary li a:hover
{
  text-decoration: underline;
  font-style: italic;
}

/*body.pagestyle_standard a:link,
body.pagestyle_standard a.active:link
body.pagestyle_standard ul.primary li a:hover*/



/* pagestyle white black focus/active inline */
ul.pagestyle_inline li a.pagestyle_black_white:focus,
ul.pagestyle_inline li a.pagestyle_black_white:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle white black focus/active inline */
ul.pagestyle_inline li a.pagestyle_white_black:focus,
ul.pagestyle_inline li a.pagestyle_white_black:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle normal focus/active inline */
ul.pagestyle_inline li a.pagestyle_yellow_blue:focus,
ul.pagestyle_inline li a.pagestyle_yellow_blue:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle normal focus/active inline */
ul.pagestyle_inline li a.pagestyle_standard:focus,
ul.pagestyle_inline li a.pagestyle_standard:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}

/* current */
p.pagestyle_current_list,
p.pagestyle_current_inline {
  display: block;
  float: left;
  clear: right;
}

p.pagestyle_current_list {
  width: 100%;
}
p.pagestyle_current_inline {
  width: auto;
  margin: 0px 0.2em 0 0;  /* NOTE icon specific */
}
/* reset */
p.text_display {
  margin: 0;
}

abbr.pagestyle,
span.pagestyle_current_help,
p.current_text_display_hidden span#pagestyle_current {
  cursor: help;
}

/**
 * Hacks
 * Images not for IE 4 - 5.5 and NN 4.
 */
head:first-child+body a.pagestyle_black_white,
head:first-child+body a.pagestyle_black_white:visited {
  background-image: url("images/black_white.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_white_black,
head:first-child+body a.pagestyle_white_black:visited {
  background-image: url("images/white_black.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_yellow_blue,
head:first-child+body a.pagestyle_yellow_blue:visited {
  background-image: url("images/yellow_blue.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_standard,
head:first-child+body a.pagestyle_standard:visited {
  background-image: url("images/standard.png") !important; /* !important for page style module */
}

head:first-child+body a.pagestyle_black_white:hover {
  background-image: url("images/black_white.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_white_black:hover {
  background-image: url("images/white_black.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_yellow_blue:hover {
  background-image: url("images/yellow_blue.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_standard:hover {
  background-image: url("images/standard.png") !important; /* !important for page style module */
}

/* pagestyle focus/active */
a.pagestyle_black_white:focus,
a.pagestyle_white_black:focus,
a.pagestyle_yellow_blue:focus,
a.pagestyle_standard:focus,
a.pagestyle_black_white:active,
a.pagestyle_white_black:active,
a.pagestyle_yellow_blue:active,
a.pagestyle_standard:active {
  background-position: 0 -200px;
  background-repeat: no-repeat; /* fix for Opera */
}
/* pagestyle black white focus/active inline */
ul.pagestyle_inline li a.pagestyle_black_white:focus,
ul.pagestyle_inline li a.pagestyle_black_white:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle white black focus/active inline */
ul.pagestyle_inline li a.pagestyle_white_black:focus,
ul.pagestyle_inline li a.pagestyle_white_black:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle yellow blue focus/active inline */
ul.pagestyle_inline li a.pagestyle_yellow_blue:focus,
ul.pagestyle_inline li a.pagestyle_yellow_blue:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle standard focus/active inline */
ul.pagestyle_inline li a.pagestyle_standard:focus,
ul.pagestyle_inline li a.pagestyle_standard:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}

/* display hidden. If your theme have a class for "display hidden" */
.display_hidden {
  position: absolute;
  left: -1000px;	
  top: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: inline;
}



/*Дополнительные настройки*/

/*
Чтобы отображались у списков точечки я закоментировал вот такое правило
background-image: none !important;
которое в этом файле выше где-то(в районе 527 строки)
*/


/*Чтобы картинки на текст заменять*/
.img-alt img {
    display: none;
}

.img-norm img {
    display: initial;
}

.img-alt span {
    display: inline-block;
}

.img-norm span {
    display: none;
}

.img-repl
{ margin:0px;
  /*display:inline-block;*/
}

/*Рамка вокруг картинок*/
body.pagestyle_black_white .img-repl span,
body.pagestyle_yellow_blue .img-repl span
{
  border: dashed 3px black;
  /*line-height: initial !important;*/
}

body.pagestyle_white_black .img-repl span
{
  border: dashed 3px white;
  /*line-height: initial !important;*/
}

body.pagestyle_black_white.textsize-75 .img-repl span,
body.pagestyle_white_black.textsize-75 .img-repl span,
body.pagestyle_yellow_blue.textsize-75 .img-repl span
{
  line-height: 16px !important;
}

body.pagestyle_black_white.textsize-115 .img-repl span,
body.pagestyle_white_black.textsize-115 .img-repl span,
body.pagestyle_yellow_blue.textsize-115 .img-repl span
{
  line-height: 23px !important;
}

body.pagestyle_black_white.textsize-150 .img-repl span,
body.pagestyle_white_black.textsize-150 .img-repl span,
body.pagestyle_yellow_blue.textsize-150 .img-repl span
{
  line-height: 28px !important;
}

/*Выравнивание текста в картинках по вертикали*/
.img-repl span
{ display:inline-block;
  display: table-cell;
  vertical-align: middle;
  text-align:center;
}