/*******************************************************************************************************************/ /*** Core html setup stuff ***/ /*******************************************************************************************************************/ html {padding: 0px; margin: 0px; height: 100%;} form {margin: 0; padding: 0;} body {font-family: Helvetica,Arial,sans-serif; line-height: 1.2em; padding: 0px; margin: 0px; font-size: 14px; color: #333;} a:link, a:visited {text-decoration: none; font-weight: normal;} a:hover {text-decoration: none; font-weight: normal;} /*input.button {cursor: pointer;}*/ p {margin-top: 0px; margin-bottom: 5px;} img {border: 0 none;} table#lang td.full {text-align:right; width:1040px;} table#logo td.empty {width: 145px;} /*****************************************************************************************************************/ /*** Template specific layout elements ***/ /*****************************************************************************************************************/ #page_bg {padding: 0px; height:99%;} div.center {text-align: center; margin: 0px; padding: 0px; height: 100%;} div#wrapper {margin-left: auto; margin-right: auto; padding-bottom: 0px; height:100%;} body.width_medium div#wrapper {width: 950px;} body.width_small div#wrapper {width: 773px;} body.width_fmax div#wrapper {min-width: 750px; max-width:1050px;} div#header {position: relative; height: 120px; padding-left: 0px; padding-right: 0px; padding-top: 0px; overflow: hidden; text-align: left;} div#logo {position: absolute; left: 0; top: 0; float: left; width: 1020px; height: 120px; margin-left: 30px; margin-right: -30px; margin-top: 0px;} div#user5 {position: relative; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 30px; margin-right: -30px; margin-top: 0px; margin-bottom: 0px; left: 200px; top: -40px; height:0px; float: left;} div#newsflash {width: auto; margin-left: 350px; margin-right: 30px; border: 1px solid #00f;} div#tabarea {margin-left: -31px; height: 30px; width:1100px;} div#footerspacer {height: 0px;} #pathway {padding: 0px 10px 8px; width: auto; margin-top: -2px; margin-right: 250px; text-align: left;} #search {float:right; width:320px; margin-top:-20px; margin-right:30px; height:40px; overflow: hidden; text-align:right;} form#searchForm input {vertical-align: middle;} form#searchForm table {border-collapse: collapse;} form#searchForm td {padding:0;} #mod_search_searchword {padding-left: 3px;} #area {padding:0px;} div#stopka {position: relative; height: 53px; padding-left: 0px; padding-right: 0px; padding-top: 3px; overflow:hidden; text-align: left; margin-left: 0px; margin-top: -1px;} #whitebox {margin: 0px 0px 0px 0px; width: auto; padding: 0px 0px 0px 0px; min-height: 75%;} #whitebox div {text-align: left; padding-top: 3px; padding-bottom: 0px;} /************************************************************************************* horizontal pill menu ***/ table.pill {margin-left: auto; margin-right: auto; padding: 0;} #pillmenu {height: 30px; float: left;} #pillmenu ul {padding: 0; list-style:none;} #pillmenu li {float: left; margin: 0; padding: 0px;} #pillmenu a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #cac2c6; display: block; line-height: 13px;} #leftcolumn {padding: 0px; margin:0; width: 22%; float:left;} #maincolumn, #maincolumn_full {margin-left: 22.5%; margin-bottom: 0px; padding-left:15px; padding-bottom: 0px; width: 76%;} #maincolumn_full {margin-left: 0; padding: 0; width: 100%;} table.nopad {width:100%; border-collapse: collapse; padding:0px; margin: 0;} table.nopad td.middle_pad {width: 20px;} /********************************************************************************************************************/ /*** Joomla! specific content elements ***/ /********************************************************************************************************************/ 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;} h1 {padding: 0; font-family:Helvetica, Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: black; text-align: left; width: 100%;} h2, .contentheading {padding: 0; font-family: Arial, Helvetica,sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: black; text-align: left; width: 100%;} table.contentpaneopen h3 {margin-top: 25px;} h4 {font-family: Arial, Helvetica, sans-serif; color: black;} h3, .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;} /************************************************************************************************** small text ***/ .small {font-size: .90em; color: #999; font-weight: normal; text-align: left;} .modifydate {font-size: .90em; color: red; font-weight: normal; text-align: left; height:20px; vertical-align:bottom;} .createdate {font-size: .90em; color: #483d8b; font-weight: normal; height:20px; vertical-align:top; padding-bottom:5px; padding-top:0px;} /***a.readon {margin-top: 10px; display: block; float: left; padding-right: 20px; line-height: 14px; height: 16px;}***/ a.readon {margin-top: 0px; display: block; float: left; line-height: 12px; height: 13px;} /********************************************************************************************** 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; padding-top:5px; text-decoration: none;} a.mainlevel:hover {} /*************************************************************************************************** spacers ***/ /**span.article_separator {display: block; height: 10px; background:#aca0ae;}przeniesiony do color(black)_bg.css odstep pionowy artykuly***/ .article_column {padding-right: 5px;} .column_separator {border-left: 1px dashed #e0e0e0;padding-left: 10px;} td.buttonheading {height: 0px;}/*bylo 23px*/ 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: 10px; background:#aca0ae;} /************************************************************************************************* 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 3px;} /******************************************************************************************* content tables ***/ td.sectiontableheader {background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff;} tr.sectiontableentry0 td {padding: 4px;} td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {padding: 3px;} /************************************************************************************************* content styles ***/ /*table.contentpaneopen td {padding: 3px 3px 3px 3px; margin:0;}oryginalne*/ table.contentpaneopen_front td {padding: 4px 1px 1px 3px; margin:0px;}/**artykuly strona tytaaaaa*/ table.contentpaneopen td {padding: 0px; margin:0px;}/**background:gray;}**/ table.contentpaneopen, table.contentpane {margin: 0px; padding: 0px; width: auto;}/***artykuly (ale nie na stronie tytulowej)***/ 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: red;} .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: 1.2em; font-weight: bold; margin: -23px -4px 5px -17px; padding-left: 10px; padding-bottom: 2px;} div.module_menu {margin-left:-1px; margin-right:0px; margin-top:3px; margin-bottom:0px; padding-bottom:0px;} div.module_menu div div div {padding-left: 20px; padding-right:0px; padding-top: 30px; padding-bottom: 30px; width: auto;} div.module_menu div div div div {background: none; padding:0;} div.module_menu ul {margin: 10px 0; padding-left: 0px; height:auto;} div.module_menu ul li a:link, div.module_menu ul li a:visited {font-weight: normal; background: #441729; text-decoration: none;} #leftcolumn div.module {padding: 0px 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 fieldset {width: 320px; margin:0px; padding:5px;} form#form-login ul {padding-left: 20px;} form#com-form-login fieldset {border: 0 none; margin: 0em; padding: 0.2em;} form#com-form-login ul {padding-left: 20px; } /************************************************************************************************** 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: black; 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 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;} /************************************************************************************* Component Specific Fixes ***/ #component-contact table td {padding: 2px 0;} div.tuesem {width: 100%; align: center;} tr.tuesem_footer {height: 0px; cellpadding:0px; cellspacing:0px; border:0;} td.tuesem_footer {height: 0px; cellpadding:0px; cellspacing:0px; border:0;} th.wyjazdy {font-size: 1em;} /************************************************************************************* Component Specific Fixes ***/ /** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */ ul.mainlevel-son-of-suckerfish-vertical .expanded {display:block; background-image:url("../images/arrow_right.gif"); background-position:right center; background-repeat:no-repeat; padding-right:10px;} /** customize style / layout here */ a.mainlevel-son-of-suckerfish-vertical, a.mainlevel_active-son-of-suckerfish-vertical, a.mainlevel_current-son-of-suckerfish-vertical, span.mainlevel-son-of-suckerfish-vertical, a.mainlevel-son-of-suckerfish-vertical:link, a.mainlevel_active-son-of-suckerfish-vertical:link, a.mainlevel_current-son-of-suckerfish-vertical:link, a.mainlevel-son-of-suckerfish-vertical:visited, a.mainlevel_active-son-of-suckerfish-vertical:visited, a.mainlevel_current-son-of-suckerfish-vertical:visited, a.mainlevel-son-of-suckerfish-vertical:hover, a.mainlevel_active-son-of-suckerfish-vertical:hover, a.mainlevel_current-son-of-suckerfish-vertical:hover {font-weight:normal; font-size:100%; text-align:left; text-decoration:none; display:block; padding: 5px 5px 5px 5px; line-height:1em; width:205px;} a.sublevel-son-of-suckerfish-vertical, a.sublevel_active-son-of-suckerfish-vertical, a.sublevel_current-son-of-suckerfish-vertical, span.sublevel-son-of-suckerfish-vertical, a.sublevel-son-of-suckerfish-vertical:link, a.sublevel_active-son-of-suckerfish-vertical:link, a.sublevel_current-son-of-suckerfish-vertical:link, a.sublevel-son-of-suckerfish-vertical:visited, a.sublevel_active-son-of-suckerfish-vertical:visited, a.sublevel_current-son-of-suckerfish-vertical:visited, a.sublevel-son-of-suckerfish-vertical:hover, a.sublevel_active-son-of-suckerfish-vertical:hover, a.sublevel_current-son-of-suckerfish-vertical:hover {font-weight:normal; font-size:90%; text-align:left; text-decoration:none; display:block; border:1px solid silver; padding:5px 5px 5px 5px; line-height:1em;} a.mainlevel-son-of-suckerfish-vertical, a.mainlevel_active-son-of-suckerfish-vertical, a.mainlevel_current-son-of-suckerfish-vertical, span.mainlevel-son-of-suckerfish-vertical {text-decoration: none;} a.sublevel-son-of-suckerfish-vertical, a.sublevel_active-son-of-suckerfish-vertical, a.sublevel_current-son-of-suckerfish-vertical, span.sublevel-son-of-suckerfish-vertical {font-size:90%; border: 0 none; text-decoration: none;} #active_menu-son-of-suckerfish-vertical, a.mainlevel_active-son-of-suckerfish-vertical, a.mainlevel_current-son-of-suckerfish-vertical, a.mainlevel_active-son-of-suckerfish-vertical:link, a.mainlevel_current-son-of-suckerfish-vertical:link, a.mainlevel_active-son-of-suckerfish-vertical:visited, a.mainlevel_current-son-of-suckerfish-vertical:visited, a.mainlevel_active-son-of-suckerfish-vertical:hover, a.mainlevel_current-son-of-suckerfish-vertical:hover, a.sublevel_active-son-of-suckerfish-vertical, a.sublevel_current-son-of-suckerfish-vertical, a.sublevel_active-son-of-suckerfish-vertical:link, a.sublevel_current-son-of-suckerfish-vertical:link, a.sublevel_active-son-of-suckerfish-vertical:visited, a.sublevel_current-son-of-suckerfish-vertical:visited, a.sublevel_active-son-of-suckerfish-vertical:hover, a.sublevel_current-son-of-suckerfish-vertical:hover {font-weight:bold; text-decoration: none;} ul.mainlevel-son-of-suckerfish-vertical, .mainlevel-son-of-suckerfish-vertical ul {padding:0; margin:0; list-style:none; line-height:1em; z-index:100;} ul.mainlevel-son-of-suckerfish-vertical li {padding:0; margin:0; background:none; float:left;} ul.mainlevel-son-of-suckerfish-vertical li {position:relative; display:block; width:10em;} ul.mainlevel-son-of-suckerfish-vertical {display:block; position:relative; margin:-0.2em 0 0 0em; width:10em; height:auto; z-index:101; clear:left;} ul.mainlevel-son-of-suckerfish-vertical ul {display:block; position:absolute; left:-999em; margin:-0.2em 0 0 0em; width:auto; height:auto; z-index:101;} ul.mainlevel-son-of-suckerfish-vertical li ul {margin:-1.8em 0 0 10em;} ul.mainlevel-son-of-suckerfish-vertical {z-index:101;} ul.mainlevel-son-of-suckerfish-vertical ul {z-index:102;} ul.mainlevel-son-of-suckerfish-vertical ul ul {z-index:103;} /** IE7.0 workaround */ ul.mainlevel-son-of-suckerfish-vertical li:hover, ul.mainlevel-son-of-suckerfish-vertical li.hover {position:static;} /** general on-mouse-over display */ ul.mainlevel-son-of-suckerfish-vertical li:hover ul, ul.mainlevel-son-of-suckerfish-vertical li.hover ul {left:auto;} ul.mainlevel-son-of-suckerfish-vertical li:hover ul ul, ul.mainlevel-son-of-suckerfish-vertical li.hover ul ul {left:-999em;} ul.mainlevel-son-of-suckerfish-vertical li:hover ul li:hover ul, ul.mainlevel-son-of-suckerfish-vertical li.hover ul li.hover ul {left:auto;} ul.mainlevel-son-of-suckerfish-vertical, ul.mainlevel-son-of-suckerfish-vertical li li {clear:left;} /** IE5.0/win workaround: the ">" is handled like a "," */ ul.mainlevel-son-of-suckerfish-vertical >ul.mainlevel-son-of-suckerfish-vertical {position:absolute; top:5em;} ul.mainlevel-son-of-suckerfish-vertical >ul.mainlevel-son-of-suckerfish-vertical li.hover ul {margin:0.1em 0 0 0em;} ul.mainlevel-son-of-suckerfish-vertical >ul.mainlevel-son-of-suckerfish-vertical li.hover ul ul {margin:-1.6em 0 0 10em;} /***************************HORIZONTAL************************************/ /** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */ ul.mainlevel-son-of-suckerfish-horizontal .expanded {display: block; background-image: url("../images/arrow_down.gif"); background-position: right center; background-repeat: no-repeat; padding-right: 10px;} ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {background-image: url("../images/arrow_right.gif");} /** customize style / layout here */ a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal, a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link, a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited, a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover, a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal, a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link, a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited, a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {font-weight: normal; font-size: 100%; text-align: left; text-decoration: none; display: block; border: 0px solid silver; padding: 0.3em 0.5em 0.3em 0.5em;} a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {text-decoration: none;} a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {font-size: 90%; border: 0 none; height: 1%; text-decoration: none;} /* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */ #active_menu-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:visited, .sublevel_current-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {font-weight: bold; text-decoration: none;} ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {padding: 0; margin: 0; list-style: none; z-index: 100;} ul.mainlevel-son-of-suckerfish-horizontal li {padding: 0; margin: 0; background: none; float: left;} ul.mainlevel-son-of-suckerfish-horizontal li li {position: relative; display: block; width: 10em;} ul.mainlevel-son-of-suckerfish-horizontal ul {display: block; position: absolute; left: -999em; margin:-0.2em 0 0 0em; width: auto; height: auto; z-index: 101;} ul.mainlevel-son-of-suckerfish-horizontal li li ul {margin: -1.8em 0 0 10em; z-index: 102;} /** IE7.0 workaround */ ul.mainlevel-son-of-suckerfish-horizontal li:hover, ul.mainlevel-son-of-suckerfish-horizontal li.hover {position: static;} /** general on-mouse-over display */ ul.mainlevel-son-of-suckerfish-horizontal li:hover ul, ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {left: auto;} ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul, ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {left: -999em;} ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul, ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {left: auto;} ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {clear: left;} /** separator */ span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {display: block; width: 1em; margin-left: 1em; padding: 0; padding-top: 1px;} /** IE5.0/win workaround: the ">" is handled like a "," */ ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {position: absolute; top: 5em;} ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {margin: 0.1em 0 0 10em;} ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {margin: -1.6em 0 0 10em;}