/******************************************************************************* Import rules *******************************************************************************/ @import url(/css/tmi_footer_apps_new.css); /******************************************************************************* General *******************************************************************************/ /* Global Settings */ #headerContact {text-align: right; float: right;margin-top:-5px;} html/**/body #headerContact {text-align: right; float: right;margin-top:-15px;} #headerContact a {color:#fff;} #tel a {color:#fff;} /* Search */ #searchHeader { margin-left:655px; margin-top:157px; padding-right:0; position:absolute;} /* Top Menu */ #topmenu {float:right;font-size:11px;margin-right:-150px;max-height:50px;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:160px;margin-top:10px;padding-right:10px;text-align:right;z-index:35;display:inline-block;font-family:arial;} #topmenu ul#userfunctions a {padding:2px 4px;text-decoration: none; color: #fff; padding:2px 4px;font-family:arial;height:15px;text-align:left;} #topmenu ul#userfunctions a:hover { padding:2px 4px; color:#fff; font-family:arial; text-decoration: underline; height:15px; border-bottom:thin; border-bottom-color:#F37CFF;text-decoration:none;} #topmenu ul#userfunctions li {font-size:12px; padding-left:0;} #navigation {float:right;z-index:50;} #navigation img {margin:0px;} #navigation a:link {color:#ffffff; text-decoration:none;margin-top:2px;margin-bottom:2px} #navigation a:visited {color:#ffffff; text-decoration:none;margin-top:2px;margin-bottom:2px} #navigation a:hover{text-decoration:underline; color:#ffffff;margin-top:2px;margin-bottom:2px} #navigation ul, li{margin:0; border:0; list-style:none; 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:#362B53;z-index:100;opacity:0.96; } .sub_menu a:link, .sub_menu a:visited, {display:block; font-size:12px; padding:4px; background-color:#362B50; margin-top:2px;margin-bottom:2px;} .sub_menu a:hover{display:block; font-size:12px; padding:4px; background-color:#63569B;margin-top:2px;margin-bottom:2px;opacity:.99999999;color:#eeffee;} .sub_menu {display:none; position:relative; top:2px;} .sub_menu a:link, .sub_menu a:visited, .sub_menu a:hover{display:block; padding:4px;font-size:12px;margin-top:2px;margin-bottom:2px;} .sub_menu td {border:1px solid:#64569B !important; background-color:transparent !important; border-top:1px solid #64569B !important;} .sub_menu tr {border:1px solid:#64569B !important; background-color:transparent !important;} .sub_menu table { border:1px solid #64569B !important; border-spacing:0; font-size:1em; margin-bottom:1.4em; width:100%; background-color:transparent !important; } .sub_menu img {border:none!important;} .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:#C0ACE9; 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 #4B3F73; margin-top:10px; } ul.MenuBarHorizontal ul ul { border: 1px solid #64569B; margin-top:-20px; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #A78EE1; text-decoration: none; list-style-type: none; font-size: 1.18em; font-face: bold; padding: 4px; background-color: #C0ACE9; border-left: 1px solid #816EC9; border-right: 1px solid #816EC9; border-top: 1px solid #816EC9; 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:#4C3F74; border-bottom:0 none; color:#fff; cursor:pointer; display:block; font-size:1.18em; list-style-type:none; padding:4px; text-decoration:none; } ul.MenuBarHorizontal li a:hover { -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:#5B418D; border-bottom:0 none; color:#fff; cursor:pointer; display:block; font-size:1.18em; list-style-type:none; padding:4px; padding-left:10px ! important; margin-top:0px ! important; text-decoration:none; } ul.MenuBarHorizontal ul li a { display: block; cursor: pointer; color: #C3BDF2; text-decoration: none; list-style-type: none; font-size:1.18em; font-face: bold; padding: 4px; background-color: #4B3F73; border-bottom: 0; border-color:#64569B; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } ul.MenuBarHorizontal ul li a:hover { display: block; cursor: pointer; color: #C3BDF2; text-decoration: none; list-style-type: none; font-size:1.18em; font-face: bold; padding: 4px; background-color: #64569B; border-bottom: 0; border-color:#64569B; 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: #5B418D; color: #A78EE1; 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: #5B418D; 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:2px; 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:#F5F5FF none repeat scroll 0 0;height:150px;margin:auto;font-size:14px; color:#444;} .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:#000;border-bottom:1px dotted #000; margin:10px; margin-left:0px; padding-bottom:4px;} .crossbarAdmin h4 {border-bottom:1px dotted #444; color:#444; font-size:15px;margin:10px 10px 2px 0;}