Jump to content
  • 0

проблема с IE6


DNZ
 Share

Question

13 answers to this question

Recommended Posts

  • 0
Сделать меню с жёстко назначенной шириной пунктов

можно, но тогда при добавлении новых пунктов меню придётся ограничивать название. один заголово длиннее, другой короче. все одинаковой ширины будет некрасиво. да и не в ширине дело. просто по-моему почемуто флоат не работает.

Link to comment
Share on other sites

  • 0
можно, но тогда при добавлении новых пунктов меню придётся ограничивать название. один заголово длиннее, другой короче. все одинаковой ширины будет некрасиво. да и не в ширине дело. просто по-моему почемуто флоат не работает.

а тег "a" не пробовали к примеру флотатить, заместь дисплей блока?

Link to comment
Share on other sites

  • 0
можно, но тогда при добавлении новых пунктов меню придётся ограничивать название. один заголово длиннее, другой короче. все одинаковой ширины будет некрасиво. да и не в ширине дело. просто по-моему почемуто флоат не работает.

Попробуй сделать на дисплей инлайне

Link to comment
Share on other sites

  • 0

Ребят, с одной частью проблемы я разобрался. выкладываю, может кому полезно будет.

Итак, по порядку: сайт сделан на joomla 1.5.14

index.php шаблона:

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/style.css" />
 <!--[if IE 6]><link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/script.js"></script>
</head>
<body>
<div class="PageBackgroundGradient"></div>
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<jdoc:include type="modules" name="user3" style="artmenu" />

<div class="Header">
<div class="Header-c">
<jdoc:include type="modules" name="header" />
</div>
<div class="logo">

</div>

</div>

<jdoc:include type="modules" name="breadcrumb" style="artmenux"/>
<jdoc:include type="modules" name="tableset" style="contenttable"/>
<div class="contentLayout">
<div class="sidebar1">
<jdoc:include type="modules" name="left" style="artblock" />

</div>
<div class="content">

<jdoc:include type="message" />
<jdoc:include type="component" />

</div>
<div class="sidebar2">
<jdoc:include type="modules" name="right" style="artblock" />

</div>

</div>

<div class="clear-float"></div>

<jdoc:include type="modules" name="breadcrumb1" style="artmenu1"/>

<div class="Footer">
<div class="Footer-inner">

<div class="Footer-text"><p> © 2009 Д. Зуев</p>
</div>
</div>
<div class="Footer-background"></div>
</div>

</div>
</div>

</div>

</body>
</html>

далее: файл style.css:

/* begin Page */

/* Generated with Artisteer version 2.0.0.13869 */

body
{
margin: 0 auto;
padding: 0;
background-color: #ffffff;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}

.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlare
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlareImage
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 239px;
width: 389px;
margin: 0;
}

html:first-child .PageBackgroundGlare
{
border: 1px solid transparent; /* Opera fix */
}

.PageBackgroundGradient
{
background-image: url('images/Page-BgGradient.jpg');
background-repeat: repeat-x;
height: 279px;
}


.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:25px;
min-height:25px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 900px;
}


.Sheet-body
{
position: relative;
z-index: 0;
margin: 3px;
}

.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 12px;
height: 12px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 12px;
height: 12px;
}

.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -12px;
width: 24px;
height: 24px;
background-image: url('images/Sheet-s.png');
}

.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 12px;
height: 12px;
}

.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -12px;
left: 0;
width: 24px;
height: 24px;
background-image: url('images/Sheet-s.png');
}

.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 12px;
height: 12px;
}

.Sheet-br div
{
position: absolute;
z-index: -1;
top: -12px;
left: -12px;
width: 24px;
height: 24px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 12px;
right: 12px;
height: 12px;
}

.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 24px;
background-image: url('images/Sheet-h.png');
}

.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 12px;
right: 12px;
height: 12px;
}

.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -12px;
left: 0;
width: 100%;
height: 24px;
background-image: url('images/Sheet-h.png');
}

.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 12px;
left: 0;
width: 12px;
bottom: 12px;
}

.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 24px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 12px;
right: 0;
width: 12px;
bottom: 12px;
}

.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -12px;
width: 24px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
background-image: url('images/Sheet-c.png');
}


.Sheet
{
margin-top: -3px !important;
}
/* end Box, Sheet */




