.nil { } a:hover { color:#dd3409;text-decoration:underline; } td { font-size:11px; } body { background:#fff url("../images/bg.gif") repeat-x; margin:0;padding:0;font-family:"Lfucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000; } #image-preloader { position:absolute;z-index:98765;top:-10000px;left:-10000px;overflow:hidden; } #image-preloader img { width:1px;height:1px; } #bd { width:100%;margin:0 auto;text-align:left; } #hd { width:100%;height:50px;margin:0;padding:0;position:relative;top: 0px;left: 0px;} #hd #ctrl-ver { position:absolute;color:#ddd;z-index:3;right:5px;top:14px;font-size:10px;margin:0;padding:0;cursor:default; } #hd #ctrl-ver strong { color:#fff; } span.gemLogo { float:right;border:0;height:55px; width:220px;margin:5px 10px 0px 0px;text-align:right;} span.logo { border-style: none;border-color: inherit;border-width: 0;float:left;height:70px; width:625px;margin:5px 10px 0 5px; } span.CommonLogo { float:right;border:0;width:200px;margin:5px 0px 0px 0px;text-align:right;} span.actions{ border-style: none; border-color: inherit; border-width: 0; float:right;width:97px; margin:10px 0px 0px 0px;text-align:center; } #DemoHeader_logo { float:left;border:0;height:65px; width:164px;margin:30px 10px 0px 0px;cursor:pointer; } /* #hd #DemoHeader_logo { float:left;width:230px;height:78px;background:transparent url("../images/static.png") no-repeat;text-indent:-50000px; } */ /* #hd #logo:hover,#hd #DemoHeader_logo:hover { background-position:-945px 0; } */ /* Top Menu */ #hd #mnu { float:left;width:715px;height:49px;margin:29px 0 0 0;cursor:default; } #hd #mnu .ref { display:block;height:16px;background:transparent url("../images/static.png") no-repeat; } #hd #mnu .mnu-int a { display:block;width:146px;height:33px;background:transparent url("../images/static.png") no-repeat -230px 0;text-indent:-50000px;text-decoration:none;cursor:default; } #hd #mnu .mnu-int a:hover { background-position:-230px -33px; } #hd #mnu .mnu-int .ref { width:146px;background-position:-230px -66px; } #hd #mnu .mnu-viz a { display:block;width:114px;height:33px;background:transparent url("../images/static.png") no-repeat -376px 0;text-indent:-50000px;text-decoration:none;cursor:default; } #hd #mnu .mnu-viz a:hover { background-position:-376px -33px; } #hd #mnu .mnu-viz .ref { width:114px;background-position:-376px -66px; } #hd #mnu .mnu-tech a { display:block;width:164px;height:33px;background:transparent url("../images/static.png") no-repeat -490px 0;text-indent:-50000px;text-decoration:none;cursor:default; } #hd #mnu .mnu-tech a:hover { background-position:-490px -33px; } #hd #mnu .mnu-tech .ref { width:164px;background-position:-490px -66px; } #hd #mnu .mnu-ctrl a { display:block;width:148px;height:33px;background:transparent url("../images/static.png") no-repeat -654px 0;text-indent:-50000px;text-decoration:none;cursor:default; } #hd #mnu .mnu-ctrl a:hover { background-position:-654px -33px; } #hd #mnu .mnu-ctrl .ref { width:148px;background-position:-654px -66px; } #hd #mnu .mnu-ajax a { display:block;width:143px;height:33px;background:transparent url("../images/static.png") no-repeat -802px 0;text-indent:-50000px;text-decoration:none;cursor:default; } #hd #mnu .mnu-ajax a:hover { background-position:-802px -33px; } #hd #mnu .mnu-ajax .ref { width:143px;background-position:-802px -66px; } /* Menu template styles */ /* Integration menu */ .mnu-grp-int { width:332px; } .itm-int-top { width:332px;height:6px;margin:0;padding:0;background:transparent url("../images/ddn/int/static.png") no-repeat;line-height:1px;overflow:hidden;font-size:1px; } .itm-int-btm { width:332px;height:8px;margin:0;padding:0;background:transparent url("../images/ddn/int/static.png") no-repeat 0 -6px;line-height:1px;overflow:hidden;font-size:1px; } .itm-int-sep { width:332px;height:9px;margin:0;padding:0;background:transparent url("../images/ddn/int/static.png") no-repeat 0 -16px;line-height:1px;overflow:hidden;font-size:1px; } a.itm-int { margin:0;padding:0;display:block;width:332px;height:92px;background:transparent url("../images/ddn/int/vertical.png") repeat-y;text-decoration:none;border:0;color:#666;cursor:pointer; } a.itm-int span.img { float:left;border:0;width:145px;margin:5px 10px 0 30px;cursor:pointer; } a.itm-int span.txt { float:left;width:130px;padding:10px 0 0 0;cursor:pointer; } a.itm-int span.txt span.ttl { display:block;color:#dd3409;font-weight:bold;padding:0 0 0 6px;background:transparent url("../images/ddn/static.png") no-repeat 0 4px;height:auto;cursor:pointer; } a.itm-int span.txt span.desc { display:block;font-size:9px;line-height:14px;margin:4px 7px 0 0;color:#666; } a.itm-int:hover { height:92px;color:#000;background:transparent url("../images/ddn/int/static.png") no-repeat 0 -25px;text-decoration:none; } a.itm-int:hover span.txt span.ttl { text-decoration:underline; } /* AJAX Techniques menu */ .mnu-grp-ajax { width:295px; } .itm-ajax-top { width:295px;height:6px;margin:0;padding:0;background:transparent url("../images/ddn/ajax/static.png") no-repeat;line-height:1px;overflow:hidden;font-size:1px; } .itm-ajax-btm { width:295px;height:8px;margin:0;padding:0;background:transparent url("../images/ddn/ajax/static.png") no-repeat 0 -6px;line-height:1px;overflow:hidden;font-size:1px; } .itm-ajax-sep { width:295px;height:11px;margin:0;padding:0;background:transparent url("../images/ddn/ajax/static.png") no-repeat 0 -14px;line-height:1px;overflow:hidden;font-size:1px; } a.itm-ajax { margin:0;padding:0 0 0 0;display:block;width:295px;height:54px;background:transparent url("../images/ddn/ajax/vertical.png") repeat-y;text-decoration:none;border:0;overflow:hidden;color:#666;cursor:pointer; } a.itm-ajax span.txt { width:100px;height:52px;line-height:16px;float:left;margin:0 0 0 32px;padding:0; } a.itm-ajax span.txt span.num { color:#999;font-size:10px;display:block;padding:0; } a.itm-ajax span.txt span.ttl { color:#dd3409;font-weight:bold;display:block;height:auto;font-size:11px;padding:0; } a.itm-ajax span.img { float:left;width:140px;height:45px;padding:0;margin:2px 0 0 0;background:transparent url("../images/ddn/ajax/static.png") no-repeat; } a.itm-ajax span.t1 { background-position:0 -80px; } a.itm-ajax span.t2 { background-position:0 -128px; } a.itm-ajax span.t3 { background-position:0 -176px; } a.itm-ajax:hover { height:54px;color:#000;background:transparent url("../images/ddn/ajax/static.png") no-repeat 0 -25px;text-decoration:none; } a.itm-ajax:hover span.txt span.num { color:#666; } a.itm-ajax:hover span.txt span.ttl { text-decoration:underline;cursor:pointer; } /* Technology Showcase menu */ .mnu-grp-tech { width:255px; } .itm-tech-top { width:255px;height:6px;margin:0;padding:0;background:transparent url("../images/ddn/tech/static.png") no-repeat;line-height:1px;overflow:hidden;font-size:1px; } .itm-tech-btm { width:255px;height:8px;margin:0;padding:0;background:transparent url("../images/ddn/tech/static.png") no-repeat 0 -6px;line-height:1px;overflow:hidden;font-size:1px; } .itm-tech-sep { width:255px;height:11px;margin:0;padding:0;background:transparent url("../images/ddn/tech/vertical.png") repeat-y;line-height:1px;overflow:hidden;font-size:1px;cursor:default; } .itm-tech-ttl { width:225px;height:16px;line-height:16px;font-weight:bold;padding:0 0 0 30px;background:transparent url("../images/ddn/tech/vertical.png") repeat-y;cursor:default; } a.itm-tech { margin:0;padding:0;display:block;width:255px;height:16px;line-height:16px;background:transparent url("../images/ddn/tech/vertical.png") repeat-y;text-decoration:none;border:0;overflow:hidden;color:#666;cursor:pointer; } a.itm-tech span { margin:0 0 0 30px;padding:0 0 0 8px;line-height:16px;color:#dd3409;background:transparent url("../images/ddn/static.png") no-repeat 0 4px; } a.itm-tech:hover span { text-decoration:underline; } a.itm-tech:visited { text-decoration:none; } a.itm-tech:visited:hover { text-decoration:none; } a.itm-tech:visited:hover span { text-decoration:underline; } /* Visualization menu */ .mnu-grp-viz { width:255px; } .itm-viz-top { width:255px;height:6px;margin:0;padding:0;background:transparent url("../images/ddn/plat/static.png") no-repeat;line-height:1px;overflow:hidden;font-size:1px; } .itm-viz-btm { width:255px;height:8px;margin:0;padding:0;background:transparent url("../images/ddn/plat/static.png") no-repeat 0 -6px;line-height:1px;overflow:hidden;font-size:1px; } .itm-viz-sep { width:255px;height:11px;margin:0;padding:0;background:transparent url("../images/ddn/plat/vertical.png") repeat-y;line-height:1px;overflow:hidden;font-size:1px;cursor:default; } .itm-viz-ttl { width:225px;height:16px;line-height:16px;font-weight:bold;padding:0 0 0 30px;background:transparent url("../images/ddn/plat/vertical.png") repeat-y;cursor:default; } a.itm-viz { margin:0;padding:0;display:block;width:255px;height:16px;line-height:16px;background:transparent url("../images/ddn/plat/vertical.png") repeat-y;text-decoration:none;border:0;overflow:hidden;color:#666;cursor:pointer; } a.itm-viz span { margin:0 0 0 30px;padding:0 0 0 8px;line-height:16px;color:#dd3409;background:transparent url("../images/ddn/static.png") no-repeat 0 4px; } a.itm-viz:hover span { text-decoration:underline; } a.itm-viz:visited { text-decoration:none; } a.itm-viz:visited:hover { text-decoration:none; } a.itm-viz:visited:hover span { text-decoration:underline; } /* Control-Specific menu */ .mnu-grp-ctrl { width:153px; } .itm-ctrl-top { width:153px;height:6px;margin:0;padding:0;background:transparent url("../images/ddn/ctrl/static.png") no-repeat;line-height:1px;overflow:hidden;font-size:1px; } .itm-ctrl-btm { width:153px;height:8px;margin:0;padding:0;background:transparent url("../images/ddn/ctrl/static.png") no-repeat 0 -6px;line-height:1px;overflow:hidden;font-size:1px; } a.itm-ctrl { margin:0;padding:0;display:block;width:153px;height:20px;line-height:20px;background:transparent url("../images/ddn/ctrl/vertical.png") repeat-y;text-decoration:none;border:0;overflow:hidden;color:#666;cursor:pointer; } a.itm-ctrl span { display:block;margin:0 0 0 30px;padding:0 0 0 20px;line-height:15px;height:16px;color:#dd3409;background:transparent url("../images/ddn/ctrl/icons.png") no-repeat; } a.itm-ctrl span.ico-calendar { background-position:0 0; } a.itm-ctrl span.ico-callback { background-position:0 -16px; } a.itm-ctrl span.ico-combobox { background-position:0 -32px; } a.itm-ctrl span.ico-dialog { background-position:0 -48px; } a.itm-ctrl span.ico-editor { background-position:0 -64px; } a.itm-ctrl span.ico-grid { background-position:0 -80px; } a.itm-ctrl span.ico-menu { background-position:0 -96px; } a.itm-ctrl span.ico-multipage { background-position:0 -112px; } a.itm-ctrl span.ico-navbar { background-position:0 -128px; } a.itm-ctrl span.ico-rotator { background-position:0 -144px; } a.itm-ctrl span.ico-sitemap { background-position:0 -160px; } a.itm-ctrl span.ico-snap { background-position:0 -176px; } a.itm-ctrl span.ico-spellcheck { background-position:0 -192px; } a.itm-ctrl span.ico-splitter { background-position:0 -208px; } a.itm-ctrl span.ico-tabstrip { background-position:0 -224px; } a.itm-ctrl span.ico-toolbar { background-position:0 -240px; } a.itm-ctrl span.ico-treeview { background-position:0 -256px; } a.itm-ctrl span.ico-webchart-lite { background-position:0 -272px; } a.itm-ctrl span.ico-upload { background-position:0 -336px; } a.itm-ctrl span.ico-colorpicker { background-position:0 -352px; } a.itm-ctrl span.ico-input { background-position:0 -368px; } a.itm-ctrl span.ico-slider { background-position:0 -384px; } a.itm-ctrl span.ico-chart { background-position:0 -304px; } a.itm-ctrl span.ico-gauge { background-position:0 -400px; } a.itm-ctrl span.ico-scheduler { background-position:0 -416px; } a.itm-ctrl:hover span { text-decoration:underline; } a.itm-ctrl:visited { text-decoration:none; } a.itm-ctrl:visited:hover { text-decoration:none; } a.itm-ctrl:visited:hover span { text-decoration:underline; } #con { width:100%;margin:0;padding:0;background:transparent url("../images/grad.png") repeat-x bottom; } #con #ttl { width:100%;height:30px;background:#ECE9D8 url("../images/pageHdr.png") repeat-x ;position:relative;padding-top:2px; } #con #hb { width:100%;height:38px;background:#fff url("../images/static.png") no-repeat 0 -82px;position:relative; } #con #subm { width:100%;background:#fff;position:absolute;} #con #ttl #ctrl { width:200px;height:38px;margin:0;float:left; } #con #ttl div.ctrl-calendar { background:transparent url("../images/ctrl/calendar.png") no-repeat; } #con #ttl div.ctrl-callback { background:transparent url("../images/ctrl/callback.png") no-repeat; } #con #ttl div.ctrl-colorpicker { background:transparent url("../images/ctrl/colorpicker.png") no-repeat; } #con #ttl div.ctrl-combobox { background:transparent url("../images/ctrl/combobox.png") no-repeat; } #con #ttl div.ctrl-dialog { background:transparent url("../images/ctrl/dialog.png") no-repeat; } #con #ttl div.ctrl-editor { background:transparent url("../images/ctrl/editor.png") no-repeat; } #con #ttl div.ctrl-grid { background:transparent url("../images/ctrl/grid.png") no-repeat; } #con #ttl div.ctrl-input { background:transparent url("../images/ctrl/input.png") no-repeat; } #con #ttl div.ctrl-menu { background:transparent url("../images/ctrl/menu.png") no-repeat; } #con #ttl div.ctrl-multipage { background:transparent url("../images/ctrl/multipage.png") no-repeat; } #con #ttl div.ctrl-navbar { background:transparent url("../images/ctrl/navbar.png") no-repeat; } #con #ttl div.ctrl-rotator { background:transparent url("../images/ctrl/rotator.png") no-repeat; } #con #ttl div.ctrl-sitemap { background:transparent url("../images/ctrl/sitemap.png") no-repeat; } #con #ttl div.ctrl-snap { background:transparent url("../images/ctrl/snap.png") no-repeat; } #con #ttl div.ctrl-spellcheck { background:transparent url("../images/ctrl/spellcheck.png") no-repeat; } #con #ttl div.ctrl-splitter { background:transparent url("../images/ctrl/splitter.png") no-repeat; } #con #ttl div.ctrl-grid { background:transparent url("../images/ctrl/grid.png") no-repeat; } #con #ttl div.ctrl-tabstrip { background:transparent url("../images/ctrl/tabstrip.png") no-repeat; } #con #ttl div.ctrl-toolbar { background:transparent url("../images/ctrl/toolbar.png") no-repeat; } #con #ttl div.ctrl-treeview { background:transparent url("../images/ctrl/treeview.png") no-repeat; } #con #ttl div.ctrl-upload { background:transparent url("../images/ctrl/upload.png") no-repeat; } #con #ttl div.ctrl-slider { background:transparent url("../images/ctrl/slider.png") no-repeat; } #con #ttl div.ctrl-chart { background:transparent url("../images/ctrl/chart.png") no-repeat; } #con #ttl div.ctrl-gauge { background:transparent url("../images/ctrl/gauge.png") no-repeat; } #con #ttl div.ctrl-scheduler { background:transparent url("../images/ctrl/scheduler.png") no-repeat; } #con #ttl h3 { height:38px;line-height:36px;margin:0 0 0 200px;padding:0 0 0 28px;background:transparent url("../images/static.png") no-repeat -950px -82px;font-size:12px;font-weight:bold;cursor:default;color:#666; } #con #ttl a { width:87px;height:29px;position:absolute;z-index:1;right:5px;top:4px;background:transparent url("../images/code.png") no-repeat;text-indent:-50000px; } #con #ttl a:hover { background-position:-87px 0; } /* Left NavBar */ #con #mn { width:100%;padding:5px 0 0 0;min-height:125px;background:transparent url("../images/vertical.png") repeat-y 197px 0; } #con #mn #nav { float:left;width:190px;min-height:125px;height:auto;padding:0 5px 0 0; } #con #mn #nav .grp { padding:0;margin:0;background:none;border:0; } #con #mn #nav .nav-top { display:block;font-size:12px;line-height:30px;cursor:default;margin:0;padding:0 0 0 24px;color:#666; } #con #mn #nav .feat { margin:0;background:transparent url("../images/nav/icons.png") no-repeat; } #con #mn #nav .app { margin:0;background:transparent url("../images/nav/icons.png") no-repeat 0 -30px; } #con #mn #nav .prg { margin:0;background:transparent url("../images/nav/icons.png") no-repeat 0 -60px; } #con #mn #nav .sort { margin:0;background:transparent url("../images/nav/icons.png") no-repeat 0 -90px; } #con #mn #nav .page { margin:0;background:transparent url("../images/nav/icons.png") no-repeat 0 -120px; } #con #mn #nav .edit { margin:0;background:transparent url("../images/nav/icons.png") no-repeat 0 -150px; } #con #mn #nav .nav-top td { font-size:12px; } #con #mn #nav .nav-top-h { color:#000; } #con #mn #nav .nav-top-a { color:#000; } #con #mn #nav .nav-top-x { color:#666; } #con #mn #nav .nav-itm { line-height:25px;margin:0;background:transparent url("../images/nav/static.png") no-repeat 20px 0;cursor:pointer;padding:0 0 0 43px; } #con #mn #nav .nav-itm-h { line-height:25px;margin:0;background:transparent url("../images/nav/static.png") no-repeat 20px -25px;color:#000;cursor:pointer;padding:0 0 0 43px; } #con #mn #nav .nav-itm-s { line-height:25px;margin:0;background:transparent url("../images/nav/static.png") no-repeat 20px -50px;color:#fff;cursor:default;padding:0 0 0 43px; } #con #mn #nav .nav-row { width:100%; } /* The actual demo area */ #con #mn .DemoArea,#con #mn #demo,#con #mn .demo-area { padding:5px 0 0 0;margin:0 5px 0 205px;min-height:325px; } #con #txt { background:transparent url("../images/vertical.png") repeat-y 197px 0;padding:5px 0 0 0; } #con #txt div.hr { float:right;width:752px;height:1px;background:#fff;border-top:1px solid #ccc;margin:0 0 5px 0;overflow:hidden;line-height:1px;font-size:1px; } #con #txt a { color:#dd3409;text-decoration:none; } #con #txt a:hover { text-decoration:underline; } #con #txt h4 { font-weight:bold;font-size:11px;padding:10px 0 0 0;margin:0 0 0 220px; } #con #txt p,#con #txt h3 { padding:8px 0 0 0;line-height:16px;margin:0 7px 0 220px;font-size:11px; } #con #txt ul { padding:8px 0 0 0;line-height:16px;margin:0 7px 0 220px;list-style-position:inside; } #con #txt ul ul { margin:0 0 0 8px;padding:0; } #con #txt span.fld { padding:0 0 0 16px;font-weight:bold; } #ft { width:100%;height:30px;background:transparent url("../images/PageFtr.png") repeat-x; position:relative; } #ft #divProd{width:450px;height:26px;line-height:24px;color:#999;left:5px;color:#342D7E;font-size:11px;font-family:helvetica,arial,tahoma;font-weight:bold;} #ft #divProd a{float:left;width:194px;height:18px;background:transparent url("../images/PageFtr.png") repeat-x;text-indent:-50000px;text-decoration:none; } #ft divProd a:hover { background-position:-203px -187px; } #ft div { position:absolute;width:auto;height:26px;line-height:24px;color:#999;right:5px;top:3px; color:#342D7E;font-size:11px;font-family:helvetica,arial,tahoma;font-weight:normal; } #ft div span.ver { float:left;padding:0 0px 0 0;cursor:default;} #ft div span.txt { float:left;padding:0 0px 0 0;cursor:default;} #ft div span.sep { float:right;width:9px;height:18px;background:transparent url("../images/static.png") no-repeat 0 -187px;text-indent:-50000px; } #ft div a { float:left;width:194px;height:18px;text-decoration:none; } #ft div a:hover { background-position:-203px -187px; } /* Full-width (no left nav) demos */ .full #con #mn { background:none; } .full #con #ttl #ctrl { display:none; } .full #con #ttl h3 { margin:0 0 0 10px; } .full #con #mn #nav { display:none; } .full #con #mn .DemoArea,.full #con #mn #demo,.full #con #mn .demo-area { margin:0 5px; } .full #con #txt { background:none; } .full #con #txt div.hr { width:100%;height:1px;background:#fff;border-top:1px solid #ccc;margin:0 0 5px 0;overflow:hidden;line-height:1px;font-size:1px; } .full #con #txt p,.full #con #txt ul,.full #con #txt h4,.full #con #txt h3 { margin:0 7px 0 15px; } .full #ft { width:100%;height:30px;background:transaparent url("../images/PageFtr.png") repeat-x;top: 0px;left: 0px;border-radius:5px;} .subMenuHdrSel {background-image: url(../images/HdrSelBg.png);background-repeat:no-repeat;font-family:Verdana,Arial,Helvetica, sans-serif;font-weight:bold;color:#fff;cursor:pointer;} .subMenuListTop {background-image: url(../images/submenutop.PNG);background-repeat:no-repeat;font-family:Verdana,Arial,Helvetica, sans-serif;font-weight:bold;color:#fff;height:35px;} .subMenuListBg {background-image: url(../images/submenubg.PNG);background-repeat:repeat-y;} .subMenuListBott {background-image: url(../images/submenubott.PNG);background-repeat:no-repeat;font-family:Verdana,Arial,Helvetica, sans-serif;font-weight:bold;color:#fff;height:20px;} .subMenuItemBg {background-image: url(../images/top-mid.PNG);background-repeat:repeat-x;background-color:#333;height:34px;border-left:solid 1px #000;border-right:solid 1px #000;text-decoration:none;cursor:pointer;} .subMenuItem {background-color:Transparent;font-family:Verdana,Arial,Helvetica, sans-serif;font-weight:bold;font-size: 14px;line-height:17px;color:#FFF;text-decoration:none;cursor:pointer;} .subMenuItem a:link,.subMenuItem a:visted,.subMenuItem a:active {background-color:Transparent;font-family:Verdana,Arial,Helvetica, sans-serif;font-weight:bold;font-size: 14px;line-height:17px;color:#FFF;text-decoration:none;cursor:pointer;} .subMenuItem a:hover {background-color:Transparent;font-family:Verdana,Arial,Helvetica, sans-serif;font-weight:bold;font-size: 14px;line-height:17px;color:#FF0000;text-decoration:none;cursor:pointer;} .lblNavStart {font-weight:bold;height:38px;color:#666;} .lblNavStartLink {font-weight:bold;cursor:pointer;height:38px;color:#306EFF;} .lblNav {background-image: url(../images/breadcrumb-divider.png);background-repeat:no-repeat;background-position:left center;font-weight:bold;cursor:pointer;height:38px;padding-left:15px;color:#306EFF;} .lblNavEnd {background-image: url(../images/breadcrumb-divider.png);background-repeat:no-repeat;background-position:left center;font-weight:bold;height:38px;padding-left:15px;color:#666;}