/*----------------------------------------------------------------------------- SoftwareFX.com Styles Sheet version: 1.0 author: SoftwareFX email: website: http://www.softwarefx.com/ date: 16/june/2009 -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ /* Class for clearing floats */ .clear {clear:both;} /* Remove border around linked images */ img { border: 0; } /* Remove Dotted Links for Firefos (on active state) */ a { outline: none; } /* =Headings -----------------------------------------------------------------------------*/ /* =Hr -----------------------------------------------------------------------------*/ hr {border:0;color:#EBEBEB;background-color:#EBEBEB;height:1px;margin:20px 0} /* =Branding -----------------------------------------------------------------------------*/ /* =Body -----------------------------------------------------------------------------*/ body{margin:0; padding:0; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:1.6em; color:#666; background-color: #EEF8F9 } /* =Header -----------------------------------------------------------------------------*/ #DIVheaderContainer{ height:120px; background:white url(/common/images/layout/header_bgd.gif) repeat-x 0 0; margin:0px; padding:0px; z-index:5;} #DIVheader{ width:960px; margin: 0 auto; background-image: url(/common/images/layout/header_bgd_mid.png); background-repeat:no-repeat; height:120px; z-index:10;} #DIVheader #IMGbranding{position: absolute; width:262px; height:58px; margin:0px; padding:0px; margin-top:43px; margin-left:25px; } #DIVheader #ULheaderTopContact{position:absolute; height:30px; margin:10px 0 0 0; padding:0; list-style-type:none; white-space:nowrap; overflow:visible} #DIVheader #ULheaderTopContact li { margin:0px; vertical-align:top; color:#FFF; float:left; font-size:11px; margin-left:25px; border-left:1px solid #ccc; padding-left:25px; white-space:nowrap;} #DIVheader #ULheaderTopContact li span {color:#83B4E0;} #DIVheader #ULheaderTopContact a {color:#83B4E0; font-size:11px} #DIVheader #ULheaderTopContact a:hover {color:#FFF; text-decoration:underline;} .headerEmailIcon {background:transparent url(/common/images/layout/header_email_icon.png) no-repeat center right; padding-right:20px;} #DIVheader #ULheaderTopContact li.firstItem{border:0; padding:0;} #DIVheader #ULheaderTopContact li img{vertical-align:middle} /*FF2*/#ULheaderTopContact li.firstItem, x:-moz-any-link {margin:0} /*FF3*/#ULheaderTopContact li.firstItem, x:-moz-any-link, x:default {margin:0} /*SF*/@media screen and (-webkit-min-device-pixel-ratio:0){#ULheaderTopContact li.firstItem{margin:0} } #DIVheader #ResellerInfo{ position:absolute; z-index:10; vertical-align:middle; display:inline;} #DIVheader #ResellerInfo img { text-align:center; padding-right:10px;} #DIVheader fieldset { position:absolute; margin:0; padding:0;height:35px; margin-left:650px; margin-top: 10px;} #DIVheader fieldset p {color:white; font-size:11px;} #DIVheader fieldset input { font-size:10px; margin-left:6px} #DIVheader fieldset #txtSfxSearch { background-image:url(/common/images/layout/intputBox_BG.png); border:0px; color: #999; padding-left:5px; height:18px; line-height:18px; width:190px;} #DIVheader fieldset #txtSfxSearch:focus { color: #333;} #DIVheader fieldset input[type="image"] {vertical-align:bottom;} /* =Main Nav -----------------------------------------------------------------------------*/ #ULmainNav ul {list-style:none;} #ULmainNav{position:absolute; margin:0px;padding:0px; margin-left: 400px; margin-top:67px; list-style-type:none; ;height:53px/*53*/;} #ULmainNav li.mainNav{float:left; background-image:url(/common/images/layout/header_menu.png); background-position:center; background-repeat:repeat-x} #ULmainNav li.mainNav:first-child{ background-image:url(/common/images/layout/header_menu.png); background-repeat:repeat-x; background-position:left; padding-left:15px;} #ULmainNav li.lastItem{ background-image:url(/common/images/layout/header_menu.png); background-repeat:repeat-x; background-position:right; padding-right:15px;} #ULmainNav li.mainNav a:link, #ULmainNav li.mainNav a:visited, #ULmainNav li.mainNav a:active{color:#BBB;text-decoration:none;font-weight:bold; font-size: 13px; display:block;line-height:45px;height:45px; padding: 4px 13px 4px 13px;} #ULmainNav li.mainNav a:hover{color:#FFF; background: transparent url(/common/images/layout/main_nav_butt_hover.gif) no-repeat top left; border-right: 1px solid #444343; padding-right:12px;} #ULmainNav li ul.subNav { z-index:100; margin:0px; padding: 8px; display:none; position:absolute; list-style:none; background-image:url(/common/images/layout/submenu_bg.jpg); border-top: 2px solid #e1e8eE; border-left:1px solid #C9D4DC; border-right: 1px solid #A7AEB3; border-bottom: 1px solid #889097; } #ULmainNav li:hover ul { display:block; min-width:150px;} #ULmainNav li:hover ul a:link, #ULmainNav li:hover ul a:visited, #ULmainNav li:hover ul a:active { margin:0px; padding:0px; height:auto; line-height:14px; display:block; font-weight:normal; font-size: 12px; color: #555} #ULmainNav li:hover ul a:hover{background-image:none; border:none;} #ULmainNav #ulProducts{ width:550px; height:250px;} #ULmainNav #ulProducts li { position:absolute;} #ULmainNav #ulProducts li ul li { position:relative;} #ULmainNav #ulProducts { margin-left:-5px; } #ULmainNav #ulProducts li ul li h3 a, #ULmainNav #ulProducts li ul li h3 {color: #72A0CA; display:block;margin:0px ; height:25px; line-height: 16px; padding:0px; font-size:13px; border-bottom:none;} #ULmainNav #ulProducts li ul li h3{ background-image:url(/common/images/layout/t_shadow.png); background-repeat:no-repeat; } #ULmainNav #ulProducts li ul {padding: 0px; margin:0px; padding-bottom:10px; width:155px; position:absolute;} #ULmainNav #ulProducts li #ulPSProducts, #ULmainNav #ulProducts li #ulSPProducts, #ULmainNav #ulProducts li #ulSQLProducts { margin-left: 165px; width:180px} #ULmainNav #ulProducts li #ulJavaProducts, #ULmainNav #ulProducts li #ulCOMProducts, #ULmainNav #ulProducts li #ulDevProducts { margin-left:355px; width:195px} #ULmainNav #ulProducts li #ulWPFProducts{ margin-top:142px;} #ULmainNav #ulProducts li #ulPSProducts{ margin-top: 82px;} #ULmainNav #ulProducts li #ulCOMProducts{ margin-top: 142px;} #ULmainNav #ulProducts li #ulDevProducts{ margin-top: 200px;} #ULmainNav #ulProducts li #ulSQLProducts{ margin-top: 142px;} #ULmainNav #ulProducts li ul li a, #ULmainNav li.mainNav ul.subNav li a {height: 25px; border-bottom: 1px solid #efefef; display:block; color: #888; line-height:25px;} #ULmainNav #ulProducts li ul li a:hover, #ULmainNav li.mainNav ul.subNav li a:hover{text-decoration:underline; color: #888; border-bottom: 1px solid #efefef;} #ULmainNav #ulDownloads, #ULmainNav #ulOrder, #ULmainNav #ulDownloads, #ULmainNav #ulSupport, #ULmainNav #ulCorporate{ width:150px; } /*a.mainNavButt span{background: transparent; display:block;padding: 4px 13px 4px 13px;} a.mainNavButt:hover span{background: transparent url(/common/images/layout/main_nav_butt_right.gif) no-repeat top left} */ /* =Sub Menu -----------------------------------------------------------------------------*/ /* =Breadcrumbs -----------------------------------------------------------------------------*/ #DIVbreadcrumbsContainer {width:100%; height:20px; background-image:url(/common/images/layout/breadcrumbs_BG.png);/*Sets div opacity for all browsers*/filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4; border-bottom: 1px solid #000;} #DIVbreadcrumbs {width:960px;margin:0 auto;} #DIVbreadcrumbs ul {width:950px/*960*/; height:15px/*20*/;display:block; margin:0px; padding:0px; list-style-type:none; clear:both;} /*FF2*/#DIVbreadcrumbs ul, x:-moz-any-link {height:20px;padding:0 0 0 10px} /*FF3*/#DIVbreadcrumbs ul, x:-moz-any-link, x:default {height:20px;padding:0 0 0 10px} /*SF*/@media screen and (-webkit-min-device-pixel-ratio:0){#DIVbreadcrumbs ul{height:20px;padding:0 0 0 10px} } #DIVbreadcrumbs li:first-child a {cursor:default;} #DIVbreadcrumbs li:first-child a:hover {color:white;} #DIVbreadcrumbs li {float:left; margin-left:15px; padding-left:15px; background:transparent url(/common/images/layout/breadcrumbs_arrow.png) no-repeat center left;} #DIVbreadcrumbs li a {color:#FFF; font-size:11px} #DIVbreadcrumbs li a:hover {color:#FE0;} #DIVbreadcrumbs li.firstItem{background-image:none; padding:0;} /* =Main Content -----------------------------------------------------------------------------*/ #DIVcontentWrapper{width:100%; display: table; padding:0; margin:0; background:#EEF8F9 url(/common/images/layout/clouds_bgd.jpg) no-repeat center top; } #DIVcontent{width:960px; margin:0 auto;} /* =Main Content MainBanner -----------------------------------------------------------------------------*/ #DIVmainBanner{width:960px; height:150px; text-align:left;} /* =Main Content QuickStart -----------------------------------------------------------------------------*/ #DIVquickStart{width:925px/*960*/; height:30px/*40*/; background:transparent url(/common/images/layout/top_round.png) no-repeat 0 0;padding:10px 0 0 35px} #DIVquickStart ul{margin:0;padding:0; padding-left:95px;list-style-type:none} #DIVquickStart li{float:left;border-left:1px solid #92C0FA;} #DIVquickStart li.firstItem{border:0;} #DIVquickStart a{color:#72A0CA;font-weight:bold; font-size:11px; padding-left:15px; margin-right:15px} #DIVquickStart a:hover{color:#AAA} /* =Main Content Material -----------------------------------------------------------------------------*/ #DIVmaterial{width:960px; background-color:#fff; background-repeat: repeat-y;} #DIVmaterial2Col{width:960px; background-image: url(/common/images/layout/content_bgd.png); background-repeat: repeat-y;} #DIVmaterial2ColLeft h1{margin:0;font-weight:normal; font-style: normal; font-size:1.7em; line-height:1;color:#72a0ca;} #DIVmaterial2ColLeft{width:850px/*690*/;padding:30px} #DIVmaterial2ColLeft p{margin:0 0 25px 10px;padding:0} /* =Footer -----------------------------------------------------------------------------*/ #DIVfooterContainer {background-color:#1F1F1F; height:238px/*243*/;padding-top:5px;} #DIVfooterContent{width:960px; height:194px/*195*/; border-top:1px solid #FE0; margin: 0 auto;} #DIVfooterContentCopyright{float:left; width:498px/*500*/; padding:20px 0 0 0;} #DIVfooterContentCopyright p {color:#777; font-size:0.8em;margin:10px 0 15px 0; line-height:1.4em} #DIVfooterContentCopyright p span {color:#bbb;} #DIVfooterContentCopyright img{margin-bottom:10px;} #DIVfooterContentNav{float:left; width:420px; height:185px; padding:15px 5px 0px 35px;background-color:#282828;margin-top:15px} #ULfooterNavLeft{margin:0; padding:0; float:left; width:290px; list-style-type:none;} #ULfooterNavRight{margin:0; padding:0; float:left; width:130px; list-style-type:none;} #ULfooterNavLeft li, #ULfooterNavRight li {margin-bottom:10px; color:white; background: transparent url(/common/images/layout/footer_navs_bullet.gif) no-repeat 0 9px; padding-left:5px} /*FF2*/#ULfooterNavLeft li, #ULfooterNavRight li, x:-moz-any-link{margin-bottom:3px} /*FF3*/#ULfooterNavLeft li, #ULfooterNavRight li, x:-moz-any-link, x:default{margin-bottom:3px; } /*SF*/@media screen and (-webkit-min-device-pixel-ratio:0){#ULfooterNavLeft li, #ULfooterNavRight li{margin-bottom:3px} } #ULfooterNavLeft a, #ULfooterNavRight a { color:#DDD; font-size:12px; line-height:21px;display:block;} #ULfooterNavLeft a:hover, #ULfooterNavRight a:hover {color:#FE0;} /*Footer Products SubMenu*/ #ULfooterNavLeft li ul a {font-size:11px;} /*FF2*/#ULfooterNavLeft li ul, x:-moz-any-link{margin:-53px 0 0 70px} /*FF3*/#ULfooterNavLeft li ul, x:-moz-any-link, x:default{margin:-53px 0 0 70px} /*SF*/@media screen and (-webkit-min-device-pixel-ratio:0){#ULfooterNavLeft li ul{margin:-53px 0 0 70px} } #ULfooterNavLeft li ul li{margin:0 0 7px 0;padding:0;background:none} /*FF2*/#ULfooterNavLeft li ul li, x:-moz-any-link{margin:0} /*FF3*/#ULfooterNavLeft li ul li, x:-moz-any-link, x:default{margin:0} /*SF*/@media screen and (-webkit-min-device-pixel-ratio:0){#ULfooterNavLeft li ul li{margin:0} } #ULfooterNavLeft #ULproductsSM { margin:0px; margin-left: 70px; margin-top:-55px; padding:0; padding-left:10px; padding-top:8px; width: 207px; height:189px; position:absolute; display:block; list-style:none; }/*background-image:url(/common/images/layout/footer_subProdNav_BG.png); background-repeat: no-repeat; background-position: 0 0;}*/ #ULfooterNavLeft #ULproductsSM li{ font-size:11px; line-height:10px; margin:0px; padding:0px;} #ULfooterNavLeft li ul li a{color: #a0c1eb; padding-bottom:1px; display:inline} #ULfooterNavLeft li ul li a:hover{border-bottom:1px dotted #FE0; padding-bottom:0px;} #DIVfooterProductLogos{height:33px;margin:0px; padding-top:5px;} #DIVfooterProductLogos a {margin-left:10px;} #DIVfooterProductLogos a.firstItem{margin:0;} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* =Tables -----------------------------------------------------------------------------*/ table { border-spacing: 0; border-collapse: collapse; } td { text-align: left; font-weight: normal; } /* =Buttons -----------------------------------------------------------------------------*/ .ContinueBtn { border:0px; width:150px; height:50px; display:block; background-image:url(/common/images/continue_btn.gif); text-indent:-9999px; background-repeat: no-repeat; } /* =General Clases -----------------------------------------------------------------------------*/ .imgAlignRight{ display:block; float:right} .objHide{ display:none;} .objShow{ display:inline;} /* =Misc 2 -----------------------------------------------------------------------------