/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration: none;
outline: none;
letter-spacing:normal;
word-spacing:normal;
font-weight: bold;
}

.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu li li
{
float: none;

}

.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;

}

.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}

.artmenu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
position: relative;
margin: 0 auto;
width: 894px;
height: 29px;
z-index: 100;

}

.artmenu
{
padding: 0px 0px 0px 0px;
}


.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 29px;


}

.nav .l
{
left: 0;
right: 0px;


}


.nav .r
{
right: 0;
width: 0px;

}


.nav .r div
{
width: 894px;
right: 0;

}


.nav .l, .nav .r div
{
background-position: left top;
background-repeat: repeat-x;
background-image: url('images/nav.png');

}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
clear: both;

}

.artmenu a , .artmenu a span
{
height: 29px;
display: block;
}


.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;

}
.artmenu a span span
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-variant: small-caps;
color: #2d3059;
padding: 0 22px;
margin: 0 0px;
line-height: 29px;
text-align: center;
background-image: url('images/item-center.png');
background-position: left top;
background-repeat: repeat-x;


}




.artmenu a:hover span span
{
color: #EDF6F8;
background-position: left -29px;
}

.artmenu li:hover a span span
{
color: #EDF6F8;
background-position: left -29px;
}


/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
display: block;
width: 1px;
height: 29px;
background-image: url('images/item-separator.png');

}
/* end MenuSeparator */

/* begin MenuSubItem */
.artmenu ul a
{
text-align: center;
height: 26px;
line-height: 26px;
margin-right: auto;

width: 182px;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;

border-width: 1px;
border-style: solid;
border-color: #4D767A;
}

.nav ul .artmenu ul span, .nav ul.artmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #EFF4F6;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.artmenu ul ul a
{
margin-left: auto;
}

.artmenu ul li a:hover
{
color: #000000;
border-color: #A1C1C4;
background-position: 0 -26px;
}

.artmenu ul li:hover>a
{
color: #000000;
border-color: #A1C1C4;
background-position: 0 -26px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
color: #000000;
}





.artmenux a, .artmenux a:link, .artmenux a:visited, .artmenux a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
font-weight: bold;
}

.artmenux, .artmenux ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;

}

.artmenux li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenux li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenux li li
{
float: none;
}

.artmenux ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenux li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenux li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenux:after, .artmenux ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenux, .artmenux ul
{
min-height: 0;
}

.artmenux ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenux ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/* menu structure */

.navx
{
position: relative;
margin: 0 auto;
width: 894px;
height: 50px;
z-index: 100;
}

.artmenux
{
padding: 0px 0px 0px 6px;
}


.navx .l, .navx .r, .navx .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 50px;
}

.navx .l
{
left: 0;
right: 0px;
}


.navx .r
{
right: 0;
width: 0px;
}


.navx .r div
{
width: 894px;
right: 0;
}


.navx .l, .navx .r div
{
background-position: left top;
background-repeat: repeat-x;
background-image: url('images/navx.png');
}

/* end Menu */

/* begin MenuItem */
.artmenux ul li
{
clear: both;
}

.artmenux a , .artmenux a span
{
height: 45px;
display: block;
}


.artmenux a
{
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;

}
.artmenux a span span
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-variant: small-caps;
color: #2d3059;
padding: 0 45px;
margin: 0 0px;
line-height: 45px;
text-align: center;
background-image: url('images/item-centerx.png');
background-position: left top;
background-repeat: repeat-x;

}




.artmenux a:hover span span
{
color: #EDF6F8;
background-position: left -45px;
}

.artmenux li:hover a span span
{
color: #EDF6F8;
background-position: left -45px;
}






/* end MenuItem */

