/* home color = #73a53c business color = #ce5207 link: #bb0000 */ /*====================== Defaults ======================*/ body { color:#63686c; text-align: left; margin: 0 auto; font-family: 'Roboto',tahoma,Helvetica, Arial, sans-serif; padding: 0; background: #f1f1f1; font-weight: 300; } ::-moz-selection{ background: #CFE1ED; color:#4d4d4d; text-shadow: none; } ::selection { background:#CFE1ED; color:#4d4d4d; text-shadow: none; } a:link, a:visited, a:active, .faux-link { color:#3890d0; text-decoration: none; } a:hover { text-decoration: underline; } /*.home-solutions a:link, .home-solutions a:visited, .home-solutions a:active { color:#73a53c; text-decoration: none; }*/ /*.home-solutions a:hover { text-decoration: underline; } .bus-solutions a:link, .bus-solutions a:visited, .bus-solutions a:active { color:#ce5207; text-decoration: none; } .bus-solutions a:hover { text-decoration: underline; }*/ /*#pro a:link, #pro a:visited, #pro a:active { color:#1A76A8; text-decoration: none; } #pro a:hover { text-decoration: underline; } #pro footer a:link, #pro footer a:visited, #pro footer a:active { color:#999999; text-decoration: none; } #pro footer a:hover { color:#4d4d4d!important}*/ h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 10px 0; line-height: 1.3em; } h1, h2, h3, h4, h5, h6 { color:#4d4d4d; font-weight:400; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Helvetica, Arial, sans-serif; } h1 { font-size: 180%; font-size:32px; text-shadow:0 0 4px #FFFFFF; text-transform:uppercase; } h2 { font-size: 180%; padding:15px 0; letter-spacing:.1px; } h3 { font-size: 160%; padding:15px 0 10px; } h4 { font-size: 125%; padding: 15px 0 15px; } h5 { font-size: 120%; padding: 0; } h6 { font-size: 120%; padding:0; } p { font-size: 12px; line-height: 1.5; padding: 5px 0 15px; text-align: left; } h2 span, h3 span { color:#999; font-size:12px; font-weight:normal; letter-spacing:.1px; line-height:18px; text-transform: uppercase; } sup { color: #999999; font-size: x-small;} hgroup.p-titles h2{padding-bottom:0;} hgroup.p-titles h4{line-height:1.4; padding:5px 0;} .title { line-height:24px; font-weight: bold; padding: 15px 0 4px;} .title-tag { color: #999999; font-size: 12px; font-weight: normal;letter-spacing: 0.1px; line-height: 18px; text-transform: uppercase; padding: 0 0 15px;} .title-gray {font-weight:bold; color:#63686C;} .title-hm { color:#63686c; line-height:24px; font-weight: bold; padding: 5px 0 0px;} .title-hm a { color:#4d4d4d!important;} .subheadline {font-size: 14px; margin: 0; padding: 0 0 15px;} .shadow{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);} .highlight{color: #CE5207;} .highlight-blue{color: #0060A6!important;} .highlight-green{ color:#73a53c !important;} .highlight-red{ color:#bb0000 !important;} .blue{color:#577BB4!important;} .gray{color:#555 !important;} .ltgray {color:#aaa !important;} blockquote { color: #CE5207; font-size: 13px; line-height: 18px; padding: 5px 0 10px;} .home-solutions blockquote { color: #73a53c; font-size: 13px; line-height: 16px; padding: 5px 0 10px;} cite { display: block; font-size: 10px; line-height:12px; padding-right: 10px; text-align: right;} code { -moz-box-shadow:0 0 10px #CCCCCC inset; -webkit-box-shadow:0 0 10px #CCCCCC inset; box-shadow:0 0 10px #CCCCCC inset; background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; color:#000000; display:block; margin:30px; padding:20px; } .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid2_box, .grid3_box, .grid4_box, .grid5_box, .grid6_box, .grid7_box, .grid8_box, .grid9_box, .grid10_box, .grid11_box, .grid12_box { margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; } .min-height0{min-height: 0!important;} .bg-white{background:#fff;} .blurb{ height:78px} /* ========================================================================== */ /* CSS3 */ /* ========================================================================== */ .round { -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; overflow: hidden;} .round-top-left { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; overflow: hidden;} .round-top-right { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; overflow: hidden;} .round-btm-left { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; overflow: hidden;} .round-btm-right { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; overflow: hidden;} .round-top { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;} .round-btm { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden;} .text-shadow { text-shadow: 0 1px 1px #ffffff;} .text-shadow-drk: { text-shadow: -1px -1px 1px rgba(0,0,0,0.25);} .boxshadow {box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);} /*====================== Wraps ======================*/ #headerwrap { background: #fff; margin:0 auto; } #midcontent, #halfcontent, #slider { clear:both; padding-top: 30px; padding-bottom: 15px; } #contentwrap { background: #f5f5f5; padding: padding: 0 0 30px; } #contentwrap-homesolutions { background: #f5f5f5; padding: 0; } .content-white{ background: none repeat scroll 0 0 #fff; border-color: #ccc; border-style:solid; border-width:0 1px 0; margin-bottom:0; background:#fff ; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.20);} .bgcontent { padding-bottom:40px; background: #f5f5f5; /*background: none repeat scroll 0 0 #FFFFFF; border-color: #EEEEEE; border-style: solid; border-width: 0 1px 1px;*/} .bgcontent-wht { background: #fff; margin-bottom: 30px; border:1px solid #ccc;padding-bottom: 10px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px ; -webkit-border-bottom-right-radius:5px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);} .bgcontent-wht2 { background: #fff; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom: 40px; box-shadow: 0 0px 10px #ccc; -moz-box-shadow: 0 0px 10px #ccc;-webkit-box-shadow: 0 0px 10px #ccc;} #pgtitle { background: url(/lib-n/images/home/divider.png) repeat-x scroll center bottom transparent; margin:30px 0;padding:0;} #pgtitle h2 {color: #4d4d4d; font-size:240%; padding:0 ; margin: 5px 0; display:block;} #pgtitle p {color: #4d4d4d; padding:0 5px 0 0; margin: 20px 0 0; display:block; float:right;} #pgtitle .home-solutions {color:#4d4d4d;} #pgtitle hgroup { padding-left: 5px; padding-bottom:0;} .home-solutions #pgtitle hgroup { padding-left: 0; padding-bottom:0;} #pgtitle hgroup h2 {/*color: #CE5207;*/ line-height:28px; padding:0 ; margin: 5px 0 0; display:block;} #pgtitle hgroup h3 {color: #555555; font-size:110%; padding:0 ; margin: 5px 0 0;} #smb-solutions #pgtitle h2, #smb-solutions #pgtitle p {color:#4d4d4d;} .subtitle { background: url(/lib-n/images/home/divider.png) repeat-x scroll center bottom transparent; margin:0 0 20px; padding:20px 0 0;} .subtitle h2 {color: #CE5207; font-weight:normal; font-size:28px; padding: 5px 0 10px; margin: 12px 0 0; display:block; } .subtitle p {color: #4D4D4D; padding:0 5px 0 0; margin: 20px 0 0; display:block; float:right;} #pro .subtitle p {color:#4d4d4d;} .subtitle .home-solutions {color:#73a53c;} .subtitle hgroup { padding-left: 5px; padding-bottom:0;} .subtitle hgroup h2 {color: #CE5207; line-height:28px; padding:0 ; margin: 5px 0 0; display:block;} .subtitle hgroup h3 {color: #777777; font-size:110%; padding:0 ; margin: 5px 0 0;} #productsummary { margin-bottom:0;} #productsummary h2 { font-size: 180%; font-weight: bold; letter-spacing: 0.1px; padding: 0;} #productsummary h2 a{ color:#4d4d4d;} #productsummary h3 { background: none repeat scroll 0 0 #CCCCCC; color: #FFFFFF; display: block; margin: -5px -20px 20px; padding: 5px 10px 0;} #productsummary h4 { font-size: 125%; padding: 0 0 15px;} /*====================== Quick Links ======================*/ .quickLinks, .quickLinks2 { text-shadow: 0px 1px 0 #fff; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0px 1px 0 #fff inset; -moz-box-shadow: 0px 1px 0 #fff inset; -webkit-box-shadow: 0px 1px 0 #fff inset; background: none repeat scroll 0 0 #e5e5e5; border: 1px solid #ccc;} .quickLinks h2, .quickLinks2 h2 {margin: -6px -20px 0; padding: 8px 19px 5px !important; border: 1px solid #CCCCCC; background: #EEEEEE); border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px ; -webkit-border-top-right-radius:5px;} .quickLinks .smaller {font-size:16px!important; line-height: 18px!important;} .quickLinks ul, .quickLinks2 ul{ list-style:none; margin:0 0 5px; border-top:0px solid #ccc; border-bottom:1px solid #fff; } .quickLinks ul li, .quickLinks2 ul li { padding:5px 0; border-bottom:1px solid #ccc; border-top:1px solid #fff; } .quickLinks ul li a { display:block; padding-left: 40px; color:#4d4d4d;} .quickLinks ul li a:hover { display:block; padding-left: 40px; color:#bb0000; text-decoration:none;} .quickLinks ul li:hover{ background-color:#ddd; } .quickLinks ul li span a { margin-left:0px; line-height:24px; } .quickLinks2 .chat{font-weight:bold; text-transform:uppercase;} .quickLinks2 ul li a { color:#4d4d4d;} .quickLinks2 ul li span {float:right;} .ql-title a {color:#4d4d4d; text-shadow: 0 1px 0 #fff} /*====================== home page images and buttons ======================*/ .home-img {height:112px; width:282px; display:block; padding:0; text-indent:-9999px; overflow: hidden; border:4px solid #ccc; background:url("/lib-n/images/home/home-business.jpg") no-repeat scroll left -8px; margin: 15px 0 15px; } .bus-img { height:112px; width:282px; display:block; padding:0; text-indent:-9999px; overflow: hidden; border:4px solid #ccc; background:url("/lib-n/images/home/home-business.jpg") no-repeat scroll -282px -8px; margin: 15px 0 15px; } .smb-img { height:112px; width:282px; display:block; padding:0; text-indent:-9999px; overflow: hidden; border:4px solid #ccc; background:url("/lib-n/images/home/home-business.jpg") no-repeat scroll -564px -8px; margin: 15px 0 15px; } /* 2 fork btns */ .btn-large-hm { background:transparent url(/lib-n/images/home/btn-home-bus.png) no-repeat scroll 0 -44px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-hm { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus.png) no-repeat scroll 0 0; display:block; height:44px; width:290px; overflow:hidden;} .btn-large-bus { background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -290px -46px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-bus { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus.png) no-repeat scroll -290px 0; display:block; height:44px; width:290px; overflow:hidden;} /* 3 fork btns */ .btn-large-hm2 { background:transparent url(/lib-n/images/home/button-hov-sprite.png) no-repeat scroll 0 -46px; display:inline-block; height:44px; width:292px; overflow:hidden; } .large-hm2 { text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll 0 0; display:block; height:44px; width:292px; overflow:hidden;} .btn-large-bus2 { background:transparent url(/lib-n/images/home/button-hov-sprite.png) no-repeat scroll -293px -46px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-bus2 { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -290px 0; display:block; height:44px; width:290px; overflow:hidden;} .btn-large-smb { background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -580px -46px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-smb { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -580px 0; display:block; height:44px; width:290px; overflow:hidden;} .home-img a,.bus-img a,.smb-img a {box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -moz-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -webkit-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset} /* 3 fork btns */ /*.btn-large-hm2,.btn-large-bus2,.btn-large-smb{padding: 8px 0 9px; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll 0 0; display:inline-block; font-size:22px; width:290px; overflow:hidden; } .btn-large-hm2:hover,.btn-large-bus2:hover,.btn-large-smb:hover { background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll 0 -46px; overflow:hidden;} .btn-large-hm2 a,.btn-large-bus2 a,.btn-large-smb a{ padding:0 22px 0;}*/ .home-img a,.bus-img a,.smb-img a {/* box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -moz-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -webkit-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset */ display:block; height: 112px; width: 282px; } /*====================== other divs ======================*/ .sidebar ul { list-style:none;/* margin:0; padding: 0;*/ } .sidebar li { padding:0 0 0 32px; } .sidebar h2 {color:#63686c; padding:10px 0 5px; } .sidebar h3 { background:#aaa none repeat scroll 0 0; color:#5d5d5d; font-weight:normal; letter-spacing:0.5px; text-shadow:0 1px 1px #DDDDDD; } .calloutbox { background:#ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #halfcontent { text-shadow: 1px 1px 1px #fff } #billboard{ display:block; height:200px; margin-bottom:45px;} .box-white{ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 0px #FFFFFF ; -moz-box-shadow: 1px 1px 0px #FFFFFF ; -webkit-box-shadow: 1px 1px 0px #FFFFFF ; background: none repeat scroll 0 0 #fff; border: 1px solid #E3E3E3;} .box-white:hover{ background:#fff ; box-shadow: 0px 0px 14px #e5e5e5 ; -moz-box-shadow: 0px 0px 14px #e5e5e5 ; -webkit-box-shadow: 0px 0px 14px #e5e5e5 ; } .box-lightblue { background: url(/lib-n/images/home/list_bg.png) repeat-x scroll 0 bottom #ECEFF5; border: 1px solid #B1C3DA; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 0 #FFFFFF; min-height: 640px; height: auto !important; height: 500px; } .box-lightgray { background: url(/lib-n/images/home/list_bg.png) repeat-x scroll 0 bottom #f1f1f1; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset; -moz-box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset; -webkit-box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset;} .box-gray{ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0px 1px 0 #eee inset; -moz-box-shadow: 0px 1px 0 #e5e5e5 inset; -webkit-box-shadow: 0px 1px 0 #eee inset; background: none repeat scroll 0 0 #f3f3f3;} .box-lines{ background: url(/lib-n/images/home/bg-footer.gif) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 0 1px 0 #FFFFFF inset; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 #FFFFFF inset; } .box-blue{ background: none repeat scroll 0 0 #F7FBFF; border: 1px solid #DDF0FF; padding: 10px 20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .box-silver{ background: #f5f5f5; margin: 20px; border: 1px solid #ccc; padding: 10px 20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /*====================== Call us ======================*/ #callus{ margin:60px 0 30px ; background: url(/lib-n/images/home/bg-footer.gif) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 0 1px 0 #FFFFFF inset; -moz-box-shadow: 0 1px 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 #FFFFFF inset; } #callus h4{font-size: 18px; text-align: center;} .callus, .callus:hover{ margin:20px 0 0; background: url(/lib-n/images/home/bg-footer.gif) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 0 1px 0 #FFFFFF inset; -moz-box-shadow: 0 1px 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 #FFFFFF inset; } .callus h4{font-size: 18px; text-align: center;} /*====================== footer ======================*/ #footerwrap { padding: 30px 0 15px; clear:both; background: #171f24; overflow: auto; } #footerwrap footer ul { border:none; } #footerwrap footer ul li {border:none; padding:0; } #footerwrap footer li a { display:block; color:#797979; line-height:24px; } #footerwrap footer li a:hover, #footerwrap a:hover {color: #999; text-decoration:none;} #footerwrap a {color:#797979;} footer .icon-fb, footer .icon-twitter, footer .icon-rss, footer .icon-linkedin, footer .icon-rss, footer .icon-youtube { padding-left: 20px; } .icon-fb { background: transparent url(/lib-n/images/home/icons/icon-facebook.png) no-repeat left 5px; } .icon-twitter { background: transparent url(/lib-n/images/home/icons/icon-twitter.png) no-repeat left 5px; } .icon-rss { background: transparent url(/lib-n/images/home/icons/icon-rss.gif) no-repeat left 5px; } .icon-linkedin { background: transparent url(/lib-n/images/home/icons/icon-linkedin.png) no-repeat left 5px; } .icon-youtube { background: transparent url(/lib-n/images/home/icons/icon-youtube.png) no-repeat left 5px; } .copyright {clear:both; color:#797979; margin:20px auto 0; font-size: 10px;} /*====================== borders ======================*/ hr{background: transparent url(/lib-n/images/home/divider.png) repeat-x center center; border: medium none; height: 10px; } .divide { border-top: 1px solid #eee; clear: both; height: 0; margin: 1em 0 1em; } .divider{display:block; background: transparent url(/lib-n/images/home/divider.png) repeat-x center center; border: medium none; height: 10px; padding: 10px 0;} .top { background: transparent url(/lib-n/images/home/divider.png) repeat-x center center; padding:10px 0; height: 10px; display:block;} .top a { background:#fff; float:right; text-align:right; display: block; width:30px; height:10px; font-size:10px; color:#999;} .brdr_topbtm { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } .brdr_right { border-right: 1px solid #ddd; } .brdr_left { border-left: 1px solid #ddd; } .brdr_top { border-top: 1px solid #fff; } .brdr_top-gray { background: transparent url(/lib-n/images/home/divider.png) repeat-x 0 0; } .brdr_btm { border-bottom: 1px solid #ccc; } .brdr_vert3col { background: transparent url(/lib-n/images/home/brdr_vert3col.png) repeat-y 0 0; } .brdr_groove { background: transparent url(/lib-n/images/products/brdr-groove.jpg) repeat-y right 0!important; } .noborder{border:none!important;} .noborder_top { border-top: none!important; } .noborder_bottom { border-bottom: none!important; } /* =============== Buttons ======================*/ /*CSS Buttons*/ a.button, a.button2, a.button3, a.button4, a.button5, a.button6, a.button-gray-red, a.button-red, a.button-page, a.bigbutton { font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; background:transparent url(/lib-n/images/home/btn-bg.png) repeat-x scroll 0 0; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; /*box-shadow: 1px 1px 1px #aaa; -moz-box-shadow: 1px 1px 1px #aaa; -webkit-box-shadow: 1px 1px 1px #aaa;*/} a.button span, a.button2 span, a.button3 span, a.button-gray span, a.button4 span, a.button-green span, a.button5 span, a.button6 span, a.button-gray-red span, a.button-red span, a.bigbutton span { display:block; width:36px; height:30px; background:transparent url(/lib-n/images/home/btn-arrow.png) repeat scroll 5px -3px; position:absolute; right:0; top:0; } a.button5 span, a.button-gray-red span {background:transparent url(/lib-n/images/home/btn-arrowdrk.png) repeat scroll 5px -3px;} a.button7 span, a.button-red2 span { display:block; width:36px; height:30px; background:transparent url(/lib-n/images/home/btn-arrowdrk.png) repeat scroll 5px -3px; position:absolute; right:0; top:0; } a.button1 { background-color:#ce5207; border:1px solid #ce5207; color: #FFEBDF !important; text-shadow: 0px -1px 1px #AF4C20; } a.button2 { background-color:#2d9ad3; border:1px solid #067ebd; color: #FFF!important; text-shadow: none; } a.button3 { background-color:#777777; border: 1px solid #777; color: #EEEEEE!important; text-shadow: 0 1px 1px #444444; } a.button4 { background-color:#73a53c; border: 1px solid #73a53c; color: #FFFFFF!important; text-shadow: 0 -1px 1px #648F35;} a.button5 { background-color:#dddddd; border: 1px solid #ccc; color: #5f5f5f!important; text-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 1px #FFFFFF inset; -moz-box-shadow: 1px 1px 1px #FFFFFF inset; -webkit-box-shadow: 1px 1px 1px #FFFFFF inset;} a.button6 {background-color:#555360; border:1px solid #222; color: #eee !important; text-shadow: 0px -1px 1px #222; } a.button-gray-red { background:#e3e3e3 url(/lib-n/images/home/bg_btn2.png) repeat-x scroll 0 0; /*background: -moz-linear-gradient(center top , #efefef, #e3e3e3); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef),color-stop(1, #e3e3e3)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#efefef', EndColorStr='#e3e3e3', GradientType=0);*/ border: 3px solid #ccc; color: #bb0000!important; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #eee; box-shadow: 1px 1px 1px #FFFFFF inset; -moz-box-shadow: 1px 1px 1px #FFFFFF inset; -webkit-box-shadow: 1px 1px 1px #FFFFFF inset;} a.button-red { background-color:#bb0000; border: 1px solid #bb0000; color: #ffffff!important; text-shadow: -1px -1px 1px #880000;} /*a.button1:hover { background:#ce5207 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border:1px solid #ce5207; color:#FFEBDF; text-shadow: 0px -1px 1px #AF4C20; } */ a.button2:hover { background:#2d9ad3 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border:1px solid #067ebd; color:#FFFFFF; text-shadow: none; } a.button3:hover { background:#777777 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #777777; color: #EEEEEE; text-shadow: 0 1px 1px #444444; } a.button4:hover { background:#73a53c url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #73a53c; color: #FFFFFF; text-shadow: 0 -1px 1px #648F35;} a.button5:hover { background:#dddddd url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #cccccc; color: #5f5f5f; text-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 1px #FFFFFF inset; -moz-box-shadow: 1px 1px 1px #FFFFFF inset; -webkit-box-shadow: 1px 1px 1px #FFFFFF inset;} a.button6:hover { background:#54506d url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border:1px solid #222; color:#FFFFFF; text-shadow: none; } a.button-red:hover { background:#bb0000 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #bb0000; color: #FFFFFF; text-shadow: 0 1px 1px #880000;} a.button-green { border: 1px solid #73a53c; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #FFFFFF!important;text-shadow: 0 -1px 1px #648F35; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: -moz-linear-gradient(center top , #98bb70, #73a53c); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #98bb70),color-stop(1, #73a53c)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#98bb70', EndColorStr='#73a53c', GradientType=0);} a.button-green:hover { background: -moz-linear-gradient(center top , #73a53c, #98bb70); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #73a53c),color-stop(1, #98bb70)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#73a53c', EndColorStr='#98bb70', GradientType=0);} a.button-gray { border: 1px solid #777; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #FFFFFF!important;text-shadow: 0 -1px 1px #444444; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: -moz-linear-gradient(center top , #999999, #777777); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),color-stop(1, #777777)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#999999', EndColorStr='#777777', GradientType=0);} a.button-gray:hover { background: -moz-linear-gradient(center top , #777777, #999999); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777),color-stop(1, #999)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#777777', EndColorStr='#999999', GradientType=0);} a.button-red2 { border: 1px solid #aaa; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #bb0000!important;text-shadow: 0 1px 1px #fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background: url(/lib-n/images/home/bt-bg-gray.png) repeat-x scroll 0 0 #d1e7f8;} a.button-red2:hover { background: url(/lib-n/images/home/bt-bg-gray.png) repeat-x scroll 0 0 #acc6db; border: 1px solid #bb0000; text-shadow: 1px 1px 0 #fff;} a.button7 { border: 1px solid #acc6db; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #4d4d4d!important;text-shadow: 0 1px 1px #fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background: url(/lib-n/images/home/bt-bg.png) repeat-x scroll 0 0 #e1f0fb;} a.button7:hover {background: url(/lib-n/images/home/bt-bg.png) repeat-x scroll 0 0 #d2eafc; border: 1px solid #acc6db; text-shadow: 1px 1px 0 #fff;} a.button8 {background: url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -10px #fff; border: 2px solid #bbb; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #bb0000!important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } a.button8:hover {background:transparent url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -3px #eee; border: 2px solid #bb0000; text-shadow: 1px 1px 0 #fff;} a.button9 {background: url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -10px #fff; border: 2px solid #ccc; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #0060A6!important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } a.button9:hover {background:transparent url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -3px #eee; border: 2px solid #0060A6; text-shadow: 1px 1px 0 #fff;color: #0060A6 !important; } a.button-page { background-color: #CCCCCC;border: 3px solid #73A53C; color: #444444 !important; text-shadow: 0 1px 0 #FFFFFF; font-size:14px; padding:0 32px 0 10px;} a.button-page span { display:block; width:34px; height:30px; background:transparent url(/lib-n/images/home/icons/icon-page.png) repeat scroll 5px -1px; position:absolute; right:0; top:0; } a.button-page:hover{ background:#CCCCCC url(/lib-n/images/home/btn-bg-hover.png) no-repeat scroll 0 0; border: 3px solid #73A53C; color: #444; text-shadow: 0 1px 1px #fff; } /* BUY Button */ .bigbutton {float: left; margin: 20px 0 0 30px; padding:0; text-indent:-9999px; text-decoration:none!important; background:transparent url(/lib-n/images/products/buybutton-big.png) no-repeat scroll 0 -66px; display:inline-block; height:64px; width:290px} .bigbutton a { text-indent:-9999px; text-decoration:none!important; background:transparent url(/lib-n/images/products/buybutton-big.png) no-repeat scroll 0 0; display:block; height:64px; width:290px} .bigbutton-left {margin:20px 30px 0 0} .btn_icons { font-size:14px; font-weight:bold; text-decoration:none!important; letter-spacing: 0.5px; padding:0 22px 0 34px; background:#ddd url(/lib-n/images/home/bg_icons.png) no-repeat scroll 0 0; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 2px solid rgba(0,0,0,0.1); color: #fff!important; text-shadow: -1px -1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 2px rgba(255,255,255,0.25) inset; -moz-box-shadow: 0px 1px 2px rgba(255,255,255,0.25) inset; -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,0.25) inset;} .btn_icons span {display:block; width:36px; height:30px; background:transparent url(/lib-n/images/home/btn-arrowdrk.png) repeat scroll 5px -3px; position:absolute; right:0; top:0;} .btn-win{background-position: 0 2px; background-color:#8dc64e;} .btn-mac{background-position: 0 -48px;background-color:#36aada;} .btn-bb{background-position: 0 -100px;background-color:#999999;} .btn-droid{background-position: 0 -148px; background-color:#8dc64e;} .btn-compare{background:transparent url(/lib-n/images/home/CompareChart.png) repeat-x scroll 0 0; display:block; width:293px; height:64px; text-indent:-9999px; float:right;} .btn-compare:hover{background-position: 0 -64px; } /* =============== New Buttons ======================*/ .btn, .btn:visited { background: #222 url(/lib-n/images/home/btn-bg.png) repeat-x 0 0; letter-spacing: 0.05em; display: inline-block; margin:5px 0; padding: 5px 10px 6px; color: #fff!important; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } .btn span {font-weight:normal; font-size:80%; text-transform:uppercase;} .btn:hover { text-decoration: none !important; } .btn:active { top: 1px; } .smallest.btn, .smallest.btn:visited { font-size: 11px; margin: 0 !important; padding: 2px 10px 4px; } .smaller.btn, .smaller.btn:visited { font-size: 12px; padding: ; } .btn, .btn:visited, .medium.btn, .medium.btn:visited { font-size: 14px; font-weight: bold; line-height: 1.1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.btn, .large.btn:visited { font-size: 16px; padding: 8px 19px 9px; } .purple.btn, .purple.btn:visited { background-color: #666087; color:#fff!important;} .green.btn, .green.btn:visited { background-color: #73a53c; color:#fff!important;} .gray.btn, .gray.btn:visited { background-color: #777; color:#fff!important;} .blue.btn, .blue.btn:visited { background-color: #2d9ad3; color:#fff!important;} .red.btn, .red.btn:visited { background-color: #bb0000; color:#fff!important;} .orange.btn, .orange.btn:visited { background-color: #ce5207; color:#fff!important;} .yellow.btn, .yellow.btn:visited { background-color: #ffb515; color:#fff!important;} .silver.btn, .silver.btn:visited { background-color: #f5f5f5; color:#4d4d4d!important;} .orange-alt.btn, .orange-alt.btn:visited {background-color: #FF9805; background-image: -moz-linear-gradient(top, #FFBC00, #FF6D06); background-image: -ms-linear-gradient(top, #FFBC00, #FF6D06); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFBC00), to(#FF6D06)); background-image: -webkit-linear-gradient(top, #FFBC00, #FF6D06); background-image: -o-linear-gradient(top, #FFBC00, #FF6D06); background-image: linear-gradient(top, #FFBC00, #FF6D06); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b4ec', endColorstr='#1f8bc5', GradientType=0); border-color: #FF7826 #FF7826 #A24A24; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); box-shadow: 0px 1px 1px #fff inset; letter-spacing: inherit; font: 700 14px/23px open-sans, Arial,Helvetica,sans-serif; margin-top: 0; } /* New Button arrow styles lg for 2 row text */ .bg_btn-arrow, .bg_btn-arrow:visited { background: transparent url(/lib-n/images/home/bg_btn-arrow.png) repeat-x right 0 ; padding-right:40px} .bg_btn-arrow-lg, .bg_btn-arrow-lg:visited { background: transparent url(/lib-n/images/home/bg_btn-arrow-lg.png) repeat-x right 0 ;} .livechat, .livechat:visited {background: url(/lib-n/images/home/bt-bg.png) repeat-x scroll 0 -1px #E3E3E3; color:#4d4d4d!important;letter-spacing: 0.05em; display: inline-block; margin:10px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 2px solid #ccc; position: relative; cursor: pointer; text-align:center; text-shadow: 0 1px 0 #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .livechat:hover{background:#f3f3f3 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px; /*border:#008740 2px solid;*/ text-decoration:none;} .livechat span{color:#008740;} #pro .livechat:hover{border:#457EA7 2px solid; text-decoration:none;} #pro .livechat span{color:#457EA7;} .buynow{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 5px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#bb0000 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow span {color:#008740;} #pro .buynow:hover {border:#457EA7 2px solid; text-decoration:none;} #pro.buynow span {color:#457EA7;} .buynow-green{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; background:#19872A url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; } .buynow-green:hover {border: 1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#19872A url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-red{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#bb0000 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-red:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#bb0000 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-purple{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-purple:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-orange{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#CE5207 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-orange:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-blue{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#5971A0 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-blue:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#5971A0 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-top{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 5px; font-size: 16px; padding: 8px 18px 4px ; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#B50D0A url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset, 0 3px 4px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset, 0 3px 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset, 0 3px 4px rgba(0, 0, 0, 0.35);} .buynow-top:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-silversm{color:#4d4d4d!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 5px; font-size: 13px; padding: 3px 10px 4px; text-decoration: none; border: 1px solid #bbb; position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#e5e5e5 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -2px; box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset;} .buynow-silversm:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; background:#fff url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-silversm img{ vertical-align: bottom;} /* =============== icons ======================*/ /* small icons */ .icon-home, .icon-biz , .icon-chat, .icon-buy, .icon-demo, .icon-download, .icon-page {padding-left:34px} .icon-home { background: url(/lib-n/images/home/icons/icon-home.png) no-repeat scroll 0 0; } .icon-biz { background: url(/lib-n/images/home/icons/icon-biz.png) no-repeat scroll 0 0; } .icon-chat { background: url(/lib-n/images/home/icons/icon-chat.png) no-repeat scroll 0 0; } .icon-buy { background: url(/lib-n/images/home/icons/icon-buy.png) no-repeat scroll 0 0; } .icon-demo { background: url(/lib-n/images/home/icons/icon-demo.png) no-repeat scroll 0 0; } .icon-download { background: url(/lib-n/images/home/icons/icon-download.png) no-repeat scroll 0 0; } .icon-page {display:block; min-height:32px; background: url(/lib-n/images/home/icons/icon-page.png) no-repeat scroll 0 0; } /* large icons */ .icon-page2 { padding-left: 44px } .icon-page2 {display:block; min-height:42px; background: url(/lib-n/images/home/icons/icon-page2.png) no-repeat scroll 0 0; } /* mobile icons */ .icon-mobile-sms {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 -100px; text-indent: -9999px; } .icon-mobile-email {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 0; text-indent: -9999px; } .icon-mobile-BBM {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 -50px; text-indent: -9999px; } .icon-mobile-logs {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 -150px; text-indent: -9999px; } /* REC Icons*/ .icon-rec { background: url(/lib-n/images/products/icon-rec.png) no-repeat scroll 0 0 transparent; display: block; float: left; width: 50px; height: 48px; overflow: hidden; padding: 0; text-indent: -9999px; } .icon-rec-sm { background: url(/lib-n/images/products/icon-rec-sm.png) no-repeat scroll 0 0 transparent; display: block; float: left; width: 32px; height: 32px; overflow: hidden; padding: 0; text-indent: -9999px; } .icon-rec.screensnapshots, .icon-rec-sm.screensnapshots{ background-position: 0 -990px; } .icon-rec.chat, .icon-rec-sm.chat { background-position: 0 -105px; } .icon-rec.keystrokes, .icon-rec-sm.keystrokes { background-position: 0 5px; } .icon-rec.myspace, .icon-rec-sm.myspace { background-position: 0 -433px; } .icon-rec.searches, .icon-rec-sm.searches { background-position: 0 -655px; } .icon-rec.sitesvisited, .icon-rec-sm.sitesvisited { background-position: 0 -315px; } .icon-rec.sitesvisited2, .icon-rec-sm.sitesvisited2 { background-position: 0 -875px; } .icon-rec.top10, .icon-rec-sm.top10 { background-position: 0 -348px; } .icon-rec.email, .icon-rec-sm.email { background-position: 0 -210px; } .icon-rec.program, .icon-rec-sm.program, { background-position: 0 -765px; } .icon-rec.keywords, .icon-rec-sm.program, { background-position: 0 -1072px; } .icon-rec.Passwords, .icon-rec-sm.Passwords { background-position: 0 -120px; } .icon-rec.RemoteViewer, .icon-rec-sm.RemoteViewer { background-position:0 -542px; } .icon-rec.NewforMac, .icon-rec-sm.NewforMac { background-position: 0 -120px; } .icon-plus{background: url(/lib-n/images/products/icon-plus.png) no-repeat scroll 0 2px transparent; display: inline-block; width: 14px; height: 14px; overflow: hidden; padding: 0; margin-left:5px; text-indent: -9999px; } /* =============== TABS ======================*/ ul.tabs { margin: 20px 0 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: medium none; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0 !important; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px!important; /*--Vertically aligns the text within the tab--*/ border-color: #DDDDDD #DDDDDD #FFFFFF; border-style: solid solid solid none; border-width: 1px 1px 1px medium; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none!important; color: #888; display: block; font-size: 13px; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.current, html ul.tabs li.current a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } .tab_container {border: 1px solid #ddd; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; margin-bottom:15px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;} .home-solutions .tab_container { border-color:#B1C3DA;} .home-solutions ul.tabs { border-bottom: 1px solid #B1C3DA; border-left: 1px solid #B1C3DA; } .home-solutions ul.tabs li { border-color: #B1C3DA #B1C3DA #FFFFFF;} .home-solutions.tab_content{ min-height: 310px;} .bus-solutions .tab_content {padding: 20px; min-height: 380px;} .tab_content {padding: 20px; min-height: 280px;} .tab_content .grid6 {width: 430px;} .home-solutions .tab_content{ min-height: 270px!important; padding:20px 15px 5px;} .tab_content ul {font-size:90%; margin-bottom: 20px;} /*.tab_content ul li a{display:block;} */ ul.tabs .current {background:#fff; color:#444 } ul.tabs .current li{background:#fff; border-bottom: 1px solid #fff; } .bus-solutions ul.tabs li a:link, .bus-solutions ul.tabs li a:visited, .home-solutions ul.tabs li a:link, .home-solutions ul.tabs li a:visited { text-decoration: none!important; color: #888; display: block; font-size: 13px; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } .bus-solutions ul.tabs .current, .home-solutions ul.tabs .current{background:#fff; color:#444!important; } /* =============== Tool Tip ======================*/ /* trigger button */ .tooltip-trigger { cursor:pointer; } /* tooltip styling */ .tooltip {display:none; background:#eee; padding:15px 15px 5px; font-size:14px; color:#444; border: 4px solid #ddd; text-shadow:0 1px 0 #fff; z-index:999; } .tooltip a.button {margin:5px 5px 10px 0;} .tooltip h2 {padding:0 0 10px; line-height:20px; font-size:22px;} .tooltip p {padding:5px 0;} /*====================== UL and lists ======================*/ ul { border-top: 1px dotted #CCCCCC;} ul li { background-position: left 5px; background-repeat: no-repeat; list-style: none outside none; font-size: 13px; line-height: 18px; margin-left:0; padding: 5px 0 5px 20px; border-bottom: 1px dotted #CCCCCC;} .list {margin-bottom: 5px; margin-left: 20px;} .list li {border-bottom: none; padding-left: 0; list-style:disc;} ul.button-list li {margin:0; padding:0 5px; line-height: 34px; display:block; position:relative} .home-solutions ul.button-list li { color: #0060A6;} ul.button-list li em{font-style:normal; } ul.button-list li span {position:absolute; right:3px; top:8px; line-height:normal; margin:0; padding:0;} *ul.button-list li span {top:0px;} .half li { float: left; margin: 0 4% 0 0; padding: 5px 0 5px 5%; width: 40%; } .button-list .btn, .button-list .btn:visited {margin:0!important;} .quotes li{padding:10px 0;} .plain li{padding:5px;} .hm-bus-links em {font-style:normal; font-weight:bold; font-family: arial;} .hm-bus-links a { color:#990000 /*#8A3F4F*/ ; text-decoration:underline;} .hm-bus-links a:hover {color:#000;} .hm-bus-links li{font-size:12px} .screenshots li {padding:10px 0;} .screenshots p {padding:0 0 0 100px;} .bullet_arrow_line li, .bullet_arrow_line ul li {background-color:#fff; background-image: url(/lib-n/images/home/icons/bullet_arrow_line.png); display:block;} .bullet_arrow_line li, .bullet_arrow_line ul li {background-color:#fff; background-image: url(/lib-n/images/home/icons/bullet_arrow_line.png); display:block;} .bullet_arrow_line li:hover{background-color:#f8f8f8;} .bullet_greenarrow li, .bullet_greenarrow ul li {background-color:#fff; background-image: url(/lib-n/images/home/icons/bullet_greenarrow.png); display:block;} .bullet_greenarrow li:hover{background-color:#f8f8f8;} ul.bullet-check-green, ul.bullet-small-check-green, ul.bullet-check-blue, ul.bullet-small-check-blue, ul.bullet-check-orange, ul.bullet-small-check-orange, ul.bullet-check-gray , ul.bullet-small-check-gray { border: none; margin:10px 0;} .bullet-check-green li, .bullet-check-blue li, .bullet-check-orange li, .bullet-check-gray li { color: #4D4D4D; line-height: 18px; padding: 5px 0 8px 28px; text-shadow: 0 1px 1px #FFFFFF; border: none;} .bullet-check-green li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -80px 10px transparent; } .bullet-check-blue li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -60px -20px transparent;} .bullet-check-orange li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -40px -51px transparent;} .bullet-check-gray li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -20px -81px transparent;} .bullet li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -130px -182px transparent;} .bullet-small-check-green li, .bullet-small-check-blue li, .bullet-small-check-orange li, .bullet-small-check-gray li {color: #63686c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height: 16px; padding: 8px 0 2px 28px; margin:0 5px;text-shadow: 0 1px 1px #FFFFFF; border: none; } .bullet-small-check-green li {background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -20px -81px transparent;} .bullet-small-check-green li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -80px 10px transparent; } .bullet-small-check-blue li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -60px -20px transparent;} .bullet-small-check-orange li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -40px -51px transparent;} .bullet-small-check-gray li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -20px -81px transparent;} .tab_content dl {clear:both; display:block; border-bottom: 1px dotted #CCCCCC; padding:10px 5px;} .tab_content dl:hover {background-color:#f5f5f5;} .tab_content dt {width:30%; display:block; float: left;} .tab_content dd {width:65%; padding-left:5%; display:block;float: left;} .tab_content .bullet li a{color: #0060A6; text-decoration:underline;} .tab_content .bullet li a:hover{color: #73A53C !important; text-decoration:underline;} /* =============== Images ======================*/ .img-left{float:left; margin:0 10px 5px 0; } .img-right{float:left; margin:0 5px 10px; } a.img-zoom img{border:2px #ddd solid; border: 4px solid #EEEEEE; box-shadow: 0 0 4px #888; -moz-box-shadow: 0 0 4px #888; -webkit-box-shadow: 0 0 4px #888;} a.img-zoom{background: url(/lib-n/images/home/icons/zoom.png) no-repeat scroll center center #fff; display:inline-block !important; position:relative;} a.img-zoom:hover span.zoom { opacity:1; } /* =============== Misc ======================*/ .flt-left {float:left!important; } .flt-right {float:right!important; } .text-right {text-align: right !important;} .text-center {text-align: center!important;} .pad-top {padding-top:20px;} .lower {text-transform:lowercase!important;} .center {margin-left:auto; margin-right:auto;} .rel {position:relative;} .text-shadow{text-shadow:0 1px 0 #FFFFFF;} .smaller {font-size:90%!important;} .small{font-size:10px!important;} .larger{font-size:120%!important; } .caps {text-transform:uppercase!important;} /* phone number in main nav fix this can be removed when adjusted in main style sheet */ .phoneNum { border-bottom:none;} .phoneNum strong{color: #bb0000!important;} li.phoneNum a { font-size: 11px;} li.phoneNum img {display: none;} .no-bg{background:none transparent!important;} .block{display:block;} .hide{display:none;} /* =============== margins mt=top mb=bottom mtb= top/bottom padding ======================*/ .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;} .mt70 {margin-top:70px !important;} .mb0 {margin-bottom:0 !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .mb38 {margin-bottom:38px !important;} .mb40 {margin-bottom:40px !important;} .mb48 {margin-bottom:48px !important;} .mb55 {margin-bottom:55px !important;} .mtb{margin-top:0 !important; margin-bottom:0 !important;} .padtb {padding-top:0!important; padding-bottom:0!important;} .padb {padding-bottom:0!important;} .padt {padding-top:0!important;} .padl {padding-left:0!important;} .padr {padding-right:0!important;} .padt5 {padding-top:5px !important;} .padt10 {padding-top:10px !important;} .padt20 {padding-top:20px !important;} .padt30 {padding-top: 30px !important;} .padt30 {padding-top: 30px !important;} .padb10 {padding-bottom:10px !important;} .padb20 {padding-bottom:20px !important;} .padb40 {padding-bottom: 40px !important;} .pad5 {padding:5px;} .pad10 {padding:10px;} .padl0 {padding-left: 0 !important;} .img-l{margin:0 10px 10px 0;} /* =============== TOGGLE ======================*/ .trigger {display:block; padding: 3px 0 0 32px; margin: 0 0 5px; background:#eee url(/lib-n/images/home/icons/toggle_open.png) no-repeat 8px 11px; height: 34px; line-height: 34px; font-size:15px; clear:both; border:1px solid #fff; box-shadow: 0 0 2px #BBBBBB; -moz-box-shadow: 0 0 2px #BBBBBB; -webkit-box-shadow: 0 0 2px #BBBBBB; padding: 1px 0 0 32px; text-shadow: 0 1px 0 #FFFFFF;} .trigger2 {display:block; padding: 3px 0 0 32px; margin: 0 0 5px; background:#eee url(/lib-n/images/home/icons/toggle_open2.png) no-repeat 8px 11px; background-color: transparent !important; height: 34px; line-height: 34px; font-size:15px; clear:both; border:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; top: 16px;} .trigger a { text-decoration: none; display:block; color:#555; } .trigger:hover { background-color:#ddd; } .active{background-color:#eee; background-position: 8px -46px; } .active a{ color:#333;} .toggle_container { margin:0; padding:10px 0 30px; overflow: hidden; width:100%; clear: both; float:left; display:block; } .toggle_container .block { padding: 20px 0; /*--Padding of Container--*/ } .grid4_box .toggle_container {width:210px!important; padding:0!important;} .grid8 .toggle_container {width:600px; padding:5px;} /* =============== nivoslider ======================*/ #slider1 .nivo-caption h2, #slider2 .nivo-caption h2 {font-size:21px;line-height:1.2em;font-weight:bold;padding:0;letter-spacing:.1px;} #slider1 .nivo-caption p, #slider2 .nivo-caption p { font-size:16px; line-height:1.4em; font-weight:normal; padding: 0 0 10px;} #slider1 .nivo-caption p span, #slider2 .nivo-caption p span{ color:#CE5207;} #slider-small .nivo-controlNav { background: none repeat scroll 0 0 transparent; bottom: -25px; position: absolute; right: 0; } #slider-small .nivo-caption { color:#444;opacity:1.0;position:absolute;left:5px;top:0;width:100%;z-index:89; } #slider-small .nivo-caption p { text-indent:0; color: #63686C; font-size:13px; line-height:1.5em; font-weight:normal; opacity:1.0; padding: 0 0 10px; } #slider-small .nivo-directionNav a{ display:none!important;} #slider-small .nivo-caption cite { text-align:left; color:#888; line-height:2em;} .mobile-btns {padding-top:105px;} .video {display:block; position:absolute; right:-298px; top:-20px; background:#333; width:250px; height:150px; cursor: pointer; } /* =============== PrettyPhoto Lightbox ======================*/ div.pp_overlay { background: none repeat scroll 0 0 #000;} .home-solutions div.pp_overlay { background: none repeat scroll 0 0 #73a53c;} .pp_description {font-size:120%; display: none; margin: 0 0 5px; text-align: center !important;} .div.pp_pic_holder{top:20px!important;} /* =============== Have A Question ======================*/ /* have a question */ .question { background: #fff url(/lib-n/images/products/question.jpg) no-repeat right 0; border: 1px solid #ccc; box-shadow: 0 0 5px #BBBBBB; -moz-box-shadow: 0 0 5px #BBBBBB; -webkit-box-shadow: 0 0 5px #BBBBBB;} .question:hover { background: #fff url(/lib-n/images/products/question.jpg) no-repeat right 0;} .question .phone { color: #bb0000; font-size: 26px; line-height: 26px; font-weight: bold; margin: 15px 0 0; padding: 5px 0 0; text-align: center;} .question .phonesub { font-size: 16px; font-weight: bold; padding: 0; text-align: center;} /* =============== WEBINAR ======================*/ .webinar{ background: url(/lib-n/images/home/gradient-btm.jpg) repeat-x scroll 0 bottom #FFFFFF; border: 1px solid #ccc; margin-bottom:20px; padding: 20px 20px 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);} .tab_content section:first-child h2{color: #fff; padding: 8px 10px 5px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65); background:#667787 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -1px; border-width: 1px; border-color: #667787; border-style: solid; font-size:16px; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .webinar h2{color: #4d4d4d; margin: -20px -20px 20px; padding: 8px 10px 5px; text-shadow: 0 1px 0 #fff; background:#ddd url(/lib-n/images/home/bt-bg.png) repeat-x 0 -1px; border-width: 1px 0; border-color: #ccc; border-style: solid; font-size:16px; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .webinar p{} .webinar ul{border-top:none; margin-bottom: 0; margin-top: 5px;} .webinar .buynow-silversm {margin:10px 0; float:right;} .date{color:#5581AA} .date strong{color:#63686C} .webinar ol{padding: 10px 20px;} .webinar ol li{padding: 5px 0;} /* =============== Sidebar ======================*/ #sidebar {padding-top:0; margin-top: 55px;} #sidebar a{color:#5581AA} #sidebar h5:first-child {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;} #sidebar h5{ background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding: 8px 15px; margin:-1px -19px 0; text-shadow: 1px 1px 1px #FFFFFF; text-transform: uppercase; font-size:12px; color:#4d4d4d; text-shadow:0 1px 0 #fff; font-weight:800;} #sidebar ul {margin:10px 0 20px;} #sidebar ul li, #sidebar ul {border:none;} #sidebar ul li{padding:0;} #img247{padding-top:10px} #header-container .el-wrapper {width: 990px;} #header .el-wrapper { width: 990px; margin:0 auto; } .header.sticky.animated { border-bottom: 1px solid #e4e4e4; background: #fff;} .header.sticky { width: 100%; margin:0 auto; background: #F1F1F1;} /* .header.sticky { width: 100%; background: #fff; margin:0 auto; } */ /* =============== SOCIAL LINKS ======================*/ .addthis_toolbox{background: none repeat scroll 0 0 #EEEEEE; border-color: #DDDDDD; border-style: none solid solid; border-width: medium 1px 1px; display: block!important; margin: 0 3px 4px; padding: 3px 5px; float:right; min-width: 90px; } #socials{position:relative;overflow:hidden!important;} #socials span{ display: inline-block; width: 52px; z-index:1!important; padding-right: 37px;} #socials em{ background: none repeat scroll 0 0 #FFFFFF; padding: 0 0 0 8px; position: absolute; right: 0; z-index: 999 !important;} /* Home Page 06/07/2012 */ .ir { border: 0; font: 0/0; text-shadow: none; color: transparent; background-color: transparent; text-indent: -9999em; } .il li { display: inline-block; } .home .bdr { border-bottom: 1px solid #dbdbdb; } .home ul, .home li { padding: 0; } .leaderboard { min-height: 300px; height: auto !important; height: 300px; } .leaderboard > div { margin: 0 auto; position: relative; width: 950px; } .lb-intro { padding-top: 48px; width: 410px; } .lb-intro > h1 { color: #fff; font: 700 28px/32px open-sans, Arial,Helvetica,sans-serif; text-transform: none; text-shadow: 1px 2px rgba(0,0,0, .2); } .lb-intro > p { color: #fff; font: 500 15px/24px open-sans, Arial,Helvetica,sans-serif; line-height: 24px; text-shadow: 1px 2px rgba(0,0,0, .2); } .lb-cne { background: url(/products/spector-cne/images/cne-leaderboard-bg.jpg) left top repeat-x; } .lb-cne > div { background: url(/products/spector-cne/images/cne-hero.png) 450px bottom no-repeat, url(/products/spector-cne/images/cne-hero-bg.jpg) -85px top no-repeat; height: 300px; } .lb-work-solutions { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2YzZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e7f3fa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7f3fa)); background: -webkit-linear-gradient(top, #ffffff 0%,#e7f3fa 100%); background: -o-linear-gradient(top, #ffffff 0%,#e7f3fa 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e7f3fa 100%); background: linear-gradient(to bottom, #ffffff 0%,#e7f3fa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7f3fa',GradientType=0 ); padding: 2em 0 2em; border-bottom: 1px solid #eee; overflow: hidden; } .lb-work-solutions [class^="grid"] { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .lb-home-solutions { background: #494c56 url(/lib-n/images/solutions/home-solutions-hero-bg.jpg) center no-repeat; height: 298px; padding: 1.25em 0 0; border-bottom: 1px solid #eee; } .home .hero { background: url(/lib-n/images/home/corp-hero.jpg) left bottom no-repeat; background-size: cover; padding-top: 100px; text-align: center; height: 300px; } .gen-button.hero-button { background: #3890d0; font-family: 'Roboto'; font-size: 18px; font-weight: 300; border: none ; padding: 15px 30px; margin-top: 21px; border-radius: 0; } .center-align { text-align: center; } .home .inner { width: 932px; margin: 0 auto; position: relative; } .hero .inner { margin: 0 auto; position: relative; width: 950px; } .home .intro-wrapper { margin-left: 70px; } .home .intro { color: #f1f1f1; font-size: 27px; line-height: 1.45em; text-align: center; font-weight: 300; padding: 0; font-style: italic; margin-bottom: 12px; } .home .hero h1 { color: #f1f1f1; font-size: 48px; line-height: 1em; font-weight: 400; text-transform: none; text-shadow: none; text-align: center; margin-bottom: 12px; } .home h2 { font-size: 34px; font-weight: 300; margin: 0 0 36px; padding: 0; text-align: center; } .home .solutions { background: #fff; padding-top: 56px; padding-bottom: 36px; text-align: center; } .home .solutions h3 { font-size: 24px; font-weight: 300; padding-top: 0; text-align: center; } .home .solutions a:hover { text-decoration: none; } .home .solutions, .home .solutions p { font-size: 15px; line-height: 1.65em; text-align: center; } .solutions-icon { display: block; margin: 0 auto 18px; } .testimonial { clear: both; color: #797979; text-align: center; width: 600px; margin: 0 auto; } .testimonial .quote blockquote { font-family: 'Roboto'; color: #797979; font-size: 18px; line-height: 1.65em; font-weight: 300; font-style: italic; } .testimonial .quote figcaption { font-size: 12px; } .home .featured-products { border-top: 1px solid #F1F2F3; padding-top: 36px; padding-bottom: 36px; } .clickable { display: block; } .lip-divider { background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(0%,rgba(248,248,248,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -o-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -ms-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* IE10+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* W3C */ padding-top: 20px; } .home .il { border-top: none; text-align: center; } .il.border li { border-right: 1px dotted #ccc; border-bottom: none; } .il a { color: #369; } .il.border .last { border: none; } .popular-products h3 { color: #212121; font-size: 15px; text-align: center; } .product-list dt { text-align: center; } .product-list dd { text-align: center; width: 146px; } .callout-mod { background: #fff; border: 1px solid #DBDBDB; border-radius: 3px; margin-bottom: 5px; padding: 15px 10px 0; position: relative; overflow: hidden; } .callout-mod h4 { color: #3890d0; margin: 0; padding: 0; text-align: center; } .callout-mod p { color: #888; font-size: 13px; text-align: center; } .callout-mod .slide { background: rgb(0,0,0); background: rgba(0,0,0, .7); bottom: -28px; color: #fff; display: block; font-size: 14px; left: 0; padding: 5px; position: absolute; text-align: center; width: 278px; opacity: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .callout-mod a:hover .slide { bottom: 0; opacity: 1; } .cne-ad { background: #fff url(/lib-n/images/home/banners/cne-general.png) 50% bottom no-repeat; } .server-manager-ad { background: #fff url(/lib-n/images/home/banners/server-manager-general.png) 50% bottom no-repeat; } .dm-ad { background: #fff url(/lib-n/images/home/banners/disk-monitor-rpm.png) 50% bottom no-repeat; } .ebm-ad { background: #fff url(/lib-n/images/home/banners/ebm-general.png) 50% bottom no-repeat; } .s360-vid { background: #fff url(/lib-n/images/home/banners/360-video-tease.png) 50% 79px no-repeat; } .s360-recon-vid { background: #fff url(/lib-n/images/home/banners/360-recon-video-tease.png) 50% 79px no-repeat; } .s360-ad { background: #fff url(/lib-n/images/home/banners/360-monitor.png) 50% bottom no-repeat; } .callout-mod a { color: #787878; display: block; padding-bottom: 117px; text-decoration: none; } .callout-mod:hover { background-color: #eee; } .awards { text-align: center; clear: both; } .awards > img { margin-top: 36px; } .home .os-icon.mac { background: url(/lib-n/images/home/os-icon-sprite.png) center -39px no-repeat; } .home .os-icon.win { background: url(/lib-n/images/home/os-icon-sprite.png) center -60px no-repeat; } .home .os-icon.droid { background: url(/lib-n/images/home/os-icon-sprite.png) center top no-repeat; } .home .os-icon.bb { background: url(/lib-n/images/home/os-icon-sprite.png) center -21px no-repeat; } .home .os-icon.pc-mac { background: url(/lib-n/images/home/os-icon-sprite.png) center -86px no-repeat; } span.icon { height: 50px; width: 68px; display: inline-block; vertical-align: middle;; } span.txt { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -61px no-repeat; } span.email { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -135px no-repeat; } span.loctracking { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -902px no-repeat; } span.callog { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -964px no-repeat; } span.photos { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -763px no-repeat; } span.review { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -348px no-repeat; } span.secureaccess { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -823px no-repeat; } span.history { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -831px no-repeat; } .dl-button { width: auto; border: 1px solid #c43307; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; line-height: .9em; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0, .3); -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: #e35a44; /* Old browsers */ background: -moz-linear-gradient(top, #e35a44 0%, #c63c33 41%, #a91f23 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e35a44), color-stop(41%,#c63c33), color-stop(100%,#a91f23)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* IE10+ */ background: linear-gradient(to bottom, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35a44', endColorstr='#a91f23',GradientType=0 ); /* IE6-9 */ } .dl-button:hover { text-decoration: none; background: #da383d; /* Old browsers */ background: -moz-linear-gradient(top, #ea8070 0%, #d76961 41%, #da383d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8070), color-stop(41%,#d76961), color-stop(100%,#da383d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ea8070 0%,#d76961 41%,#da383d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ea8070 0%,#d76961 41%,#da383d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ea8070 0%,#d76961 41%,#da383d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ea8070 0%,#d76961 41%,#da383d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8070', endColorstr='#da383d',GradientType=0 ); /* IE6-9 */ } .dl-button:link, .dl-button:visited, .dl-button:hover, .dl-button:active { color: #fff; } .dl-button:active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.33), 0 1px 4px rgba(0, 0, 0, 0.4) inset; } .dl-button.medium { font-size: 18px; } .box-lightblue .dl-button { width: 211px; margin-bottom: 10px; } #eb-win .button-single .dl-button, #eb-mac .button-single .dl-button { padding: 10px 14px 11px; } .dl-button.green { border: 1px solid #8aaf61; background: #a9c887; /* Old browsers */ background: -moz-linear-gradient(top, #a9c887 0%, #79a745 37%, #73a53c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9c887), color-stop(37%,#79a745), color-stop(100%,#73a53c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a9c887 0%,#79a745 37%,#73a53c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a9c887 0%,#79a745 37%,#73a53c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a9c887 0%,#79a745 37%,#73a53c 100%); /* IE10+ */ background: linear-gradient(to bottom, #a9c887 0%,#79a745 37%,#73a53c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c887', endColorstr='#73a53c',GradientType=0 ); /* IE6-9 */ } .dl-button i { font-style: normal; } .dl-button .text{ color: #fac085; display: block; font-size: 13px; margin-top: 2px; text-transform: none; } .dl-button.green .text { color: #fff; } .button-single.tour { float: left; margin: 20px 25px 0 0; } .tour .dl-button { padding: 10px 20px 9px; } .barker .dl-button { margin-top: 5px; padding: 9px 0 9px; width: 210px; } .barker span { /*padding: 15px 10px 15px 10px;*/ font-size: 22px; } .barker .price { display: block; } .sidebar .barker { text-align: center; } .button-single { text-align: center; } .table { border-spacing: 1px; border-collapse: separate; border: 1px solid #eee; border-radius: 3px; } .table thead {background: #eee; font-size: 14px; color: #5D5D5D; text-align: center;} .table thead tr th, .table tfoot tr td { padding: 8px 10px 9px; font-weight: bold; color: ##5D5D5D; } .table tbody tr td {color: #333; padding: 9px 10px; vertical-align: top; border: none;} .table--compare { width: 100%; border: none; border-spacing: 0; } .table--compare .feature { text-align: left; } .table--compare thead th { padding: 15px !important; border-bottom: 1px solid #e0e0e0; font-weight: bold } .table--compare tbody tr th { padding: 11px 10px; font-weight: normal; } .table--compare tbody tr td { text-align: center; } table.table--compare tr td, .table--compare th { border-bottom: 1px solid #eee; } .table--compare .cta-row td, .table--compare .cta-row th { border-bottom: none; padding-top: 20px; } .table--compare tbody tr:nth-child(even) { background: #fff !important; } .table tbody tr:nth-child(even) { background: #eee; } .table--compare .fa{ font-size: 18px; color: #7DBB6D; } .plain-list { border: none; margin-left: 18px; } .plain-list > li { border-bottom: none; list-style-type: disc; padding-left: 0; } .ico { display:inline-block; } .ico-24 { height: 24px; width: 24px; } .ico-magnifier { background: url(/lib-n/images/search-24x24.png) 50% 50% no-repeat; } .zoom { position: relative; display: block; } .zoom .ico { background-color: rgb(0,0,0); background-color: rgba(0,0,0, .7); border-radius: 4px; padding: 5px; position: absolute; top: 50%; right: 50%; margin-right: -17px; margin-top: -17px; } .ss-thumb { border: 1px solid #ccc; } .award { border-radius: 4px; border: 1px solid #dedede; position: relative; height: 208px; overflow: hidden; box-shadow: 0 2px 2px -1px rgba(0,0,0, .3); } .award:hover .award-details { -webkit-transform: none; /*opacity: 1;*/ } .award-details { background: rgba(0,0,0, .5); /*opacity: 0;*/ padding: 10px; position: absolute; -webkit-transition: all .5s ease; -webkit-transform: rotate(30deg) translate(233px); } .os { font: 500 14px/24px "Open Sans", Arial,Helvetica,sans-serif; } .os h1, .os h2, .os h3, .os h4 { font-family: "Open Sans", Arial,Helvetica,sans-serif; } .section-heading { color: #444; font-size: 32px; font-weight: 600; line-height: 32px; padding: 1em 0 0; text-transform: none; } .home-solutions .section-heading { font-family: 'Roboto', Arial, Helvetica; color: #fff; font-weight: 400; text-shadow: none; margin-bottom: 10px; } .home-solutions .section-heading span { background: #125c91; background: rgba(18, 92, 145, 0.5); display: inline-block; padding: 10px; margin-bottom: -1px; } .home-solutions .section-subheading { color: #fff; margin-right: 60px; } .hero-details { border-top: 0; margin: 0; padding: 0; } .hero-details > li { font-size: 14px; color: #fff; border: none; padding: 0; } .hero-disclaimer { color: #092d1a; font-size: 10px; display: block; line-height: 13px; margin-top: 5px; width: 434px; } .section-subheading { color: #444; font-size: 18px; margin-bottom: 1em; } .solutions-product-list-entry { overflow: hidden; } .solutions-product-list-entry [class~="grid"] { margin-bottom: 0; } .solutions-product-list { margin: 0 0 2em; } .solutions-product-list h2 { text-align: center; } .article { color: #444; font: 500 16px/1.617em "Open Sans", Arial,Helvetica,sans-serif; } .article h1, .article h2, .article h3, .article h4 { color: #333; font-family: "Open Sans", Helvetica, Arial; padding: 0; } .article h2 { margin: 0 0 15px; } .article-inner { margin: 0 auto; width: 770px; } .article-heading { color: #444; font-size: 34px; font-weight: 500; line-height: 37px; padding: 0; text-transform: none; } .article-subheading { color: #444; font-size: 18px; line-height: 32px; margin-bottom: 0 !important; margin-top: 3px !important; } .article-callout { color: #333 !important; font-family: Georgia, serif; font-size: 18px !important; line-height: 1.432em !important; width: 500px; margin: 0 auto 25px; } .article-body { margin: 0 auto; padding: 25px 0 25px; width: 770px; } .article p { font-size: 16px; line-height: 1.617em; margin-bottom: 25px; padding: 0; } .article ul { margin-bottom: 25px; } .article li { font-size: 16px; line-height: 1.617em; } .section-tagline { text-align: center; padding: 2.5em 0; } .lowlight { color: #999; } .section-tagline > h2 { color: #767676; font-size: 18px; line-height: 21px; font-style: italic; padding: 1em 0 0; } .solutions-product-title { font-size: 18px; padding: 0; } .solutions-product-title > a { color: #2275ab; font-weight: 600; } .solutions-product-subtitle { margin: .2em 0; padding: 0; font-size: 14px; color: #767676; } .solutions-product-list-details p { font-size: 13px; line-height: 23px; width: 430px; } .center { display: block; margin: 0 auto; } .wrapper { background: #fff; } .solution-awards { margin-left: 27px; vertical-align: middle; } .generic-ul { border-top: none; } .generic-ul > li { border-bottom: none; padding: 0; } .list { padding-left: .5em; } .list > li { list-style-type: disc; margin-bottom: 1em; } .horizontal-ul > li > a { font-size: 14px; float: left; border-right: 1px solid #bebebe; padding: 0 10px; } .horizontal-ul > li:last-child > a { border-right: none; } .horizontal-ul .gen-button { border-right: 1px solid !important; } .solutions-product-list-features > li { display: inline-block; font-size: 12px; font-weight: 600; text-align: center; width: 110px; } .solutions-product-price { color: #222; font-size: 20px; line-height: 1.3em; padding: 0; } .media, .bd {overflow:hidden; _overflow:visible; zoom:1;} .media .img {float:left; margin-right: 20px;} .media .img img{display:block;} .media .imgExt{float:right; margin-left: 10px;} .gen-button, .gen-button.quaternary { width: auto; border: 1px solid; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: white !important; cursor: pointer; display: inline-block; font: 600 15px/24px "Roboto", Arial,Helvetica,sans-serif; margin: 0; outline: none; padding: 8px 25px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: #2275ab; /* Old browsers */ } .gen-button:hover, .gen-button.quarternary:hover { background: #3583b9; text-decoration: none; } .gen-button.secondary { background: #bebebe; } .gen-button.secondary:hover { background: #aeaeae; } .gen-button.tertiary { background: #fff; color: #2275ab !important; border: 1px solid #2275ab; font-size: 13px; font-weight: 600; display: block; text-align: center; } .gen-button.tertiary:hover { background: #f9f9f9; } .gen-button.quaternary { color: #fff; padding-left: 10px; padding-right: 10px; font-weight: 300; display: inline-block; margin-top: 12px; min-width: 200px; } .horizontal-ul .gen-button { margin-right: 10px; padding: 8px 25px; } .os-icon { display: inline-block; text-indent: -9999em; height: 18px; width: 25px; } .win-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) left 50%; } .mac-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) 88px 50%; } .android-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) 177px 50%; } .blackberry-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) 148px 50%; } .button-group { margin: 1em 0 1em; } .button-group > a:first-child { margin-right: 10px; } .vertical-ul > li { list-style: disc; margin-bottom: 4px; } .work-solutions-feature-list { margin-top: 1.75em; } .os .work-solutions-feature-list > li { font-size: 13px; } .message { font-family: "open-sans"; text-align: center; padding: 1em 0; font-size: 16px; border-bottom: 1px solid #dbdbdb; } #pro .message, #eb-win .message { border-top: 1px solid #dbdbdb; } .message>span { color: #39a1d3; font-weight: 500; } .vert-align--middle { display: inline-block; vertical-align: middle; margin: 0 5px; } .call-banner { text-align: center; padding: .5em 0; font-size: 21px; border-bottom: 1px solid #dbdbdb; } .call-banner>span { color: #e50b01; font-weight: 600; } .webinar-list, .webinar-item, .webinar-item ul, .webinar-item ul>li { border: none; } .webinar-item { width: 30.37%; margin-left: 4.4%; float: left; padding: 0; margin-bottom: 4.4%; background: #fff; border-radius: 4px; box-shadow: 0 2px 0 0 #d9d9d9; } .webinar-list .webinar-body .numbered-list ul{ padding-left:50px; } .webinar-list .webinar-body .numbered-list li{ list-style: disc outside none; list-style-type: decimal; border-bottom: none; padding:15px 0 10px 10px; } .video-grid .webinar-item { box-shadow: none; } .webinar-item.webinar-upcoming { width: 100%; margin-left: 0; padding: 20px 20px; -moz-box-sizing: border-box; box-sizing: border-box; } .webinar-upcoming .webinar-icon { width: 60px; height: 60px; } .webinar-item:nth-child(3n+1){ clear: both; margin-left: 0; } .webinar-item:first-child, .event--tradeshow .webinar-item:first-child, .event--tradeshow .webinar-item:nth-child(odd) { margin-left: 0; } .event--tradeshow .webinar-item:nth-child(odd) { clear: both; } .event--tradeshow .webinar-item:nth-child(3n+1) { clear: none; } .webinar-item h3 { font-family: open-sans, Arial,Helvetica,sans-serif; font-size: 13px; font-weight: 400; padding: 3px 0 0; } .webinar-item p { font-family: open-sans, Arial,Helvetica,sans-serif; font-size: 14px; } .webinar-item.webinar-upcoming h3 { font-size: 18px; font-weight: 600; padding-top: 0; } .webinar-item .webinar-cover { width: 100%; } .webinar-upcoming .webinar-body { padding: 0; font-family: open-sans, Arial,Helvetica,sans-serif !important; } .webinar-item.webinar-upcoming .webinar-icon, .webinar-item.webinar-body { float: left; } .webinar-item .meta { margin-top: 5px; } .webinar-item .meta li { padding: 0; } .webinar-item .meta .webinar-date { font-size: 11px; color: #aeaeae; } .video-grid .webinar-item .meta .webinar-date { font-size: 11px; color: #7c7c7c; } .webinar-body { padding: 8px 8px; } .webinar-date-time { margin-bottom: 0; padding-bottom: 0; } .webinar-upcoming .webinar-body { margin-left: 80px; } .webinar-desc { font-size: 14px; padding-bottom: 0; } .webinar-length { float: right; } .webinar-img { float: right; padding: 5px 10px 24px 10px; width: 80px; height: auto; } .webinar-item .gen-button { text-align: center; font-family: open-sans, Arial,Helvetica,sans-serif; font-size: 14px; padding: 5px 16px; font-weight: normal; } .event--tradeshow .webinar-item { margin-left: 4.5%; width: 329px; } .event--tradeshow .webinar-body { margin-left: 0; } .event--tradeshow .event-logo { width: 60px; margin-top: 10px; margin-left: 10px; float: right; } .event--tradeshow .webinar-date-time { padding-top: 0; } .event--tradeshow .webinar-desc { padding-bottom: 0; } .award-banner { margin: 24px 0 24px; display: block; } .split-button { white-space: nowrap; font-family: inherit; font-size: 100%; font-weight: 700; cursor: pointer; border: none; margin: 0; padding-top: 0; padding-bottom: 0; line-height: 1; border-radius: 4px; color: #fff !important; padding: 6px 14px; background: #2275AB; } .split-button:hover { text-decoration: none; } .split-button--first { background: transparent; color: #2275AB !important; } .split-button--last { } .btn--split { margin: 0; border: none; } .btn--split > li { display: inline-block; list-style: none; padding: 0; border: none; } .btn--split > li:last-child { } .cta-row td { vertical-align: middle !important; text-align: center; } .block-link { border: none; margin: 20px 0 15px; } .block-link.banner { margin: 0 0; } .block-link > li { padding: 0; border-bottom: none; } .block-link > li:last-child .block-link__item { border-bottom: none; } .block-link__item { text-decoration: none; color: #4d4d4d !important; position: relative; display: block; padding: 18px 40px 18px 0; border-bottom: 1px solid #eee; overflow: hidden; } .block-link.banner .block-link__item { border: 1px solid #eee !important; border-radius: 4px; padding: 15px 15px; } .block-link.banner.block-link__item--right { padding: 0; } .block-link__item:after { content: "\f105"; font-family: FontAwesome; display: block; position: absolute; right: 0; top: 50%; font-size: 34px; font-weight: normal; margin-top: -7px; color: #eee; } .block-link.banner .fa { font-size: 28px; vertical-align: middle; font-weight: normal; padding-left: 5px; } .block-link.banner .block-link__item:after { content: ""; } .block-link__item:hover:after { color: #1A76A8; } .block-link__heading { color: #1A76A8; font-size: 15px; font-weight: bold; padding: 0; } .block-link__body { font-size: 14px; padding-top: 0; padding-bottom: 0; } .block-link.banner .block-link__body { text-align: center; } .block-link__heading, .block-link__body { margin-left: 70px; } .block-link.banner .block-link__body { margin-left: 0; } .block-link__item:hover, .link-block:hover { text-decoration: none; } .block-link__icon { display: block; float: left; width: 50px; height: 48px; overflow: hidden; padding: 0; } .block-link__cta--right .block-link__body { width: 300px; float: left; } .block-link__cta--right .block-link__cta { float: right; } .main-nav { color: #454545; background: #EFF4F8; margin-top: 0; margin-bottom: 24px; border-radius: 0 0 4px 4px; border: none; } .main-nav a { color: #858B91 !important; font-size: 12px; text-align: left !important; } .main-nav li { border-bottom: none !important; padding-left: 0 !important; } .main-nav > li > a { display: block !important; border-bottom: 1px solid #D8DFE5; padding: 10px 10px !important; font-weight: bold; line-height: 1; } .main-nav > li > a:hover, .main-nav li > ul > li > a:hover { background: #d6e2eb; text-decoration: none; } .main-nav > li > a.nav-download:hover { background: #bbd3cc !important; } .main-nav li > ul { margin-left: 0; margin-bottom: 0; padding: 0 10px 10px 10px; list-style: none; border-top: none !important; border-bottom: 1px solid #D8DFE5 !important; } .main-nav li > ul > li > a { display: block !important; padding: 3px 10px; color: #7F888F !important; } .main-nav > li:last-child > a { border-radius: 0 0 4px 4px; } .main-nav > li:last-child > a, .main-nav--is-open { border-bottom: none !important; } .nav-heading { color: #fff !important; letter-spacing: inherit; padding: 7px 10px; margin: 0; font-weight: normal; background: #709BBD !important; /*709BBD !important */ font-size: 14px; text-align: center; border-radius: 4px 4px 0 0; text-shadow: none !important; } .nav-download { background: #CEDFDA; } .nav-download .fa-circle { color: #7DBB6D; } .fa-highlight { color: #709BBD; } .product-hero__heading { text-transform: none; width: 870px; margin: 0 auto; text-align: center; margin-bottom: 37px; margin-top: 37px; padding: 0 0; font-weight: 400; color: #687483; } .product-hero__image { margin: 0 auto 57px; display: block; width: 75%; } .product-hero__image--lm { margin: 0 auto; display: block; } .form { background: #f0f0f0; padding: 20px; box-shadow: 0 2px 0 0 #d9d9d9; border-radius: 4px; } .trial-form { margin-top: 20px; clear: both; } .form-fields { } .form-fields, .form-fields > li { border-top: none; border-bottom: none; padding-left: 0; margin-right: 0; } .form-fields .label { display: block; color: #5B636B; margin-bottom: 3px; } label.error { color: #F06F6F; margin-top: 3px; display: block; } .form-fields .input--text.error, .form-fields .input--text.error:focus { border: 1px solid #f06f6f; } .form-fields .input--text { border-radius: 4px; padding: 8px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; width: 100%; outline: 0; } .form-fields .input--checkbox { display: inline-block; width: auto; vertical-align: middle; margin-right: 5px; } .form-fields .label--checkbox { display: inline-block; vertical-align: middle; } .form-fields .input--text:focus { border: 1px solid #709BBD; } .form-fields .input--callout { background: #dededd; padding: 8px 5px; margin: 12px 0; border-radius: 4px; } .two-col-list { overflow: hidden; margin-bottom: 24px; border: none; } .two-col-list > li { float: left; width: 45%; border: none; font-size: 14px; padding-left: 0; color: #858B91; } .button-submit { margin: 16px auto 0; width: 160px; display: block; } .feature-list .fa { color: #7DBB6D; margin-right: 6px; } .panel { padding: 10px 20px; overflow: hidden; } .panel--blue { background: #EFF4F8; border: 1px solid #D8DFE5; } .float-right { margin: 10px 0 20px 20px; float: right; } .media{ display:block; } .media.video-teaser { background: #F0F0F0; border-radius: 4px; padding: 15px; margin-bottom: 17px; overflow: hidden; transition: background-color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in; -webkit-box-shadow: 0 2px 0 0 #D9D9D9; box-shadow: 0 2px 0 0 #D9D9D9; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .media.video-teaser:hover { background: #e8e8e8; } .media h3 { font-size: 22px; font-weight: 400; margin-bottom: 0; margin-top: 0; } .media.video-teaser h3 { color: #1A76A8; font-size: 15px; font-weight: bold; padding-top: 0; } .media .img{ float:left; margin-right:15px; } .media .video-excerpt{ color: #4d4d4d; font-size: 14px; padding: 0; } .video-teaser .img { display: table-cell; width: 140px; float: none; margin-right: 0; } .video-teaser img { border-radius: 4px; box-shadow: 0 0 0 2px #d9d9d9; height: 80px; width: 140px; } .media .body{ overflow:hidden; } .media .body > :last-child{ margin-bottom:0; } .video-teaser .body { display: table-cell; vertical-align: middle; padding-left: 15px; } .img { position: relative; } .youtube .img:before { display: block; content: "\f16a"; font-family: "FontAwesome"; font-size: 38px; line-height: 1em; height: 38px; width: 38px; position: absolute; color: #d2473c; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 50%; margin-top: -19px; } .video-embed { margin-bottom: 17px; } .module--border { border: 1px solid #D8DFE5 !important; border-radius: 4px; margin-bottom: 15px; margin-top: 5px; } .cta-callout { display: table; background: #EFF4F8; border-radius: 4px; } .cta-callout__body { display: table-cell; border-right: 1px solid #D8DFE5; padding: 15px; width: 510px } .cta-callout__body p, .cta-callout__body h3 { padding: 0; } .cta-callout__cta { display: table-cell; vertical-align: middle; } .cta-callout__cta-container { width: 107px; } .cta-callout__cta-item { display: block; border-bottom: 1px solid #D8DFE5; text-align: center; padding: 14px 0 14px 0; cursor: pointer; font-size: 14px; } .cta-callout__cta-item:hover { background: #d6e2eb; text-decoration: none; } .cta-callout__cta-item .fa { font-size: 18px; vertical-align: middle; } .cta-callout__cta-item:last-child { border-bottom: none; } .img--margin-buster { margin-left: -110px; } .subhead { margin-top: 6px; display: block; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; min-height: 130px; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 10%; opacity: 1; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } /* carousel */ #quote-carousel { padding-bottom: 30px; margin: 36px auto 0; width: 980px; } #quote-carousel .item.active { background: transparent !important; } /* Control buttons */ #quote-carousel .carousel-control { background: #fff; color: #bebebe; font-size: 2.3em; text-shadow: none; padding-top: 30px; } /* Previous button */ #quote-carousel .carousel-control.left { left: -12px; } /* Next button */ #quote-carousel .carousel-control.right { right: -12px !important; } /* Changes the position of the indicators */ #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } /* Changes the color of the indicators */ #quote-carousel .carousel-indicators li { background: #c0c0c0; } #quote-carousel .carousel-indicators .active { background: #3890d0; } #quote-carousel img { width: 250px; height: 100px } /* End carousel */ /* Hero Carousel Start */ .home .hero .carousel-control .icon-prev, .home .hero .carousel-control .icon-next, .home .hero .carousel-control .glyphicon-chevron-left, .home .hero .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .home .hero .carousel-control .icon-prev, .home .hero .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .home .hero .carousel-control .icon-next, .home .hero .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .home .hero .carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -999px; border: 2px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .home .hero .carousel-indicators li { } .home .hero .carousel-indicators .active { background: #fff; } /* Hero Courusel END */ .item blockquote { border-left: none; margin: 0; } .item blockquote img { margin-bottom: 10px; } .item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; } .home .solutions-learn { text-align: center; margin-top: 24px; margin-bottom: 36px; } .solutions-learn-link { font-size: 18px; } /* White Outline Button */ .outline-button-white { min-width: 130px; width: auto; border:#fff 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #3890d0 !important; cursor: pointer; display: inline-block; font: 300 15px/24px 'Roboto', Arial,Helvetica,sans-serif; margin: 0; outline: none; padding: 8px 15px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: ; /* Old browsers */ } .outline-button-white:hover { font: 300 15px/24px 'Roboto', Arial,Helvetica,sans-serif; background: #fff opacity:0.5; border:#fff 1px solid; text-decoration: none; color: #1e73b1 !important; } .outline-button-white.secondary { border:#fff 1px solid; } .outline-button-white.secondary:hover { border:#fff 1px solid; } /* Blue Outline Button */ /* Blue Outline Button */ .outline-button-blue { min-width: 130px; width: auto; border:#3890d0 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #3890d0 !important; cursor: pointer; display: inline-block; font: 300 15px/24px 'Roboto', Arial,Helvetica,sans-serif; margin: 0; outline: none; padding: 8px 15px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: ; /* Old browsers */ } .outline-button-blue:hover { background: #EFF4F6; border:#1e73b1 1px solid; text-decoration: none; color: #1e73b1 !important; } .outline-button-blue.secondary { border:#1e73b1 1px solid; } .outline-button-blue.secondary:hover { border:#1e73b1 1px solid; } /* Circle Button Play */ /* Play Icon */ .circle-button { display:block; margin: 20px auto; width:60px; height:60px; border-radius:50px; font-size:20px; line-height:100px; text-align:center; background:#fff; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } .circle-button:hover { background: #43b0e8; } .fa-play { font-size: 15px; } ======= >>>>>>> master /* home color = #73a53c business color = #ce5207 link: #bb0000 */ /*====================== Defaults ======================*/ body { color:#63686c; text-align: left; margin: 0 auto; font-family: 'Roboto',tahoma,Helvetica, Arial, sans-serif; padding: 0; background: #f1f1f1; font-weight: 300; } ::-moz-selection{ background: #CFE1ED; color:#4d4d4d; text-shadow: none; } ::selection { background:#CFE1ED; color:#4d4d4d; text-shadow: none; } a:link, a:visited, a:active, .faux-link { color:#3890d0; text-decoration: none; } a:hover { text-decoration: underline; } /*.home-solutions a:link, .home-solutions a:visited, .home-solutions a:active { color:#73a53c; text-decoration: none; }*/ /*.home-solutions a:hover { text-decoration: underline; } .bus-solutions a:link, .bus-solutions a:visited, .bus-solutions a:active { color:#ce5207; text-decoration: none; } .bus-solutions a:hover { text-decoration: underline; }*/ /*#pro a:link, #pro a:visited, #pro a:active { color:#1A76A8; text-decoration: none; } #pro a:hover { text-decoration: underline; } #pro footer a:link, #pro footer a:visited, #pro footer a:active { color:#999999; text-decoration: none; } #pro footer a:hover { color:#4d4d4d!important}*/ h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 10px 0; line-height: 1.3em; } h1, h2, h3, h4, h5, h6 { color:#4d4d4d; font-weight:400; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Helvetica, Arial, sans-serif; } h1 { font-size: 180%; font-size:32px; text-shadow:0 0 4px #FFFFFF; text-transform:uppercase; } h2 { font-size: 180%; padding:15px 0; letter-spacing:.1px; } h3 { font-size: 160%; padding:15px 0 10px; } h4 { font-size: 125%; padding: 15px 0 15px; } h5 { font-size: 120%; padding: 0; } h6 { font-size: 120%; padding:0; } p { font-size: 12px; line-height: 1.5; padding: 5px 0 15px; text-align: left; } h2 span, h3 span { color:#999; font-size:12px; font-weight:normal; letter-spacing:.1px; line-height:18px; text-transform: uppercase; } sup { color: #999999; font-size: x-small;} hgroup.p-titles h2{padding-bottom:0;} hgroup.p-titles h4{line-height:1.4; padding:5px 0;} .title { line-height:24px; font-weight: bold; padding: 15px 0 4px;} .title-tag { color: #999999; font-size: 12px; font-weight: normal;letter-spacing: 0.1px; line-height: 18px; text-transform: uppercase; padding: 0 0 15px;} .title-gray {font-weight:bold; color:#63686C;} .title-hm { color:#63686c; line-height:24px; font-weight: bold; padding: 5px 0 0px;} .title-hm a { color:#4d4d4d!important;} .subheadline {font-size: 14px; margin: 0; padding: 0 0 15px;} .shadow{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);} .highlight{color: #CE5207;} .highlight-blue{color: #0060A6!important;} .highlight-green{ color:#73a53c !important;} .highlight-red{ color:#bb0000 !important;} .blue{color:#577BB4!important;} .gray{color:#555 !important;} .ltgray {color:#aaa !important;} blockquote { color: #CE5207; font-size: 13px; line-height: 18px; padding: 5px 0 10px;} .home-solutions blockquote { color: #73a53c; font-size: 13px; line-height: 16px; padding: 5px 0 10px;} cite { display: block; font-size: 10px; line-height:12px; padding-right: 10px; text-align: right;} code { -moz-box-shadow:0 0 10px #CCCCCC inset; -webkit-box-shadow:0 0 10px #CCCCCC inset; box-shadow:0 0 10px #CCCCCC inset; background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; color:#000000; display:block; margin:30px; padding:20px; } .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid2_box, .grid3_box, .grid4_box, .grid5_box, .grid6_box, .grid7_box, .grid8_box, .grid9_box, .grid10_box, .grid11_box, .grid12_box { margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; } .min-height0{min-height: 0!important;} .bg-white{background:#fff;} .blurb{ height:78px} /* ========================================================================== */ /* CSS3 */ /* ========================================================================== */ .round { -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; overflow: hidden;} .round-top-left { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; overflow: hidden;} .round-top-right { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; overflow: hidden;} .round-btm-left { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; overflow: hidden;} .round-btm-right { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; overflow: hidden;} .round-top { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;} .round-btm { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden;} .text-shadow { text-shadow: 0 1px 1px #ffffff;} .text-shadow-drk: { text-shadow: -1px -1px 1px rgba(0,0,0,0.25);} .boxshadow {box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);} /*====================== Wraps ======================*/ #headerwrap { background: #fff; margin:0 auto; } #midcontent, #halfcontent, #slider { clear:both; padding-top: 30px; padding-bottom: 15px; } #contentwrap { background: #f5f5f5; padding: padding: 0 0 30px; } #contentwrap-homesolutions { background: #f5f5f5; padding: 0; } .content-white{ background: none repeat scroll 0 0 #fff; border-color: #ccc; border-style:solid; border-width:0 1px 0; margin-bottom:0; background:#fff ; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.20);} .bgcontent { padding-bottom:40px; background: #f5f5f5; /*background: none repeat scroll 0 0 #FFFFFF; border-color: #EEEEEE; border-style: solid; border-width: 0 1px 1px;*/} .bgcontent-wht { background: #fff; margin-bottom: 30px; border:1px solid #ccc;padding-bottom: 10px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px ; -webkit-border-bottom-right-radius:5px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);} .bgcontent-wht2 { background: #fff; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom: 40px; box-shadow: 0 0px 10px #ccc; -moz-box-shadow: 0 0px 10px #ccc;-webkit-box-shadow: 0 0px 10px #ccc;} #pgtitle { background: url(/lib-n/images/home/divider.png) repeat-x scroll center bottom transparent; margin:30px 0;padding:0;} #pgtitle h2 {color: #4d4d4d; font-size:240%; padding:0 ; margin: 5px 0; display:block;} #pgtitle p {color: #4d4d4d; padding:0 5px 0 0; margin: 20px 0 0; display:block; float:right;} #pgtitle .home-solutions {color:#4d4d4d;} #pgtitle hgroup { padding-left: 5px; padding-bottom:0;} .home-solutions #pgtitle hgroup { padding-left: 0; padding-bottom:0;} #pgtitle hgroup h2 {/*color: #CE5207;*/ line-height:28px; padding:0 ; margin: 5px 0 0; display:block;} #pgtitle hgroup h3 {color: #555555; font-size:110%; padding:0 ; margin: 5px 0 0;} #smb-solutions #pgtitle h2, #smb-solutions #pgtitle p {color:#4d4d4d;} .subtitle { background: url(/lib-n/images/home/divider.png) repeat-x scroll center bottom transparent; margin:0 0 20px; padding:20px 0 0;} .subtitle h2 {color: #CE5207; font-weight:normal; font-size:28px; padding: 5px 0 10px; margin: 12px 0 0; display:block; } .subtitle p {color: #4D4D4D; padding:0 5px 0 0; margin: 20px 0 0; display:block; float:right;} #pro .subtitle p {color:#4d4d4d;} .subtitle .home-solutions {color:#73a53c;} .subtitle hgroup { padding-left: 5px; padding-bottom:0;} .subtitle hgroup h2 {color: #CE5207; line-height:28px; padding:0 ; margin: 5px 0 0; display:block;} .subtitle hgroup h3 {color: #777777; font-size:110%; padding:0 ; margin: 5px 0 0;} #productsummary { margin-bottom:0;} #productsummary h2 { font-size: 180%; font-weight: bold; letter-spacing: 0.1px; padding: 0;} #productsummary h2 a{ color:#4d4d4d;} #productsummary h3 { background: none repeat scroll 0 0 #CCCCCC; color: #FFFFFF; display: block; margin: -5px -20px 20px; padding: 5px 10px 0;} #productsummary h4 { font-size: 125%; padding: 0 0 15px;} /*====================== Quick Links ======================*/ .quickLinks, .quickLinks2 { text-shadow: 0px 1px 0 #fff; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0px 1px 0 #fff inset; -moz-box-shadow: 0px 1px 0 #fff inset; -webkit-box-shadow: 0px 1px 0 #fff inset; background: none repeat scroll 0 0 #e5e5e5; border: 1px solid #ccc;} .quickLinks h2, .quickLinks2 h2 {margin: -6px -20px 0; padding: 8px 19px 5px !important; border: 1px solid #CCCCCC; background: #EEEEEE); border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px ; -webkit-border-top-right-radius:5px;} .quickLinks .smaller {font-size:16px!important; line-height: 18px!important;} .quickLinks ul, .quickLinks2 ul{ list-style:none; margin:0 0 5px; border-top:0px solid #ccc; border-bottom:1px solid #fff; } .quickLinks ul li, .quickLinks2 ul li { padding:5px 0; border-bottom:1px solid #ccc; border-top:1px solid #fff; } .quickLinks ul li a { display:block; padding-left: 40px; color:#4d4d4d;} .quickLinks ul li a:hover { display:block; padding-left: 40px; color:#bb0000; text-decoration:none;} .quickLinks ul li:hover{ background-color:#ddd; } .quickLinks ul li span a { margin-left:0px; line-height:24px; } .quickLinks2 .chat{font-weight:bold; text-transform:uppercase;} .quickLinks2 ul li a { color:#4d4d4d;} .quickLinks2 ul li span {float:right;} .ql-title a {color:#4d4d4d; text-shadow: 0 1px 0 #fff} /*====================== home page images and buttons ======================*/ .home-img {height:112px; width:282px; display:block; padding:0; text-indent:-9999px; overflow: hidden; border:4px solid #ccc; background:url("/lib-n/images/home/home-business.jpg") no-repeat scroll left -8px; margin: 15px 0 15px; } .bus-img { height:112px; width:282px; display:block; padding:0; text-indent:-9999px; overflow: hidden; border:4px solid #ccc; background:url("/lib-n/images/home/home-business.jpg") no-repeat scroll -282px -8px; margin: 15px 0 15px; } .smb-img { height:112px; width:282px; display:block; padding:0; text-indent:-9999px; overflow: hidden; border:4px solid #ccc; background:url("/lib-n/images/home/home-business.jpg") no-repeat scroll -564px -8px; margin: 15px 0 15px; } /* 2 fork btns */ .btn-large-hm { background:transparent url(/lib-n/images/home/btn-home-bus.png) no-repeat scroll 0 -44px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-hm { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus.png) no-repeat scroll 0 0; display:block; height:44px; width:290px; overflow:hidden;} .btn-large-bus { background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -290px -46px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-bus { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus.png) no-repeat scroll -290px 0; display:block; height:44px; width:290px; overflow:hidden;} /* 3 fork btns */ .btn-large-hm2 { background:transparent url(/lib-n/images/home/button-hov-sprite.png) no-repeat scroll 0 -46px; display:inline-block; height:44px; width:292px; overflow:hidden; } .large-hm2 { text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll 0 0; display:block; height:44px; width:292px; overflow:hidden;} .btn-large-bus2 { background:transparent url(/lib-n/images/home/button-hov-sprite.png) no-repeat scroll -293px -46px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-bus2 { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -290px 0; display:block; height:44px; width:290px; overflow:hidden;} .btn-large-smb { background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -580px -46px; display:inline-block; height:44px; width:290px; overflow:hidden; } .large-smb { width:290px; text-indent:-9999px; text-decoration:none!important; padding:0; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll -580px 0; display:block; height:44px; width:290px; overflow:hidden;} .home-img a,.bus-img a,.smb-img a {box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -moz-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -webkit-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset} /* 3 fork btns */ /*.btn-large-hm2,.btn-large-bus2,.btn-large-smb{padding: 8px 0 9px; background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll 0 0; display:inline-block; font-size:22px; width:290px; overflow:hidden; } .btn-large-hm2:hover,.btn-large-bus2:hover,.btn-large-smb:hover { background:transparent url(/lib-n/images/home/btn-home-bus2.png) no-repeat scroll 0 -46px; overflow:hidden;} .btn-large-hm2 a,.btn-large-bus2 a,.btn-large-smb a{ padding:0 22px 0;}*/ .home-img a,.bus-img a,.smb-img a {/* box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -moz-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset; -webkit-box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset */ display:block; height: 112px; width: 282px; } /*====================== other divs ======================*/ .sidebar ul { list-style:none;/* margin:0; padding: 0;*/ } .sidebar li { padding:0 0 0 32px; } .sidebar h2 {color:#63686c; padding:10px 0 5px; } .sidebar h3 { background:#aaa none repeat scroll 0 0; color:#5d5d5d; font-weight:normal; letter-spacing:0.5px; text-shadow:0 1px 1px #DDDDDD; } .calloutbox { background:#ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #halfcontent { text-shadow: 1px 1px 1px #fff } #billboard{ display:block; height:200px; margin-bottom:45px;} .box-white{ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 0px #FFFFFF ; -moz-box-shadow: 1px 1px 0px #FFFFFF ; -webkit-box-shadow: 1px 1px 0px #FFFFFF ; background: none repeat scroll 0 0 #fff; border: 1px solid #E3E3E3;} .box-white:hover{ background:#fff ; box-shadow: 0px 0px 14px #e5e5e5 ; -moz-box-shadow: 0px 0px 14px #e5e5e5 ; -webkit-box-shadow: 0px 0px 14px #e5e5e5 ; } .box-lightblue { background: url(/lib-n/images/home/list_bg.png) repeat-x scroll 0 bottom #ECEFF5; border: 1px solid #B1C3DA; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 0 #FFFFFF; min-height: 640px; height: auto !important; height: 500px; } .box-lightgray { background: url(/lib-n/images/home/list_bg.png) repeat-x scroll 0 bottom #f1f1f1; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset; -moz-box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset; -webkit-box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset;} .box-gray{ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0px 1px 0 #eee inset; -moz-box-shadow: 0px 1px 0 #e5e5e5 inset; -webkit-box-shadow: 0px 1px 0 #eee inset; background: none repeat scroll 0 0 #f3f3f3;} .box-lines{ background: url(/lib-n/images/home/bg-footer.gif) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 0 1px 0 #FFFFFF inset; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 #FFFFFF inset; } .box-blue{ background: none repeat scroll 0 0 #F7FBFF; border: 1px solid #DDF0FF; padding: 10px 20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .box-silver{ background: #f5f5f5; margin: 20px; border: 1px solid #ccc; padding: 10px 20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /*====================== Call us ======================*/ #callus{ margin:60px 0 30px ; background: url(/lib-n/images/home/bg-footer.gif) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 0 1px 0 #FFFFFF inset; -moz-box-shadow: 0 1px 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 #FFFFFF inset; } #callus h4{font-size: 18px; text-align: center;} .callus, .callus:hover{ margin:20px 0 0; background: url(/lib-n/images/home/bg-footer.gif) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 0 1px 0 #FFFFFF inset; -moz-box-shadow: 0 1px 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 #FFFFFF inset; } .callus h4{font-size: 18px; text-align: center;} /*====================== footer ======================*/ #footerwrap { padding: 30px 0 15px; clear:both; background: #171f24; overflow: auto; } #footerwrap footer ul { border:none; } #footerwrap footer ul li {border:none; padding:0; } #footerwrap footer li a { display:block; color:#797979; line-height:24px; } #footerwrap footer li a:hover, #footerwrap a:hover {color: #999; text-decoration:none;} #footerwrap a {color:#797979;} footer .icon-fb, footer .icon-twitter, footer .icon-rss, footer .icon-linkedin, footer .icon-rss, footer .icon-youtube { padding-left: 20px; } .icon-fb { background: transparent url(/lib-n/images/home/icons/icon-facebook.png) no-repeat left 5px; } .icon-twitter { background: transparent url(/lib-n/images/home/icons/icon-twitter.png) no-repeat left 5px; } .icon-rss { background: transparent url(/lib-n/images/home/icons/icon-rss.gif) no-repeat left 5px; } .icon-linkedin { background: transparent url(/lib-n/images/home/icons/icon-linkedin.png) no-repeat left 5px; } .icon-youtube { background: transparent url(/lib-n/images/home/icons/icon-youtube.png) no-repeat left 5px; } .copyright {clear:both; color:#797979; margin:20px auto 0; font-size: 10px;} /*====================== borders ======================*/ hr{background: transparent url(/lib-n/images/home/divider.png) repeat-x center center; border: medium none; height: 10px; } .divide { border-top: 1px solid #eee; clear: both; height: 0; margin: 1em 0 1em; } .divider{display:block; background: transparent url(/lib-n/images/home/divider.png) repeat-x center center; border: medium none; height: 10px; padding: 10px 0;} .top { background: transparent url(/lib-n/images/home/divider.png) repeat-x center center; padding:10px 0; height: 10px; display:block;} .top a { background:#fff; float:right; text-align:right; display: block; width:30px; height:10px; font-size:10px; color:#999;} .brdr_topbtm { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } .brdr_right { border-right: 1px solid #ddd; } .brdr_left { border-left: 1px solid #ddd; } .brdr_top { border-top: 1px solid #fff; } .brdr_top-gray { background: transparent url(/lib-n/images/home/divider.png) repeat-x 0 0; } .brdr_btm { border-bottom: 1px solid #ccc; } .brdr_vert3col { background: transparent url(/lib-n/images/home/brdr_vert3col.png) repeat-y 0 0; } .brdr_groove { background: transparent url(/lib-n/images/products/brdr-groove.jpg) repeat-y right 0!important; } .noborder{border:none!important;} .noborder_top { border-top: none!important; } .noborder_bottom { border-bottom: none!important; } /* =============== Buttons ======================*/ /*CSS Buttons*/ a.button, a.button2, a.button3, a.button4, a.button5, a.button6, a.button-gray-red, a.button-red, a.button-page, a.bigbutton { font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; background:transparent url(/lib-n/images/home/btn-bg.png) repeat-x scroll 0 0; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; /*box-shadow: 1px 1px 1px #aaa; -moz-box-shadow: 1px 1px 1px #aaa; -webkit-box-shadow: 1px 1px 1px #aaa;*/} a.button span, a.button2 span, a.button3 span, a.button-gray span, a.button4 span, a.button-green span, a.button5 span, a.button6 span, a.button-gray-red span, a.button-red span, a.bigbutton span { display:block; width:36px; height:30px; background:transparent url(/lib-n/images/home/btn-arrow.png) repeat scroll 5px -3px; position:absolute; right:0; top:0; } a.button5 span, a.button-gray-red span {background:transparent url(/lib-n/images/home/btn-arrowdrk.png) repeat scroll 5px -3px;} a.button7 span, a.button-red2 span { display:block; width:36px; height:30px; background:transparent url(/lib-n/images/home/btn-arrowdrk.png) repeat scroll 5px -3px; position:absolute; right:0; top:0; } a.button1 { background-color:#ce5207; border:1px solid #ce5207; color: #FFEBDF !important; text-shadow: 0px -1px 1px #AF4C20; } a.button2 { background-color:#2d9ad3; border:1px solid #067ebd; color: #FFF!important; text-shadow: none; } a.button3 { background-color:#777777; border: 1px solid #777; color: #EEEEEE!important; text-shadow: 0 1px 1px #444444; } a.button4 { background-color:#73a53c; border: 1px solid #73a53c; color: #FFFFFF!important; text-shadow: 0 -1px 1px #648F35;} a.button5 { background-color:#dddddd; border: 1px solid #ccc; color: #5f5f5f!important; text-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 1px #FFFFFF inset; -moz-box-shadow: 1px 1px 1px #FFFFFF inset; -webkit-box-shadow: 1px 1px 1px #FFFFFF inset;} a.button6 {background-color:#555360; border:1px solid #222; color: #eee !important; text-shadow: 0px -1px 1px #222; } a.button-gray-red { background:#e3e3e3 url(/lib-n/images/home/bg_btn2.png) repeat-x scroll 0 0; /*background: -moz-linear-gradient(center top , #efefef, #e3e3e3); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef),color-stop(1, #e3e3e3)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#efefef', EndColorStr='#e3e3e3', GradientType=0);*/ border: 3px solid #ccc; color: #bb0000!important; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #eee; box-shadow: 1px 1px 1px #FFFFFF inset; -moz-box-shadow: 1px 1px 1px #FFFFFF inset; -webkit-box-shadow: 1px 1px 1px #FFFFFF inset;} a.button-red { background-color:#bb0000; border: 1px solid #bb0000; color: #ffffff!important; text-shadow: -1px -1px 1px #880000;} /*a.button1:hover { background:#ce5207 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border:1px solid #ce5207; color:#FFEBDF; text-shadow: 0px -1px 1px #AF4C20; } */ a.button2:hover { background:#2d9ad3 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border:1px solid #067ebd; color:#FFFFFF; text-shadow: none; } a.button3:hover { background:#777777 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #777777; color: #EEEEEE; text-shadow: 0 1px 1px #444444; } a.button4:hover { background:#73a53c url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #73a53c; color: #FFFFFF; text-shadow: 0 -1px 1px #648F35;} a.button5:hover { background:#dddddd url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #cccccc; color: #5f5f5f; text-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 1px #FFFFFF inset; -moz-box-shadow: 1px 1px 1px #FFFFFF inset; -webkit-box-shadow: 1px 1px 1px #FFFFFF inset;} a.button6:hover { background:#54506d url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border:1px solid #222; color:#FFFFFF; text-shadow: none; } a.button-red:hover { background:#bb0000 url(/lib-n/images/home/btn-bg-hover.png) repeat-x scroll bottom 0; border: 1px solid #bb0000; color: #FFFFFF; text-shadow: 0 1px 1px #880000;} a.button-green { border: 1px solid #73a53c; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #FFFFFF!important;text-shadow: 0 -1px 1px #648F35; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: -moz-linear-gradient(center top , #98bb70, #73a53c); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #98bb70),color-stop(1, #73a53c)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#98bb70', EndColorStr='#73a53c', GradientType=0);} a.button-green:hover { background: -moz-linear-gradient(center top , #73a53c, #98bb70); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #73a53c),color-stop(1, #98bb70)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#73a53c', EndColorStr='#98bb70', GradientType=0);} a.button-gray { border: 1px solid #777; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #FFFFFF!important;text-shadow: 0 -1px 1px #444444; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: -moz-linear-gradient(center top , #999999, #777777); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),color-stop(1, #777777)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#999999', EndColorStr='#777777', GradientType=0);} a.button-gray:hover { background: -moz-linear-gradient(center top , #777777, #999999); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777),color-stop(1, #999)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#777777', EndColorStr='#999999', GradientType=0);} a.button-red2 { border: 1px solid #aaa; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #bb0000!important;text-shadow: 0 1px 1px #fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background: url(/lib-n/images/home/bt-bg-gray.png) repeat-x scroll 0 0 #d1e7f8;} a.button-red2:hover { background: url(/lib-n/images/home/bt-bg-gray.png) repeat-x scroll 0 0 #acc6db; border: 1px solid #bb0000; text-shadow: 1px 1px 0 #fff;} a.button7 { border: 1px solid #acc6db; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #4d4d4d!important;text-shadow: 0 1px 1px #fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background: url(/lib-n/images/home/bt-bg.png) repeat-x scroll 0 0 #e1f0fb;} a.button7:hover {background: url(/lib-n/images/home/bt-bg.png) repeat-x scroll 0 0 #d2eafc; border: 1px solid #acc6db; text-shadow: 1px 1px 0 #fff;} a.button8 {background: url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -10px #fff; border: 2px solid #bbb; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #bb0000!important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } a.button8:hover {background:transparent url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -3px #eee; border: 2px solid #bb0000; text-shadow: 1px 1px 0 #fff;} a.button9 {background: url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -10px #fff; border: 2px solid #ccc; font-size:14px; text-decoration:none!important; letter-spacing: 0.5px; padding:0 24px 0 10px; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; color: #0060A6!important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } a.button9:hover {background:transparent url(/lib-n/images/home/bg_btn4.png) no-repeat scroll right -3px #eee; border: 2px solid #0060A6; text-shadow: 1px 1px 0 #fff;color: #0060A6 !important; } a.button-page { background-color: #CCCCCC;border: 3px solid #73A53C; color: #444444 !important; text-shadow: 0 1px 0 #FFFFFF; font-size:14px; padding:0 32px 0 10px;} a.button-page span { display:block; width:34px; height:30px; background:transparent url(/lib-n/images/home/icons/icon-page.png) repeat scroll 5px -1px; position:absolute; right:0; top:0; } a.button-page:hover{ background:#CCCCCC url(/lib-n/images/home/btn-bg-hover.png) no-repeat scroll 0 0; border: 3px solid #73A53C; color: #444; text-shadow: 0 1px 1px #fff; } /* BUY Button */ .bigbutton {float: left; margin: 20px 0 0 30px; padding:0; text-indent:-9999px; text-decoration:none!important; background:transparent url(/lib-n/images/products/buybutton-big.png) no-repeat scroll 0 -66px; display:inline-block; height:64px; width:290px} .bigbutton a { text-indent:-9999px; text-decoration:none!important; background:transparent url(/lib-n/images/products/buybutton-big.png) no-repeat scroll 0 0; display:block; height:64px; width:290px} .bigbutton-left {margin:20px 30px 0 0} .btn_icons { font-size:14px; font-weight:bold; text-decoration:none!important; letter-spacing: 0.5px; padding:0 22px 0 34px; background:#ddd url(/lib-n/images/home/bg_icons.png) no-repeat scroll 0 0; display:inline-block; position:relative; height:30px; line-height:28px; margin: 10px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 2px solid rgba(0,0,0,0.1); color: #fff!important; text-shadow: -1px -1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 2px rgba(255,255,255,0.25) inset; -moz-box-shadow: 0px 1px 2px rgba(255,255,255,0.25) inset; -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,0.25) inset;} .btn_icons span {display:block; width:36px; height:30px; background:transparent url(/lib-n/images/home/btn-arrowdrk.png) repeat scroll 5px -3px; position:absolute; right:0; top:0;} .btn-win{background-position: 0 2px; background-color:#8dc64e;} .btn-mac{background-position: 0 -48px;background-color:#36aada;} .btn-bb{background-position: 0 -100px;background-color:#999999;} .btn-droid{background-position: 0 -148px; background-color:#8dc64e;} .btn-compare{background:transparent url(/lib-n/images/home/CompareChart.png) repeat-x scroll 0 0; display:block; width:293px; height:64px; text-indent:-9999px; float:right;} .btn-compare:hover{background-position: 0 -64px; } /* =============== New Buttons ======================*/ .btn, .btn:visited { background: #222 url(/lib-n/images/home/btn-bg.png) repeat-x 0 0; letter-spacing: 0.05em; display: inline-block; margin:5px 0; padding: 5px 10px 6px; color: #fff!important; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } .btn span {font-weight:normal; font-size:80%; text-transform:uppercase;} .btn:hover { text-decoration: none !important; } .btn:active { top: 1px; } .smallest.btn, .smallest.btn:visited { font-size: 11px; margin: 0 !important; padding: 2px 10px 4px; } .smaller.btn, .smaller.btn:visited { font-size: 12px; padding: ; } .btn, .btn:visited, .medium.btn, .medium.btn:visited { font-size: 14px; font-weight: bold; line-height: 1.1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.btn, .large.btn:visited { font-size: 16px; padding: 8px 19px 9px; } .purple.btn, .purple.btn:visited { background-color: #666087; color:#fff!important;} .green.btn, .green.btn:visited { background-color: #73a53c; color:#fff!important;} .gray.btn, .gray.btn:visited { background-color: #777; color:#fff!important;} .blue.btn, .blue.btn:visited { background-color: #2d9ad3; color:#fff!important;} .red.btn, .red.btn:visited { background-color: #bb0000; color:#fff!important;} .orange.btn, .orange.btn:visited { background-color: #ce5207; color:#fff!important;} .yellow.btn, .yellow.btn:visited { background-color: #ffb515; color:#fff!important;} .silver.btn, .silver.btn:visited { background-color: #f5f5f5; color:#4d4d4d!important;} .orange-alt.btn, .orange-alt.btn:visited {background-color: #FF9805; background-image: -moz-linear-gradient(top, #FFBC00, #FF6D06); background-image: -ms-linear-gradient(top, #FFBC00, #FF6D06); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFBC00), to(#FF6D06)); background-image: -webkit-linear-gradient(top, #FFBC00, #FF6D06); background-image: -o-linear-gradient(top, #FFBC00, #FF6D06); background-image: linear-gradient(top, #FFBC00, #FF6D06); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b4ec', endColorstr='#1f8bc5', GradientType=0); border-color: #FF7826 #FF7826 #A24A24; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); box-shadow: 0px 1px 1px #fff inset; letter-spacing: inherit; font: 700 14px/23px open-sans, Arial,Helvetica,sans-serif; margin-top: 0; } /* New Button arrow styles lg for 2 row text */ .bg_btn-arrow, .bg_btn-arrow:visited { background: transparent url(/lib-n/images/home/bg_btn-arrow.png) repeat-x right 0 ; padding-right:40px} .bg_btn-arrow-lg, .bg_btn-arrow-lg:visited { background: transparent url(/lib-n/images/home/bg_btn-arrow-lg.png) repeat-x right 0 ;} .livechat, .livechat:visited {background: url(/lib-n/images/home/bt-bg.png) repeat-x scroll 0 -1px #E3E3E3; color:#4d4d4d!important;letter-spacing: 0.05em; display: inline-block; margin:10px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 2px solid #ccc; position: relative; cursor: pointer; text-align:center; text-shadow: 0 1px 0 #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .livechat:hover{background:#f3f3f3 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px; /*border:#008740 2px solid;*/ text-decoration:none;} .livechat span{color:#008740;} #pro .livechat:hover{border:#457EA7 2px solid; text-decoration:none;} #pro .livechat span{color:#457EA7;} .buynow{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 5px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#bb0000 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow span {color:#008740;} #pro .buynow:hover {border:#457EA7 2px solid; text-decoration:none;} #pro.buynow span {color:#457EA7;} .buynow-green{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; background:#19872A url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; } .buynow-green:hover {border: 1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#19872A url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-red{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#bb0000 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-red:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#bb0000 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-purple{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-purple:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-orange{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#CE5207 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-orange:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-blue{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 15px; font-size: 16px; padding: 12px 19px 13px; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#5971A0 url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset;} .buynow-blue:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#5971A0 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-top{ color:#ffffff!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 5px; font-size: 16px; padding: 8px 18px 4px ; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#B50D0A url(/lib-n/images/home/bt-bg.png) repeat-x 0 0; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset, 0 3px 4px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset, 0 3px 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.5) inset, 0 3px 4px rgba(0, 0, 0, 0.35);} .buynow-top:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); background:#514E60 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-silversm{color:#4d4d4d!important;letter-spacing: 0.05em; display: inline-block; margin:0px 0 5px; font-size: 13px; padding: 3px 10px 4px; text-decoration: none; border: 1px solid #bbb; position: relative; cursor: pointer; text-align:center; text-shadow: 1px 1px 0px #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#e5e5e5 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -2px; box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset;} .buynow-silversm:hover {border:1px solid rgba(0, 0, 0, 0.15); text-decoration:none; background:#fff url(/lib-n/images/home/bt-bg.png) repeat-x 0 -20px;} .buynow-silversm img{ vertical-align: bottom;} /* =============== icons ======================*/ /* small icons */ .icon-home, .icon-biz , .icon-chat, .icon-buy, .icon-demo, .icon-download, .icon-page {padding-left:34px} .icon-home { background: url(/lib-n/images/home/icons/icon-home.png) no-repeat scroll 0 0; } .icon-biz { background: url(/lib-n/images/home/icons/icon-biz.png) no-repeat scroll 0 0; } .icon-chat { background: url(/lib-n/images/home/icons/icon-chat.png) no-repeat scroll 0 0; } .icon-buy { background: url(/lib-n/images/home/icons/icon-buy.png) no-repeat scroll 0 0; } .icon-demo { background: url(/lib-n/images/home/icons/icon-demo.png) no-repeat scroll 0 0; } .icon-download { background: url(/lib-n/images/home/icons/icon-download.png) no-repeat scroll 0 0; } .icon-page {display:block; min-height:32px; background: url(/lib-n/images/home/icons/icon-page.png) no-repeat scroll 0 0; } /* large icons */ .icon-page2 { padding-left: 44px } .icon-page2 {display:block; min-height:42px; background: url(/lib-n/images/home/icons/icon-page2.png) no-repeat scroll 0 0; } /* mobile icons */ .icon-mobile-sms {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 -100px; text-indent: -9999px; } .icon-mobile-email {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 0; text-indent: -9999px; } .icon-mobile-BBM {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 -50px; text-indent: -9999px; } .icon-mobile-logs {display:block; width:60px; height:50px; background: transparent url(/lib-n/images/home/icons/icons-mobile.png) no-repeat scroll 0 -150px; text-indent: -9999px; } /* REC Icons*/ .icon-rec { background: url(/lib-n/images/products/icon-rec.png) no-repeat scroll 0 0 transparent; display: block; float: left; width: 50px; height: 48px; overflow: hidden; padding: 0; text-indent: -9999px; } .icon-rec-sm { background: url(/lib-n/images/products/icon-rec-sm.png) no-repeat scroll 0 0 transparent; display: block; float: left; width: 32px; height: 32px; overflow: hidden; padding: 0; text-indent: -9999px; } .icon-rec.screensnapshots, .icon-rec-sm.screensnapshots{ background-position: 0 -990px; } .icon-rec.chat, .icon-rec-sm.chat { background-position: 0 -105px; } .icon-rec.keystrokes, .icon-rec-sm.keystrokes { background-position: 0 5px; } .icon-rec.myspace, .icon-rec-sm.myspace { background-position: 0 -433px; } .icon-rec.searches, .icon-rec-sm.searches { background-position: 0 -655px; } .icon-rec.sitesvisited, .icon-rec-sm.sitesvisited { background-position: 0 -315px; } .icon-rec.sitesvisited2, .icon-rec-sm.sitesvisited2 { background-position: 0 -875px; } .icon-rec.top10, .icon-rec-sm.top10 { background-position: 0 -348px; } .icon-rec.email, .icon-rec-sm.email { background-position: 0 -210px; } .icon-rec.program, .icon-rec-sm.program, { background-position: 0 -765px; } .icon-rec.keywords, .icon-rec-sm.program, { background-position: 0 -1072px; } .icon-rec.Passwords, .icon-rec-sm.Passwords { background-position: 0 -120px; } .icon-rec.RemoteViewer, .icon-rec-sm.RemoteViewer { background-position:0 -542px; } .icon-rec.NewforMac, .icon-rec-sm.NewforMac { background-position: 0 -120px; } .icon-plus{background: url(/lib-n/images/products/icon-plus.png) no-repeat scroll 0 2px transparent; display: inline-block; width: 14px; height: 14px; overflow: hidden; padding: 0; margin-left:5px; text-indent: -9999px; } /* =============== TABS ======================*/ ul.tabs { margin: 20px 0 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: medium none; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0 !important; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px!important; /*--Vertically aligns the text within the tab--*/ border-color: #DDDDDD #DDDDDD #FFFFFF; border-style: solid solid solid none; border-width: 1px 1px 1px medium; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none!important; color: #888; display: block; font-size: 13px; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.current, html ul.tabs li.current a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } .tab_container {border: 1px solid #ddd; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; margin-bottom:15px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;} .home-solutions .tab_container { border-color:#B1C3DA;} .home-solutions ul.tabs { border-bottom: 1px solid #B1C3DA; border-left: 1px solid #B1C3DA; } .home-solutions ul.tabs li { border-color: #B1C3DA #B1C3DA #FFFFFF;} .home-solutions.tab_content{ min-height: 310px;} .bus-solutions .tab_content {padding: 20px; min-height: 380px;} .tab_content {padding: 20px; min-height: 280px;} .tab_content .grid6 {width: 430px;} .home-solutions .tab_content{ min-height: 270px!important; padding:20px 15px 5px;} .tab_content ul {font-size:90%; margin-bottom: 20px;} /*.tab_content ul li a{display:block;} */ ul.tabs .current {background:#fff; color:#444 } ul.tabs .current li{background:#fff; border-bottom: 1px solid #fff; } .bus-solutions ul.tabs li a:link, .bus-solutions ul.tabs li a:visited, .home-solutions ul.tabs li a:link, .home-solutions ul.tabs li a:visited { text-decoration: none!important; color: #888; display: block; font-size: 13px; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } .bus-solutions ul.tabs .current, .home-solutions ul.tabs .current{background:#fff; color:#444!important; } /* =============== Tool Tip ======================*/ /* trigger button */ .tooltip-trigger { cursor:pointer; } /* tooltip styling */ .tooltip {display:none; background:#eee; padding:15px 15px 5px; font-size:14px; color:#444; border: 4px solid #ddd; text-shadow:0 1px 0 #fff; z-index:999; } .tooltip a.button {margin:5px 5px 10px 0;} .tooltip h2 {padding:0 0 10px; line-height:20px; font-size:22px;} .tooltip p {padding:5px 0;} /*====================== UL and lists ======================*/ ul { border-top: 1px dotted #CCCCCC;} ul li { background-position: left 5px; background-repeat: no-repeat; list-style: none outside none; font-size: 13px; line-height: 18px; margin-left:0; padding: 5px 0 5px 20px; border-bottom: 1px dotted #CCCCCC;} .list {margin-bottom: 5px; margin-left: 20px;} .list li {border-bottom: none; padding-left: 0; list-style:disc;} ul.button-list li {margin:0; padding:0 5px; line-height: 34px; display:block; position:relative} .home-solutions ul.button-list li { color: #0060A6;} ul.button-list li em{font-style:normal; } ul.button-list li span {position:absolute; right:3px; top:8px; line-height:normal; margin:0; padding:0;} *ul.button-list li span {top:0px;} .half li { float: left; margin: 0 4% 0 0; padding: 5px 0 5px 5%; width: 40%; } .button-list .btn, .button-list .btn:visited {margin:0!important;} .quotes li{padding:10px 0;} .plain li{padding:5px;} .hm-bus-links em {font-style:normal; font-weight:bold; font-family: arial;} .hm-bus-links a { color:#990000 /*#8A3F4F*/ ; text-decoration:underline;} .hm-bus-links a:hover {color:#000;} .hm-bus-links li{font-size:12px} .screenshots li {padding:10px 0;} .screenshots p {padding:0 0 0 100px;} .bullet_arrow_line li, .bullet_arrow_line ul li {background-color:#fff; background-image: url(/lib-n/images/home/icons/bullet_arrow_line.png); display:block;} .bullet_arrow_line li, .bullet_arrow_line ul li {background-color:#fff; background-image: url(/lib-n/images/home/icons/bullet_arrow_line.png); display:block;} .bullet_arrow_line li:hover{background-color:#f8f8f8;} .bullet_greenarrow li, .bullet_greenarrow ul li {background-color:#fff; background-image: url(/lib-n/images/home/icons/bullet_greenarrow.png); display:block;} .bullet_greenarrow li:hover{background-color:#f8f8f8;} ul.bullet-check-green, ul.bullet-small-check-green, ul.bullet-check-blue, ul.bullet-small-check-blue, ul.bullet-check-orange, ul.bullet-small-check-orange, ul.bullet-check-gray , ul.bullet-small-check-gray { border: none; margin:10px 0;} .bullet-check-green li, .bullet-check-blue li, .bullet-check-orange li, .bullet-check-gray li { color: #4D4D4D; line-height: 18px; padding: 5px 0 8px 28px; text-shadow: 0 1px 1px #FFFFFF; border: none;} .bullet-check-green li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -80px 10px transparent; } .bullet-check-blue li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -60px -20px transparent;} .bullet-check-orange li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -40px -51px transparent;} .bullet-check-gray li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -20px -81px transparent;} .bullet li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -130px -182px transparent;} .bullet-small-check-green li, .bullet-small-check-blue li, .bullet-small-check-orange li, .bullet-small-check-gray li {color: #63686c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height: 16px; padding: 8px 0 2px 28px; margin:0 5px;text-shadow: 0 1px 1px #FFFFFF; border: none; } .bullet-small-check-green li {background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -20px -81px transparent;} .bullet-small-check-green li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -80px 10px transparent; } .bullet-small-check-blue li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -60px -20px transparent;} .bullet-small-check-orange li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -40px -51px transparent;} .bullet-small-check-gray li { background: url(/lib-n/images/home/icons/bullets.png) no-repeat scroll -20px -81px transparent;} .tab_content dl {clear:both; display:block; border-bottom: 1px dotted #CCCCCC; padding:10px 5px;} .tab_content dl:hover {background-color:#f5f5f5;} .tab_content dt {width:30%; display:block; float: left;} .tab_content dd {width:65%; padding-left:5%; display:block;float: left;} .tab_content .bullet li a{color: #0060A6; text-decoration:underline;} .tab_content .bullet li a:hover{color: #73A53C !important; text-decoration:underline;} /* =============== Images ======================*/ .img-left{float:left; margin:0 10px 5px 0; } .img-right{float:left; margin:0 5px 10px; } a.img-zoom img{border:2px #ddd solid; border: 4px solid #EEEEEE; box-shadow: 0 0 4px #888; -moz-box-shadow: 0 0 4px #888; -webkit-box-shadow: 0 0 4px #888;} a.img-zoom{background: url(/lib-n/images/home/icons/zoom.png) no-repeat scroll center center #fff; display:inline-block !important; position:relative;} a.img-zoom:hover span.zoom { opacity:1; } /* =============== Misc ======================*/ .flt-left {float:left!important; } .flt-right {float:right!important; } .text-right {text-align: right !important;} .text-center {text-align: center!important;} .pad-top {padding-top:20px;} .lower {text-transform:lowercase!important;} .center {margin-left:auto; margin-right:auto;} .rel {position:relative;} .text-shadow{text-shadow:0 1px 0 #FFFFFF;} .smaller {font-size:90%!important;} .small{font-size:10px!important;} .larger{font-size:120%!important; } .caps {text-transform:uppercase!important;} /* phone number in main nav fix this can be removed when adjusted in main style sheet */ .phoneNum { border-bottom:none;} .phoneNum strong{color: #bb0000!important;} li.phoneNum a { font-size: 11px;} li.phoneNum img {display: none;} .no-bg{background:none transparent!important;} .block{display:block;} .hide{display:none;} /* =============== margins mt=top mb=bottom mtb= top/bottom padding ======================*/ .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;} .mt70 {margin-top:70px !important;} .mb0 {margin-bottom:0 !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .mb38 {margin-bottom:38px !important;} .mb40 {margin-bottom:40px !important;} .mb48 {margin-bottom:48px !important;} .mb55 {margin-bottom:55px !important;} .mtb{margin-top:0 !important; margin-bottom:0 !important;} .padtb {padding-top:0!important; padding-bottom:0!important;} .padb {padding-bottom:0!important;} .padt {padding-top:0!important;} .padl {padding-left:0!important;} .padr {padding-right:0!important;} .padt5 {padding-top:5px !important;} .padt10 {padding-top:10px !important;} .padt20 {padding-top:20px !important;} .padt30 {padding-top: 30px !important;} .padt30 {padding-top: 30px !important;} .padb10 {padding-bottom:10px !important;} .padb20 {padding-bottom:20px !important;} .padb40 {padding-bottom: 40px !important;} .pad5 {padding:5px;} .pad10 {padding:10px;} .padl0 {padding-left: 0 !important;} .img-l{margin:0 10px 10px 0;} /* =============== TOGGLE ======================*/ .trigger {display:block; padding: 3px 0 0 32px; margin: 0 0 5px; background:#eee url(/lib-n/images/home/icons/toggle_open.png) no-repeat 8px 11px; height: 34px; line-height: 34px; font-size:15px; clear:both; border:1px solid #fff; box-shadow: 0 0 2px #BBBBBB; -moz-box-shadow: 0 0 2px #BBBBBB; -webkit-box-shadow: 0 0 2px #BBBBBB; padding: 1px 0 0 32px; text-shadow: 0 1px 0 #FFFFFF;} .trigger2 {display:block; padding: 3px 0 0 32px; margin: 0 0 5px; background:#eee url(/lib-n/images/home/icons/toggle_open2.png) no-repeat 8px 11px; background-color: transparent !important; height: 34px; line-height: 34px; font-size:15px; clear:both; border:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; top: 16px;} .trigger a { text-decoration: none; display:block; color:#555; } .trigger:hover { background-color:#ddd; } .active{background-color:#eee; background-position: 8px -46px; } .active a{ color:#333;} .toggle_container { margin:0; padding:10px 0 30px; overflow: hidden; width:100%; clear: both; float:left; display:block; } .toggle_container .block { padding: 20px 0; /*--Padding of Container--*/ } .grid4_box .toggle_container {width:210px!important; padding:0!important;} .grid8 .toggle_container {width:600px; padding:5px;} /* =============== nivoslider ======================*/ #slider1 .nivo-caption h2, #slider2 .nivo-caption h2 {font-size:21px;line-height:1.2em;font-weight:bold;padding:0;letter-spacing:.1px;} #slider1 .nivo-caption p, #slider2 .nivo-caption p { font-size:16px; line-height:1.4em; font-weight:normal; padding: 0 0 10px;} #slider1 .nivo-caption p span, #slider2 .nivo-caption p span{ color:#CE5207;} #slider-small .nivo-controlNav { background: none repeat scroll 0 0 transparent; bottom: -25px; position: absolute; right: 0; } #slider-small .nivo-caption { color:#444;opacity:1.0;position:absolute;left:5px;top:0;width:100%;z-index:89; } #slider-small .nivo-caption p { text-indent:0; color: #63686C; font-size:13px; line-height:1.5em; font-weight:normal; opacity:1.0; padding: 0 0 10px; } #slider-small .nivo-directionNav a{ display:none!important;} #slider-small .nivo-caption cite { text-align:left; color:#888; line-height:2em;} .mobile-btns {padding-top:105px;} .video {display:block; position:absolute; right:-298px; top:-20px; background:#333; width:250px; height:150px; cursor: pointer; } /* =============== PrettyPhoto Lightbox ======================*/ div.pp_overlay { background: none repeat scroll 0 0 #000;} .home-solutions div.pp_overlay { background: none repeat scroll 0 0 #73a53c;} .pp_description {font-size:120%; display: none; margin: 0 0 5px; text-align: center !important;} .div.pp_pic_holder{top:20px!important;} /* =============== Have A Question ======================*/ /* have a question */ .question { background: #fff url(/lib-n/images/products/question.jpg) no-repeat right 0; border: 1px solid #ccc; box-shadow: 0 0 5px #BBBBBB; -moz-box-shadow: 0 0 5px #BBBBBB; -webkit-box-shadow: 0 0 5px #BBBBBB;} .question:hover { background: #fff url(/lib-n/images/products/question.jpg) no-repeat right 0;} .question .phone { color: #bb0000; font-size: 26px; line-height: 26px; font-weight: bold; margin: 15px 0 0; padding: 5px 0 0; text-align: center;} .question .phonesub { font-size: 16px; font-weight: bold; padding: 0; text-align: center;} /* =============== WEBINAR ======================*/ .webinar{ background: url(/lib-n/images/home/gradient-btm.jpg) repeat-x scroll 0 bottom #FFFFFF; border: 1px solid #ccc; margin-bottom:20px; padding: 20px 20px 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20);} .tab_content section:first-child h2{color: #fff; padding: 8px 10px 5px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65); background:#667787 url(/lib-n/images/home/bt-bg.png) repeat-x 0 -1px; border-width: 1px; border-color: #667787; border-style: solid; font-size:16px; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .webinar h2{color: #4d4d4d; margin: -20px -20px 20px; padding: 8px 10px 5px; text-shadow: 0 1px 0 #fff; background:#ddd url(/lib-n/images/home/bt-bg.png) repeat-x 0 -1px; border-width: 1px 0; border-color: #ccc; border-style: solid; font-size:16px; box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -moz-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-box-shadow: 0 1px 0 rgba(244, 244, 244, 0.65) inset; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .webinar p{} .webinar ul{border-top:none; margin-bottom: 0; margin-top: 5px;} .webinar .buynow-silversm {margin:10px 0; float:right;} .date{color:#5581AA} .date strong{color:#63686C} .webinar ol{padding: 10px 20px;} .webinar ol li{padding: 5px 0;} /* =============== Sidebar ======================*/ #sidebar {padding-top:0; margin-top: 55px;} #sidebar a{color:#5581AA} #sidebar h5:first-child {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;} #sidebar h5{ background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding: 8px 15px; margin:-1px -19px 0; text-shadow: 1px 1px 1px #FFFFFF; text-transform: uppercase; font-size:12px; color:#4d4d4d; text-shadow:0 1px 0 #fff; font-weight:800;} #sidebar ul {margin:10px 0 20px;} #sidebar ul li, #sidebar ul {border:none;} #sidebar ul li{padding:0;} #img247{padding-top:10px} #header-container .el-wrapper {width: 990px;} #header .el-wrapper { width: 990px; margin:0 auto; } .header.sticky.animated { border-bottom: 1px solid #e4e4e4; background: #fff;} .header.sticky { width: 100%; margin:0 auto; background: #F1F1F1;} /* .header.sticky { width: 100%; background: #fff; margin:0 auto; } */ /* =============== SOCIAL LINKS ======================*/ .addthis_toolbox{background: none repeat scroll 0 0 #EEEEEE; border-color: #DDDDDD; border-style: none solid solid; border-width: medium 1px 1px; display: block!important; margin: 0 3px 4px; padding: 3px 5px; float:right; min-width: 90px; } #socials{position:relative;overflow:hidden!important;} #socials span{ display: inline-block; width: 52px; z-index:1!important; padding-right: 37px;} #socials em{ background: none repeat scroll 0 0 #FFFFFF; padding: 0 0 0 8px; position: absolute; right: 0; z-index: 999 !important;} /* Home Page 06/07/2012 */ .ir { border: 0; font: 0/0; text-shadow: none; color: transparent; background-color: transparent; text-indent: -9999em; } .il li { display: inline-block; } .home .bdr { border-bottom: 1px solid #dbdbdb; } .home ul, .home li { padding: 0; } .leaderboard { min-height: 300px; height: auto !important; height: 300px; } .leaderboard > div { margin: 0 auto; position: relative; width: 950px; } .lb-intro { padding-top: 48px; width: 410px; } .lb-intro > h1 { color: #fff; font: 700 28px/32px open-sans, Arial,Helvetica,sans-serif; text-transform: none; text-shadow: 1px 2px rgba(0,0,0, .2); } .lb-intro > p { color: #fff; font: 500 15px/24px open-sans, Arial,Helvetica,sans-serif; line-height: 24px; text-shadow: 1px 2px rgba(0,0,0, .2); } .lb-cne { background: url(/products/spector-cne/images/cne-leaderboard-bg.jpg) left top repeat-x; } .lb-cne > div { background: url(/products/spector-cne/images/cne-hero.png) 450px bottom no-repeat, url(/products/spector-cne/images/cne-hero-bg.jpg) -85px top no-repeat; height: 300px; } .lb-work-solutions { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2YzZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e7f3fa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7f3fa)); background: -webkit-linear-gradient(top, #ffffff 0%,#e7f3fa 100%); background: -o-linear-gradient(top, #ffffff 0%,#e7f3fa 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e7f3fa 100%); background: linear-gradient(to bottom, #ffffff 0%,#e7f3fa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7f3fa',GradientType=0 ); padding: 2em 0 2em; border-bottom: 1px solid #eee; overflow: hidden; } .lb-work-solutions [class^="grid"] { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .lb-home-solutions { background: #494c56 url(/lib-n/images/solutions/home-solutions-hero-bg.jpg) center no-repeat; height: 298px; padding: 1.25em 0 0; border-bottom: 1px solid #eee; } .home .hero { background: url(/lib-n/images/home/corp-hero.jpg) left bottom no-repeat; background-size: cover; padding-top: 100px; text-align: center; height: 300px; } .gen-button.hero-button { background: #3890d0; font-family: 'Roboto'; font-size: 18px; font-weight: 300; border: none ; padding: 15px 30px; margin-top: 21px; border-radius: 0; } .center-align { text-align: center; } .home .inner { width: 932px; margin: 0 auto; position: relative; } .hero .inner { margin: 0 auto; position: relative; width: 950px; } .home .intro-wrapper { margin-left: 70px; } .home .intro { color: #f1f1f1; font-size: 27px; line-height: 1.45em; text-align: center; font-weight: 300; padding: 0; font-style: italic; margin-bottom: 12px; } .home .hero h1 { color: #f1f1f1; font-size: 48px; line-height: 1em; font-weight: 400; text-transform: none; text-shadow: none; text-align: center; margin-bottom: 12px; } .home h2 { font-size: 34px; font-weight: 300; margin: 0 0 36px; padding: 0; text-align: center; } .home .solutions { background: #fff; padding-top: 60px; padding-bottom: 36px; text-align: center; } .home .solutions h3 { font-size: 24px; font-weight: 300; padding-top: 0; text-align: center; } .home .solutions a:hover { text-decoration: none; } .home .solutions, .home .solutions p { font-size: 15px; line-height: 1.65em; text-align: center; } .solutions-icon { display: block; margin: 0 auto 18px; } .testimonial { clear: both; color: #797979; text-align: center; width: 600px; margin: 0 auto; } .testimonial .quote blockquote { font-family: 'Roboto'; color: #797979; font-size: 18px; line-height: 1.65em; font-weight: 300; font-style: italic; } .testimonial .quote figcaption { font-size: 12px; } .home .featured-products { border-top: 1px solid #F1F2F3; padding-top: 36px; padding-bottom: 36px; } .clickable { display: block; } .lip-divider { background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(0%,rgba(248,248,248,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -o-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, -ms-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* IE10+ */ background: url(/lib-n/images/home/shadow-bump.png) 50% top no-repeat, linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* W3C */ padding-top: 20px; } .home .il { border-top: none; text-align: center; } .il.border li { border-right: 1px dotted #ccc; border-bottom: none; } .il a { color: #369; } .il.border .last { border: none; } .popular-products h3 { color: #212121; font-size: 15px; text-align: center; } .product-list dt { text-align: center; } .product-list dd { text-align: center; width: 146px; } .callout-mod { background: #fff; border: 1px solid #DBDBDB; border-radius: 3px; margin-bottom: 5px; padding: 15px 10px 0; position: relative; overflow: hidden; } .callout-mod h4 { color: #3890d0; margin: 0; padding: 0; text-align: center; } .callout-mod p { color: #888; font-size: 13px; text-align: center; } .callout-mod .slide { background: rgb(0,0,0); background: rgba(0,0,0, .7); bottom: -28px; color: #fff; display: block; font-size: 14px; left: 0; padding: 5px; position: absolute; text-align: center; width: 278px; opacity: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .callout-mod a:hover .slide { bottom: 0; opacity: 1; } .cne-ad { background: #fff url(/lib-n/images/home/banners/cne-general.png) 50% bottom no-repeat; } .server-manager-ad { background: #fff url(/lib-n/images/home/banners/server-manager-general.png) 50% bottom no-repeat; } .dm-ad { background: #fff url(/lib-n/images/home/banners/disk-monitor-rpm.png) 50% bottom no-repeat; } .ebm-ad { background: #fff url(/lib-n/images/home/banners/ebm-general.png) 50% bottom no-repeat; } .s360-vid { background: #fff url(/lib-n/images/home/banners/360-video-tease.png) 50% 79px no-repeat; } .s360-recon-vid { background: #fff url(/lib-n/images/home/banners/360-recon-video-tease.png) 50% 79px no-repeat; } .s360-ad { background: #fff url(/lib-n/images/home/banners/360-monitor.png) 50% bottom no-repeat; } .it-harvest { background: #fff url(/lib-n/images/home/banners/vid-IT-harvest.jpg) 50% bottom no-repeat; } .it-harvest p{ color: #fff; } .callout-mod a { color: #787878; display: block; padding-bottom: 117px; text-decoration: none; } .callout-mod:hover { background-color: #eee; } .awards { text-align: center; clear: both; } .awards > img { margin-top: 36px; } .home .os-icon.mac { background: url(/lib-n/images/home/os-icon-sprite.png) center -39px no-repeat; } .home .os-icon.win { background: url(/lib-n/images/home/os-icon-sprite.png) center -60px no-repeat; } .home .os-icon.droid { background: url(/lib-n/images/home/os-icon-sprite.png) center top no-repeat; } .home .os-icon.bb { background: url(/lib-n/images/home/os-icon-sprite.png) center -21px no-repeat; } .home .os-icon.pc-mac { background: url(/lib-n/images/home/os-icon-sprite.png) center -86px no-repeat; } span.icon { height: 50px; width: 68px; display: inline-block; vertical-align: middle;; } span.txt { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -61px no-repeat; } span.email { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -135px no-repeat; } span.loctracking { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -902px no-repeat; } span.callog { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -964px no-repeat; } span.photos { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -763px no-repeat; } span.review { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -348px no-repeat; } span.secureaccess { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -823px no-repeat; } span.history { background: url(http://lp.spectorsoft.com/images/lands/feature-icons-2.jpg) left -831px no-repeat; } .dl-button { width: auto; border: 1px solid #c43307; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; line-height: .9em; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0, .3); -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: #e35a44; /* Old browsers */ background: -moz-linear-gradient(top, #e35a44 0%, #c63c33 41%, #a91f23 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e35a44), color-stop(41%,#c63c33), color-stop(100%,#a91f23)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* IE10+ */ background: linear-gradient(to bottom, #e35a44 0%,#c63c33 41%,#a91f23 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35a44', endColorstr='#a91f23',GradientType=0 ); /* IE6-9 */ } .dl-button:hover { text-decoration: none; background: #da383d; /* Old browsers */ background: -moz-linear-gradient(top, #ea8070 0%, #d76961 41%, #da383d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8070), color-stop(41%,#d76961), color-stop(100%,#da383d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ea8070 0%,#d76961 41%,#da383d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ea8070 0%,#d76961 41%,#da383d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ea8070 0%,#d76961 41%,#da383d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ea8070 0%,#d76961 41%,#da383d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8070', endColorstr='#da383d',GradientType=0 ); /* IE6-9 */ } .dl-button:link, .dl-button:visited, .dl-button:hover, .dl-button:active { color: #fff; } .dl-button:active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.33), 0 1px 4px rgba(0, 0, 0, 0.4) inset; } .dl-button.medium { font-size: 18px; } .box-lightblue .dl-button { width: 211px; margin-bottom: 10px; } #eb-win .button-single .dl-button, #eb-mac .button-single .dl-button { padding: 10px 14px 11px; } .dl-button.green { border: 1px solid #8aaf61; background: #a9c887; /* Old browsers */ background: -moz-linear-gradient(top, #a9c887 0%, #79a745 37%, #73a53c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9c887), color-stop(37%,#79a745), color-stop(100%,#73a53c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a9c887 0%,#79a745 37%,#73a53c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a9c887 0%,#79a745 37%,#73a53c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a9c887 0%,#79a745 37%,#73a53c 100%); /* IE10+ */ background: linear-gradient(to bottom, #a9c887 0%,#79a745 37%,#73a53c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c887', endColorstr='#73a53c',GradientType=0 ); /* IE6-9 */ } .dl-button i { font-style: normal; } .dl-button .text{ color: #fac085; display: block; font-size: 13px; margin-top: 2px; text-transform: none; } .dl-button.green .text { color: #fff; } .button-single.tour { float: left; margin: 20px 25px 0 0; } .tour .dl-button { padding: 10px 20px 9px; } .barker .dl-button { margin-top: 5px; padding: 9px 0 9px; width: 210px; } .barker span { /*padding: 15px 10px 15px 10px;*/ font-size: 22px; } .barker .price { display: block; } .sidebar .barker { text-align: center; } .button-single { text-align: center; } .table { border-spacing: 1px; border-collapse: separate; border: 1px solid #eee; border-radius: 3px; } .table thead {background: #eee; font-size: 14px; color: #5D5D5D; text-align: center;} .table thead tr th, .table tfoot tr td { padding: 8px 10px 9px; font-weight: bold; color: ##5D5D5D; } .table tbody tr td {color: #333; padding: 9px 10px; vertical-align: top; border: none;} .table--compare { width: 100%; border: none; border-spacing: 0; } .table--compare .feature { text-align: left; } .table--compare thead th { padding: 15px !important; border-bottom: 1px solid #e0e0e0; font-weight: bold } .table--compare tbody tr th { padding: 11px 10px; font-weight: normal; } .table--compare tbody tr td { text-align: center; } table.table--compare tr td, .table--compare th { border-bottom: 1px solid #eee; } .table--compare .cta-row td, .table--compare .cta-row th { border-bottom: none; padding-top: 20px; } .table--compare tbody tr:nth-child(even) { background: #fff !important; } .table tbody tr:nth-child(even) { background: #eee; } .table--compare .fa{ font-size: 18px; color: #7DBB6D; } .plain-list { border: none; margin-left: 18px; } .plain-list > li { border-bottom: none; list-style-type: disc; padding-left: 0; } .ico { display:inline-block; } .ico-24 { height: 24px; width: 24px; } .ico-magnifier { background: url(/lib-n/images/search-24x24.png) 50% 50% no-repeat; } .zoom { position: relative; display: block; } .zoom .ico { background-color: rgb(0,0,0); background-color: rgba(0,0,0, .7); border-radius: 4px; padding: 5px; position: absolute; top: 50%; right: 50%; margin-right: -17px; margin-top: -17px; } .ss-thumb { border: 1px solid #ccc; } .award { border-radius: 4px; border: 1px solid #dedede; position: relative; height: 208px; overflow: hidden; box-shadow: 0 2px 2px -1px rgba(0,0,0, .3); } .award:hover .award-details { -webkit-transform: none; /*opacity: 1;*/ } .award-details { background: rgba(0,0,0, .5); /*opacity: 0;*/ padding: 10px; position: absolute; -webkit-transition: all .5s ease; -webkit-transform: rotate(30deg) translate(233px); } .os { font: 500 14px/24px "Open Sans", Arial,Helvetica,sans-serif; } .os h1, .os h2, .os h3, .os h4 { font-family: "Open Sans", Arial,Helvetica,sans-serif; } .section-heading { color: #444; font-size: 32px; font-weight: 600; line-height: 32px; padding: 1em 0 0; text-transform: none; } .home-solutions .section-heading { font-family: 'Roboto', Arial, Helvetica; color: #fff; font-weight: 400; text-shadow: none; margin-bottom: 10px; } .home-solutions .section-heading span { background: #125c91; background: rgba(18, 92, 145, 0.5); display: inline-block; padding: 10px; margin-bottom: -1px; } .home-solutions .section-subheading { color: #fff; margin-right: 60px; } .hero-details { border-top: 0; margin: 0; padding: 0; } .hero-details > li { font-size: 14px; color: #fff; border: none; padding: 0; } .hero-disclaimer { color: #092d1a; font-size: 10px; display: block; line-height: 13px; margin-top: 5px; width: 434px; } .section-subheading { color: #444; font-size: 18px; margin-bottom: 1em; } .solutions-product-list-entry { overflow: hidden; } .solutions-product-list-entry [class~="grid"] { margin-bottom: 0; } .solutions-product-list { margin: 0 0 2em; } .solutions-product-list h2 { text-align: center; } .article { color: #444; font: 500 16px/1.617em "Open Sans", Arial,Helvetica,sans-serif; } .article h1, .article h2, .article h3, .article h4 { color: #333; font-family: "Open Sans", Helvetica, Arial; padding: 0; } .article h2 { margin: 0 0 15px; } .article-inner { margin: 0 auto; width: 770px; } .article-heading { color: #444; font-size: 34px; font-weight: 500; line-height: 37px; padding: 0; text-transform: none; } .article-subheading { color: #444; font-size: 18px; line-height: 32px; margin-bottom: 0 !important; margin-top: 3px !important; } .article-callout { color: #333 !important; font-family: Georgia, serif; font-size: 18px !important; line-height: 1.432em !important; width: 500px; margin: 0 auto 25px; } .article-body { margin: 0 auto; padding: 25px 0 25px; width: 770px; } .article p { font-size: 16px; line-height: 1.617em; margin-bottom: 25px; padding: 0; } .article ul { margin-bottom: 25px; } .article li { font-size: 16px; line-height: 1.617em; } .section-tagline { text-align: center; padding: 2.5em 0; } .lowlight { color: #999; } .section-tagline > h2 { color: #767676; font-size: 18px; line-height: 21px; font-style: italic; padding: 1em 0 0; } .solutions-product-title { font-size: 18px; padding: 0; } .solutions-product-title > a { color: #2275ab; font-weight: 600; } .solutions-product-subtitle { margin: .2em 0; padding: 0; font-size: 14px; color: #767676; } .solutions-product-list-details p { font-size: 13px; line-height: 23px; width: 430px; } .center { display: block; margin: 0 auto; } .wrapper { background: #fff; } .solution-awards { margin-left: 27px; vertical-align: middle; } .generic-ul { border-top: none; } .generic-ul > li { border-bottom: none; padding: 0; } .list { padding-left: .5em; } .list > li { list-style-type: disc; margin-bottom: 1em; } .horizontal-ul > li > a { font-size: 14px; float: left; border-right: 1px solid #bebebe; padding: 0 10px; } .horizontal-ul > li:last-child > a { border-right: none; } .horizontal-ul .gen-button { border-right: 1px solid !important; } .solutions-product-list-features > li { display: inline-block; font-size: 12px; font-weight: 600; text-align: center; width: 110px; } .solutions-product-price { color: #222; font-size: 20px; line-height: 1.3em; padding: 0; } .media, .bd {overflow:hidden; _overflow:visible; zoom:1;} .media .img {float:left; margin-right: 20px;} .media .img img{display:block;} .media .imgExt{float:right; margin-left: 10px;} .gen-button, .gen-button.quaternary { width: auto; border: 1px solid; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: white !important; cursor: pointer; display: inline-block; font: 600 15px/24px "Roboto", Arial,Helvetica,sans-serif; margin: 0; outline: none; padding: 8px 25px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: #2275ab; /* Old browsers */ } .gen-button:hover, .gen-button.quarternary:hover { background: #3583b9; text-decoration: none; } .gen-button.secondary { background: #bebebe; } .gen-button.secondary:hover { background: #aeaeae; } .gen-button.tertiary { background: #fff; color: #2275ab !important; border: 1px solid #2275ab; font-size: 13px; font-weight: 600; display: block; text-align: center; } .gen-button.tertiary:hover { background: #f9f9f9; } .gen-button.quaternary { color: #fff; padding-left: 10px; padding-right: 10px; font-weight: 300; display: inline-block; margin-top: 12px; min-width: 200px; } .horizontal-ul .gen-button { margin-right: 10px; padding: 8px 25px; } .os-icon { display: inline-block; text-indent: -9999em; height: 18px; width: 25px; } .win-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) left 50%; } .mac-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) 88px 50%; } .android-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) 177px 50%; } .blackberry-os { background: url(/lib-n/images/solutions/os-icon-sprite.png) 148px 50%; } .button-group { margin: 1em 0 1em; } .button-group > a:first-child { margin-right: 10px; } .vertical-ul > li { list-style: disc; margin-bottom: 4px; } .work-solutions-feature-list { margin-top: 1.75em; } .os .work-solutions-feature-list > li { font-size: 13px; } .message { font-family: "open-sans"; text-align: center; padding: 1em 0; font-size: 16px; border-bottom: 1px solid #dbdbdb; } #pro .message, #eb-win .message { border-top: 1px solid #dbdbdb; } .message>span { color: #39a1d3; font-weight: 500; } .vert-align--middle { display: inline-block; vertical-align: middle; margin: 0 5px; } .call-banner { text-align: center; padding: .5em 0; font-size: 21px; border-bottom: 1px solid #dbdbdb; } .call-banner>span { color: #e50b01; font-weight: 600; } .webinar-list, .webinar-item, .webinar-item ul, .webinar-item ul>li { border: none; } .webinar-item { width: 30.37%; margin-left: 4.4%; float: left; padding: 0; margin-bottom: 4.4%; background: #fff; border-radius: 4px; box-shadow: 0 2px 0 0 #d9d9d9; } .webinar-list .webinar-body .numbered-list ul{ padding-left:50px; } .webinar-list .webinar-body .numbered-list li{ list-style: disc outside none; list-style-type: decimal; border-bottom: none; padding:15px 0 10px 10px; } .video-grid .webinar-item { box-shadow: none; } .webinar-item.webinar-upcoming { width: 100%; margin-left: 0; padding: 20px 20px; -moz-box-sizing: border-box; box-sizing: border-box; } .webinar-upcoming .webinar-icon { width: 60px; height: 60px; } .webinar-item:nth-child(3n+1){ clear: both; margin-left: 0; } .webinar-item:first-child, .event--tradeshow .webinar-item:first-child, .event--tradeshow .webinar-item:nth-child(odd) { margin-left: 0; } .event--tradeshow .webinar-item:nth-child(odd) { clear: both; } .event--tradeshow .webinar-item:nth-child(3n+1) { clear: none; } .webinar-item h3 { font-family: open-sans, Arial,Helvetica,sans-serif; font-size: 13px; font-weight: 400; padding: 3px 0 0; } .webinar-item p { font-family: open-sans, Arial,Helvetica,sans-serif; font-size: 14px; } .webinar-item.webinar-upcoming h3 { font-size: 18px; font-weight: 600; padding-top: 0; } .webinar-item .webinar-cover { width: 100%; } .webinar-upcoming .webinar-body { padding: 0; font-family: open-sans, Arial,Helvetica,sans-serif !important; } .webinar-item.webinar-upcoming .webinar-icon, .webinar-item.webinar-body { float: left; } .webinar-item .meta { margin-top: 5px; } .webinar-item .meta li { padding: 0; } .webinar-item .meta .webinar-date { font-size: 11px; color: #aeaeae; } .video-grid .webinar-item .meta .webinar-date { font-size: 11px; color: #7c7c7c; } .webinar-body { padding: 8px 8px; } .webinar-date-time { margin-bottom: 0; padding-bottom: 0; } .webinar-upcoming .webinar-body { margin-left: 80px; } .webinar-desc { font-size: 14px; padding-bottom: 0; } .webinar-length { float: right; } .webinar-img { float: right; padding: 5px 10px 24px 10px; width: 80px; height: auto; } .webinar-item .gen-button { text-align: center; font-family: open-sans, Arial,Helvetica,sans-serif; font-size: 14px; padding: 5px 16px; font-weight: normal; } .event--tradeshow .webinar-item { margin-left: 4.5%; width: 329px; } .event--tradeshow .webinar-body { margin-left: 0; } .event--tradeshow .event-logo { width: 60px; margin-top: 10px; margin-left: 10px; float: right; } .event--tradeshow .webinar-date-time { padding-top: 0; } .event--tradeshow .webinar-desc { padding-bottom: 0; } .award-banner { margin: 24px 0 24px; display: block; } .split-button { white-space: nowrap; font-family: inherit; font-size: 100%; font-weight: 700; cursor: pointer; border: none; margin: 0; padding-top: 0; padding-bottom: 0; line-height: 1; border-radius: 4px; color: #fff !important; padding: 6px 14px; background: #2275AB; } .split-button:hover { text-decoration: none; } .split-button--first { background: transparent; color: #2275AB !important; } .split-button--last { } .btn--split { margin: 0; border: none; } .btn--split > li { display: inline-block; list-style: none; padding: 0; border: none; } .btn--split > li:last-child { } .cta-row td { vertical-align: middle !important; text-align: center; } .block-link { border: none; margin: 20px 0 15px; } .block-link.banner { margin: 0 0; } .block-link > li { padding: 0; border-bottom: none; } .block-link > li:last-child .block-link__item { border-bottom: none; } .block-link__item { text-decoration: none; color: #4d4d4d !important; position: relative; display: block; padding: 18px 40px 18px 0; border-bottom: 1px solid #eee; overflow: hidden; } .block-link.banner .block-link__item { border: 1px solid #eee !important; border-radius: 4px; padding: 15px 15px; } .block-link.banner.block-link__item--right { padding: 0; } .block-link__item:after { content: "\f105"; font-family: FontAwesome; display: block; position: absolute; right: 0; top: 50%; font-size: 34px; font-weight: normal; margin-top: -7px; color: #eee; } .block-link.banner .fa { font-size: 28px; vertical-align: middle; font-weight: normal; padding-left: 5px; } .block-link.banner .block-link__item:after { content: ""; } .block-link__item:hover:after { color: #1A76A8; } .block-link__heading { color: #1A76A8; font-size: 15px; font-weight: bold; padding: 0; } .block-link__body { font-size: 14px; padding-top: 0; padding-bottom: 0; } .block-link.banner .block-link__body { text-align: center; } .block-link__heading, .block-link__body { margin-left: 70px; } .block-link.banner .block-link__body { margin-left: 0; } .block-link__item:hover, .link-block:hover { text-decoration: none; } .block-link__icon { display: block; float: left; width: 50px; height: 48px; overflow: hidden; padding: 0; } .block-link__cta--right .block-link__body { width: 300px; float: left; } .block-link__cta--right .block-link__cta { float: right; } .main-nav { color: #454545; background: #EFF4F8; margin-top: 0; margin-bottom: 24px; border-radius: 0 0 4px 4px; border: none; } .main-nav a { color: #858B91 !important; font-size: 12px; text-align: left !important; } .main-nav li { border-bottom: none !important; padding-left: 0 !important; } .main-nav > li > a { display: block !important; border-bottom: 1px solid #D8DFE5; padding: 10px 10px !important; font-weight: bold; line-height: 1; } .main-nav > li > a:hover, .main-nav li > ul > li > a:hover { background: #d6e2eb; text-decoration: none; } .main-nav > li > a.nav-download:hover { background: #bbd3cc !important; } .main-nav li > ul { margin-left: 0; margin-bottom: 0; padding: 0 10px 10px 10px; list-style: none; border-top: none !important; border-bottom: 1px solid #D8DFE5 !important; } .main-nav li > ul > li > a { display: block !important; padding: 3px 10px; color: #7F888F !important; } .main-nav > li:last-child > a { border-radius: 0 0 4px 4px; } .main-nav > li:last-child > a, .main-nav--is-open { border-bottom: none !important; } .nav-heading { color: #fff !important; letter-spacing: inherit; padding: 7px 10px; margin: 0; font-weight: normal; background: #709BBD !important; /*709BBD !important */ font-size: 14px; text-align: center; border-radius: 4px 4px 0 0; text-shadow: none !important; } .nav-download { background: #CEDFDA; } .nav-download .fa-circle { color: #7DBB6D; } .fa-highlight { color: #709BBD; } .product-hero__heading { text-transform: none; width: 870px; margin: 0 auto; text-align: center; margin-bottom: 37px; margin-top: 37px; padding: 0 0; font-weight: 400; color: #687483; } .product-hero__image { margin: 0 auto 57px; display: block; width: 75%; } .product-hero__image--lm { margin: 0 auto; display: block; } .form { background: #f0f0f0; padding: 20px; box-shadow: 0 2px 0 0 #d9d9d9; border-radius: 4px; } .trial-form { margin-top: 20px; clear: both; } .form-fields { } .form-fields, .form-fields > li { border-top: none; border-bottom: none; padding-left: 0; margin-right: 0; } .form-fields .label { display: block; color: #5B636B; margin-bottom: 3px; } label.error { color: #F06F6F; margin-top: 3px; display: block; } .form-fields .input--text.error, .form-fields .input--text.error:focus { border: 1px solid #f06f6f; } .form-fields .input--text { border-radius: 4px; padding: 8px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; width: 100%; outline: 0; } .form-fields .input--checkbox { display: inline-block; width: auto; vertical-align: middle; margin-right: 5px; } .form-fields .label--checkbox { display: inline-block; vertical-align: middle; } .form-fields .input--text:focus { border: 1px solid #709BBD; } .form-fields .input--callout { background: #dededd; padding: 8px 5px; margin: 12px 0; border-radius: 4px; } .two-col-list { overflow: hidden; margin-bottom: 24px; border: none; } .two-col-list > li { float: left; width: 45%; border: none; font-size: 14px; padding-left: 0; color: #858B91; } .button-submit { margin: 16px auto 0; width: 160px; display: block; } .feature-list .fa { color: #7DBB6D; margin-right: 6px; } .panel { padding: 10px 20px; overflow: hidden; } .panel--blue { background: #EFF4F8; border: 1px solid #D8DFE5; } .float-right { margin: 10px 0 20px 20px; float: right; } .media{ display:block; } .media.video-teaser { background: #F0F0F0; border-radius: 4px; padding: 15px; margin-bottom: 17px; overflow: hidden; transition: background-color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in; -webkit-box-shadow: 0 2px 0 0 #D9D9D9; box-shadow: 0 2px 0 0 #D9D9D9; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .media.video-teaser:hover { background: #e8e8e8; } .media h3 { font-size: 22px; font-weight: 400; margin-bottom: 0; margin-top: 0; } .media.video-teaser h3 { color: #1A76A8; font-size: 15px; font-weight: bold; padding-top: 0; } .media .img{ float:left; margin-right:15px; } .media .video-excerpt{ color: #4d4d4d; font-size: 14px; padding: 0; } .video-teaser .img { display: table-cell; width: 140px; float: none; margin-right: 0; } .video-teaser img { border-radius: 4px; box-shadow: 0 0 0 2px #d9d9d9; height: 80px; width: 140px; } .media .body{ overflow:hidden; } .media .body > :last-child{ margin-bottom:0; } .video-teaser .body { display: table-cell; vertical-align: middle; padding-left: 15px; } .img { position: relative; } .youtube .img:before { display: block; content: "\f16a"; font-family: "FontAwesome"; font-size: 38px; line-height: 1em; height: 38px; width: 38px; position: absolute; color: #d2473c; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 50%; margin-top: -19px; } .video-embed { margin-bottom: 17px; } .module--border { border: 1px solid #D8DFE5 !important; border-radius: 4px; margin-bottom: 15px; margin-top: 5px; } .cta-callout { display: table; background: #EFF4F8; border-radius: 4px; } .cta-callout__body { display: table-cell; border-right: 1px solid #D8DFE5; padding: 15px; width: 510px } .cta-callout__body p, .cta-callout__body h3 { padding: 0; } .cta-callout__cta { display: table-cell; vertical-align: middle; } .cta-callout__cta-container { width: 107px; } .cta-callout__cta-item { display: block; border-bottom: 1px solid #D8DFE5; text-align: center; padding: 14px 0 14px 0; cursor: pointer; font-size: 14px; } .cta-callout__cta-item:hover { background: #d6e2eb; text-decoration: none; } .cta-callout__cta-item .fa { font-size: 18px; vertical-align: middle; } .cta-callout__cta-item:last-child { border-bottom: none; } .img--margin-buster { margin-left: -110px; } .subhead { margin-top: 6px; display: block; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; min-height: 130px; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 10%; opacity: 1; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } /* carousel */ #quote-carousel { padding-bottom: 30px; margin: 36px auto 0; width: 980px; } #quote-carousel .item.active { background: transparent !important; } /* Control buttons */ #quote-carousel .carousel-control { background: #fff; color: #bebebe; font-size: 2.3em; text-shadow: none; padding-top: 30px; } /* Previous button */ #quote-carousel .carousel-control.left { left: -12px; } /* Next button */ #quote-carousel .carousel-control.right { right: -12px !important; } /* Changes the position of the indicators */ #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } /* Changes the color of the indicators */ #quote-carousel .carousel-indicators li { background: #c0c0c0; } #quote-carousel .carousel-indicators .active { background: #3890d0; } #quote-carousel img { width: 250px; height: 100px } /* End carousel */ /* Hero Carousel Start */ .home .hero .carousel-control .icon-prev, .home .hero .carousel-control .icon-next, .home .hero .carousel-control .glyphicon-chevron-left, .home .hero .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .home .hero .carousel-control .icon-prev, .home .hero .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .home .hero .carousel-control .icon-next, .home .hero .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .home .hero .carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -999px; border: 2px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .home .hero .carousel-indicators li { } .home .hero .carousel-indicators .active { background: #fff; } /* Hero Courusel END */ .item blockquote { border-left: none; margin: 0; } .item blockquote img { margin-bottom: 10px; } .item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; } .home .solutions-learn { text-align: center; margin-top: 24px; margin-bottom: 36px; } .solutions-learn-link { font-size: 18px; } /* White Outline Button */ .outline-button-white { min-width: 130px; width: auto; border:#fff 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #3890d0 !important; cursor: pointer; display: inline-block; font: 300 15px/24px 'Roboto', Arial,Helvetica,sans-serif; margin: 0; outline: none; padding: 8px 15px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: ; /* Old browsers */ } .outline-button-white:hover { font: 300 15px/24px 'Roboto', Arial,Helvetica,sans-serif; background: #fff opacity:0.5; border:#fff 1px solid; text-decoration: none; color: #1e73b1 !important; } .outline-button-white.secondary { border:#fff 1px solid; } .outline-button-white.secondary:hover { border:#fff 1px solid; } /* Blue Outline Button */ /* Blue Outline Button */ .outline-button-blue { min-width: 130px; width: auto; border:#3890d0 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #3890d0 !important; cursor: pointer; display: inline-block; font: 300 15px/24px 'Roboto', Arial,Helvetica,sans-serif; margin: 0; outline: none; padding: 8px 15px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: ; /* Old browsers */ } .outline-button-blue:hover { background: #EFF4F6; border:#1e73b1 1px solid; text-decoration: none; color: #1e73b1 !important; } .outline-button-blue.secondary { border:#1e73b1 1px solid; } .outline-button-blue.secondary:hover { border:#1e73b1 1px solid; } /* Circle Button Play */ /* Play Icon */ .circle-button { display:block; margin: 20px auto; width:60px; height:60px; border-radius:50px; font-size:20px; line-height:100px; text-align:center; background:#fff; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } .circle-button:hover { background: #43b0e8; } .fa-play { font-size: 15px; } /*----------FLIP BUTTON----------------------*/ .flip-content{position: relative;left: 20%; padding-top:20px} .flip-container { perspective: 1000; float:left;} .flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateX(-180deg);} .flip-container, .front, .back {width: 275px; height: 70px; position: relative;} .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; transform-origin: 100% 35px; } .front, .back { backface-visibility: hidden; position: absolute; top: 0; left: 0;} .front {z-index: 2; transform: rotateY(0deg); } .back { transform: rotateX(180deg); } .flip-btn i{font-size:13px; } .flipper a, .flipper a:hover { text-decoration: none!important; color:#FFF} .flip-btn { border: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: inline-block; font-size: 15px; margin: 0; outline: none; padding: 25px 0; position: relative; width:250px; text-align: center; text-decoration: none; background: #7bbc6a; } .linedup { margin: 0; padding: 0; list-style-type: none; text-align: center; border: none; border-top: none; border-top: none; border-bottom: none; text-align: center; } .linedup ul { padding-left: 0px; margin-left: -5px; list-style: outside none none; border: none; border-top: none; border-top: none; border-bottom: none; text-align: center; } .linedup li { display: inline; float: left; border: none; border-top: none; border-bottom: none; padding:80px 25px 20px 25px; } .clear {clear:both} .news { /*background-color: #f9f9f9;*/ padding-top: 40px; } .news h2 { text-align: left; font-weight: 300; font-size: 24px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .news h3 { font-weight: 300; color: #3890d0; margin-top:0; padding-top:0; text-align:left!important} .news h3 a { color: #3890d0; } .news h3 a:hover { color: #3890d0; text-decoration: none; } .news p { font-size: 14px; line-height: 1.5em; text-align: justify!important; margin-bottom: 10px; } .news .learn-more { text-decoration: none; font-size: 14px;color: #3890d0; float: right;} #news-carousel .item p{min-height:105px} #news-carousel .item.active { background: transparent !important; } #news-carousel .control-wrapper { position: relative; bottom: 35px; float: left; width: 90px; } #news-carousel .carousel-control { background: #FFF; color: #CCC; font-size: 2.5em; text-shadow: none; height: 40px; width: 40px; border: 1px solid #CCC; border-radius: 50%;} #news-carousel .carousel-control.left { float: left; } #news-carousel .carousel-control.right { float: left; } #news-carousel .carousel-control:hover {color: #3890d0;} #news-carousel .item.active { background: transparent !important; } #news-carousel .carousel-indicators {position: absolute; bottom: 0; left: 43%; z-index: 15; width: 100%; margin-left: 0; padding-left: 0; list-style: none; text-align: center; } #news-carousel .carousel-indicators li { background: #c0c0c0; } #news-carousel .carousel-indicators .active { background: #3890d0; } .news .box { border: 1px solid #ddd; position: relative; overflow: hidden; padding:3px} .news .box h3 { text-align: center!important; font-size: 14px; padding: 5px;} .news .box p { color: #ccc; text-align: center!important; font-size: 12px; } .news .box a { color: #787878; display: block; text-decoration: none;} .news .box:hover { background-color: #f9f9f9;} .news .box a:hover .slide { bottom: 0; opacity: 1;} .news .box .slide { background: rgba(0,0,0, .7); bottom: -35px; color: #fff; display: block; font-size: 14px; position: absolute; text-align: center; line-height:45px; width: 282px; margin-bottom: 3px; opacity: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;} /* The Grid ---------------------- */ .row { width: 980px; max-width: 100%; min-width: 768px; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .three, .row .three { width: 25%; } .four, .row .four { width: 33.33333%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 8.33333%; } .row .offset-by-two { margin-left: 16.66667%; } .row .offset-by-three { margin-left: 25%; } .row .offset-by-four { margin-left: 33.33333%; } .row .offset-by-five { margin-left: 41.66667%; } .row .offset-by-six { margin-left: 50%; } .row .offset-by-seven { margin-left: 58.33333%; } .row .offset-by-eight { margin-left: 66.66667%; } .row .offset-by-nine { margin-left: 75%; } .row .offset-by-ten { margin-left: 83.33333%; } .push-two { left: 16.66667%; } .pull-two { right: 16.66667%; } .push-three { left: 25%; } .pull-three { right: 25%; } .push-four { left: 33.33333%; } .pull-four { right: 33.33333%; } .push-five { left: 41.66667%; } .pull-five { right: 41.66667%; } .push-six { left: 50%; } .pull-six { right: 50%; } .push-seven { left: 58.33333%; } .pull-seven { right: 58.33333%; } .push-eight { left: 66.66667%; } .pull-eight { right: 66.66667%; } .push-nine { left: 75%; } .pull-nine { right: 75%; } .push-ten { left: 83.33333%; } .pull-ten { right: 83.33333%; } img { height: auto; } img, object, embed { max-width: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none!important; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; padding: 0; } .block-grid > li { display: block; height: auto; float: left; } .block-grid.one-up { margin: 0; } .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } .block-grid.two-up { margin: 0 -15px; } .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } .block-grid.two-up > li:nth-child(2n+1) { clear: both; } .block-grid.three-up { margin: 0 -12px; } .block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; } .block-grid.three-up > li:nth-child(3n+1) { clear: both; } .block-grid.four-up { margin: 0 -10px; } .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } .block-grid.four-up > li:nth-child(4n+1) { clear: both; } .block-grid.five-up { margin: 0 -8px; } .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } .block-grid.five-up > li:nth-child(5n+1) { clear: both; } .block-grid.six-up { margin: 0 -8px; } .block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; } .block-grid.six-up > li:nth-child(6n+1) { clear: both; } .block-grid.seven-up { margin: 0 -8px; } .block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; } .block-grid.seven-up > li:nth-child(7n+1) { clear: both; } .block-grid.eight-up { margin: 0 -8px; } .block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; } .block-grid.eight-up > li:nth-child(8n+1) { clear: both; } .block-grid.nine-up { margin: 0 -8px; } .block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; } .block-grid.nine-up > li:nth-child(9n+1) { clear: both; } .block-grid.ten-up { margin: 0 -8px; } .block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; } .block-grid.ten-up > li:nth-child(10n+1) { clear: both; } .block-grid.eleven-up { margin: 0 -8px; } .block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; } .block-grid.eleven-up > li:nth-child(11n+1) { clear: both; } .block-grid.twelve-up { margin: 0 -8px; } .block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; } .block-grid.twelve-up > li:nth-child(12n+1) { clear: both; } /* Normal Buttons ---------------------- */ .button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ } .button:hover, .button:focus { color: white; background-color: #2284a1; } .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } /* Don't use native buttons on iOS */ input[type=submit].button, button.button { -webkit-appearance: none; } /* Correct FF button padding */ @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } input[type="submit"].tiny.button { padding: 3px 10px 4px; } input[type="submit"].small.button { padding: 5px 14px 6px; } input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; } input[type="submit"].large.button { padding: 13px 30px 14px; } } /* Visibility Classes ---------------------- */ /* */ /* Standard (large) display targeting */ .show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print { display: none !important; } .hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print { display: inherit !important; } /* Very large display targeting */ @media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: inherit !important; } .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } } /* Medium display targeting */ @media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Small display targeting */ @media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific overrides for elements that require something other than display: block */ table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; } @media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } } @media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } } /* 1280 tablet ------------ */ @media only screen and (max-device-width: 1280px) { /* NavBar --- */ /* */ .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } } /* Covering almost all ----- */ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } /* Between Medium and Small */ @media only screen and (max-width: 1279px) and (min-width: 768px) { /* NavBar --- */ /* */ .touch .nav-bar li a { font-size: 13px; } .touch .nav-bar li.has-flyout > a.flyout-toggle { padding: 20px !important; } .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } /* Clearing --- */ /* */ .clearing-main-right, .clearing-main-left { height: 100%; width: 40px; top: 0; border: none; } .clearing-main-right:before, .clearing-main-left:before { position: absolute; top: 50%; } .clearing-main-left { left: 0; } .clearing-main-left:before { left: 5px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent white transparent transparent; } .clearing-main-right { height: 100%; right: 0; } .clearing-main-right:before { content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent transparent transparent white; } } /* Small Devices ------------ */ @media only screen and (max-width: 767px) { /* Global Misc --- */ /* */ .left, .right { float: none; } body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } /* The Grid --- */ /* */ .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; } .row .mobile-one:last-child { float: right; } .row .mobile-one.end { float: left; } .row.collapse .mobile-one { padding: 0; } .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; } .row .mobile-two:last-child { float: right; } .row .mobile-two.end { float: left; } .row.collapse .mobile-two { padding: 0; } .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; } .row .mobile-three:last-child { float: right; } .row .mobile-three.end { float: left; } .row.collapse .mobile-three { padding: 0; } .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; } .row .mobile-four:last-child { float: right; } .row .mobile-four.end { float: left; } .row.collapse .mobile-four { padding: 0; } .push-one-mobile { left: 25%; } .pull-one-mobile { right: 25%; } .push-two-mobile { left: 50%; } .pull-two-mobile { right: 50%; } .push-three-mobile { left: 75%; } .pull-three-mobile { right: 75%; } /* Block Grids --- */ /* */ .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } .block-grid > li { clear: none; } .block-grid.mobile-one-up > li { width: 100%; } .block-grid.mobile-two-up > li { width: 50%; } .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; } .block-grid.mobile-three-up > li { width: 33.33333%; } .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both; } .block-grid.mobile-four-up > li { width: 25%; } .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; } .block-grid.mobile-five-up > li { width: 20%; } .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } .block-grid.mobile-six-up > li { width: 16.66667%; } .block-grid.mobile-six-up > li:nth-child(6n+1) { clear: both; } .block-grid.mobile-seven-up > li { width: 14.28571%; } .block-grid.mobile-seven-up > li:nth-child(7n+1) { clear: both; } .block-grid.mobile-eight-up > li { width: 12.5%; } .block-grid.mobile-eight-up > li:nth-child(8n+1) { clear: both; } .block-grid.mobile-nine-up > li { width: 11.11111%; } .block-grid.mobile-nine-up > li:nth-child(9n+1) { clear: both; } .block-grid.mobile-ten-up > li { width: 10%; } .block-grid.mobile-ten-up > li:nth-child(10n+1) { clear: both; } .block-grid.mobile-eleven-up > li { width: 9.09091%; } .block-grid.mobile-eleven-up > li:nth-child(11n+1) { clear: both; } .block-grid.mobile-twelve-up > li { width: 8.33333%; } .block-grid.mobile-twelve-up > li:nth-child(12n+1) { clear: both; }