/* .top */
body { background: #fff !important; }
div#topX { width: 806px; margin: 0 auto; padding-top: 10px; }
div#topX a { font-weight: normal !important; }
div#topX div#quicklinks { display: block; padding-top: 6px; text-align: right; margin-bottom: 10px; }
div#topX div#quicklinks a { margin-left: 10px; text-decoration: none; }
div#topX div#quicklinks a:hover { text-decoration: underline; }
div#topX div#mainmenu, div#topX div#mainmenu div.item a { background: url(/_iface/sprites/sprite_global.jpg) no-repeat; }
div#topX div#logo { margin-bottom: 15px; float: left; background: url(/_iface/obj/czLogo_xMigration.gif) no-repeat; width: 114px; height: 34px; }





/* Main menu */
div#topX div#mainmenu { display: block; background-position: -130px 0; height: 26px; width: 806px; }
div#topX div#mainmenu div.item { display: block; float: left; width: 80px; text-align: center; }
div#topX div#mainmenu div.item a { display: block; font-size: 10px; padding: 7px 10px; color: #fff; text-decoration: none; }
div#topX div#mainmenu div.item a:link, div#topX div#mainmenu div.item a:visited { background-position: -150px 0; }
div#topX div#mainmenu div.item a:hover, div#topX div#mainmenu div.item a:active { background-position: -150px -36px; }
div#topX div#mainmenu div.item a.start:link, div#topX div#mainmenu div.item a.start:visited { background-position: -130px 0; }
div#topX div#mainmenu div.item a.start:hover, div#topX div#mainmenu div.item a.start:active { background-position: -130px -36px; }

body.product div#topX div#mainmenu div.product a { background-position: -130px -36px !important; }
body.solutions div#topX div#mainmenu div.solutions a { background-position: -150px -36px; }
body.dl div#topX div#mainmenu div.dl a { background-position: -150px -36px; }
body.support div#topX div#mainmenu div.support a { background-position: -150px -36px; }
body.about div#topX div#mainmenu div.about a { background-position: -150px -36px; }
body.press div#topX div#mainmenu div.press a { background-position: -150px -36px; }
body.partners div#topX div#mainmenu div.partners a { background-position: -150px -36px; }
body.sales div#topX div#mainmenu div.sales a { background-position: -150px -36px; }


/* .main menu using spry */
div#topX div#mainmenu ul.MenuBarHorizontal { cursor: pointer; width: auto; font-size: 10px; line-height: normal !important; list-style: none; margin: 0; padding: 0; }
div#topX div#mainmenu ul.MenuBarActive { z-index: 1000; }
div#topX div#mainmenu ul.MenuBarHorizontal li { position: relative; text-align: center; cursor: pointer; width: 80px; float: left; }
div#topX div#mainmenu ul.MenuBarHorizontal ul { z-index: 1020; cursor: default; position: absolute; left: -1000em; list-style: none; padding: 0; }
div#topX div#mainmenu ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
div#topX div#mainmenu ul.MenuBarHorizontal ul, div#topX div#mainmenu ul.MenuBarHorizontal ul li { width: 180px; }
div#topX div#mainmenu ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; }
div#topX div#mainmenu ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }

div#topX div#mainmenu ul.MenuBarHorizontal ul { }
div#topX div#mainmenu ul.MenuBarHorizontal a { display: block; cursor: pointer; padding: 7px 10px; color: #fff; text-decoration: none; background: url(/_iface/sprites/sprite_global.jpg) no-repeat; }
div#topX div#mainmenu ul.MenuBarHorizontal a:link, div#topX div#mainmenu ul.MenuBarHorizontal a:visited { background-position: -150px 0; }
div#topX div#mainmenu ul.MenuBarHorizontal a:hover, div#topX div#mainmenu ul.MenuBarHorizontal a:focus { background-position: -150px -36px; }
div#topX div#mainmenu ul.MenuBarHorizontal a.MenuBarItemHover, div#topX div#mainmenu ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, div#topX div#mainmenu ul.MenuBarHorizontal a.MenuBarSubmenuVisible { }

div#topX div#mainmenu ul.MenuBarHorizontal a.start:link, div#topX div#mainmenu ul.MenuBarHorizontal a.start:visited { background-position: -130px 0; }
div#topX div#mainmenu ul.MenuBarHorizontal a.start:hover, div#topX div#mainmenu ul.MenuBarHorizontal a.start:active, div#topX div#mainmenu ul.MenuBarHorizontal a.start:focus { background-position: -130px -36px; }

div#topX div#mainmenu ul.czMainNavSubmenu { border: 1px solid #ccc; border-bottom: none; }
div#topX div#mainmenu ul.czMainNavSubmenu a { background-image: none !important; border-bottom: 1px solid #ccc; text-align: left !important; }
div#topX div#mainmenu ul.czMainNavSubmenu a:link, div#topX div#mainmenu ul.czMainNavSubmenu a:visited { background: #f8f8f8; color: #000; }
div#topX div#mainmenu ul.czMainNavSubmenu a:hover, div#topX div#mainmenu ul.czMainNavSubmenu a:active { background: #999; color: #fff; }
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
div#topX div#mainmenu ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010;  filter:alpha(opacity:0.1); }

/* 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; }
}

div#topX div#mainmenu div#searchBox { float: right; width: 150px; }
div#topX div#mainmenu div#searchBox form { padding: 3px 3px 0 0; margin: 0; }
div#topX div#mainmenu div#searchBox input { padding: 0; margin: 0; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; }
div#topX div#mainmenu div#searchBox input.searchBox { padding: 2px 2px 2px 8px; float: right; }
div#topX div#mainmenu div#searchBox input.searchButton { border: none !important; float: right; margin-left: 8px; }

/* active page states */
body.product div#topX div#mainmenu a.product { background-position: -130px -36px !important; }
body.productOverview div#topX div#mainmenu a.product { background-position: -130px -36px !important; }
body.solutions div#topX div#mainmenu a.solutions { background-position: -150px -36px !important; }
body.dl div#topX div#mainmenu a.dl { background-position: -150px -36px !important; }
body.support div#topX div#mainmenu a.support { background-position: -150px -36px !important; }
body.about div#topX div#mainmenu a.about { background-position: -150px -36px !important; }
body.press div#topX div#mainmenu a.press { background-position: -150px -36px !important; }
body.partners div#topX div#mainmenu a.partners { background-position: -150px -36px !important; }
body.sales div#topX div#mainmenu a.sales { background-position: -150px -36px !important; }

/* Site Search */
div#topX div#mainmenu div#searchBox { float: right; width: 140px; }
div#topX div#mainmenu div#searchBox form { padding: 3px 3px 0 0; margin: 0; }
div#topX div#mainmenu div#searchBox input { padding: 0; margin: 0; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; }
div#topX div#mainmenu div#searchBox input.searchBox { padding: 2px; float: right; }
div#topX div#mainmenu div#searchBox input.searchButton { border: none !important; float: right; margin-left: 8px; }

body.sitesearch { }

body.sitesearch div#header { background: #4f4f4f url(/_iface/sprites/sprite_MiscHeaders.jpg) no-repeat; background-position: 0 0; height: 124px !important; }
body.sitesearch div#header h1 { margin: 0; width: 542px; height: 90px; text-indent: -9999px; } /* Text is identical within the image defined in the other css rules. */
body.sitesearch div#mid { padding: 0 0 0 43px; }



/* Current-states */
body.product div#topX div#mainmenu div.product a 		{ background-position: -130px -36px; }
body.solutions div#topX div#mainmenu div.solutions a,
body.dl div#topX div#mainmenu div.dl a,
body.support div#topX div#mainmenu div.support a,
body.about div#topX div#mainmenu div.about a,
body.press div#topX div#mainmenu div.press a,
body.partners div#topX div#mainmenu div.partners a,
body.sales div#topX div#mainmenu div.sales a,
body.about40 div#topX div#mainmenu div.about a,
body.partners40 div#topX div#mainmenu div.partners a, 
body.press40 div#topX div#mainmenu div.press a,
body.sales40 div#topX div#mainmenu div.sales a,
body#solutions div#topX div#mainmenu div.solutions a { background-position: -150px -36px; }

/* Location Chooser */
div#topX ul#locationChooser { display: block; float: right; margin: 4px 0 10px 0px; padding: 0 0 0 4px; }
div#topX ul#locationChooser, div#topX ul#locationChooser ul { list-style-type: none; }
div#topX ul#locationChooser li.toplevel { width: 150px; }
div#topX ul#locationChooser li.toplevel a { text-decoration: none; display: block; behavior: url(/resource/x/ie6pngfix/iepngfix.htc); padding: 2px 10px 2px 10px; text-align: left; }
div#topX ul#locationChooser li.toplevel a.dropdown { background: url(/_iface/obj/arrowGray_down.png) right 7px no-repeat; }
div#topX ul#locationChooser li.toplevel a.dropdown:hover { color: #000; }
div#topX ul#locationChooser li.toplevel { }
div#topX ul#locationChooser li a { padding: 3px; }
div#topX ul#locationChooser li a:hover { }
div#topX ul#locationChooser_sub { display: none; z-index: 1001;  }
div#topX ul#locationChooser_sub li { float: none; }
div#topX ul#locationChooser_sub li a { padding: 0; margin: 0; }
div#topX ul#locationChooser li:hover ul#locationChooser_sub { width: 150px; display: block; position: absolute; font-size: 8pt; padding-top: 5px; color: #000; text-align: left !important; }
div#topX ul#locationChooser li:hover ul#locationChooser_sub li a { display: block; padding: 4px 10px; color: #000; background: url(/_iface/front/bg.gif) repeat; }
div#topX ul#locationChooser li:hover ul#locationChooser_sub li a:hover { padding: 4px 10px; color: #fff; background: #999; }




/* General List */
ul.generalLinks { margin: 0; list-style: none !important; }
ul.generalLinks li { }
ul.generalLinks li a { display: block; padding: 4px 10px 4px 25px !important; text-decoration: none; background: url(/_iface/obj/bullet_tiny_gray.gif) 5px 10px no-repeat; }
ul.generalLinks li a:link, ul.generalLinks li a:visited { background-color: transparent; }
ul.generalLinks li a:hover, ul.generalLinks li a:active { background-color: #f9f9f9 !important; }

ul.general { margin: 0; list-style: none !important; }
ul.general li { display: block; padding: 4px 10px 4px 15px !important; text-decoration: none; background: url(/_iface/obj/bullet_tiny_gray.gif) 0 10px no-repeat; }