/* begin MenuSeparator */
.navx .separator
{
display: block;
width: 1px;
height: 45px;
background-image: url('images/item-separatorx.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.artmenux ul a
{
text-align: center;
height: 26px;
line-height: 26px;
margin-right: auto;

width: 182px;
background-image: url('images/subitem-bgx.png');
background-position: left top;
background-repeat: repeat-x;

border-width: 1px;
border-style: solid;
border-color: #4D767A;
}

.navx ul .artmenux ul span, .navx ul.artmenux ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: center;
text-decoration: inherit;
}

.artmenux ul a, .artmenux ul a:link, .artmenux ul a:visited, .artmenux ul a:hover, .artmenux ul a:active, .navx ul.artmenux ul span, .navx ul.artmenux ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #EFF4F6;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}



.artmenux ul ul a
{
margin-left: auto;
}

.artmenux ul li a:hover
{
color: #000000;
border-color: #A1C1C4;
background-position: 0 -26px;
}

.artmenux ul li:hover>a
{
color: #000000;
border-color: #A1C1C4;
background-position: 0 -26px;
}

.navx .artmenux ul li a:hover span, .navx .artmenux ul li a:hover span span
{
color: #000000;
}




/* end MenuSubItem */

/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
width: 894px;
height: 159px;
}


div.Header div.Header-c
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('images/Header.png');
background-repeat: no-repeat;
background-position: center center;
}

div.Header-c
{
text-align: right;
}


/* end Header */

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 40px;
top: 120px;
width: 874px;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
display: block;
text-align: left;
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-decoration: none;
padding:0;
margin:0;
color: #ad8e4b !important;
}

.logo-text, .logo-text a
{
display: block;
padding:0;
margin:0;
text-align: left;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #cfdcf6 !important;
}
/* end Logo */

/*table without navigation*/
.contenttable{
display: block;
float: top;
padding: 0px 0px 0px 0px;
margin-top: 10px;
margin-bottom:10px;
width: 894px;




}




/*end table without navigation*/
.artmenu1 a, .artmenu1 a:link, .artmenu1 a:visited, .artmenu1 a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
font-weight: bold;
}

.artmenu1, .artmenu1 ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu1 li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: right;
position: relative;
z-index: 5;
background:none;
}

.artmenu1 li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu1 li li
{
float: none;
}

.artmenu1 ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenu1 li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu1 li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu1:after, .artmenu1 ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu1, .artmenu1 ul
{
min-height: 0;
}

.artmenu1 ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu1 ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/* menu structure */

.nav1
{
position: relative;
margin: 0 auto;
width: 894px;
height: 29px;
z-index: 100;
}

.artmenu1
{
padding: 0px 0px 0px 0px;
}


.nav1 .l, .nav1 .r, .nav1 .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 29px;
}

.nav1 .l
{
left: 0;
right: 0px;
}


.nav1 .r
{
right: 0;
width: 0px;
}


.nav1 .r div
{
width: 894px;
right: 0;
}


.nav1 .l, .nav1 .r div
{
background-position: left top;
background-repeat: repeat-x;
background-image: url('images/nav2.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu1 ul li
{
clear: both;
}

.artmenu1 a , .artmenu1 a span
{
height: 29px;
display: block;
}


.artmenu1 a
{
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;

}
.artmenu1 a span span
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-variant: small-caps;
color: #d83e08;
padding: 0 22px;
margin: 0 0px;
line-height: 29px;
text-align: center;
background-image: url('images/item-center1.png');
background-position: left top;
background-repeat: repeat-x;

}




.artmenu1 a:hover span span
{
color: #EDF6F8;
background-position: left -29px;
}

.artmenu1 li:hover a span span
{
color: #EDF6F8;
background-position: left -29px;
}


/* end MenuItem */

/* begin MenuSeparator */
.nav1 .separator
{
display: block;
width: 1px;
height: 29px;
background-image: url('images/item-separator1.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.artmenu1 ul a
{
text-align: center;
height: 26px;
line-height: 26px;
margin-right: auto;

width: 182px;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;

border-width: 1px;
border-style: solid;
border-color: #4D767A;
}

.nav1 ul .artmenu1 ul span, .nav1 ul.artmenu1 ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.artmenu1 ul a, .artmenu1 ul a:link, .artmenu1 ul a:visited, .artmenu1 ul a:hover, .artmenu1 ul a:active, .nav1 ul.artmenu1 ul span, .nav1 ul.artmenu1 ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #f44609;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.artmenu1 ul ul a
{
margin-left: auto;
}

.artmenu1 ul li a:hover
{
color: #000000;
border-color: #A1C1C4;
background-position: 0 -26px;
}

.artmenu1 ul li:hover>a
{
color: #000000;
border-color: #A1C1C4;
background-position: 0 -26px;
}

.nav1 .artmenu1 ul li a:hover span, .nav1 .artmenu ul li a:hover span span
{
color: #000000;
}

.nav1 .artmenu1 ul li:hover>a span, .nav1 .artmenu1 ul li:hover>a span span
{
color: #000000;
}









/* begin Box, Block */
.Block
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Block-body
{
position: relative;
z-index: 0;
margin: 0px;
}


.Block
{
margin: 7px;
}

.Block table.table
{
border-collapse: collapse;
margin: 1px;
}

.Block table.table th, .Block table.table td
{
padding: 2px;
}


.Block table.table td
{
vertical-align: top;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 7px;
margin-bottom: 0px;

}

.BlockHeader-text
{
white-space : normal;
color: #2d3059;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-variant: small-caps;
font-weight: normal;
letter-spacing: 0px;
line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}

.BlockHeader .l
{
left: 0;
right: 0px;
}


.BlockHeader .r
{
right: 0;
width: 0px;
}


.BlockHeader .r div
{
width: 894px;
right: 0;
}





.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 24px;
background-repeat: no-repeat;
min-height: 17px;
margin: 0 0 0 5px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
overflow: hidden;
min-width:15px;
min-height:15px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.BlockContent-body
{
position: relative;
z-index: 0;
margin: 8px;
}

.BlockContent-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 7px;
height: 7px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 7px;
height: 7px;
}

.BlockContent-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 7px;
height: 7px;
}

.BlockContent-bl div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 7px;
height: 7px;
}

