/* ============================================================== Bootstrap overrides for Nuance branded styles ================================================================= */ body{ background-color: white; padding: 0; margin: 0; font-family:Arial, sans-serif !important; font-size: 62.5%; color:#333; } blockquote { padding: 0; border-left: none; font-style: normal !important; } a { color: #0077C0; } a:hover { color: #0077C0; text-decoration: underline; } a:visited { color: #05629B;} .jumbotron{ width: 100%; max-width: 1600px; margin: 0 auto; clear: both; padding-top: 60px; padding-bottom: 60px; } .wrapper {max-width: 1100px; margin: 0 auto; clear:both;} [class*="span"]{float:none;} .btn{ text-shadow: none !important; background-image: none !important; background-color: #666 !important; color: white !important; font-size: 16px !important; line-height: 22px !important; padding: 6px 12px !important; border-color: none !important; border: 0 !important; border-radius: 2px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } /*.btn:hover{ background-color: #444 !important; }*/ .btn-primary{ background-color: #0077C0 !important; } .btn-primary:hover{ background-color: #05629B !important; } /*.btn-critical { background-color: #ff5400 !important; color: white !important; } .btn-critical:hover { background-color: #b23b00 !important; }*/ .btn-critical { background-color:#ff5400 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#FFFFFF !important; font-size: 16px; line-height: 18px !important; font-weight: bold; } .btn-critical:hover { padding: 8px 25px !important; background-color: #e14c02 !important; text-decoration: none !important; } .btn-primary .caret, .btn-critical .caret { border-top-color: white;} .btn-secondary { background-color: #0077C0 !important; font-size: 13px !important; font-weight: bold !important;} .btn-secondary_alt { background-color: #0077C0 !important; font-weight: bold !important;} /*.btn-secondary:hover{ background-color: #05629B !important; }*/ .btn-blue { background-color: #0088cc !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; font-weight: bold; margin-left: 0; color:#FFF; } .row-fluid .first {margin-left:0;} /* .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #00F536;} .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea{ color: #00F536 ;} .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline{ color: #00F536 ;} */ /* ============================================================== font sizes ================================================================= */ h1 { font-size: 1.8em; line-height: 100%; display: block; } /* for some reason, the base seems to be 10px = 1em */ /* PLEASE NOTE! H1 is reserved for SEO — there can only be one per page and it's styled to be functional not telegraphic */ h2 {font-size: 6.2em; line-height: 100%; letter-spacing: -3px; margin-bottom: .125em; } /* changed font-size from 7.2em to 6.2em 6/17/2014*/ h2.em {font-style:normal;} h2 i {font-style:normal;} /* H2 is reserved for the masthead */ h3 { font-size: 4.8em; line-height: 100%; letter-spacing: -1px; margin-bottom: .125em; } /* H3 is the headlines for each of the components, or "bricks" */ h4 { font-size: 3.0em; line-height: 100%; letter-spacing: -1px;} h4.cta { font-size: 4.0em; line-height: 110%; letter-spacing: -1px;} h5 { font-size: 2.4em; line-height: 100%; letter-spacing: -1px;} h6 { font-size: 1.8em; line-height: 100%; } h1.alt {font-weight: normal;} h2.alt {font-weight: normal;} h3.alt {font-weight: normal;} h4.alt {font-weight: normal;} h5.alt {font-weight: normal;} h6.alt {font-weight: normal;} /* basic body font sizes */ .leadbig {font-size: 3.6em; line-height: 110%;} /* used in ENT NLU page*/ .lead {font-size: 2.4em; line-height: 125%;} .lead2 {font-size: 2.4em; line-height: 125%; width:80%; margin-bottom: 20px;} .lead3 {font-size: 2.4em; line-height: 125%;} /* keep this although it appears to be dup */ .lead4 {font-size:1.8em; line-height: 133%; } /* Dragon Drive */ .lead5 {font-size:2.0em; line-height: 133%; } /* Enterprise */ .bigfont68 { font-size:68px; font-weight:700; } .bigfont68 sup { font-size: 40px; } .bigfont112 { font-size:112px; font-weight:700; margin-bottom:0; letter-spacing:-2px; } .bigfont112 sup { font-size: 48px; top:-1em; } .bigfont112 sup.dollar { font-size: 60px; top:-0.75em; } p {font-size: 1.6em; line-height: 125%;} p.alt {font-size: 1.6em; line-height: 200%;} p.masterdesc { padding-top: 24px; } /*regular font paragraph in masterhead - 30px spacing - eg. Dragon*/ p.imgdesc_b { padding-top:5px; } /*desc below images*/ p.imgdesc_r { margin-left: 180px; } /*desc right to demo video thumbnail images */ /* 3.24.2015 new classes for text not-wrapping images */ .image_info_right { overflow:hidden; padding-left:15px; } .image_info_left { overflow:hidden; padding-right:15px; } .image_info_right_alt { overflow: hidden; padding-left: 30px; } .image_info_left_alt { overflow: hidden; padding-left: 30px; } .image_info_right2 { overflow:hidden; padding-left:15px; display: inline-block; vertical-align: middle; } .image_info_left2 { overflow:hidden; padding-right:15px; display: inline-block; vertical-align: middle; } .image_info_right2_alt { overflow: hidden; padding-left: 30px; display: inline-block; vertical-align: middle; } .image_info_left2_alt { overflow: hidden; padding-left: 30px; display: inline-block; vertical-align: middle; } .small{font-size: 14px; line-height: 125%; } .smaller{font-size: 12px;line-height: 125%; } .smallest {font-size: 7px;line-height: 125%; } ul.mainBody {margin:0;} ul.mainBody li {font-size:16px; list-style: none; margin-bottom:12px;} ul li p { font-size: 16px; } /*ul.mainBody_alt {margin:0;}*/ ul.mainBody_alt li {font-size:16px; margin-bottom:12px; } ul.mainBody_alt2 li {font-size:16px; margin-bottom:12px; list-style-position: inside;} /*used when wrapping the list around an image*/ ul.mainBody_alt3 li {font-size:16px; } /*example: Dragon Text Input page;*/ ul.dash { margin:0 0 0 12px; list-style: none;} ul.dash li:before{ content:"-"; position:relative; left:-5px;} ul.dash li{ text-indent:-5px; font-size:16px; margin-bottom:12px; } ul.inline-border, ul.inline-border-sm { margin-left:0; } ul.inline-border li { font-size:16px; list-style: none; display:inline; padding:0 15px; border-right: solid 1px #626d6f; } ul.inline-border-sm li { font-size:14px; list-style: none; display:inline; padding:0 15px; border-right: solid 1px #626d6f; } ul.inline-border li a { color: #626d6f; } ul.inline-border li.selected a { color: #333; font-weight: bold; text-decoration: underline; } ul.inline-border li.first, ul.inline-border-sm li.first { padding-left: 0; } ul.inline-border li.last, ul.inline-border-sm li.last { border: none; } ol li { font-size: 14px; line-height:150%;} /* ============================================================== Color sets (ultimately from which to derive component-specific palettes) ================================================================= */ /* colors */ .magenta {color:#FF30EB !important;} .floodMagenta{ background-color: #FF30EB !important; } .red {color:#fe001a !important;} .floodRed { background-color:#fe001a !important;} .purple {color:#871799 !important;} .floodPurple { background-color:#871799 !important;} .lightorange{ color: #ff9900 !important; } .floodLightorange { background-color: #ff9900 !important; } .orange {color:#ff5400 !important;} .floodOrange{ background-color:#ff5400 !important;} .yellow{ color: #ffdb00 !important;} .floodYellow{ background-color: #ffdb00 !important;} .blue { color: #1a6b96 !important; } .floodBlue{ background-color: #1a6b96 !important; } .seafoam{ color: #0af5e3 !important; } .floodSeafoam{ background-color: #0af5e3 !important; } .green {color:#00F536 !important; } .floodGreen{ background-color:#00F536 !important; } .limegreen {color:#8cd701 !important; } .floodLimeGreen{ background-color:#8cd701 !important; } .yellowgreen {color:#8CD600 !important; } .floodYellowGreen{ background-color:#8CD600 !important; } .lightgrey {color: #e5ebeb !important;} .floodLightgrey{ background-color: #e5ebeb !important;} .mediumlightgrey {color: #c4caca !important;} .floodMediumlightgrey{ background-color: #c4caca !important;} .mediumdarkgrey {color: #626d6f !important;} .floodMediumdarkgrey{ background-color: #626d6f !important;} .darkgrey {color: #333 !important;} .floodDarkgrey{ background-color: #333 !important;} .extralightgrey {color: #f3f7f6;} .floodExtraLightgrey {background-color: #f3f7f6 !important;} .white{ color: white !important; } .floodWhite{ background-color: white !important; } .black{ color: #333!important; } .floodBlack{ background-color: black !important; } .skyblue { color: #2dc6d6; } .floodSkyBlue { background-color: #2dc6d6; } .lightblue { color: #0078c1; } .floodLightBlue { background-color: #0078c1; } .red { color: #FF001A; } .floodRed { background-color: #FF001A; } .darkmagenta {color:#DB28A5 !important;} .coloredMasthead{ margin-top: 10px; padding-top: 18px !important; padding-bottom: 22px; } /* mliu 5/14/2013 move padding and margin to ".coloredMasthead" class. */ .Orange-on-White { background-color: white; } .Orange-on-White .wrapper{ color: #333; } .Orange-on-White .contrastColor{ color:#ff5400; } .Orange-on-White .highlight{ color:#ff5400; } .White-on-Orange { background-color: #ff5400; } .White-on-Orange .wrapper{ color: white; } .White-on-Orange .contrastColor{ color: #333; } .White-on-Orange .primary { color: #ff9900; } .White-on-Orange .highlight { color: #ffdb00; } .White-on-Orange .secondary { color: #ff5400; } /*.White-on-Image { background: #333 url('../images/gj_sampleimage.png') no-repeat; background-size: 100%; }*/ .White-on-Image { background: #333; background-size: 100%; } .White-on-Image .wrapper{ color: white; } .White-on-Image h2 { width: 66%; } .White-on-Image .lead { width: 66%; } .White-on-Image .contrastColor{ color: #ffdb00; } .Magenta-on-White { background-color: white; color: #333; } .Magenta-on-White .primary { color: #fe001a; } .Magenta-on-White .highlight { color: #FF30EB; } .Magenta-on-White .secondary { color: #871799; } .Magenta-on-White .contrastColor { color: #DB28A5; } .White-on-Magenta { background-color: #871799; } .White-on-Magenta .wrapper{ color: white; } .White-on-Magenta .contrastColor{ color: #FF30EB; } .White-on-Magenta .primary { color: #fe001a; } .White-on-Magenta .highlight { color: #FF30EB; } .White-on-Magenta .secondary { color: #871799; } .White-on-floodBlue { background-color: #1a6b96; } .White-on-floodBlue .wrapper{ color: white; } .White-on-floodBlue .contrastColor { color: #0af5e3;} .White-on-floodBlue .highlight { color: #0af5e3;} .White-on-floodBlue .secondary { color: #00F536;} .White-on-floodBlue a { color: white; } .White-on-floodBlue a:hover { color: white; } .White-on-floodBlue a.highlight:hover { color: #0af5e3; } .White-on-floodSkyBlue { background-color: #2dc6d6; } .White-on-floodSkyBlue .wrapper{ color: white; } .White-on-floodSkyBlue .highlight { color: #1a6b96;} .White-on-floodSkyBlue a { color: white; } .Blue-on-White { background-color: white; } .Blue-on-White .wrapper{ color: #333; } .Blue-on-White .contrastColor { color: #1a6b96;} .Blue-on-White .highlight { color: #0af5e3;} .Blue-on-White .secondary { color: #00F536;} .White-on-lightGrey { background-color: #f2f5f5; } .White-on-Grey { background-color: #e5ebeb; } .White-on-Grey .wrapper{ color: #333; } .White-on-Grey .contrastColor{ color: #333; } .White-on-Grey .primary { color: #ff5400; } .White-on-Grey .highlight { color: #ff5400; } .White-on-Grey .secondary { color: #ff5400; } .White-on-Grey .span5 { margin: 0; } .White-on-Grey .span2 { vertical-align: middle; text-align: center; margin-left: 0px; } .White-on-Grey .span2 .vertlineHolder { float: left; width: 100%; height: 30%; } .White-on-Grey .span2 .vertlineHolder .vertline { display: block; width: 1px; height: 20px; background: #c4caca; margin: 10px 0 10px 50%; } .White-on-Grey h5 {font-weight: normal; } /* ============================================================== largest displays — sizes and positions get overridden by media queries ================================================================= */ #collapsedNav{ display: none; position: fixed; border-bottom: 1px solid #e2e2e2; top: 0; left: 0; right: 0 ;height: auto; z-index: 999; background: white; padding: 20px 0 0 0; } #collapsedSymbol{ width: 50px;} #collapsedNav_Primary { background: white; height: 55px; padding: 0; margin: 0 0 0 -20px; display: table-row; } #collapsedNav_Primary li{ display: table-cell; vertical-align: middle; height: 55px; list-style-type: none; margin: 0; padding: 0 20px 0 20px; font-size: 1.5em; max-width: 150px; cursor: pointer;} #collapsedNav_Primary .inactive{ background: white; color: #6e6e70; /*border-right: 1px solid #e2e2e2;*/ } #collapsedNav_Primary .inactive:hover{ cursor: pointer; background: #f2f2f2; color: #333; border-right: 1px solid #e2e2e2; } #collapsedNav_Primary .active{ /*background: #7f7f7f; color: white; border-right: 1px solid #e2e2e2;*/ font-weight: bold; } #collapsedNav_Primary .islast{ border-right: none;} #collapsedNav .page-title { font-weight: bold; font-size: 18px; float: left; } #collapsedNav .nav-pills { /*margin-left: 10px;*/ margin-top: 2px; } #collapsedNav .cta { float: right; } #collapsedNav .nav-pills > li > a { margin-top: 0px; padding-top: 0px; } #collapsedNav .nav-pills > li:first-child > a { padding-left: 0px; } /* === no styling; shows as orange button in collapsedNav; === */ #collapsedNav .cta-nostyle { background-color:#ff5400; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#FFFFFF !important; font-size: 16px; line-height: 18px !important; font-weight: bold; } #mobileMenu { display:none; font-size: 2.5em; float: right; margin: 25px 20px 0 0; cursor: pointer; color: #7E7E7e;} #mobileMenu:hover { color: #333; } #mobileMenu_Primary {display: none; list-style: none; text-align: right; margin-right: 10px; font-size: 1.3EM;} #mobileOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: #e5ebeb; } #mobileOverlayClose{ display:block; font-size: 2.9em; float: right; margin: 21px 22px 0 0; cursor: pointer; color: #626d6f;} #mobileOverlayClose:hover { color: #333; } #mobileOverlay #logoPlacement{ margin-left: 31px; } #mobileOverlay .searchbar{ margin-top: 20px; } #mobileOverlay .searchbar .mobileInputButton{ font-size: 1.6em; padding-top: 17px; padding-bottom: 15px; } #mobileOverlay .input-append {width: 100%; text-align: center; margin-top: 20px; } #mobileInput{ font-size: 18px; padding-top: 7px; padding-bottom: 5px; } #mobileOverlay_Primary { display: block; margin: 80px 0 0 0; text-align: center; } #mobileOverlay_Primary li { list-style-type: none; font-size: 2.6em; line-height: 2.7em; cursor: pointer; border-bottom: 1px solid #d0d5d5; } #mobileOverlay_Primary li:hover { color: #333; } /* ============================================================== black toolbar for country selection, shopping cart and search ================================================================= */ #toolsNavigation{ background: #e5ebeb; color: #666e70; left: 0; right: 0; width: 100%; height:45px; overflow: hidden; padding: 0 !important; } #toolsNavigation ul {float:right; padding: 0; margin: 0; text-align: right; width: 90%; } #toolsNavigation ul li {display:inline-block; color:#7E7E7e; zoom: 1; *display: inline; } #toolsNavigation ul li#shoppingcart {width:35px;} @-moz-document url-prefix() { #toolsNavigation ul li#shoppingcart {width: auto !important;} } #toolsNav_Tools form { display: inline; } #toolsNav_Tools img{ margin-top: -5px;} #toolsNav_Tools .toolsIcon{ float: right; display: inline; width: 55px; } #toolsNav_Tools .btn{ height: 30px; line-height: 19px !important; font-size: 16px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; display: inline-block; } #toolsNav_Tools .input-append{ padding: 7px 0 0 0; } #toolsNav_Tools .iconFor{ padding: 11px 10px 0 0; } #toolsNav_Tools .searchbar .dim .btn{ border-color: #939b9c; background-color:#c4caca !important; color: #939b9c !important; } #toolsNav_Tools .searchbar form { margin-bottom: 0; } #toolsNav_Tools .searchbar:hover .dim .btn{ background-color:#0088cc !important; color:#FFF !important; } #toolsNav_Tools #shoppingcartIndicator .empty{ color: #c4caca; text-decoration: none; padding: 15px 15px 15px 0; } #toolsNav_Tools #shoppingcartIndicator .full{ color: #333; text-decoration: none; padding: 15px 15px 15px 0; } #toolsNav_Tools #shoppingcartIndicator { } #toolsNav_Tools #shoppingcartIndicator:hover{border:none;} #toolsNav_Tools li{ /*font-size: 1.2em;*/ font-size:12px; } #toolsNav_Tools .inactive, #toolsNav_Tools .textlink{ line-height: 14px; } #toolsNav_Tools .inactive a, #toolsNav_Tools .textlink a { color: #626d6f; text-decoration: none; padding: 14px 16px;} #toolsNav_Tools .inactive:hover, #toolsNav_Tools .textlink:hover { } #toolsNav_Tools .inactive:hover a, #toolsNav_Tools .textlink:hover a{ color: #333; border-bottom: 1px solid #626d6f; } #toolsNav_Tools .active{ line-height: 14px; border-bottom: 1px solid #333; padding: 14px 6px; } #toolsNav_Tools .active a{ color: #333; text-decoration: none; padding: 14px 6px 13px 6px; } #toolsNav_Tools .active:hover a{ color: #333; } /* ============================================== ================ global navigation ================================================================= */ #globalNavigation{ height: 90px; padding: 0 !important; } #globalNav_Primary { /*float: right;*/ text-align: right; padding: 26px 0 0 30px; font-size: 1.7em; margin: 0 -10px 10px -40px; } #globalNav_Primary li { list-style-type: none; /*margin: 0 0 0 -6px;*/ display: inline-block; zoom: 1; *display: inline; } /* #globalNav_Primary li.first {padding-left:105px; margin:0;} */ #globalNav_Primary .inactive{ background: white; color: #6e6e70; } #globalNav_Primary .inactive a { display:-moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #6e6e70; text-decoration: none; padding: 15px 20px 15px 10px; } #globalNav_Primary .inactive:hover{ color: #333; border-bottom: 1px solid #e5ebeb; } #globalNav_Primary .inactive:hover a {color: #333; text-decoration: none; } #globalNav_Primary .active{ color: #333; border-bottom: 1px solid #333; } #globalNav_Primary .active a { display: inline-block; color: #333; text-decoration: none; padding: 15px 20px; } #globalNav_Primary .islast{ border-right: none;} #globalNav_Expand { float: right; padding: 2px 0 20px 35px; margin-top: 33px; font-size: 1.6em; font-weight: bold; color: #0088cc; cursor: pointer; } #secondaryNavigation {width:960px; height: 50px; border-bottom: solid 1px #ccc;} #globalNav_Secondary { float: left; background: white; margin: 0 0 40px 0; font-size: 1.7EM; } #globalNav_Secondary li{ list-style-type: none; padding: 15px 30px 10px 0; display: inline-block; } #globalNav_Secondaryli.first { margin:0;} #globalNav_Secondary .inactive{ background: white; color: #6e6e70; } #globalNav_Secondary .inactive:hover{ cursor: pointer; color: #333; } #globalNav_Secondary .active{ color: #333; font-weight:bold; } /* dropdown nav */ #subnav { } /*#masthead{ padding-top: 0; }*/ #masthead .page-title{ line-height: 16px; margin-left: 4px; } .expandable_menu { /*margin-bottom:-20px;*/ padding-top:30px !important; padding-bottom:0px !important;} .expand_header1 { padding-top:30px; padding-bottom:0px; } /* used mostly on a product page where it includes an expandable top menu*/ /* ============================================================== in-page blue dropdown menu -- copied from patch.css for new pages ================================================================= */ /* == blue dropdown menu ==*/ .dropdown-menu { background-color: #0177c1; margin-top:0; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .dropdown-menu>li>a { color:#FFF !important; margin-left:10px; font-size:14px !important; } .dropdown-menu>li>a:hover { background:url('/assets/images/dropdown-arrow.png') no-repeat left center; } .in-page-dropdown { margin-top:-30px; font-size: 14px;} /* ============================================================== Download ================================================================= */ ul.download { font-size: 16px; margin-left: 0px;} ul.download li { background: url('/assets/images/icon-download.png') no-repeat; list-style: none; padding-left:20px; margin-bottom:10px;} li.download { background: url('/assets/images/icon-download.png') no-repeat; list-style: none; padding-left:18px; margin-bottom:10px; margin-left:20px;} /* ============================================================== footer ================================================================= */ #footer{ border-top: 1px solid #484A4A; background-color: #333; color: white; font-size: 1.1em; margin-top: 0; padding-top: 20px; padding-bottom: 10px; } #footer h6{ padding-bottom: 5px; } #footer ul { list-style-type: none; padding-left: 0; margin-left: 0; } #footer li { font-size: 1.2em; line-height: 110%; padding-bottom: 9px; color: #999; } #footer li.last { line-height: 180%; } #footer a{ color: #999; text-decoration: none; } #footer a:hover{ color: white; text-decoration: underline; } #footer .span12{ padding-top: 33px; color: #999; margin: 0; font-size: 1.1em; } #footerMobileSearch{ display: none; background-color: #333; color: #999; font-size: 1.2em; border-bottom: 1px solid #484A4A; padding: 0; /*margin-bottom: -80px; margin-top: 80px;*/ } #footerMobileSearch .input-append { padding: 10px 0 10px 0; margin: 0;} #footerMobileSearch .input-xxlarge { padding: 6px; } /*remove margin-top as some pages have color-background bricks directly sit on top of the footer.*/ #bc { background-color: #333; color: #999; font-size: 1.2em; padding: 0; /*margin-top: 60px;*/ } #bc img{ vertical-align: middle; margin-top: -3px; } #bc .countrySelector { display: inline; zoom: 1; padding: 10px 10px 10px 10px; margin-left: -10px; cursor: pointer; } #bc .countrySelector:hover { color: white; } #bc .activeCell { background: url('/assets/images/footer-breadcrumb-divider.png') no-repeat; display: inline-block; padding: 10px 0 10px 0; margin-left: -3px; } #bc .activeCell a { padding: 10px 10px 10px 20px; color: #999; text-decoration: none; } #bc .activeCell:hover a { color: white; } #bc .home i { font-size: 1.6em; line-height: 9px; } #bc .activeCell .home:hover{color: white; } #bc .activeCell:hover{ color: white; } #bc .inactiveCell { background: url('/assets/images/footer-breadcrumb-divider.png') no-repeat; display: inline-block; color: #e5ebeb; padding: 10px 10px 10px 20px; } #countrySelectorOverlay{ display: none; background: #626d6f; color: white; } #countrySelectorOverlay .arrow-up{ border-bottom: 15px solid #626d6f; margin-top: -38px; position: static; margin-left: -5px; } #countrySelectorOverlay ul { list-style-type: none; padding: 20px 0 20px 0; margin-left: 0; } #countrySelectorOverlay li { font-size: 1.8em; line-height: 110%; padding-bottom: 9px; color: #c4caca; cursor: pointer; } #countrySelectorOverlay li a { color: #c4caca; text-decoration: none; } #countrySelectorOverlay li:hover{ color: #e5ebeb;} #countrySelectorOverlay li a:hover{ color: #e5ebeb;} #countrySelectorOverlay h4{ padding-top: 15px; } #countrySelectorOverlay .span12{ margin-left: 0; } #countrySelectorOverlayClose{ font-size: 2.8em; cursor: pointer; text-align: right; padding-right: 20px; } /* ============================================================== logo placement ================================================================= */ #logoPlacement{ float: left; width: 216px; height: 74px; margin-left: -83px; } .oldLogo{ background: url('/assets/images/logo-old.png') no-repeat !important;} .newLogo{ background: url('/assets/images/logo-new.png') no-repeat;} /*.oldSymbol{ float: left; margin-top: -10px; width: 40px; height: 40px; background: url('/assets/images/symbol-old.png') no-repeat !important;}*/ /*.newSymbol{ float: left; margin-top: -8px; width: 40px; height: 40px; background: url('/assets/images/symbol-new.png') no-repeat;}*/ /* ============================================================== In-page Navigation ================================================================= */ #pageNavigation { padding: 35px 0 25px 0; /*border-top: 1px solid #e5ebeb;*/ overflow: visible; }/* mliu 6/11/14 changed. Old: 20px 0 10px 0; for ENT */ #pageNavigation_alt { padding: 25px 0 15px 0; background-color:#e5ebeb; } /* mliu 5/11/2015 added for Dragon per Beto's comment*/ #pageNavigation.alt { padding: 25px 0 15px 0; background-color:#e5ebeb; } #pageNavigation .page-title { font-weight: bold; font-size: 18px; float: left; } ul.nav-pills {float: left; padding-left: 0; margin-left:0px; /*margin-top:-10px;*/} ul.nav-pills li {list-style:none;} ul.nav-pills > li > a { background-color: none; padding-left: 0px; padding-right: 22px; } ul.nav-pills > li > a:hover, .nav-pills > li > a:focus{ text-decoration: underline; background-color: none; color: #333333; } /* ============================================================== Expandable In-page Navigation ================================================================= */ #expanded_nav_container {width: 1100px; border-bottom: 1px solid #c1c1c1; display: none; padding: 0 0 20px 0; margin-bottom:30px;} /* ============================================================== Video Related ================================================================= */ .video-title { font-size: 4.8em; font-weight: bold; line-height: 100%; letter-spacing: -1px; margin-bottom:30px;} /*same fonts as h3*/ p.video-desc { font-size: 24px; line-height: 1.25; margin: 0px 0px 20px 0; font-weight: bold; letter-spacing: -1px; } p.video-under-desc { font-size: 24px; line-height: 1.25; margin: 0; padding-top:30px; font-weight: bold; letter-spacing: -1px; } /* videowrapper classes are for responsive video - wrap videos in a
with class as "videowrapper" */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* mouse-over video thumbnails to darken video screenshot but keep play button highlighted */ .video_thumb_container { position: relative; } .video_thumb_playbtn { position:absolute;z-index:100; width: 100%; } .video_thumb_actual { position: relative; z-index:10; } .video_thumb_actual img { width:100%; } .video_thumb_playbtn:hover + div>a.darken, a.darken { display: inline-block; background: black; padding: 0; } .video_thumb_playbtn:hover + div>a.darken img, a.darken img { display: block; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .video_thumb_playbtn:hover + div>a.darken img, a.darken:hover img { opacity: 0.7; } /* ============================================================== All CTA Buttons ================================================================= */ /*cta - blue button */ a.cta { background-color:#0088cc; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#FFF !important; font-size: 16px; line-height: 18px !important; font-weight: bold; margin-top:-8px; margin-left:8px; float: right; } a.cta:hover, a.cta:focus { padding: 8px 25px !important; background-color: #026caf; text-decoration: none !important; } a.cta.nofloat {float: none !important; margin:0 !important;} span.cta { color:#FFF !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; font-size: 16px; line-height: 18px !important; font-weight: bold; margin-top:-8px; margin-left:8px; float: right; } span.cta:hover, span.cta:focus { padding: 8px 25px !important; background-color: #026caf; text-decoration: none !important; } /*cta - blue button - small fonts */ a.cta_alt { background-color:#0088cc; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 6px 15px !important; display: inline-block; color:#FFF !important; font-size: 13px; line-height: 18px !important; font-weight: bold; margin-top:-8px; margin-left:8px; float: right; } a.cta_alt:hover, a.cta_alt:focus { padding: 6px 15px !important; background-color: #026caf; text-decoration: none !important; } /*cta2 - white button on dark bg*/ a.cta2 { background-color:#FFFFFF; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#333333 !important; font-size: 16px; line-height: 18px !important; font-weight: bold; } a.cta2:hover, a.cta2:focus { padding: 8px 25px !important; background-color: #e5e8e8; text-decoration: none !important; } /*cta3 - orange button */ a.cta3 { background-color:#ff5400; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#FFFFFF !important; font-size: 16px; line-height: 18px !important; font-weight: bold; } a.cta3:hover, a.cta3:focus { padding: 8px 25px !important; background-color: #e14c02; text-decoration: none !important; } /*cta3 - orange button -- smaller fonts*/ a.cta3_alt { background-color:#ff5400; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 6px 15px !important; display: inline-block; color:#FFFFFF !important; font-size: 13px; line-height: 20px !important; font-weight: bold; } a.cta3_alt:hover, a.cta3_alt:focus { padding: 6px 15px !important; background-color: #e14c02; text-decoration: none !important; } /*cta4 - light grey button */ a.cta4 { background-color:#f9fefe; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#333333 !important; font-size: 16px; line-height: 18px !important; font-weight: bold; } a.cta4:hover, a.cta4:focus { padding: 8px 25px !important; background-color: #d5dddd; text-decoration: none !important; } /*cta5 - blue button - no float / smaller font. */ a.cta5 { background-color:#0088cc; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 6px 20px !important; display: inline-block; color:#FFF !important; font-size: 14px; font-weight: bold; } a.cta5:hover, a.cta5:focus { padding: 6px 20px !important; background-color: #026caf; text-decoration: none !important; } /*cta6 - white button on dark bg with text color undefined*/ a.cta6 { background-color:#FFFFFF; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; font-size: 16px; line-height: 18px !important; font-weight: bold; } a.cta6:hover, a.cta6:focus { padding: 8px 25px !important; background-color: #e5e8e8; text-decoration: none !important; } a.cta6_alt { background-color:#FFFFFF; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 6px 20px !important; display: inline-block; font-size: 16px; line-height: 18px !important; font-weight: bold; } a.cta6_alt:hover, a.cta6_alt:focus { padding: 6px 20px !important; background-color: #e5e8e8; text-decoration: none !important; } /*cta7 - dark grey button - small fonts*/ a.cta7_alt { background-color:#626d6f; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 6px 15px !important; display: inline-block; color:#FFF !important; font-size: 13px; line-height: 18px !important; font-weight: bold; margin-left:8px; } /*ct8- purple with text color undefined*/ a.cta8 { background-color: #871799; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#FFF !important; font-size: 16px; line-height: 18px !important; font-weight: bold; } a.cta_uni:hover, a.cta_uni:focus { padding: 8px 25px !important; background-color: #871799; text-decoration: none !important; } /* 3.26.2015 added for AOM */ a.cta_whiteborder { border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border: solid 2px #FFF; padding: 8px 25px !important; display: inline-block; font-size: 18px; line-height: 18px !important; color:white; } a.cta_whiteborder:hover { text-decoration: none; background-color: white; color:#626D6F; } /* 3.24.2015 added for flyout menu */ a.cta_whiteborder_alt { border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border: solid 2px #FFF; padding: 3px 8px !important; display: inline-block; font-size: 14px; color:white; } a.cta_whiteborder_alt:hover { text-decoration: none; background-color: white; color:#626D6F;} a.cta_whiteborder_alt2 { border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border: solid 2px #FFF; padding: 6px 20px !important; display: inline-block; font-size: 16px; line-height: 16px !important; color: white; font-weight: bold; } a.cta_whiteborder_alt2:hover { text-decoration: none; background-color: white; color:#0078c1 !important;} .cta_blueborder { background-color:#FFFFFF; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; border: solid 2px #0078c1; padding: 7px 20px !important; display: inline-block; font-size: 16px; line-height: 16px !important; font-weight: bold; } .cta_blueborder.nobg { background:none; } .cta_blueborder.compact { padding: 7px 10px !important; font-size: 14px; letter-spacing:-0.25px; } .cta_blueborder:visited { color: #0077c0 !important; } .cta_blueborder:hover { text-decoration: none; background-color: #0078c1; color:white !important; } .cta_blueborder.nobg:hover { text-decoration: none; background-color: #0078c1; color:white !important; } .cta_blackborder { background-color:#FFFFFF; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; border: solid 2px #333; padding: 7px 20px !important; display: inline-block; font-size: 16px; line-height: 16px !important; font-weight: bold; } .cta_blackborder.nobg { background:none; } .cta_blackborder.compact { padding: 7px 10px !important; font-size: 14px; letter-spacing:-0.25px; } .cta_blackborder:hover { text-decoration: none; background-color: #333; color:white !important; } .cta_blackborder.nobg:hover { text-decoration: none; background-color: #333; color:white !important; } .cta_greyborder { background-color:#FFFFFF; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; border: solid 2px #c4caca; padding: 7px 20px !important; display: inline-block; font-size: 16px; line-height: 16px !important; font-weight: bold; } .cta_greyborder.nobg { background:none; } .cta_greyborder:visited { color: #e14c02 !important; } .cta_greyborder.nobg:hover { text-decoration: none; border: solid 2px #e14c02;} .cta_blueborder_alt { background-color:#FFFFFF; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; border: solid 2px #0078c1; padding: 3px 8px !important; display: inline-block; font-size: 14px; } .cta_blueborder_alt:hover { text-decoration: none; background-color: #0078c1; color:white; } /*== whole width button. w_on_o = white on orange background. Example: Dragn Anywhere ==*/ .cta_wholewid_container { padding:0 80px 20px 30px; } .cta_wholewid_w_on_o { background-color: #ff5400; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 10px 25px !important; width: 100%; display: inline-block; color: #FFFFFF !important; font-size: 22px; line-height: 24px !important; font-weight: bold; text-align: center; } .go_button_orange { background:url('/assets/images/go_button_orange.png') no-repeat left center; text-indent:-9999px; width: 67px !important; padding:6px 20px; border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .go_button_blue { background:url('/assets/images/go_button_blue.png') no-repeat left center; text-indent:-9999px; width: 70px !important; padding:6px 20px; border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } /* "combobutton_blue" class can be removed once new dragon family is live */ .combobutton_blue { background-color: #0088cc; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; display: inline-block; color: #fff !important; padding: 6px 0px; font-size: 16px; font-weight: bold; line-height: 22px !important; } .combobutton_blue a { color: #fff !important; padding: 8px 20px; } .combobutton_blue a:hover { background-color: #0177c1; text-decoration: none; } .combobutton_blue a.left { border-right: 1px solid white; } /* combo buttons used on Dragon pages */ .combobutton { display: inline-block; padding: 6px 0px; font-size: 16px; font-weight: bold; line-height: 22px !important; } /* == combo button: white font / white border with transparent bg == */ .combobutton.w_o_t { color: white; } .combobutton.w_o_t a { color: #fff !important; padding: 8px 20px; } .combobutton.w_o_t a.left { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border-style: solid; border-color: white; border-width: 2px 1px 2px 2px; } .combobutton.w_o_t a.right { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-style: solid; border-color: white; border-width: 2px 2px 2px 0px; margin-left:-5px; } .combobutton.w_o_t a.left:hover { background-color: #FFF; color: #333 !important; text-decoration: none; } .combobutton.w_o_t a.right:hover { background-color: #FFF; color: #333 !important; text-decoration: none; } /* ============================================================== Expanded Section Classes ================================================================= */ .expanded_section { overflow: hidden; background-color:#F0F0F0; padding: 0 20px; } .expanded_section .section { width: 30%; margin-right:2%; float:left; margin: 40px 0 40px 140px; } .expanded_section .sectionright { width: 30%; float:left; margin: 40px 0 40px 20px; } .expanded_section .section-title { font-size:18px; font-weight:bold; color: #fc31e5; padding-bottom:8px; } /* ============================================================== Accordians ================================================================= */ .panel { border-bottom: solid 1px #CCC; } .panel.first { border-top: solid 1px #CCC; } .panel.last { border-bottom: none; } .panel-heading .accordion-toggle:after { /* symbol for "opening" panels */ font-family: 'Glyphicons Halflings'; content: ""; float: right; background-image:url('/assets/images/toggle_minus_25x25.png'); height:25px; width:25px; padding-right:30px; background-repeat:no-repeat; margin-top:-55px; } .panel-heading .accordion-toggle.collapsed:after { content: ""; background-image:url('/assets/images/toggle_plus_25x25.png'); padding-right:30px; background-repeat:no-repeat; margin-top:-55px; } .collapsed { border-bottom: 0px solid #85bbdd !important; } h4.panel-title { margin-top:0px !important; margin-bottom:0px !important; padding-left:30px; } h4.panel-title:hover { background-color: #e5ebeb; color: #0088cc; } .panel-subtitle { font-size: 20px; padding-bottom: 30px; margin: 10px 0 0 30px; } div.panel-heading:hover { background-color: #e5ebeb; } .panel-body { padding:15px 30px 30px 30px; } a.accordion-toggle.collapsed { text-decoration: none !important; } a.accordion-toggle { text-decoration: none !important; } .panel-heading a { color: #0077c0; } /*.panel-heading a:link, a:hover, a:visited, a:active { color: #0077c0; text-decoration: none; }*/ .panel-heading a:link { /*color: #0077c0;*/ text-decoration: none; } .plusminus {float: right;width: 55px;height: 55px;margin-left: 40px;margin-bottom: 10px;} .showminus {background: url(/assets/images/toggle_minus_25x25.png);background-repeat: no-repeat;} .showplus {background: url(/assets/images/toggle_plus_25x25.png);background-repeat: no-repeat;} /* ============================================================== Contact Flyout Menu - example: ENT ================================================================= */ .flyout-wrapper { position: fixed; right: 0; padding: 0; top: 280px; z-index:999; } .flyout-trigger { float: left; color: #FFF; padding: 15px 6px 10px 6px; position: relative; background-color: #0177c1; cursor: pointer; -webkit-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); } .flyout-content { float: left; color: #0177c1; padding: 15px 0px 20px 20px; position: relative; background-color: #dfe7e6; font-size: 16px; width: 258px; margin-right:-278px; /*display:none;*/ -webkit-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); } .flyout--info { padding: 0; margin: 0; overflow: hidden; width: 230px; font-weight: bold; } /* ============================================================== Alternative Contact Flyout Menu - example: DRAGON ================================================================= */ .flyout-wrapper.alt p, .flyout-wrapper.alt a {font-size: 14px !important; margin: 0; } p.actnow_title { margin-bottom:10px !important; } .flyout-wrapper.alt .flyout-trigger { float: left; cursor: pointer; width: 42px; height: 92px; background: url('/assets/images/flyout_actnow_btn.png'); padding: 0; margin-right:0; -webkit-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); border-radius: 0px 0 0 6px; } .flyout-wrapper.alt .flyout-content { color: #333333; -webkit-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); padding:20px 0 30px 20px; } .flyout-wrapper.alt .flyout--info { font-weight: normal; } .flyout-content .top, .flyout-content .middle { padding: 0 0 17px; margin: 0 0 17px; border-bottom: 1px solid #c4caca; } .flyout-content .middle a.physical { margin: 0 0 0 18px; } .flyout-content .bottom .dr_volUpDown { margin: 0 0 0 15px; color: #007ac0; } .flyout-content .bottom .dr_volUpDown a { margin: 0 4px; } .flyout-content .bottom .dr_volUpDown a:hover { text-decoration: none; } .flyout-wrapper .bottom label { display: inline; margin:0; padding:0; } /* ============================================================== Alternative 2 - Acton Now Flyout Menu - example: DRAGON ================================================================= */ .flyout-wrapper.alt2 { float: left; cursor: pointer; width: 42px; height: 92px; background: url('/assets/images/flyout_actnow_btn.png'); padding: 0; margin-right:0; -webkit-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); border-radius: 0px 0 0 6px; } .flyout-wrapper.alt2 .flyout-content { color: #333333; -webkit-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7); padding:20px 0 30px 20px; } /* ============================================================== Acton Now Flyout Menu - example: DRAGON New Design ================================================================= */ .flyout-wrapper.dragon { top:200px; } .flyout-wrapper.dragon .flyout-trigger { float: left; cursor: pointer; width: 42px; height: 92px; background: url('/assets/images/flyout_actnow_btn.png'); padding: 0; margin-right:0; -webkit-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7); border-radius: 0px 0 0 6px; } .flyout-wrapper.dragon .flyout-content {padding:20px 20px; font-size:14px; color:#333; } .flyout-wrapper.dragon .flyout-content .top, .flyout-wrapper.dragon .flyout-content .middle {border-bottom:2px solid #c4caca; padding: 0 0 10px; margin: 0 0 10px; } .flyout-wrapper.dragon .flyout--info { width: 270px; } .flyout-wrapper.dragon .flyout-content .actnow_title { font-size: 18px; font-weight:700; margin-bottom:0; padding-bottom:0px; } .flyout-wrapper.dragon .flyout-content .actnow_subtitle { font-size: 18px; font-weight:700; } .flyout-wrapper.dragon .flyout-content .actnow_price { font-size: 30px; font-weight:700; } .flyout-wrapper.dragon .flyout-content .actnow_price sup { font-size: 60%; } .flyout-wrapper.dragon a:hover .actnow_price, .flyout-wrapper.dragon a:hover .actnow_price sup { text-decoration: none !important; } .flyout-wrapper.dragon .flyout-content .actnow_volprice { font-size: 24px; font-weight:700; } /* ============================================================== Link Block Classes Examples: http://www.nuance.com/for-business/imaging-solutions/index.htm#solutions http://www.nuance.com/for-business/imaging-solutions/index.htm#expertise ================================================================= */ div.mouseover { cursor: pointer; } .normal-text { color: #333; text-decoration: none !important; } a:hover p:not(.normal-text) { text-decoration:underline; } a:hover p.normal-text, a:active p.normal-text { text-decoration: none; } div.mouseover a:hover { text-decoration:none !important; color:#0077c0; } div.mouseover a:hover>.normal-text{ color:#333333 !important; text-decoration: none; } div.mouseover a:visited>.normal-text, div.mouseover a:active>.normal-text{ color:#333333 !important; text-decoration: none; } div.mouseover a:hover>h5 { text-decoration:underline; } div.mouseover a:hover>h5.special { text-decoration:none; } .linkblockhighlight .row-fluid [class*="span"] { padding: 10px 15px; margin-top: -10px !important; margin-bottom: -10px; } .linkblockhighlight div.mouseover:hover { background-color: #f2f6f5; } /*.linkblockhighlight .mouseover_div [class*="span"]:first-child { margin-left:-15px; }*/ /* ============================================================== Misc / Utility Classes ================================================================= */ .arrow-up { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #F0F0F0; margin-top: -15px; position: absolute; margin-left: 170px; } .arrow-down { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #333; } /* keep these 2 classes for old pages */ .minus_icon { background: url('/assets/images/minus_icon_small.png') no-repeat left center; display:inline-block;} .plus_icon { background: url('/assets/images/plus_icon_small.png') no-repeat left center; display:inline-block; } /* used on China page 28x28*/ .minus_cn { background: url('/assets/images/toggle_minus_25x25.png') no-repeat; } .plus_cn { background: url('/assets/images/toggle_plus_25x25.png') no-repeat; } .clearfix { clear:both; } .toggle_minus_33 { background: url('/assets/images/toggle_minus_25x25.png') no-repeat; display:inline-block;} .toggle_plus_33 { background: url('/assets/images/toggle_plus_25x25.png') no-repeat; display:inline-block; } .toggle_minus_blue_14 { background: url('/assets/images/toggle_minus_14x14.png') no-repeat left center; display:inline-block;} .toggle_plus_blue_14 { background: url('/assets/images/toggle_plus_14x14.png') no-repeat left center; display:inline-block; } .pull_right_text { text-align: right; } .nofloating { float: none !important; } .anchorLink{ font-size: 16px; line-height: 18px !important; } .anchorLink.alt{ color: #666; } .anchorLink.alt2{ color: #333; } .anchorLink.alt3 { color: #333; } /*ENT*/ .circle_base { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; text-align: center; } .expand_collapse { width: 20px; height: 20px; padding: 8px; background-color: #0076be; color: #fff; font-size: 26px; font-weight: bold; margin-bottom: 12px; } .nowrap { white-space: nowrap; } .flexbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .icon-w-shadow { -webkit-box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7); -moz-box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7); box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7); } /* 3.24.2015 alternation to stickynav and resource link */ .stickynav_gradient { background: #f4f4f4; background: -webkit-linear-gradient(#ffffff, #f4f4f4); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#ffffff, #f4f4f4); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ffffff, #f4f4f4); /* For Firefox 3.6 to 15 */ background: linear-gradient(#ffffff, #f4f4f4); /* Standard syntax (must be last) */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f4f4f4');/*For IE7-8-9*/ padding: 25px 0 5px 0 !important; border: none !important; } /* 9.23.2015 added bordered nav styles */ .bordered-nav-tabs.narrow {display: none;} .bordered-nav-tabs.wide {display: table;} .bordered-nav-tabs { margin: 0px; text-align: center; } .bordered-nav-tabs td { text-decoration: none; width: 10%; border: 2px solid #c4caca; border-right: 1px solid #c4caca; background: #FFF; height: 65px; vertical-align:middle; } .bordered-nav-tabs td:last-child { border-right: 2px solid #c4caca; } .bordered-nav-tabs td:hover {background: #f3f7f6;} .bordered-nav-tab { display: table-cell; vertical-align: middle; width: 200px; height: 65px; color:#626d6f !important; font-size: 15px; font-weight: normal; } .bordered-nav-tabs .bordered-nav-tab.selected {background: #E5EBEB; color:#333333 !important;} .large-num-inline { font-size:38px; font-weight: bold; display: inline-block; margin:8px 10px 10px 0; vertical-align: top; } li.resources { background: url('/assets/images/icon-resources.png') no-repeat; list-style: none; padding-left: 18px; margin-bottom: 10px; margin-left: 20px; } /* vertical line - mainly on product pages*/ .right-border-meddarkgrey { border-right: solid 1px #666; padding-right: 2.56%; } .resource-small-box { border-top: solid 8px #871799; background-color:#e5ebeb; padding:20px 20px 40px 20px; } .resource-small-box-orange { border-top: solid 8px #ff5400; background-color:#e5ebeb; padding:20px 20px 40px 20px; } .resource-small-box-skyblue { border-top: solid 8px #2dc6d6; background-color:#e5ebeb; padding:20px 20px 40px 20px; } .resource-small-box.purple { border-top: solid 8px #871799; } .resource-small-box.orange { border-top: solid 8px #ff5400; } .resource-small-box.skyblue { border-top: solid 8px #2dc6d6; } .resource-small-box-w-bg { background-color:#fff; padding:20px 20px 40px 20px; } .resource-small-box-w-bg.purple { border-top: solid 8px #871799; } .resource-small-box-w-bg.orange { border-top: solid 8px #ff5400; } .resource-small-box-w-bg.skyblue { border-top: solid 8px #2dc6d6; } .resource-small-box-g-bg { background-color:#F2F5F5; padding:20px 20px 40px 20px; } .resource-small-box-g-bg.purple { border-top: solid 8px #871799; } .resource-small-box-g-bg.orange { border-top: solid 8px #ff5400; } .resource-small-box-g-bg.skyblue { border-top: solid 8px #2dc6d6; } .resource-small-box-g-bg.blue { border-top: solid 8px #1A6B96; } .pad60{ padding-top: 60px !important; /*mliu 5/9/2013 - removed padding-bottom:60px*/; } .pad50{ padding-top: 50px !important; } .pad40{ padding-top: 40px !important; } .pad30{ padding-top: 30px !important; } .pad20{ padding-top: 20px !important; } .pad10{ padding-top: 10px !important; } .pad0{ padding-top: 0px !important; } .pad60bottom{ padding-bottom: 60px !important; } .pad40bottom{ padding-bottom: 40px !important; } .pad30bottom{ padding-bottom: 30px !important; } .pad20bottom{ padding-bottom: 20px !important; } .pad10bottom{ padding-bottom: 10px !important; } .pad0bottom{ padding-bottom: 0px !important; } .margin60{ margin-top: 60px !important; } .margin50{ margin-top: 50px !important; } .margin40{ margin-top: 40px !important; } .margin30{ margin-top: 30px !important; } .margin20{ margin-top: 20px !important; } .margin10{ margin-top: 10px !important; } .margin60bottom{ margin-bottom: 60px !important; } .margin50bottom{ margin-bottom: 50px !important; } .margin40bottom{ margin-bottom: 40px !important; } .margin30bottom{ margin-bottom: 30px !important; } .margin20bottom{ margin-bottom: 20px !important; } .margin0bottom{ margin-bottom: 0px !important; } .more { margin-bottom: 10px !important; } .bold {font-weight:bold;} .hide {display:none;} .hover {cursor: pointer;} .center {text-align:center;} a.underline { text-decoration: underline; } .nounderline { text-decoration: none !important; } hr {/*margin: 50px 0;*/ margin: 0; border: 0; border-top: 1px solid #c1c1c1; border-bottom: none;} /*horizontal line between bricks*/ hr.inner {margin: 50px 0; border: 0; border-top: 1px solid #c1c1c1; border-bottom: none; } /*horizontal line between sections inside a brick*/ hr.innersmall {margin: 30px 0; border: 0; border-top: 1px solid #c1c1c1; /*border-bottom: 1px solid #ffffff;*/} /*horizontal line between sections inside a brick*/ hr.innersmaller {margin: 20px 0; border: 0; border-top: 1px solid #c1c1c1; } hr.inner_alt { margin: 0 auto; border-top: 1px solid #c1c1c1; border-bottom: none; max-width: 1100px; } hr.menu {border: 0; border-bottom: 1px solid #c1c1c1;} hr.smallview {margin: 0; border: 0; border-top: 1px solid #ccc; border-bottom: none; } /*horizontal line between lightgrey bricks in smaller views */ .hr-hide {margin-top:0 !important;border:none !important;} .product_cat {padding:18px 0; border-bottom: solid 1px #999; color:#999; font-size:1.8em;} .product_cat a { /*color:#626d6f;*/ color:#c4caca; font-weight: bold;} .product_cat.first {border-top: solid 1px #999; margin-top:25px;} .product_cat a.current {color:#333;} a.read-more { } a.read_more_alt { color: white !important; text-decoration: underline; margin-top: 20px; display: inline-block;} a.read_more_alt:hover { color: white; } .expanded_link { font-size: 16px; cursor: pointer; padding: 10px 0 10px 25px;} .img_desc { font-size: 16px; font-weight: bold; margin:35px 15px 0 0; } img.img_desc_r { padding-right: 20px; } .img_left { margin-right:15px; } .small_img_left { margin:0 20px 60px 0px; } .small_img_left_alt { margin:0 20px 10px 0px; vertical-align:middle;} .subpage_nav { font-size:1.6em; margin-top:20px; } /*example is on dragon homepage*/ .subpage_nav_item { padding-left: 10px; padding-right: 10px;} .sysrequirements { font-size: 1.2em; } /* for system req links on product pages */ /* == read more / less == */ .read_more_link { cursor: pointer; } .read_more_section { display: none; overflow: hidden; background-color: #F0F0F0; padding: 5px 20px;} .read_more_section_w { display: none; overflow: hidden; } /* class used on success stories */ .view-link { white-space: nowrap; margin-left:10px; font-weight: bold; } .ss-profile-quote {font-size: 40px; color:#2dc6d6; line-height:100%; } .ss-profile-quote .fa { color:#FF30EB; margin-right: 10px; } .ss-profile-quote #quote-left { margin: 0 10px 0 -55px; } .ss-profile-quote #quote-right { position:relative; top:10px; } @media (max-width: 1100px) { .view-link { display: block; margin-top:20px; } } div#smartbutton { cursor: pointer; } /* for dynamically generated "chat now" button */ /* == MLIU 10/20/2014 hide chat now button - service ended == */ #chat-now-container { display: none; } .news_source { font-size: 14px; color: #626d6f; } /* close button for in-page form */ a.close_btn { background: url('/assets/images/product/close_btn.png') no-repeat right center; font-size: 1.8em; font-weight: bold; float: right; text-decoration: none; padding-right: 28px; cursor: pointer; } /* MLIU 11/11/2014 added */ ul.inline li { display:inline-block; zoom: 1; *display: inline; } .fa { color:#333; } /* for new Font Awesome icon color */ blockquote, q, cite, address { font-style: normal; } /* ============================================================== Product Promotion Classes ================================================================= */ .price_eyebrow { display:block; } .price_caption { font-size: 14px; display:block; } .promo_price { display: inline-block; font-size: 24px; font-weight: bold; padding:5px 0;} .promo_price sup { font-size: 16px; } .promo_price_big { display: inline-block; font-size: 36px; font-weight: bold; padding:5px 10px 0 0;} .promo_price_big sup { font-size: 16px; top: -1em; } .strike_through_price { font-size: 16px; color: #626d6f; text-decoration: line-through; } .cta_line { margin-top:20px; } .learn_more { font-size: 1.6em; display:inline-block; margin-left:20px;} /* ============================================================== Modal Window Classes - modified Bootstrap classes ================================================================= */ .modal {width:670px;} .modal-header {padding:20px 15px;} .modal-body {width:640px;} .modal-body p { line-height: 20px; font-size: 15px; padding: 10px 0; } .modal-header .close { font-size:30px; } .modal-btn { display: inline-block; padding: 8PX 20PX; margin-bottom: 0; font-size: 15px; line-height: 20px; color: #FFF; vertical-align: middle; cursor: pointer; background-color: #666; border: 1px solid #ccc; border-radius: 4px; } .modal-body .span4 {width:25%; float:left;} .modal-body .span8 {width:68%; float:left;} /* ============================================================== Custom Carousel Classes ================================================================= */ .carousel-inner { /*height: 250px;*/ width: 70%; margin: 0 auto; } .carousel-inner.noarrow { width:100%; } .carousel-inner.single { width:80%; } .carousel-control { color:white; margin-top: 45px; background: #b9b9bc !important; border: 1px solid #b9b9bc !important; } .carousel-indicators { position: relative; z-index: 5; list-style: none; width: 80%; left: 45%; } .carousel-caption-voiceads { padding: 15px; padding-left: 195px; line-height: 8px; } .carousel-indicators li { background-color: #666666; width: 12px; height: 12px; border-radius: 8px; } .carousel-indicators .active { background-color: #0088cc; } .carousel_big_quote { font-size: 3.0em; line-height: 115%; } .carousel_big_quote.single { margin: 0 60px 20px; } .carousel_quote_name { font-size: 14px; margin-top:20px;} .carousel_quote_name.single { margin: 0 60px; } /* ============================================================== Social Media Icons ================================================================= */ ul.social_media { list-style: none; float: right; margin: 15px 0 0 0; } ul.social_media li { float: left; font-size: 1.6em; color: #666; margin-left: 10px; } /* 4/15/2015 MLiu added ul.social_media_alt */ ul.social_media_alt { list-style: none; margin: 15px 0 0 0; } ul.social_media_alt li { display: inline-block; margin-right:5px; font-size: 1.6em; color: #666; } .socialButton{ font-size: 22pt; color: #333; } .socialButton:hover { text-decoration: none; } .socialButton_vert { font-size: 24px; margin-right: 8px; vertical-align: middle;} .googleplus { position:relative; } .googlehider { height:30px; width:30px; position:absolute; top:0; left:0; z-index:3; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); } .mygoogle { position:absolute; top:0; left:0; z-index:2; margin-left:6px; } .inline-socialmedia { float: left; margin: 18px 50px 0 0; font-size: 16px; } .inline-socialmedia2 { float: left; margin: 20px 0px 0 0; font-size: 16px; } .inline-socialmedia3 { float: left; margin: 15px 0px 0 0px; font-size: 16px; } /* ============================================================== Docked Navigation ================================================================= */ #nav-wrapper { background-color: white; width: 100%; } #docked_nav { width: 100%; background-color: white; padding: 0; } .affix { position: fixed; top: 0px; width: 100%; height: 60px; background-color: white; z-index: 999; border-bottom: 1px solid #efefef; left:0; right:0;} .affix-top { width: 100%; background-color: white; height:20px !important; } #docked_nav_inner { margin: 20px auto 0 auto; width: 1100px; } .docked { top:0px; } #dockedBG { position: fixed; top: 0; left: 0; width: 100%; height: 60px; margin: 0; padding: 0; background: white; z-index: 11; } .nav-only-item { display: none; } #collapsedNavWrapper .nav-only-item { display: block; } /* ============================================================== Back to Top Classes ================================================================= */ #backtop{ cursor: pointer; position: fixed; display: none; top: 59px; right: 0; background: #e5ebeb; color: white; width: 50px; height: 50px; margin: auto; font-size: 30px; line-height: 50px; text-align: center;} /* ============================================================== Form (Engage Us) Classes ================================================================= */ label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px;} .noDisplay { display: none; } .placeholder { color: #999; } /* ============================================================== IE Specific Classes ================================================================= */ *+html .searchbar { height: 30px; } /*IE7*/ /* ============================================================== Old Classes to keep ================================================================= */ .hidePixelWhitespace { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } /* ============================================================== Landing Pages Classes ================================================================= */ .landing-page #logo { margin-left: -83px; } .landing-page h5 { letter-spacing: 0; } .landing-page .image_info_right { font-size: 18px; } .landing-page #formdiv { margin-top:-100px; background-color: white; padding:40px; } .landing-page .formFieldBasic { width:90%; max-width:320px; } .landing-page select { width:100%; max-width: 335px; } .landing-page #learnmorediv { margin-left:0; border-left:solid 1px #CCC; padding-left: 23px; } /* ============================================================== Tables ================================================================= */ .data-table { font-size:16px; } .data-table-rowline tr { border-top: solid 1px #c1c1c1; } .data-table-rowline tr td { vertical-align:top; padding: 20px;} .data-table-rowline label { margin-right:20px; font-weight: bold; display: inline-block; font-size:16px; } /* example: http://www.nuance.co.uk/for-healthcare/ehr-voice-capture-patient-data/index.htm */ .feature-table { font-size:16px; } .feature-table tr td { border-bottom: 1px solid #CCC; } .feature-table tr.lastrow td { border-bottom: none !important; } .feature-table td { border-right: 1px solid #CCC; } .feature-table td.lastcol {border-right: none !important; } .feature-table [class*="icon"] { font-size: 44px; } /* ============================================================== Page-Specific Classes -- always at the bottom ================================================================= */ #benefits_section .benefits_list { width: 952px; margin: 20px auto; padding: 28px 0 40px 0; min-height: 180px; } #benefits_section .benefit { /*float: left;*/ display:inline-block; vertical-align: top; width: 165px; margin-right: 25px; margin-right: 22px; } #benefits_section .benefitDynamic { /*float: left;*/ display:inline-block; vertical-align: top; margin-right: 25px; margin-right: 22px; } #benefits_section [class="benefit"]:last-child { margin-right: 0; } #benefits_section p { padding-top:15px; } .benefit_num { background:url(/assets/images/white-circle.png) no-repeat; height: 38px; font-size: 26px; font-weight:bold; padding: 8px 0 0 10px; color: #ff6600; } #consumervoice_section { color:#FFFFFF; } #consumervoice_section h2 { color:#FFF !important; font-weight:bold; } #news_section { width:952px; margin: 0 auto; padding: 75px 0 0 0; } #news_section h3 { float:left; margin-bottom: 50px; } hr.voiceads { width: 100%; border-top: 2px solid #888; margin: 0; } p.voiceads { padding-top:20px; } p.carousel-lead { font-size: 24px; line-height: 1.25; margin:20px 0; font-weight:bold; } #cellphonedesc {margin-top:120px;} /* === healthcare === */ #hc_promo_brick { background: #6b8eb7 url('/assets/images/clintegrity_bg.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #hc_news_brick {border-top: 1px solid #c1c1c1;} /* === for business === */ #biz_promo_brick { background: #6b8eb7 url('/assets/images/meet-nina.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .promoTileType { width: 45%; float: left; } .promoTileImage { margin-left: 50%; } /*used when image / text are side-by-side*/ .promoTileImage2 { padding-top:20px;} /*used when image is above text*/ #explore_brick .nav {margin-right:20px; } #explore_brick .nav > li > a:hover { background: none; text-decoration: none; color: #999999; } #explore_brick .nav > li > a:focus { background: none; text-decoration: none; color: #333333; } #explore_brick h3 { margin-top: 0px;} #explore_brick .list-wrap { padding-top: 10px; } /* === China === */ #masthead_cn { background: #6b8eb7 url('/assets/images/mainTile_cn2.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top left; } #masthead_cn h2 { width: 60%; font-size: 6.2em; line-height: 125%; clear:both; } #masthead_cn p.lead { width: 60%; } #p_feature_brick_cn { border-top: 1px solid #c1c1c1; } #globalNavigation_cn { height: auto; padding: 0;} #spacer { padding-top: 20px; } .expanded_nav { background-color: #fff; padding: 0px 20px 40px 20px; margin-bottom: 30px; border-bottom: 1px solid #c1c1c1; display: none; width:1100px;} /* === Dragon=== */ .expanded_nav_list { background-color: #fff; padding: 0px 20px 40px 0px; margin-bottom: 30px; } /*back to school used on multiple pages*/ #dr_backtoschool_brick { background: url('/assets/images/dns_banner_backtoschool.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #dr_offseasonal_brick { background: url('/assets/images/dns_banner_offseason.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #dr_seasonal_brick { background: url('/assets/images/holidaydeals-lifestyle_1600.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #dr_sysreq_brick .list-wrap { margin-top:30px; } #dr_morefeatures_list { display: none; } #dr_demo_brick .spacing { padding-top: 30px; } #dr_benefits_brick .spacing { margin-top: 30px; } .small_img_left+h5 {margin-top:0px;} /* === old classes for FR/DE/UK sites === */ a.arrow-button3 { background-color:#ff5400; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 8px 25px !important; display: inline-block; color:#FFFFFF !important; font-size: 16px; line-height: 18px !important; font-weight: bold;} a.arrow-button3:hover{ padding: 8px 25px !important; background-color: #e14c02; text-decoration: none !important; } #fancy-table ul li { font-size: 16px; padding-bottom:10px; } .tabs ul { margin: 0 0 30px 0; padding: 2px 0 25px 0; width: 100%; border-bottom: 1px solid #e5ebeb; } .tabs ul li { float: left !important; font-size: 16px; margin: 0 20px 0 0; padding: 0; clear: none !important; font-size: 16px; line-height: 100%; list-style: none; } .tabs .active { border-bottom: 1px solid #333; color: #333; } .prodBox { margin-bottom: 20px; } .prodBox .prodBoxImage { position: absolute; display: block; width: 100px; float: left; } .prodBox .prodBoxRadio { margin-left: 110px; float: left; padding-top: 12px; padding-bottom:8px; } .prodBox .prodBoxInfo { margin-left: 140px; padding-top: 12px; } #ncom_maincontent h2 { font-size: 48px; line-height: 100%; letter-spacing: -2px; margin-bottom: .125em; color: #871799; } /* == end ===*/