/******************************************************************************* Import rules *******************************************************************************/ @import url(/css/tmi_footer_apps.css); /******************************************************************************* General *******************************************************************************/ /* Global Settings */ /* Top Menu */ #topmenu {display:inline; float:right;font-size:11px;margin-right:-300px;margin-top:30px;max-height:50px;min-width:458px;z-index:40;} #topmenu ul li {display: inline; line-height:100%;} #topmenu ul {margin:0px;} #search {display:inline;} /* Site Function Menu */ #topmenu ul#sitefunctions {text-align: right;line-height:normal;margin:7px;} #topmenu ul#sitefunctions a {text-decoration: none;color:#B6C5FF;} #topmenu ul#sitefunctions a:hover {text-decoration: underline; color:#ffffff;} #topmenu ul#sitefunctions li {padding: 2px;} #topmenu ul#sitefunctions img {margin: 0 auto;} #topmenu ul#sitefunctions * {vertical-align: middle;} /* User Function Menu */ #topmenu ul#userfunctions {line-height:normal;margin-right:-265px;margin-top:30px;padding-right:10px;text-align:right;z-index:35;display:inline;font-family:arial;} #topmenu ul#userfunctions a {text-decoration: none; color: #FFFFFF; padding:2px 4px;font-family:arial;} #topmenu ul#userfunctions a:hover { background-color:#6B9CC6; padding:2px 4px; font-family:arial; text-decoration: underline; border-bottom:thin; border-bottom-color:#F37CFF;} #topmenu ul#userfunctions li {} #navigation {float:right;z-index:50;} #navigation img {margin:0px;} #navigation a:link {color:#ffffff; text-decoration:none;margin-top:2px;margin-bottom:2px;font-family:arial;} #navigation a:visited {color:#ffffff; text-decoration:none;margin-top:2px;margin-bottom:2px;font-family:arial;} #navigation a:hover{text-decoration:underline; color:#ffffff;margin-top:2px;margin-bottom:2px;font-family:arial;} #navigation ul, li{margin:0; border:0; padding:0;} #navigation ul{margin-right:10px;} #navigation ul{height:21px;} #navigation li{display:inline;} .menu span{border:padding:4px 2px 4px 6px; line-height:18px;} .menu span a{font-weight:bold;} .menu span:hover{} .arrow{margin-left:4px; cursor:pointer; } .sub_menu {display:none; position:relative; padding:6px; top:2px; background:#155066;opacity:0.96;z-index:10;} .sub_menu a:link, .sub_menu a:visited, {display:block; font-size:12px; padding:4px;margin-top:2px;margin-bottom:2px;} .sub_menu a:hover {display:block; font-size:12px; padding:4px; background-color:#103C4C;margin-top:2px;margin-bottom:2px; opacity:.99999999; color:#299BC4;} .sub_menu {display:none; position:relative; top:2px;} .sub_menu a:link, .sub_menu a:visited, .sub_menu a:hover{display:block; padding:4px;} .item_line{border-top:solid 1px #1E718F;} span.profileNavIcon {margin:3px;float:left;} @charset "UTF-8"; /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { font-family:'Trebuchet MS','Verdana','Tahoma','Arial',sans-serif; font-size:14px; line-height:1.1em; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; font-size-adjust:none; font-style:normal; font-variant:normal; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0; margin-right:1px; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 8.5em; float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 250px; position: absolute; background-color:#5d8aae; left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 250px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ ul.MenuBarHorizontal sub { margin:0px; padding:0px; vertical-align:baseline; } ul.MenuBarHorizontal sup { margin:0px; padding:0px; vertical-align:baseline; } /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { border: 1px solid #CCC; margin-top:15px; border-top-color:#5d8aae; } ul.MenuBarHorizontal ul ul { border: 1px solid #CCC; margin-top:-20px; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #FFF; text-decoration: none; list-style-type: none; font-size: 1.18em; font-face: bold; padding: 4px; background-color: #5d8aae; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 0; border-radius: 10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:1px; -webkit-border-bottom-left-radius:1px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:1px; -moz-border-radius-bottomleft:1px; border-top-left-radius:10px; border-top-left-radius:10px; border-bottom-right-radius:1px; border-bottom-left-radius:1px; } ul.MenuBarHorizontal li a { -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:1px; -webkit-border-bottom-left-radius:1px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:1px; -moz-border-radius-bottomleft:1px; border-top-left-radius:10px; border-top-left-radius:10px; border-bottom-right-radius:1px; border-bottom-left-radius:1px; background-color:#5D8AAE; border-bottom:0 none; color:#FFFFFF; cursor:pointer; display:block; font-size:1.18em; list-style-type:none; padding:4px; text-decoration:none; } ul.MenuBarHorizontal ul li a { display: block; cursor: pointer; color: #FFF; text-decoration: none; list-style-type: none; font-size: 1.18em; font-face: bold; padding: 4px; background-color: #5d8aae; border-bottom: 0; border-color:#6394BC; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus ul.MenuBarHorizontal a:active { background-color: #253D59; color: #FFF; border-bottom: 0; border-radius: 10px; -moz-border-radius-bottomleft:1px; -moz-border-radius-bottomright:1px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-radius-bottom-left:1px; -webkit-border-radius-bottom=right:1px; -webkit-border-radius-top=left:10px; -webkit-border-radius-top=right:10px; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #253D59; color: #FFF; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(/js/SpryAssets/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; padding-left:10px; padding-top:10px; margin:0px; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(/js/SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(/js/SpryAssetsSpry/MenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(/js/SpryAssets/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; } } /******************************************************************************* Sitewide BROWSER HACKS For Firefox 3: *******************************************************************************/ /*Remove dotted border from flash objects...*/ object { outline:none; } /******************************************************************************* Sitewide BROWSER HACKS Custom Control *******************************************************************************/ /* Remove link border outlines */ a:focus, a:active {outline: 0 none;-moz-outline: 0 none; } /* Social Buttons used in the Community Corssbar */ span.img-rollover-social-river{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-river a:hover{ top: -100px; position: relative;} span.img-rollover-social-wire{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-wire a:hover{ top: -100px; position: relative;} span.img-rollover-social-people{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-people a:hover{ top: -100px; position: relative;} span.img-rollover-social-blogs{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-blogs a:hover{ top: -100px; position: relative;} span.img-rollover-social-groups{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-groups a:hover{ top: -100px; position: relative;} span.img-rollover-social-files{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-files a:hover{ top: -100px; position: relative;} span.img-rollover-social-pages{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-pages a:hover{ top: -100px; position: relative;} span.img-rollover-social-bookmarks{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-bookmarks a:hover{ top: -100px; position: relative;} span.img-rollover-social-wire_post{ width: 175px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;} span.img-rollover-social-wire_post a:hover{ top: -50px; position: relative;} .crossbarAdmin {width:900px;background:#291836 none repeat scroll 0 0;height:150px;margin:auto;font-size:14px; color:#ffffff;} .crossbarAdmin a, a:active {color:#BDADFF;} .crossbarAdmin a:hover {color:#BFA5CB;} .crossbarAdminWelcome {float:left;width:480px;margin-left:20px;} .crossbarAdminLinks {float:right;width:370px;margin-left:5px;margin-right:5px;} .crossbarAdminLinks ul {padding-left:20px;} .crossbarAdmin h3 {font-size:16px;color:#E4CCFF;border-bottom:1px solid #E4CCFF; margin:10px; margin-left:0px; padding-bottom:4px;} .crossbarAdmin h4 {border-bottom:1px dotted #AEA1BF; color:#AEA1BF; font-size:15px;margin:10px 10px 2px 0;}