.BlockContent-br div
{
position: absolute;
z-index: -1;
top: -7px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 7px;
right: 7px;
height: 7px;
}

.BlockContent-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/BlockContent-h.png');
}

.BlockContent-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 7px;
right: 7px;
height: 7px;
}

.BlockContent-bc div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/BlockContent-h.png');
}

.BlockContent-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
left: 0;
width: 7px;
bottom: 7px;
}

.BlockContent-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 14px;
height: 100%;
background-image: url('images/BlockContent-v.png');
}

.BlockContent-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
right: 0;
width: 7px;
bottom: 7px;
}

.BlockContent-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -7px;
width: 14px;
height: 100%;
background-image: url('images/BlockContent-v.png');
}

.BlockContent-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-image: url('images/BlockContent-c.png');
}


.BlockContent-body
{
color: #c2c3d7;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
line-height: 125%;
}

.BlockContent-body a:link
{
color: #c2c3d7;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.BlockContent-body a:visited
{
color: #c2c3d7;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.BlockContent-body a:hover
{
color: #ffffff;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
}


.BlockContent-body ul
{
list-style-type: none;
color: #c2c3d7;
margin:0;
padding:0;
}

.BlockContent-body li
{
color: #c2c3d7;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;

}

.BlockContent-body ul li
{
padding:0px 0 0px 16px;
background-image: url('images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Post-body
{
position: relative;
z-index: 0;
margin: 12px;
}


.Post
{
margin: 10px;
}


/* Start images */
a img
{
border: 0;
}

img
{
border-style: solid;
border-width: 0px;
border-color: #615336;
}

img.metadata-icon
{
border:none;
vertical-align: middle;
}

/* Finish images */

/* end Box, Post */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: verbana, Tahoma, Arial, Serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #2d3059;
}
/* end PostHeaderIcon */

/* begin PostHeader */
a.PostHeader:link
{
font-family: verbana, Tahoma, Arial, Serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #2d3059;
}

a.PostHeader:visited
{
font-family: verbana, Tahoma, Arial, Serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
text-align: left;
color: ##2d3059;
}

a.PostHeader:hover
{
font-family:verbana, Tahoma, Arial, Seriff;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #2d3059;
}
/* end PostHeader */

/* begin PostMetadata */

.PostMetadataHeader
{

background-color: #11025f;
border-color: #11025f;
border-style: solid;
border-width: 0px;
padding:3px;
}


.PostMetadataHeader
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
letter-spacing: 0px;
margin-bottom: 3px;
color: #2d3059;
}

.PostMetadataHeader a:link
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #2d3059;
}

.PostMetadataHeader a:visited
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #2d3059;
}

.PostMetadataHeader a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #2d3059;
}
/* end PostMetadata */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
color: #2d3059;
}

.PostContent
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #2d3059;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #2d3059;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #2d3059;
}

