.main-wrapper { margin-top: 0 !important; } .callout { /*background:none; border:none;*/ background: #f6f6f6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, #fff, #f6f6f6); background-image: -moz-linear-gradient(top, #fff, #f6f6f6); background-image: -ms-linear-gradient(top, #fff, #f6f6f6); background-image: -o-linear-gradient(top, #fff, #f6f6f6); background-image: linear-gradient(to bottom, #fff, #f6f6f6); /* Standard syntax; must be last */ padding: 20px 30px 30px 30px; } /* SEARCH */ #search-contact { height: 65px; } #kb-search-wrapper { margin: 0px auto; } #kb-search-form { margin: 0px auto; position: relative; width: 445px; background: #eaeaea; border: 1px solid #b7b7b7; } #kb-search-form, #kb-search-field { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; height: 43px; } #kb-search-field { width: 295px; margin: 5px; padding: 5px 5px 5px 20px; height: 22px; border: 0; font-size: 130%; color: #dededf; -moz-box-shadow: inset 0 1px 1px 0 #b8b8b8, 0 3px 2px 0 #d1d1d1; -webkit-box-shadow: inset 0 1px 1px 0 #b8b8b8, 0 3px 2px 0 #d1d1d1; box-shadow: inset 0 1px 1px 0 #b8b8b8, 0 1px 1px 0 #d1d1d1;} #submit-button { min-width: 103px; height: 31px; position: absolute; top: 5px; right: 6px; border: none; color: white; font-size: 130%; padding: 2px 20px 3px 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #058cd9; /* fallback color if gradients are not supported */ background-image: -webkit-linear-gradient(top, #249bdf, #0956ba); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #249bdf, #0956ba); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #249bdf, #0956ba); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #249bdf, #0956ba); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #249bdf, #0956ba); /* Standard syntax; must be last */ -moz-box-shadow: inset 0 1px 0px 0 #5e5e5e, inset 0 2px 0px 0 #63b8e8, inset 0 3px 0px 0 #249bdf, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd;; -webkit-box-shadow: inset 0 1px 0px 0 #5e5e5e, inset 0 2px 0px 0 #63b8e8, inset 0 3px 0px 0 #249bdf, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd;; box-shadow: inset 0 1px 0px 0 #5e5e5e, inset 0 2px 0px 0 #63b8e8, inset 0 3px 0px 0 #249bdf, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd;; text-shadow: #05509e 0 1px; cursor: pointer; } #submit-button:hover { background-color: #076cc6; /* fallback color if gradients are not supported */ background-image: -webkit-linear-gradient(top, #076cc6, #0956ba); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #076cc6, #0956ba); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #076cc6, #0956ba); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #076cc6, #0956ba); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #076cc6, #0956ba); /* Standard syntax; must be last */ -moz-box-shadow: inset 0 1px 1px 0 #5e5e5e, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd; -webkit-box-shadow: inset 0 1px 1px 0 #5e5e5e, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd; box-shadow: inset 0 1px 1px 0 #5e5e5e, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd; } #submit-button:active { font-size: 126%; padding: 4px 24px 3px; background-color: #0956ba; /* fallback color if gradients are not supported */ background-image: -webkit-linear-gradient(top, #0956ba, #0956ba); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #0956ba, #0956ba); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #0956ba, #0956ba); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #0956ba, #0956ba); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #0956ba, #0956ba); /* Standard syntax; must be last */ -moz-box-shadow: inset 0 1px 1px 0 #5e5e5e, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd; -webkit-box-shadow: inset 0 1px 1px 0 #5e5e5e, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd; box-shadow: inset 0 1px 1px 0 #5e5e5e, 0 1px 1px 0 #08489b, 0 2px 1px 0 #052b5e, 0 -1px 2px 0 #cdcdcd, 0 3px 2px 0 #cdcdcd; } /* QUICK LINKS, SUPPORT TOPICS */ #support-content { height: 490px; } #support-content #support-divider { height: 13px; background: url(/support/images/home/bg_divider_gradient.png) no-repeat 50% 0; } .argon span.new { font-size:10px; background-color:#fff; padding:2px 7px; border-radius:3px; border:1px solid #dd45f5; color:#dd45f5; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #support-content #support-divider { background: url(/support/images/home/bg_divider_gradient_2x.png) no-repeat 50% 0; background-size: 898px 13px; } } #quick-links, #support-topics { float: left; } #quick-links { width: 276px; margin: 25px 0px 0 32px; background: url(/support/images/home/bg_divider_faded.png) no-repeat 100% 0;} .argon #quick-links { padding-right:30px; background:none; border-right:1px #ccc solid; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #quick-links { background: url(/support/images/home/bg_divider_faded_2x.png) no-repeat 100% 0; background-size: 2px 452px; } .argon #quick-links { background:none; } } #support-topics { max-width: 518px; margin: 27px 0 0 72px; } #quick-links h3, #support-topics h3 { font: normal 190% 'Lucida Grande', Helvetica, Arial, sans-serif; } #quick-links h3 a, #support-topics h3 a { color: #333; text-decoration: none; } #quick-links .quick-link { margin-bottom: 50px; height: 60px; } #quick-links a { float: left; } #quick-links .quick-link-text { display: block; margin: 20px 0 0 16px; font: normal 130% 'Lucida Grande', Helvetica, Arial, sans-serif; color: #000; } #quick-links a:link { text-decoration: none; } #quick-links a:visited { text-decoration: none; } #quick-links a:hover { text-decoration: underline; color: #06f; } #quick-links a:active { text-decoration: none; } #support-topics .support-column { float: left; width:244px; margin-top: 18px; } #support-topics .section { margin-top: 36px; } #support-topics .section:first-child { margin-top: 0px; } #support-topics .section h4 { margin-bottom: 6px; font-weight: normal; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; } #support-topics .section h4 a { color: #000; font: normal 106% 'Lucida Grande', Helvetica, Arial, sans-serif; } #support-topics .section li { margin-bottom: 8px; padding: 0 0 0 16px; background: url(/support/images/home/bullet_arrow_blue.png) no-repeat 0 3px; } /* RETINA DISPLAY */ @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #support-topics .section li { background: url(/support/images/home/bullet_arrow_blue_2x.png) no-repeat 0 3px; background-size: 12px 12px; } } #support-topics .section li a { color: #333; padding: 2px; } #support-topics .section li a:link { text-decoration: none; } #support-topics .section li a:visited { text-decoration: none; } #support-topics .section li a:hover { text-decoration: underline; color: #06f; } #support-topics .section li a:active { text-decoration: none; } #support-topics .section h4, .section li { margin-left: 0px; } /* Updaters and Documentaion */ /*#fm-docs li, #bento-docs li { position: relative; } #fm-docs li a, #bento-docs li a { line-height: 120%; padding-left: 42px; } #fm-docs a b, #bento-docs a b { position: absolute; top: 3px; left: 20px; width: 32px; padding: 1px 2px; text-align: center; margin-right: 5px; font-weight: normal; text-transform: uppercase; background: #acacac; color: #fff; } #fm-docs a b, #bento-docs a b { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .clear-spacing { padding: 0 !important; }*/ /* Knowledge Base */ /* #fm-kb, #bento-kb { min-height: 260px; } */ /*.rn_Content { padding-bottom: 0 !important; } .rn_List { padding-right: 40px; } #bento-kb .rn_List { padding-right: 10px; } .rn_List li:last-child { margin-bottom: 0; } .rn_Title a { font: normal 135%/130% "Lucida Grande", Helvetica, Arial, sans-serif !important; } .rn_Title a:link { color: #333 !important; text-decoration: none !important; border: none; } .rn_Title a:visited { color: #333 !important; text-decoration: none !important; } .rn_Title a:hover { text-decoration: underline !important; color: #06f !important; } .rn_Title a:active { color: #333 !important; text-decoration: none !important; } .rn_List br { display:none }*/ @media only screen and (min-device-width: 768px) and (max-device-width: 989px) { .callout { padding-right: 10px; } } @media only screen and (max-device-width: 767px) { .callout { padding-right: 10px; } } @media only screen and (min-device-width:480px) and (max-device-width: 767px) { #quick-links { width: 410px; } #support-topics { width: 410px; } .callout { padding-right: 10px; } }