/* Main Side-menu Layout */ #dnnSideMenu { padding: 0; margin: 0; width: 100%; } #dnnSideMenu div.Menu, #dnnSideMenu ul.List { padding: 0; margin: 0; width: 16em; } /* workhorse area: all of the flyout work is here. */ #dnnSideMenu li.Item { width: 100%; list-style: none; position: relative; } #dnnSideMenu li.Item div.Menu { position: absolute; left: -999em; width: 16em; } #dnnSideMenu li.Item div.Level2 { left: auto; } #dnnSideMenu li.Item div.Menu div.Menu { top: 0; margin-left: 100%; } #dnnSideMenu li.Item:hover div.Menu div.Menu, #dnnSideMenu li.Item:hover div.Menu div.Menu div.Menu, #dnnSideMenu li.Item:hover div.Menu div.Menu div.Menu div.Menu, #dnnSideMenu li.iehover div.Menu div.Menu, #dnnSideMenu li.iehover div.Menu div.Menu div.Menu, #dnnSideMenu li.iehover div.Menu div.Menu div.Menu div.Menu { left: -999em; } #dnnSideMenu li.Item:hover div.Menu, #dnnSideMenu li.iehover div.Menu { left: auto; } #dnnSideMenu li.Item li.Item:hover div.Menu, #dnnSideMenu li.Item li.Item li.Item:hover div.Menu, #dnnSideMenu li.Item li.iehover div.Menu, #dnnSideMenu li.Item li.Item li.iehover div.Menu { left: auto; } /* basic styles */ #dnnSideMenu li.Item a { display: block; width: 100%; padding: 2px 0 2px 0; text-decoration: none; } #dnnSideMenu div.Menu { float: left; } #dnnSideMenu div.Level1, ul.Level1 { width: 15em !important; } #dnnSideMenu div.Level2, #dnnSideMenu div.Level3 { /* drop-shadow stuff - relies on CSS3 and filters, so older non-IE browsers won't work. IE5.5 and later will use "_filter", but FF2.x and earlier probably won't work with this. FF3 and Safari 2.x will use the -moz- and -webkit- definitions. FF3.5+, Opera 9+, and Safari 3.1+ will use the CSS3 "box-shadow" property. */ /**/ -moz-box-shadow: -3px 3px 10px #cccccc; -webkit-box-shadow: -3px 3px 10px #cccccc; -o-box-shadow: -3px 3px 10px #cccccc; -ms-box-shadow: -3px 3px 10px #cccccc; box-shadow: -3px 3px 10px #cccccc; /* push menus to front so the drop shadowing doesn't go behind menu items */ z-index: 1000; } #dnnSideMenu ul.List { list-style: none; line-height: 1; } #dnnSideMenu .SideMenuShim { float: left; background-position: left top; background-repeat: no-repeat; width: 8px; height: 27px; } #dnnSideMenu .Endcap { float: left; background-position: left top; background-repeat: no-repeat; width: 16px; height: 27px; } /* IE-only stuff that we don't want to show on other browsers */ #dnnSideMenu .SideShadow { display: none; } #dnnSideMenu .CornerShadow { display: none; } #dnnSideMenu .BottomShadow { display: none; } /* Safari/Chrome stuff */ @media screen and (-webkit-min-device-pixel-ratio:0) { #dnnSideMenu .Level3 .TopFiller { width: 16em; } #dnnSideMenu .Level3 .BottomFiller { width: 16em; } } /* level-specific styles */ #dnnSideMenu .Level1 li.Item { text-align: center; } #dnnSideMenu .Level2 li.Item { text-align: center; } #dnnSideMenu .Level3 li.Item { text-align: left; } #dnnSideMenu .Level1 li.Item a { padding-top: 8px; padding-bottom: 8px; } #dnnSideMenu .Level2 li.Item a { padding-top: 10px; padding-bottom: 10px; } #dnnSideMenu .Level3 li.Item a { padding-top: 3px; padding-bottom: 3px; text-indent: 10px; white-space: nowrap; } #dnnSideMenu .Level3 .TopCornersContainer { width: 100%; } #dnnSideMenu .Level3 .BottomCornersContainer { width: 100%; } #dnnSideMenu .Level3 .TopCorners { _table-layout: fixed; width: 100%; } #dnnSideMenu .Level3 .BottomCorners { _table-layout: fixed; width: 100%; } #dnnSideMenu .Level3 .TopRightCorner { background-position: right top; height: 10px; width: 10px; } #dnnSideMenu .Level3 .BottomLeftCorner { background-position: left bottom; height: 10px; width: 10px; background-color: #cccccc; } #dnnSideMenu .Level3 .BottomRightCorner { background-position: right bottom; height: 10px; width: 10px; } #dnnSideMenu ul.L2L div.Level2Separator { margin: 0 0 0 5%; padding: 0; height: 1px; width: 90%; border: none; } #dnnSideMenu ul.L2L:first-child div.Level2Separator { height: 0; } #dnnSideMenu li.L2I div.Level2Separator { margin: 0 0 0 5%; padding: 0; height: 1px; width: 90%; border: none; } #dnnSideMenu li.L2I:first-child div.Level2Separator { height: 0; } /* menu instance styles */ /* Colors: | Dark | Light | Text --------------------+-----------+-----------+----------- Beef | e51b24 | f28d91 | ffffff Poultry | f4911d | f9c88e | ffffff Pork | 008752 | 7fc3a8 | ffffff Dairy | 00a5dc | 7fd2ed | ffffff Aquaculture | 0096b0 | 7fcad7 | ffffff Feed Quality | 9a5108 | cca883 | ffffff Companion Animals | 552989 | aa94c4 | ffffff Industrial | 231f20 | 918f8f | ffffff Human | b1005d | d87fae | ffffff Corporate | 005581 | 7faac0 | ffffff --------------------+-----------+-----------+----------- */ /* Test styles */ .Test #dnnSideMenu .SideMenuShim { background-image: url(/images/blah.png); background-repeat: repeat-x; } .Test #dnnSideMenu .Endcap { background-image: url(images/MenuRightCap.png); } .Test #dnnSideMenu div.Level1 { background-image: url(/images/blah.png); background-repeat: repeat-x; } .Test #dnnSideMenu ul.L2L div.Level2Separator { background-color: #008752; } .Test #dnnSideMenu li.L2I div.Level2Separator { background-color: #008752; } .Test #dnnSideMenu .Level1 a { color: #ffffff; background-color: #008752; font-size: 12px; } .Test #dnnSideMenu .Level1 a:hover { color: #ffffff; background-color: #008752; font-size: 12px; } .Test #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Test #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #7fc3a8; font-size: 11px; } .Test #dnnSideMenu .Level3 a { color: #ffffff; background-color: #008752; font-size: 10px; } .Test #dnnSideMenu .Level3 a:hover { color: #008752; background-color: #ffffff; font-size: 10px; } .Test #dnnSideMenu .Level3 .TopFiller { background-color: #008752; } .Test #dnnSideMenu .Level3 .BottomFiller { background-color: #008752; } .Test #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=ff00ff&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Test #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=ff00ff&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Test #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=ff00ff&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Beef styles Dark: e51b24 Light Background: f28d91 Text: ffffff */ .Beef #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Beef.png); background-repeat: repeat-x; } .Beef #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Beef.png); } .Beef #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Beef.png); background-repeat: repeat-x; } .Beef #dnnSideMenu ul.L2L div.Level2Separator { background-color: #e51b24; } .Beef #dnnSideMenu li.L2I div.Level2Separator { background-color: #e51b24; } .Beef #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Beef #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Beef #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Beef #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #f28d91; font-size: 11px; } .Beef #dnnSideMenu .Level3 a { color: #ffffff; background-color: #e51b24; font-size: 10px; } .Beef #dnnSideMenu .Level3 a:hover { color: #e51b24; background-color: #ffffff; font-size: 10px; } .Beef #dnnSideMenu .Level3 .TopFiller { background-color: #e51b24; } .Beef #dnnSideMenu .Level3 .BottomFiller { background-color: #e51b24; } .Beef #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=e51b24&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Beef #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=e51b24&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Beef #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=e51b24&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Poultry styles Dark: f4911d Light: f9c88e Text: ffffff */ .Poultry #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Poultry.png); background-repeat: repeat-x; } .Poultry #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Poultry.png); } .Poultry #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Poultry.png); background-repeat: repeat-x; } .Poultry #dnnSideMenu ul.L2L div.Level2Separator { background-color: #f4911d; } .Poultry #dnnSideMenu li.L2I div.Level2Separator { background-color: #f4911d; } .Poultry #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Poultry #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Poultry #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Poultry #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #f9c88e; font-size: 11px; } .Poultry #dnnSideMenu .Level3 a { color: #ffffff; background-color: #f4911d; font-size: 10px; } .Poultry #dnnSideMenu .Level3 a:hover { color: #f4911d; background-color: #ffffff; font-size: 10px; } .Poultry #dnnSideMenu .Level3 .TopFiller { background-color: #f4911d; } .Poultry #dnnSideMenu .Level3 .BottomFiller { background-color: #f4911d; } .Poultry #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=f4911d&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Poultry #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=f4911d&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Poultry #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=f4911d&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Pork styles Dark: 008752 Light: 7fc3a8 Text: ffffff */ .Pork #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Pork.png); background-repeat: repeat-x; } .Pork #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Pork.png); } .Pork #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Pork.png); background-repeat: repeat-x; } .Pork #dnnSideMenu ul.L2L div.Level2Separator { background-color: #008752; } .Pork #dnnSideMenu li.L2I div.Level2Separator { background-color: #008752; } .Pork #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Pork #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Pork #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Pork #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #7fc3a8; font-size: 11px; } .Pork #dnnSideMenu .Level3 a { color: #ffffff; background-color: #008752; font-size: 10px; } .Pork #dnnSideMenu .Level3 a:hover { color: #008752; background-color: #ffffff; font-size: 10px; } .Pork #dnnSideMenu .Level3 .TopFiller { background-color: #008752; } .Pork #dnnSideMenu .Level3 .BottomFiller { background-color: #008752; } .Pork #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=008752&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Pork #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=008752&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Pork #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=008752&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Dairy styles Dark: 00a5dc Light: 7fd2ed Text: ffffff */ .Dairy #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Dairy.png); background-repeat: repeat-x; } .Dairy #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Dairy.png); } .Dairy #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Dairy.png); background-repeat: repeat-x; } .Dairy #dnnSideMenu ul.L2L div.Level2Separator { background-color: #00a5dc; } .Dairy #dnnSideMenu li.L2I div.Level2Separator { background-color: #00a5dc; } .Dairy #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Dairy #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Dairy #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Dairy #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #7fd2ed; font-size: 11px; } .Dairy #dnnSideMenu .Level3 a { color: #ffffff; background-color: #00a5dc; font-size: 10px; } .Dairy #dnnSideMenu .Level3 a:hover { color: #00a5dc; background-color: #ffffff; font-size: 10px; } .Dairy #dnnSideMenu .Level3 .TopFiller { background-color: #00a5dc; } .Dairy #dnnSideMenu .Level3 .BottomFiller { background-color: #00a5dc; } .Dairy #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=00a5dc&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Dairy #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=00a5dc&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Dairy #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=00a5dc&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Aquaculture styles Background: 0096b0 Light: 7fcad7 Text: ffffff */ .Aquaculture #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Aquaculture.png); background-repeat: repeat-x; } .Aquaculture #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Aquaculture.png); } .Aquaculture #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Aquaculture.png); background-repeat: repeat-x; } .Aquaculture #dnnSideMenu ul.L2L div.Level2Separator { background-color: #0096b0; } .Aquaculture #dnnSideMenu li.L2I div.Level2Separator { background-color: #0096b0; } .Aquaculture #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Aquaculture #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Aquaculture #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Aquaculture #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #7fcad7; font-size: 11px; } .Aquaculture #dnnSideMenu .Level3 a { color: #ffffff; background-color: #0096b0; font-size: 10px; } .Aquaculture #dnnSideMenu .Level3 a:hover { color: #0096b0; background-color: #ffffff; font-size: 10px; } .Aquaculture #dnnSideMenu .Level3 .TopFiller { background-color: #0096b0; } .Aquaculture #dnnSideMenu .Level3 .BottomFiller { background-color: #0096b0; } .Aquaculture #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=0096b0&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Aquaculture #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=0096b0&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Aquaculture #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=0096b0&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* FeedQuality styles Dark: 9a5108 Light: cca883 Text: ffffff */ .FeedQuality #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_FeedQuality.png); background-repeat: repeat-x; } .FeedQuality #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_FeedQuality.png); } .FeedQuality #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_FeedQuality.png); background-repeat: repeat-x; } .FeedQuality #dnnSideMenu ul.L2L div.Level2Separator { background-color: #9a5108; } .FeedQuality #dnnSideMenu li.L2I div.Level2Separator { background-color: #9a5108; } .FeedQuality #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .FeedQuality #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .FeedQuality #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .FeedQuality #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #cca883; font-size: 11px; } .FeedQuality #dnnSideMenu .Level3 a { color: #ffffff; background-color: #9a5108; font-size: 10px; } .FeedQuality #dnnSideMenu .Level3 a:hover { color: #9a5108; background-color: #ffffff; font-size: 10px; } .FeedQuality #dnnSideMenu .Level3 .TopFiller { background-color: #9a5108; } .FeedQuality #dnnSideMenu .Level3 .BottomFiller { background-color: #9a5108; } .FeedQuality #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=9a5108&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .FeedQuality #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=9a5108&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .FeedQuality #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=9a5108&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* CompanionAnimals styles Dark: 552989 Light: aa94c4 Text: ffffff */ .CompanionAnimals #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_CompanionAnimals.png); background-repeat: repeat-x; } .CompanionAnimals #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_CompanionAnimals.png); } .CompanionAnimals #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_CompanionAnimals.png); background-repeat: repeat-x; } .CompanionAnimals #dnnSideMenu ul.L2L div.Level2Separator { background-color: #552989; } .CompanionAnimals #dnnSideMenu li.L2I div.Level2Separator { background-color: #552989; } .CompanionAnimals #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .CompanionAnimals #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .CompanionAnimals #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .CompanionAnimals #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #aa94c4; font-size: 11px; } .CompanionAnimals #dnnSideMenu .Level3 a { color: #ffffff; background-color: #552989; font-size: 10px; } .CompanionAnimals #dnnSideMenu .Level3 a:hover { color: #552989; background-color: #ffffff; font-size: 10px; } .CompanionAnimals #dnnSideMenu .Level3 .TopFiller { background-color: #552989; } .CompanionAnimals #dnnSideMenu .Level3 .BottomFiller { background-color: #552989; } .CompanionAnimals #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=552989&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .CompanionAnimals #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=552989&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .CompanionAnimals #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=552989&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Industrial styles Dark: 231f20 Light: 918f8f Text: ffffff */ .Industrial #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Industrial.png); background-repeat: repeat-x; } .Industrial #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Industrial.png); } .Industrial #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Industrial.png); background-repeat: repeat-x; } .Industrial #dnnSideMenu ul.L2L div.Level2Separator { background-color: #231f20; } .Industrial #dnnSideMenu li.L2I div.Level2Separator { background-color: #231f20; } .Industrial #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Industrial #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Industrial #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Industrial #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #918f8f; font-size: 11px; } .Industrial #dnnSideMenu .Level3 a { color: #ffffff; background-color: #231f20; font-size: 10px; } .Industrial #dnnSideMenu .Level3 a:hover { color: #231f20; background-color: #ffffff; font-size: 10px; } .Industrial #dnnSideMenu .Level3 .TopFiller { background-color: #231f20; } .Industrial #dnnSideMenu .Level3 .BottomFiller { background-color: #231f20; } .Industrial #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=231f20&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Industrial #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=231f20&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Industrial #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=231f20&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Human styles Dark: b1005d Light: d87fae Text: ffffff */ .Human #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Human.png); background-repeat: repeat-x; } .Human #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Human.png); } .Human #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Human.png); background-repeat: repeat-x; } .Human #dnnSideMenu ul.L2L div.Level2Separator { background-color: #b1005d; } .Human #dnnSideMenu li.L2I div.Level2Separator { background-color: #b1005d; } .Human #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Human #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Human #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Human #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #d87fae; font-size: 11px; } .Human #dnnSideMenu .Level3 a { color: #ffffff; background-color: #b1005d; font-size: 10px; } .Human #dnnSideMenu .Level3 a:hover { color: #b1005d; background-color: #ffffff; font-size: 10px; } .Human #dnnSideMenu .Level3 .TopFiller { background-color: #b1005d; } .Human #dnnSideMenu .Level3 .BottomFiller { background-color: #b1005d; } .Human #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=b1005d&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Human #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=b1005d&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Human #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=b1005d&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); } /* Corporate styles Dark: 005581 Light: 7faac0 Text: ffffff */ .Corporate #dnnSideMenu .SideMenuShim { background-image: url(images/SideMenu/Background_Corporate.png); background-repeat: repeat-x; } .Corporate #dnnSideMenu .Endcap { background-image: url(images/SideMenu/EndCap_Corporate.png); } .Corporate #dnnSideMenu div.Level1 { background-image: url(images/SideMenu/Background_Corporate.png); background-repeat: repeat-x; } .Corporate #dnnSideMenu ul.L2L div.Level2Separator { background-color: #005581; } .Corporate #dnnSideMenu li.L2I div.Level2Separator { background-color: #005581; } .Corporate #dnnSideMenu .Level1 a { color: #ffffff; font-size: 12px; } .Corporate #dnnSideMenu .Level1 a:hover { color: #ffffff; font-size: 12px; } .Corporate #dnnSideMenu .Level2 a { color: #000000; background-color: #ffffff; font-size: 11px; } .Corporate #dnnSideMenu .Level2 a:hover { color: #000000; background-color: #7faac0; font-size: 11px; } .Corporate #dnnSideMenu .Level3 a { color: #ffffff; background-color: #005581; font-size: 10px; } .Corporate #dnnSideMenu .Level3 a:hover { color: #005581; background-color: #ffffff; font-size: 10px; } .Corporate #dnnSideMenu .Level3 .TopFiller { background-color: #005581; } .Corporate #dnnSideMenu .Level3 .BottomFiller { background-color: #005581; } .Corporate #dnnSideMenu .Level3 .TopRightCorner { background-image: url(/RoundedCorners.axd?foreColor=005581&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&top=1&right=1); } .Corporate #dnnSideMenu .Level3 .BottomLeftCorner { background-image: url(/RoundedCorners.axd?foreColor=005581&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&left=1); } .Corporate #dnnSideMenu .Level3 .BottomRightCorner { background-image: url(/RoundedCorners.axd?foreColor=005581&backColor=ffffff&foreAlpha=255&backAlpha=0&width=10&height=10&radius=10&bottom=1&right=1); }