/* Adds special style to a visited link. */
a:visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #2d3059;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #615336
}
/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}


/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #2d3059;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 18px;
text-align: left;
color: #2d3059;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #2d3059;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 14px;
text-align: left;
color: #2d3059;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 12px;
text-align: left;
color: #2d3059;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 12px;
text-align: left;
color: #2d3059;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ul
{
list-style-type: none;
color: #2d3059;
margin:0;
padding:0;
}

li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
line-height: 150%;
}



.Post ul li
{
padding:0px 0 0px 16px;
background-image: url('images/PostBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
color: #2d3059;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
text-align: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
}

blockquote
{
border:1px solid #2d3059;

margin:10px 10px 10px 50px;
padding:5px 5px 5px 41px;

background-color:#CDDEE0;

background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:30px;
height:30px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
display:list-item;
list-style-type:none;
float:left;
}


.Button .btn
{
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 30px;
color: #EBF2F4;
white-space: nowrap;
float: left;
}

.Button .t
{
height: 30px;
white-space: normal;
padding: 0 14px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
text-align: left;
line-height: 30px;
text-decoration: none;
}

input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
}

.Button .active
{
color: #2d3059;
}

.Button .hover, a.Button:hover
{
color: #2d3059;
text-decoration:none;
}

.Button .active .r
{
top: -60px;
}

.Button .hover .r
{
top: -30px;
}

.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 9px;
height: 90px;
}


.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:415px;
height: 90px;
}


.Button .active .l
{
top: -60px;
}

.Button .hover .l
{
top: -30px;
}

.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 9px;
height: 90px;
}


.Button .l, .Button .r span
{
background-image: url('images/Button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 894px;
margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 15px;
text-align: center;
}

.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 894px;
height: 100px;
bottom:0;
left:0;
}



.rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 25px;
width: 25px;
}




.Footer .Footer-text p
{
margin: 0;
}

.Footer .Footer-text
{
display:inline-block;
color: #2d3059;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 0px;
}

.Footer .Footer-text a:link
{
text-decoration: none;
color: #2d3059;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 1px;
}

.Footer .Footer-text a:visited
{
text-decoration: none;
color: #2d3059;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 1px;
}

.Footer .Footer-text a:hover
{
text-decoration: none;
color: #2d3059;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: underline;
letter-spacing: 1px;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color: #2d3059;
}

.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color: #2d3059;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 178px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 537px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 178px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */



.contentLayout li
{
float: none;
}

.componentheading, table.moduletable th
{
font-size: 140%; padding: .5em 0em;
}

#footer
{
text-align: center;
}

.breadcrumbs
{
display: block; padding: .7em 0em;
}

/*
.contentpaneopen td.contentheading
{
font-size: 130%; padding: .5em 0em;
}
*/

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
font-size: 75%; padding-bottom: 1em;
}

.article_column
{
padding-right: .2em;
}

.column_separator
{
padding-left: .4em;
}

.pagination span
{
padding: 2px;
}
.pagination a
{
padding: 2px;
}


div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}

/* headers */
div.componentheading {
padding-left: 0px;
}
/*
.contentheading {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #333;
text-align: left;
width: 100%;
}
*/
.componentheading, table.moduletable th, legend {
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}

/*table.contentpaneopen h3 {
margin-top: 25px;
}*/

/* small text */
/*.small {
font-size: . 90em;
color: #999;
font-weight: normal;
text-align: left;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: .90em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;

}*/

/*a.readon {
margin-top: 10px;
background: url(../images/mw_readon.png) top right no-repeat;
padding-right: 20px;
line-height: 14px;
height: 16px;
}*/

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f6f6f6;
}

.ol-background {
background-color: #666;
}

.ol-textfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {

}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {
padding-right: 5px;
}

.column_separator {
border-left: 1px dashed #e0e0e0;
padding-left: 10px;
}

td.buttonheading {

}

td.buttonheading img {
border:none;
}

.clr {
clear: both;
}

td.greyline {
width: 20px;
background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}

table.blog span.article_separator {
display: block;
height: 20px;
}

/* edit button */
.contentpaneopen_edit{
float: left;
}

/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
float: right;
}

