body { margin: 0px 0px; padding: 0; border: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #container { width: 990px; margin: 0px auto; text-align: left; position: relative; } #header {} #content { width: 990px; } #dynamic_box_left { margin: 0; float: left; } #dynamic_box_center { float: left; margin-left: 5px; } #dynamic_box_right { margin: 0; float: right; } #content_footer {clear: both;} #footer {clear: both;} /*********deafault layout**********/ #layout_default div#dynamic_box_right {} #layout_default div#dynamic_box_left {width: 160px;} #layout_default div#dynamic_box_center {width: 810px;} /* Hides from IE5-mac \*/ * html #layout_default div#dynamic_box_center { width: 810px;} /* End hide from IE5-mac */ /********** two column *************/ #layout_two_column div#dynamic_box_right {width: 320px;} #layout_two_column div#dynamic_box_left {display:none;} #layout_two_column div#dynamic_box_center {width: 680px;} /************ three columns ***************/ #layout_three_columns div#dynamic_box_right {width: 190px;} #layout_three_columns div#dynamic_box_left {width: 190px;} #layout_three_columns div#dynamic_box_center {width: 610px;} /************ equal ***************/ #layout_equal div#dynamic_box_right {width: 330px;} #layout_equal div#dynamic_box_left {width: 330px;} #layout_equal div#dynamic_box_center {width: 330px;} /************ equal rights ***************/ #layout_equal_rights div#dynamic_box_right {width: 260px;} #layout_equal_rights div#dynamic_box_left {width: 470px;} #layout_equal_rights div#dynamic_box_center {width: 260px;} /************ non equal ***************/ #layout_non_equal div#dynamic_box_right {width: 320px;} #layout_non_equal div#dynamic_box_left {width: 420px;} #layout_non_equal div#dynamic_box_center {width: 250px;} /************* CONTENT FEATURES *****************/ #content_features_left { float: left;} .content_equal_right { padding-left: 5px;} #content_features_right { float: left;} .features_equal_default { width: 100%; overflow: hidden;} /*********** equal_default *********************/ .features_equal_default #content_features_left {width: 570px;} .features_equal_default #content_features_right {width: 220px; } /*********** equal *********************/ .features_equal #content_features_left {width: 495px;} .features_equal #content_features_right {width: 495px;} /*********** left *********************/ .features_left #content_features_left {width: 680px;} .features_left #content_features_right {width: 310px;} /*********** right *********************/ .features_right #content_features_left {width: 310px;} .features_right #content_features_right {width: 680px;} /*********** equal_three *********************/ .features_inside .content_features_col {width: 223px; float: left;} /*********** inside *********************/ .features_inside {width: 670px; overflow: hidden;} .features_inside #content_features_left {width: 335px;} .features_inside #content_features_right {width: 335px;} /******************** LAYOUT BOXES********************/ #main_news_box {float: left;} .main_news_box_row {width: 100%; overflow: hidden;} .main_news_category { float:left; display: inline; width:273px; margin: 0px; /****styles****/ } .category_news_category { float:left; display: inline; width: 226px; margin: 0px 8px 0px 8px; /****styles****/ } .category_news_category_list { float:left; display: inline; width: 230px; margin: 0px; vertical-align:top; } /* Hides from IE5-mac \*/ * html .category_news_category { width:226px;} /* End hide from IE5-mac */ .category_news_category .box_title { font-size: 13px; font-weight:bold; color: #333333; height: 20px; vertical-align: middle; padding: 5px 0px 0px 5px; margin: 10px 0px 0px 0px; border: 1px solid #CCCCCC; background-color: #F0F7FD; } .category_news_category .box_title a:hover { color: #cc0000; } body { background: #e9e9e9 url(../img/bg.gif) top left repeat-x;} /*************** GLOBAL STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .short_latest_home { display: block; overflow: hidden; border-bottom: 1px solid #c4c4c4; } .short_latest_home #latest_news { height: 1%; overflow: hidden;} .latest_news_title h1 { font-size: 12px; color: #f7a403; font-weight:bold; text-transform:uppercase; margin: 0px 0px 6px 5px; padding: 6px 30px; background: url(../img/apple_bullet3.gif) 1px 50% no-repeat; } .most_popolar_title { color: #f7a403; padding: 6px 30px; background: url(../img/headlines_bullet.gif) bottom left no-repeat; } .headlines_title h1 { font-size: 12px; color: #f7a403; font-weight: bold; text-transform:uppercase; border-top: 1px dotted #c4c4c4; margin: 0px 0px 6px 5px; padding: 6px 30px; background: url(../img/headlines_bullet.gif) 1px 50% no-repeat; } .category_headline { padding: 5px; } .category_headline_title_link a { font-size: 13px; color: #126665; line-height: 20px; padding: 0px; } .category_headline_title_link a:hover { font-size: 13px; color: #cc0000; text-decoration:underline; } .subcategory_list a { font-size: 13px; color: #126665; line-height: 20px; padding: 0px; } .subcategory_list a:hover { font-size: 13px; color: #cc0000; text-decoration:underline; } .ads1 { text-align: center; margin: 6px 0px; } #container {background-color: #fff;} #content { padding-top: 0px;} #container div#footer div.bottom_corners { background: url(../img/content_bottom_corners.gif) bottom no-repeat; height: 7px;} /*** Global anchor styles ***/ a {color:#000; text-decoration: none;} a:hover {} a img {border: none;} /*** Global list styles ***/ ul { padding: 0; margin: 0;} ul li { list-style-type: none;} /*** Global heading styles ***/ h1, h2, h3, h4 { font-family:"Times New Roman", Times, serif; margin: 0px;} h1 { font-size: 18px; font-weight: normal; } h1 a { color: #126665;} h2, h3 {font-size: 12px; padding-bottom: 4px;} h2 a:hover, h3 a:hover {color: #cc0000;} h4 { color: #126665; padding-top:10px;} h4 a {color: #126665; font-size: 20px; font-weight:normal;} h4 a:hover {color: #cc0000; text-decoration:underline;} h5 {color: #333; padding-top: 5px; font-size: 16px; border-bottom: 1px solid #cccccc;} /*** Global box styles ***/ .box .box_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; } /*************** HEADER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .header_image { border-bottom: 3px solid #fff; } /*** Static pages navigation ***/ .box_pages { /*** static pages list holder ***/ padding: 6px; background: #FFFFFF url(../img/pages_bg.gif) bottom repeat-x; color:#FFFFFF; } .box_pages li { /*** static pages list ***/ display: inline; color: #ffffff; } .box_pages a {padding: 5px 20px 5px 20px;} .box_pages a:link, .box_pages a:visited { color: #ffffff; text-decoration: none; font-weight:bold; } .box_pages a:hover { color: #fff; background: #FFFFFF url(../img/pages_bg_hover.gif) bottom repeat-x; text-decoration: none; } .top_menu { padding: 6px; background: #fff; color:#126665; text-align: right; vertical-align:top; } .top_menu a { color:#126665; } .top_menu a hover { color:#666666; } .header_logo{ margin-bottom:-5px; } /*** Search box ***/ .search { padding: 6px 10px 6px 6px; text-align: right; position:static; top: 40px; right: 4px; color: #000; } .gSrchBgr { background: url(../img/powered-google.gif) no-repeat center 50% } .gSrchNoBgr { background-color:#FFFFFF; } *:first-child+html .search {top: 65px;} /* IE 7 hack */ /* Hides from IE5-mac \*/ * html .search {top: 63px;} /* End hide from IE5-mac */ .search a {color: #000;} .search button { width: 70px; height: 20px; margin-left: 0px; border: none; font-size: 11px; font-weight: normal; color: #FFF; font-weight:bold; background: url(../img/search_button.gif) no-repeat; } /*************** LEFT COLUMN STYLES ********************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_left_holder { padding: 6px;} #dynamic_box_left div.box {margin-bottom: 12px;} #dynamic_box_left div.box_title { background: #FFFFFF url(../img/bg_sections.jpg) bottom repeat-x; color:#FFFFFF; padding: 5px 0px 3px 8px; border-bottom: 1px solid #CCCCCC; font-weight: bold; font-size: 13px; } .box_newsletter { background-image:url(../img/newsletter_title_bg.jpg); border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; color:#FFFFFF; padding: 5px 0px 3px 8px; font-weight: bold; height: 40px; font-size: 13px; } .box_body_newsletter { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-image:url(../img/newsletter_bg.jpg); } #dynamic_box_left div.box_body {border-bottom: 4px solid #A5A5A5; } /*** Section box (navigation list) ***/ #box_sections div.box_body { padding: 2px; margin-bottom: 0px; border: 1px solid #CCCCCC; } #box_sections li { background-color: #F5F5F5; border-bottom: 1px dotted #cccccc; padding: 2px 0px 2px 2px ; font-weight: bold; } #box_sections ul { background-color: #FFF; padding-left: 2px; color:#990000; line-height: 20px; } #box_sections ul a { color:#ed2024; line-height: 18px; } #box_sections li ul li { border-bottom: none; font-variant: normal; font-size: 11px; padding-left: 3px; font-weight:normal; } #box_sections li a { color: #000; display: block; line-height: 18px; } #box_sections li a:hover { color: #ff3300; } #box_sections li ul li a:hover { color: #ff3300; background: none; list-style-type:square; } /*** Sub_Section box (Qui created) ***/ #box_subsections div.box_body { padding: 2px; margin-bottom: 0px; border: 1px solid #CCCCCC; } #box_subsections li { background-color: #FFF; padding: 2px 0px 2px 2px ; font-weight: bold; } #box_subsections ul { background-color: #FFF; color:#990000; line-height: 13px; } #box_subsections ul a { color:#ed2024; line-height: 15px; } #box_subsections li ul li { border-bottom: none; font-variant: normal; font-size: 11px; padding-left: 3px; font-weight:normal; } #box_subsections li a { color: #ff3300; display: block; line-height: 14px; padding-left: 5px; list-style-type:square; } #box_subsections li a:hover { color: #ff3300; } #box_subsections li ul li a:hover { color: #ff3300; background: none; list-style-type:square; } /*************** CONTENT STYLES **********************************/ /******************************************************************************************************/ #box_center_holder {padding: 5px 10px 0px;} #box_center_holder h1 { font-size: 22px; color: #333333; padding-top:10px; margin-bottom: 5px;} #box_center_holder div.category_headline { width: 100%; overflow: hidden;} #box_center_holder div.category_headline h2 a { color: #126665; font-size: 14px; font-weight: bold;} #box_center_holder div.category_headline div.image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #eeeeee; border: none;} #box_center_holder div.category_headline div.summary {} div.article_link {display: inline; padding-left: 4px;} div.article_link a {color: #126665; padding: 0px 2px; text-decoration: none;} div.article_link a:hover {color: #126665;} div.box_body div.image { padding: 2px; float: left; margin: 2px 6px 2px 2px; border: 1px solid #CCCCCC; } .short_holder { width: 100%; overflow: hidden;} .short_holder h2 a { font-size: 15px; font-weight: bold; color: #126665; } .short_holder h2 a:hover { color: #cc0000; } .short { /*** Global summary styles ***/ margin-bottom: 4px; padding: 12px 0px; border-bottom: 1px solid #c4c4c4; } .latest_news_short { /*** Qui added ***/ margin-bottom: 8px; padding: 5px 0px; } #home_latest .short { padding: 12px 0px; } #home_latest .box_body .short .short_holder .image { margin-right: 6px; } /*** Article summaries heights ***/ #latest_news div.short{ border-bottom: none; height:205px; margin-right: 5px; width: 32.2%;; float: left;} #latest_news div.short_holder h2 a { color: #236EB5; font-weight: bold; font-size: 14px;} #latest_news div.short_holder h2 a:hover { background: none; text-decoration: underline;} /*** Main news styles ***/ #category_news_box div.box_title { margin-bottom: 6px;} /*** Category links ***/ #category_news_box div.box_title h4, #category_news_box div.box_title h4 a { font-size: 16px; color: #172973; border-bottom: 1px solid #eee; padding: 4px 0px; margin-bottom: 4px; } /*** Subcategory links ***/ #category_news_box div.box_title span { color: #000; font-size: 11px; padding: 0px 1px; } #category_news_box div.box_title span a { color: #ed2024;} #category_news_box div.box_title span a:hover { color: #000;} #category_news_box div.box_body ul { padding: 0px 0px;} #category_news_box div.box_body ul li { padding: 1px 0px; } #category_news_box div.box_body ul li a { display: block; padding: 2px 2px 2px 10px; background: url(../img/bullet_arrow.gif) 0px 5px no-repeat; color: #126665; } #category_news_box div.box_body ul li a:hover { color: #CC0000; text-decoration: underline; } /*** Category page ***/ #category_holder div.subcategory_list div.box_body { padding: 6px;} #category_holder div.short { margin-bottom: 12px; padding-bottom: 12px;} /*** Article styles ***/ .box_breadcrumb { font-size: 11px; padding: 5px 10px; color: #ff3300; border-bottom: 1px solid #EEEEEE;} .box_breadcrumb a {font-size: 11px; color: #126665; padding-right: 4px; font-weight:bold; } .box_author { padding: 0px 0px; color: #000000;} .box_author a {color: #126665; padding-right: 4px;} .box_author a: hover {color: #126665; padding-right: 4px; text-decoration:underline;} #article_holder h1 { font-size: 22px; color: #126665; padding: 8px 0px 4px 0px; border-bottom: 2px solid #7f5def;} #article_holder div.article_metadata { padding: 0px 0px 10px 0px; margin-bottom: 4px; border-bottom: 1px solid #EEEEEE;} #article_holder div.article_metadata span.metadata_time { font-size: 10px; color: #666666; } #article_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 10px;} #article_holder div.font_size img {vertical-align: bottom;} #article_holder div.image { float: left; padding: 2px; margin-right: 5px; border: 1px solid #cccccc; } #article_holder div.image span.image_caption { font-size: 11px; line-height:normal;} #article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;} #article_holder div#article_body h1, #article_holder div#article_body h2, #article_holder div#article_body h3, #article_holder div#article_body h4, #article_holder div#article_body h5, #article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;} #article_holder div#article_body a { color: #002BB8;} #article_holder div.content_attachment { padding:6px; text-align:right; font-size: 11px;} #article_holder div.content_attachment img { vertical-align: bottom;} #article_holder div.content_attachment a {color: #C90404;} /*** Article social bookmarks ***/ #box_social_bookmarks { color: #666666; padding: 2px 6px; margin: 6px 0px 12px 0px; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; } #box_social_bookmarks img { vertical-align: middle;} /*** Article comments ***/ .comment_block h4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background-color: #f4f4f4; padding: 6px; margin: 6px 0px; } #comment_list { margin: 15px 8px;} #comment_list div.comment_holder { margin-bottom: 20px;} #comment_list div.comment_header { padding-bottom: 6px;} #comment_list div.comment_header { font-size: 11px;} #comment_list div.comment_header a { color: #C90404; font-weight: bold;} #comment_list div.comment_body_holder {padding: 6px; border-bottom: 1px solid #EBEBEB; background-color: #F8F8F8;} #comment_list div.comment_body {width: 100%; overflow: hidden; } #comment_list div.comment_body img { float: left;} #comment_list div.comment_body div.comment_text { color: #666666; margin-left: 50px; padding: 0px 12px 10px 10px;} #comment_list div.comment_report { float: right;} /*** Pagination ***/ #box_pagination { padding: 6px; margin: 6px 0px; background: #eeeeee; color: #666666;} #box_pagination span.pagination { float:right; font-weight: bold;} #box_pagination span.pagination a { font-weight: normal; color: #ed2024; font-weight: bold;} #box_pagination span.pagination_total {color: #ed2024; font-weight: bold;} /*** Archive calendar ***/ #box_calendar table caption { font-weight: bold; background-color: #E2DDD5; border-bottom: 1px solid #ccc; padding: 6px 0px; margin-bottom: 6px; } #box_calendar table caption a {color: #C90404;} #box_calendar table caption span { cursor: pointer; padding: 0px 4px;} #box_calendar table td { background-color: #E2DDD5; padding: 1px 2px;} /*************** RIGHT COLUMN STYLES *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/} /*** Boxes ***/ #dynamic_box_right div#box_right_holder { padding: 6px; } #dynamic_box_right .box div.box_title { color: #fffaa8; font-weight: bold; font-size: 12px; line-height: 10px; text-transform: uppercase; padding: 8px 6px 5px 5px; background-color: #ACC9C9; } #dynamic_box_right .box_tabs div.box_title { padding: 3px 10px 0px 10px; background-color: #ACC9C9; border-bottom: none; } .box_tabs { border: 1px solid #cee4e4; } #dynamic_box_right .box .box_title_holder { } /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_title_holder { height: 1%;} /* End hide from IE5-mac */ #dynamic_box_right .box { margin-bottom: 6px; } #dynamic_box_right .box .box_body { padding: 6px 10px 12px 0px; } #dynamic_box_right .box .box_body div.box_content {padding: 6px 10px 12px 0px; } /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_body { height: 1%;} /* End hide from IE5-mac */ /********** Lists ***************/ #dynamic_box_right div.box_body ul li { padding: 1px 0px; } #dynamic_box_right div.box_body ul li a { display: block; padding: 2px 4px 2px 15px; background: url(../img/apple_bullet.gif) -5px 0px no-repeat; color: #126665; } #dynamic_box_right div.box_body ul li a:hover { background: url(../img/apple_bullet2.gif) -5px 0px no-repeat; color: #CC0000; } /*** Tabs ***/ .tabs { font-size:11px; line-height:normal; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } ul.tabs{ margin:0; padding:4px 0 4px 0px; list-style:none; } .tabs li { display:inline; margin:0; padding:0; } .tabs a { margin: 0px 1px 0px 0px; padding:4px 0 4px 4px; text-decoration:none; } *:first-child+html .tabs a {padding:0 0 0 4px;} /* IE 7 hack */ /* Hides from IE5-mac \*/ * html .tabs a {padding:0 0 0 4px;} /* End hide from IE5-mac */ .tabs a span { padding: 5px 10px 5px 10px; color: #fffaa8; } .tabs a:hover {text-decoration: none;} .tabs a:hover span {color: #cc0000;} .tabs a.active {background: url(../img/tabs_left.gif) no-repeat left top;} .tabs a.active span { color: #cc0000; background: url(../img/tabs_right.gif) no-repeat right top; } /*** Latest comments box ***/ div#latest_comments div.single_comment img { float: left; margin: 2px 6px 2px 4px;} div#latest_comments div.single_comment {display: block; width: 100%; overflow: hidden; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #ed2024;} div#latest_comments div.single_comment div.comment_header { font-size: 11px; color: #666666;} div#latest_comments div.single_comment div.comment_header a {color: #ed2024;} div#latest_comments div.single_comment div.comment_body { padding-top: 2px; font-size: 11px;} /*** Featured author box ***/ div#box_users div.box_body img { float: left; margin: 2px 6px 2px 4px;} div#box_users div.box_body a { display: block; padding-bottom: 6px; color: #ed2024;} div#box_users div.box_content { width: 90%; overflow: hidden;} /*** Tag cloud box ***/ div#box_tags a:hover {color: #ed2024;} /*** Article page tag box ***/ #article_tags div.article_tags {} #article_tags div.article_my_tags { padding-top: 6px; margin-top: 6px; border-top: 1px solid #eeeeee;} #article_tags div.article_add_tag { padding-top: 6px; text-align: center;} /*** Article Tools box ***/ #dynamic_box_right div#box_article_tools { margin-bottom: 36px; border: 1px solid #cee4e4;} #dynamic_box_right div#box_article_tools ul { font-size: 11px;} #dynamic_box_right div#box_article_tools ul li img { vertical-align: bottom;} #dynamic_box_right div#box_article_tools ul li a {padding: 3px 4px 3px 4px; background: none; color: #126665;} #dynamic_box_right div#box_article_tools ul li a:hover {background: none; text-decoration: none; color: #ed2024;} /*** Email friend box ***/ #send_article { padding: 6px; border-top: 1px solid #ed2024; } /*** Article vote box ***/ #stars { padding: 2px; width: 150px; overflow: hidden;} .article_rating { color: #CECECE; font-weight: bold; font-size: 14px; padding-top: 10px; padding-right: 18px; float: right; } div.standard_star { cursor: pointer;} /*************** FOOTER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .footer { background: url(../img/food_footer.jpg) bottom left no-repeat; text-align: left; padding: 6px 0px; margin: 0px 0px 0px 0px; color: #FFFFFF; } /* Hides from IE5-mac \*/ * html .footer { height:1%;} /* End hide from IE5-mac */ .footer img { display: none;} .footer a { color: #FFF; font-weight:bold;} .footer_info {text-align:left; padding:5px; color:#666; padding-bottom: 10px; font-size:11px; border-top: 1px solid #ccc;} .footer_info a {color:#126665; font-weight:normal;} .footer div.corner_bottom {background: url(../img/footer_bottom.gif) no-repeat left bottom; height: 8px;} .copyright { margin-left:10px; width: 100%; margin-bottom:30px; color:#126665; margin-left:10px;} /*** First level categories in footer ***/ .footer ul { text-transform: uppercase; border-bottom: 5px solid #c4c4c4; padding: 6px 0px 6px 0px; margin: 0px 5px;} .footer li {display: inline; padding: 0px 3px;} .footer li a { color:#FFFFFF;} /* Styles for forms */ form { /******* Used for all forms in Vivvo *********/ padding: 0px; margin: 0px; } input, select, textarea { } select {} textarea {border: 1px solid #7F9DB9;} .form_line { margin-bottom: 6px; padding-bottom: 6px; width: 100%; overflow: hidden; /* if used, needs to be hidden because of Opera */ } *:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;} input.text {border: 1px solid #7F9DB9;} select.options { border: 1px solid #7F9DB9;} input.submit_button, button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .formElement p { margin-top: 0;} /***************** Box forms *******************/ #dynamic_box_right .form_line label {} #dynamic_box_right .form_line div.submit { text-align: right;} #dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #ed2024;} /*************** CONTENT FORMS *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #dynamic_box_center div.form_line label { text-align: right; padding: 3px 0px 3px 3px; display: block; float: left; width: 30%; font-size: 12px; color: #666666; } #dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;} #dynamic_box_center div.formElement label { padding: 0px; width: auto; text-align: left; float: none; display: block; font-weight: normal; } .menu, .menu ul { /* remove all list stylings */ margin: 0; padding: 0; border: 0; display: block; } .menu{ padding-left:0px;} .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ list-style: none; } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none; /* items of the nested menus are kept on separate lines */ position:relative !important; } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul {/* IE7 float clear: */min-height: 0;} /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(../img/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 0 -10px; } /* -- sticky.submenu.END -- */ /************************************************************************************/ /*************************** DHTML_menu styles **************************************/ #mainNav { background: #126665; margin: 0px 0px; } /* Hides from IE5-mac \*/ * html #mainNav { height:1%;} /* End hide from IE5-mac */ .menu ul { /*font-size:85%;*/ } .menu ul li { margin:0; float:none; border:none; } .menu ul li ul { font-size:12px; } .menu ul { width: 15em; margin:0; padding:0; } .menu li:hover { background:#129FE1; } /* Link styles */ .menu li a{ display:block; height:25px; line-height:25px; padding:0 12px; font-size:12px; } .menu li a:link, .menu li a:visited, .menu li a:hover { color: #ffffff; font-weight:bold; text-decoration:none; } .menu li a:hover { background:#129fd1; color: #FFFFFF; } .menu ul li { background:#129fd1; } .menu ul li:hover { background:#129fd1; } .menu ul li a:link, .menu ul li a:visited, .menu ul li a:hover { text-decoration: none; display: block; float:none; position: relative; border:none; height:auto; line-height:100%; padding:6px; background:transparent; border-bottom:1px solid #FFF; color: #FFF; font-size: 11px; } .menu ul li a:hover { background: #129FE1; color: #FFFFFF; } .menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:hover { background:#ed2024; color: #FFF; } .menu li ul li ul li a:hover { background: #129FE1; color: #FFFFFF; } .menu a:hover, .menu li:hover>a { color: #FFFFFF;} .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ background:#ed2024; padding:0; } /********************************************************************************************/ /**************************** Internet Explorer only styles ********************************/ /* Hides from IE5-mac \*/ * html #mainNav a {float:left;} * html .menu, * html .menu ul {zoom: 1;} * html .menu li.adxmhover {z-index: 10000;} * html .menu .adxmhoverUL {visibility: visible;} * html .menu .adxmhoverUL {top: 100%; left: 0;} * html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;} * html .menu ul a {zoom: 1;} * html .menu ul li {display:inline !important;} * html .menu ul li a:link, * html .menu ul li a:visited, * html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;} * html #mainNav .menu li ul li {margin:0; padding:0;} * html .menu li li {width:100%; margin:0; padding:0;} * html #mainNav .menu ul li a:link, * html #mainNav .menu ul li a:visited, * html #mainNav .menu ul li a:hover {float:none;} * html .menu ul ul {padding:0;} /* End hide from IE5-mac */