table.contenttoc td {
padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
/*padding: 4px;*/
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
/*padding: 3px;*/
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
margin-bottom: 25px;
}

div.module_menu h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div {
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div {
background: none;
padding: 0;
}

div.module_menu ul {
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
}

#leftcolumn div.module {
padding: 0 10px;
}

#leftcolumn div.module table {
width: auto;
}

/* forms */
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login { text-align: left; }
form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#form-login ul li { background-image: none; padding: 0; }
#modlgn_username, #modlgn_passwd {width: 90%}
#form-login-username, #form-login-password, #form-login-remember {display:block; margin: 0;}
#form-login input

form#com-form-login { text-align: left; }
form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#com-form-login ul li { background-image: none; padding: 0; }

/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #666; }

div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
background-color: #F7F7F7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a { padding: 2px; }

/* Polls */
.pollstableborder {
margin-top: 8px;
}


.pollstableborder td {
text-align: left;

}

/* WebLinks */
span.description {
display:block;
padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}

/* Tooltips */

.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}



/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
float:left;
padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
padding: 2px 0;
}

далее: файл style.ie6.css:

/* begin Page */
.PageBackgroundGlareImage
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+GetStyleUrl()+"images/Page-BgGlare.png',sizingMethod='crop')");
}
img
{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = GetStyleUrl()+"images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
/* end Page */

/* begin Box, Sheet */

.Sheet
{
width: 900px;
zoom: 1;
}


.Sheet-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-12+'px');
}

.Sheet-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-12+'px');
}

.Sheet-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-12+'px');
left: expression(this.parentNode.offsetWidth-12+'px');
}

.Sheet-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-24+'px');
}

.Sheet-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-h.png',sizingMethod='crop')");
}

.Sheet-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-12+'px');
width: expression(this.parentNode.offsetWidth-24+'px');
}

.Sheet-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-h.png',sizingMethod='crop')");
}

.Sheet-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-24+'px');
}

.Sheet-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-v.png',sizingMethod='crop')");
}

.Sheet-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-12+'px');
height: expression(this.parentNode.offsetHeight-24+'px');
}

.Sheet-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-v.png',sizingMethod='crop')");
}

.Sheet-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-24+'px');
height: expression(this.parentNode.offsetHeight-24+'px');
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-c.png',sizingMethod='scale')");
}


/* end Box, Sheet */

/* begin Menu */

.artmenu, .artmenu ul
{
height: 1%;
}

.artmenu li.artmenuhover
{
z-index: 10000;
}

.artmenu .artmenuhoverUL
{
visibility: visible;
}

.artmenu .artmenuhoverUL
{
top: 100%;
left: 0;
}

.artmenu .artmenuhoverUL .artmenuhoverUL
{
top: 0;
left: 100%;
}

.artmenu ul a
{
height: 1%;
}

.artmenu li li
{
float: left;
width: 100%;
}

.artmenu .artmenuhoverUL .artmenuhoverUL
{
top: 5px;
left: 100%;
}

.artmenu, .artmenu ul
{
height: 1%;
}

.artmenu li.artmenuhover
{
z-index: 10000;
}

.artmenu .artmenuhoverUL
{
visibility: visible;
}

.artmenu .artmenuhoverUL
{
top: 100%;
left: 0;
}

.artmenu .artmenuhoverUL .artmenuhoverUL
{
top: 0;
left: 100%;
}

.artmenu ul a
{
height: 1%;
}

.artmenu li li
{
float: left;
width: 100%;
}


.nav
{
zoom: 1;
}


.nav .l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}


.nav .r
{
left: expression(this.parentNode.offsetWidth-0+'px');
}


.nav .r div
{
left: expression(this.parentNode.offsetWidth-894+'px');
}


.nav .l, .nav .r div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/nav.png',sizingMethod='crop')");
}

/* end Menu */

/* begin MenuItem */

.artmenu a , .artmenu a span
{
float: left;
}


.artmenu a span span
{
display: inline;
}




.artmenu .artmenuhover .artmenuhoverA span span
{
color: #EDF6F8;
background-position: left -29px;
}

/* end MenuItem */

/* begin MenuSubItem */

.artmenu ul a
{
color: #EFF4F6 !important;
}

.artmenu ul a:hover {
color: #000000 !important;
}

.artmenu ul .artmenuhover .artmenuhoverA
{
color: #000000 !important;
border-color: #A1C1C4;
background-position: 0 -26px;
}

.nav .artmenu ul a:hover span, .nav .artmenu ul a:hover span span
{
color: #000000 !important;
}

.nav .artmenu ul .artmenuhover .artmenuhoverA span, .nav .artmenu ul .artmenuhover .artmenuhoverA span span
{
color: #000000 !important;
}

/* end MenuSubItem */

/* begin Header */

div.Header
{
font-size: 1px;
}

/* end Header */

/* begin Box, Block */

.Block
{
zoom: 1;
}



/* end Box, Block */

/* begin BlockHeader */

.BlockHeader
{
zoom: 1;
}


.BlockHeader .l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}


.BlockHeader .r
{
left: expression(this.parentNode.offsetWidth-0+'px');
}


.BlockHeader .r div
{
left: expression(this.parentNode.offsetWidth-894+'px');
}

.BlockHeader .l, .BlockHeader .r div
{
font-size: 1px;
}




.header-tag-icon
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockHeaderIcon.png',sizingMethod='crop')");
}

/* end BlockHeader */

/* begin Box, BlockContent */

.BlockContent
{
zoom: 1;
}


.BlockContent-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')");
}

.BlockContent-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+'px');
}

.BlockContent-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')");
}

.BlockContent-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
}

.BlockContent-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')");
}

.BlockContent-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
left: expression(this.parentNode.offsetWidth-7+'px');
}

.BlockContent-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')");
}

.BlockContent-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+'px');
}

.BlockContent-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-h.png',sizingMethod='crop')");
}

.BlockContent-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
width: expression(this.parentNode.offsetWidth-14+'px');
}

.BlockContent-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-h.png',sizingMethod='crop')");
}

.BlockContent-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-14+'px');
}

.BlockContent-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-v.png',sizingMethod='crop')");
}

.BlockContent-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+'px');
height: expression(this.parentNode.offsetHeight-14+'px');
}

.BlockContent-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-v.png',sizingMethod='crop')");
}

.BlockContent-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+'px');
height: expression(this.parentNode.offsetHeight-14+'px');
}



.BlockContent-body ul li
{
height:1%;
background:none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContentBullets.png',sizingMethod='crop')");
}

/* end Box, BlockContent */

/* begin Box, Post */

.Post
{
zoom: 1;
}



/* end Box, Post */

/* begin PostContent */
h1
{
margin: 0.67em 0;
}

h2
{
margin: 0.8em 0;
}

h3
{
margin: 1em 0;
}

h4
{
margin: 1.25em 0;
}

h5
{
margin: 1.67em 0;
}

h6
{
margin: 2.33em 0;
}
/* end PostContent */

/* begin PostBullets */

.Post ul li
{
height:1%;
background:none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/PostBullets.png',sizingMethod='crop')");
}

/* end PostBullets */

/* begin PostQuote */

blockquote
{
height:1%;
background-image: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/PostQuote.png',sizingMethod='crop')");
}

/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
display:list-item;
list-style-type:none;
float:left;
}

.Button, .Button .btn
{
font-size: 1px;
}


.Button .r
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-9+'px');
}


.Button .r span
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-415+'px');
}


.Button .l
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-9+'px');
}


.Button .l, .Button .r span
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Button.png',sizingMethod='crop')");
}

/* end Button */

/* begin Footer */

.Footer .Footer-background
{
top: expression(this.parentNode.offsetHeight-100+'px');
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Footer.png',sizingMethod='crop')");
zoom: 1;
font-size:1px;
}


.rss-tag-icon
{
zoom:1;
font-size:1px;
background:none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/rssIcon.png',sizingMethod='crop')");
}

/* end Footer */



form#form-login ul li
{
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="");
}



/* begin Menux */

.artmenux, .artmenux ul
{
height: 1%;
}

.artmenux li.artmenuxhover
{
z-index: 10000;
}

.artmenux .artmenuxhoverUL
{
visibility: visible;
}

.artmenux .artmenuxhoverUL
{
top: 100%;
left: 0;
}

.artmenux .artmenuxhoverUL .artmenuxhoverUL
{
top: 0;
left: 100%;
}

.artmenux ul a
{
height: 1%;
}

.artmenux li li
{
float: left;
width: 100%;
}

.artmenux .artmenuxhoverUL .artmenuxhoverUL
{
top: 5px;
left: 100%;
}

.artmenux, .artmenux ul
{
height: 1%;
}

.artmenux li.artmenuxhover
{
z-index: 10000;
}

.artmenux .artmenuxhoverUL
{
visibility: visible;
}

.artmenux .artmenuxhoverUL
{
top: 100%;
left: 0;
}

.artmenux .artmenuxhoverUL .artmenuxhoverUL
{
top: 0;
left: 100%;
}

.artmenux ul a
{
height: 1%;
}

.artmenux li li
{
float: left;
width: 100%;
}


.navx
{
zoom: 1;
}


.navx.l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}


.navx .r
{
left: expression(this.parentNode.offsetWidth-0+'px');
}


.navx .r div
{
left: expression(this.parentNode.offsetWidth-894+'px');
}


.navx .l, .navx .r div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/nav.png',sizingMethod='crop')");
}






/* begin MenuItem x*/

.artmenux a , .artmenux a span
{
float: left;
}


.artmenux a span span
{
display: inline;
}




.artmenux .artmenuxhover .artmenuxhoverA span span
{
color: #EDF6F8;
background-position: left -29px;
}

/* end MenuItem x */







/* begin Menu1 */

.artmenu1, .artmenu1 ul
{
height: 1%;
}

.artmenu1 li.artmenu1hover
{
z-index: 10000;
}

.artmenu1 .artmenu1hoverUL
{
visibility: visible;
}

.artmenu1 .artmenu1hoverUL
{
top: 100%;
left: 0;
}

.artmenu1 .artmenu1hoverUL .artmenu1hoverUL
{
top: 0;
left: 100%;
}

.artmenu1 ul a
{
height: 1%;
}

.artmenu1 li li
{
float: left;
width: 100%;
}

.artmenu1 .artmenu1hoverUL .artmenu1hoverUL
{
top: 5px;
left: 100%;
}

.artmenu1, .artmenu1 ul
{
height: 1%;
}

.artmenu1 li.artmenu1hover
{
z-index: 10000;
}

.artmenu1 .artmenu1hoverUL
{
visibility: visible;
}

.artmenu1 .artmenu1hoverUL
{
top: 100%;
left: 0;
}

.artmenu1 .artmenu1hoverUL .artmenu1hoverUL
{
top: 0;
left: 100%;
}

.artmenu1 ul a
{
height: 1%;
}

.artmenu1 li li
{
float: left;
width: 100%;
}


.nav1
{
zoom: 1;
}


.nav1.l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}


.nav1 .r
{
left: expression(this.parentNode.offsetWidth-0+'px');
}


.nav1 .r div
{
left: expression(this.parentNode.offsetWidth-894+'px');
}


.nav1 .l, .nav1 .r div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/nav.png',sizingMethod='crop')");
}






/* begin MenuItem 1*/

.artmenu1 a , .artmenu1 a span
{
float: left;
}


.artmenu1 a span span
{
display: inline;
}




.artmenu1 .artmenu1hover .artmenu1hoverA span span
{
color: #EDF6F8;
background-position: left -29px;
}

/* end MenuItem 1 */

теперь другой вопрос: как сделать так, чтобы IE6 воспринимал прозрачные элементы фонов .png?

Edited by DNZ
Link to comment
Share on other sites

  • 0
Нужно использовать фильтр от Майкрософт, VML или специальные скрипты. Самые известные решения iepngfix или dd belated png.

Да давно уже пора на него передти, чтобы не мучатся с пнг в ИЕ6

Link to comment
Share on other sites

  • 0
Нужно использовать фильтр от Майкрософт, VML или специальные скрипты. Самые известные решения iepngfix или dd belated png.

дружище, подскажи ламеру, с чем это едят и куда это вставить :)

Кстати, скажу огромное человеческое спасибо тому, кто скажет, как  поместить код в спойлер и как выделить в коде ключевые строки

Link to comment
Share on other sites

  • 0
дружище, подскажи ламеру, с чем это едят и куда это вставить :)

Кстати, скажу огромное человеческое спасибо тому, кто скажет, как  поместить код в спойлер и как выделить в коде ключевые строки

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy