/* colors: grey 9EA097 dark grey 232323 was 4F5148 lt grey F0F0EF orange FF7500 gold FF9933 yellow F0BC1B blue 0065A4 lt blue 009DDC purple 732B90 lt purple B5278F pinkish EE2A7B green A5C935 dark green 3B6E47 med green 3BAD4 */ /* FONT FACES */ @import url('proxima_nova_kit.css'); /* Bolder serif font */ /* Libre Baskerville for Ampersand */ @font-face { font-family: 'libre_baskervilleitalic'; src: url('/static/v0.1/images/sofonts/librebaskerville-italic-webfont.eot'); src: url('/static/v0.1/images/sofonts/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/librebaskerville-italic-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/librebaskerville-italic-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'EratoLight'; src: url('/static/v0.1/images/sofonts/EratoLig-webfont.eot'); src: url('/static/v0.1/images/sofonts/EratoLig-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/EratoLig-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/EratoLig-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/EratoLig-webfont.svg#EratoLight') format('svg'); font-weight: normal; font-style: normal; } /* Header Fonts */ @font-face { font-family: 'PolyRegular'; src: url('/static/v0.1/images/sofonts/poly-regular-webfont.eot'); src: url('/static/v0.1/images/sofonts/poly-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/poly-regular-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/poly-regular-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/poly-regular-webfont.svg#PolyRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PolyItalic'; src: url('/static/v0.1/images/sofonts/poly-italic-webfont.eot'); src: url('/static/v0.1/images/sofonts/poly-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/poly-italic-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/poly-italic-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/poly-italic-webfont.svg#PolyItalic') format('svg'); font-weight: normal; font-style: normal; } /* Body Fonts */ @font-face { font-family: 'PTSansRegular'; src: url('/static/v0.1/images/sofonts/pts55f-webfont.eot'); src: url('/static/v0.1/images/sofonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/pts55f-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/pts55f-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansItalic'; src: url('/static/v0.1/images/sofonts/pts56f-webfont.eot'); src: url('/static/v0.1/images/sofonts/pts56f-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/pts56f-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/pts56f-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/pts56f-webfont.svg#PTSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansBold'; src: url('/static/v0.1/images/sofonts/pts75f-webfont.eot'); src: url('/static/v0.1/images/sofonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/pts75f-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/pts75f-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/pts75f-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansBoldItalic'; src: url('/static/v0.1/images/sofonts/pts76f-webfont.eot'); src: url('/static/v0.1/images/sofonts/pts76f-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/pts76f-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/pts76f-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/pts76f-webfont.svg#PTSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansNarrowRegular'; src: url('/static/v0.1/images/sofonts/ptn57f-webfont.eot'); src: url('/static/v0.1/images/sofonts/ptn57f-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/ptn57f-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/ptn57f-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/ptn57f-webfont.svg#PTSansNarrowRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansNarrowBold'; src: url('/static/v0.1/images/sofonts/ptn77f-webfont.eot'); src: url('/static/v0.1/images/sofonts/ptn77f-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/ptn77f-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/ptn77f-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/ptn77f-webfont.svg#PTSansNarrowBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLight'; src: url('/static/v0.1/images/sofonts/OpenSans-Light-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-Light-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLightItalic'; src: url('/static/v0.1/images/sofonts/OpenSans-LightItalic-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('/static/v0.1/images/sofonts/OpenSans-Regular-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-Regular-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('/static/v0.1/images/sofonts/OpenSans-Italic-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-Italic-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('/static/v0.1/images/sofonts/OpenSans-Semibold-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldItalic'; src: url('/static/v0.1/images/sofonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('/static/v0.1/images/sofonts/OpenSans-Bold-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-Bold-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBoldItalic'; src: url('/static/v0.1/images/sofonts/OpenSans-BoldItalic-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtrabold'; src: url('/static/v0.1/images/sofonts/OpenSans-ExtraBold-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraboldItalic'; src: url('/static/v0.1/images/sofonts/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('/static/v0.1/images/sofonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/v0.1/images/sofonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('/static/v0.1/images/sofonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('/static/v0.1/images/sofonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: normal; font-style: normal; } /* RESET */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } * :focus { outline: 0; } /* LAYOUT */ #container { width:960px; margin: 0 auto; position: relative; text-align:center; clear:both; } #small_container { width:670px; margin: 0 auto; position: relative; text-align:center; } #text_container { width:610px; margin: 0 auto; position: relative; text-align:center; } #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* NAVIGATION */ div.navigation-wrapper { width:900px; margin:8px auto 80px auto; } div.navigation-wrapper img { width:100px; float:left; margin-right:15px; } div.top-navigation { position:relative; left:7px; font:14px/15px EratoLight; } div.navigation { position:relative; height:35px; width:780px; margin:15px 0 0 0; background-color:#fff; font:12px/34px EratoLight; letter-spacing:1px; color:#4c4c4c; border-bottom:1px solid #e0e0e0; display:inline-block; /* -webkit-box-shadow: 0px 3px 15px #ccc; -moz-box-shadow: 0px 3px 15px #ccc; box-shadow: 0px 3px 15px #ccc; behavior: url(/static/newsite/static/core/PIE.htc); */ } div.navigation:after { content:""; display:block; clear:both; } div.top-navigation ul li { border-left:1px solid #e0e0e0; margin:-12px -2px 12px -2px; display:inline-block; padding:12px 47px 8px 9px; } div.top-navigation ul li:last-child { border-right:1px solid #e0e0e0; } body.index li.nav-index a { color:#ff9933; } body.index li.nav-index { border-left:1px solid #ff9933; } body.index .nav-index a, body.personal .nav-personal a, body.business .nav-business a, body.partners .nav-partners a, body.login .nav-login a, body.help .nav-help a { background-color:#fff } body.index .nav-index a:hover, body.personal .nav-personal a:hover, body.business .nav-business a:hover, body.partners .nav-partners a:hover, body.login .nav-login a:hover, body.faq .nav-help a:hover { background-color:#fff!important } body.personal li.nav-personal a { color:#ff7500; } body.personal li.nav-personal { border-left:1px solid #ff7500; } body.business li.nav-business a { color:#0065a4; } body.business li.nav-business { border-left:1px solid #0065a4; } body.partners li.nav-partners a { color:#732b90; } body.partners li.nav-partners { border-left:1px solid #732b90; } body.help li.nav-help, body.login li.nav-login { color:#b0b0b0; border-left:1px solid #b0b0b0; } div.navigation a, .navigation:visited { color:#4c4c4c; } body.aboutus .nav-aboutus, body.opendownload .nav-opendownload, body.engineering .nav-engineering, body.tour .nav-tour, body.mobile .nav-mobile, body.personal-pricing .nav-personal-pricing { border-bottom:3px solid #ff9933; } body.aboutus .nav-aboutus a, body.opendownload .nav-opendownload a, body.engineering .nav-engineering a, body.tour .nav-tour a, body.mobile .nav-mobile a, body.personal-pricing .nav-personal-pricing a { color:#ff9933!important; } body.hosted .nav-hosted, body.use-cases .nav-use-cases, body.business-pricing .nav-business-pricing { border-bottom:3px solid #0065A4; } body.business_learn_more .nav-business_learn_more a, body.business-pricing .nav-business-pricing a { color:#0065A4!important; } body.whitelabel .nav-whitelabel, body.reseller .nav-reseller { border-bottom:3px solid #732B90; } body.whitelabel .nav-whitelabel a, body.reseller .nav-reseller a { color:#732B90!important; } div.navigation li { display:inline-block; margin:0 17px; } div.navigation ul.left li { margin:0 -2px; padding:0 17px; } div.navigation ul.left { display:inline; } div.navigation ul.right { display:inline-block; float:right; } div.navigation ul.right li:first-child { margin:0 8px; } div.navigation ul.right .signup-nav { /* margin-right:22px; */ font-weight:bold; } #signup_link_p { background-color:#ff9933; color:#fff; } #signup_link_p:hover { background-color:#ff7500 } #signup_link_b { background-color:#0065a4; color:#fff; } #signup_link_b:hover { background-color:#009ddc } #signup_link_a { background-color:#732b90; color:#fff; } #signup_link_a:hover { background-color:#b5278f } ul.right li:nth-of-type(n+2){ font-style:italic; margin:0 8px; } /* Link Settings */ a[class~="lnk_home"]:hover { color:#ff9933!important; } .navigation a[class~="lnk_personal"]:hover { color:#FF7500!important; } .navigation a[class~="lnk_business"]:hover { color:#0065A4!important; } .navigation a[class~="lnk_partners"]:hover { color:#732B90!important; } .navigation a[class~="lnk_main"]:hover { color:#b0b0b0!important; } a[class~="lnk_personal"]:hover { color:#FF7500!important; } a[class~="lnk_business"]:hover { color:#0065A4!important; } a[class~="lnk_partners"]:hover { color:#732B90!important; } /* PRODUCTS DROPDOWN MENU */ #p-drop { position:relative; cursor:pointer; color:#232323; } ul.products_menu { position:absolute; top:40px; left:-15px; visibility:hidden; padding:0; margin:0; line-height:16px; z-index:100; } #p-drop:hover ul { visibility:visible; } ul.products_menu li { display:block; padding:3px; margin:0 10px; } ul.products_menu li a:hover { color:#AAAAAA; } /* SIGNUP / LOGIN NAV */ .signup-nav { position:relative; padding:4px 10px; border-radius:4px; border:1px solid #f9f9f9; } /* GLOBAL */ .center { margin: 0 auto; } strong { font-weight:bold; /*color:#FF6565*/ color:#4c4c4c; } em, i { font-style:italic; } .boldital { font-style:italic; font-weight:bold; } p { padding-bottom:15px; } #container div, td { font:11px/15px ProximaNova-Light; color:#555E57; } .clear { clear:both; } .bigger { font-size:15px; line-height:22px; } /* New from Patrick */ /* hr { border:0; background:url(/static/v0.1/images/index/dividers.gif) repeat-x; height:7px; width:800px; margin-top:10px; margin-bottom:30px; } hr.reverse { background-position:0 -10px; margin-bottom:10px; } */ hr { height:1px; border:0; border-top:1px solid #e0e0e0; width:800px; margin:10px auto 20px auto; } hr.reverse { margin:20px auto 10px auto; } hr.small { width:700px; margin-top:0px; } hr.tiny { width:500px; margin-top:0px; } body.help div.guide_info hr { width:128px; margin:4px 0 0 0; margin-right:59px; padding:0; } body.help #so_manual hr { width:400px; margin:0 auto; margin-bottom:12px; } body.help #so_manual h3:last-child { margin-bottom:15px!important; } h1 { text-align:center; color:#232323; font:40px/44px EratoLight; padding-bottom:10px; /*padding-top:122px;*/ } h2 { text-align:center; color:#4c4c4c; font:30px/30px EratoLight; padding-bottom:15px; } .headline { text-align:center; color:#4c4c4c; font-size:34px; line-height:44px; font-family:EratoLight, serif; padding-bottom:10px; } h3 { text-align:center; color:#4c4c4c; font:22px/26px EratoLight; padding-bottom:15px; } .giant { font-size:60px; padding-bottom:15px; } .medium { font-size:24px; line-height:28px; } .small { font-size:18px; line-height:22px; } .big_gold { color:#FF9933; font:36px/36px EratoLight; } .big_gold span { color:#4c4c4c; font-size:30px; } a.big_gold:hover { color:#FF7500; } .big_purple { color:#732B90; font:36px/36px EratoLight; } a.big_purple:hover { color:#B5278F; } .medium_gold { color:#FF9933; font:30px/30px EratoLight; margin-right:10px; } .small_gold { color:#FF9933; font:18px/18px EratoLight; margin-right:10px; } /*Added by --benny*/ .small_grey { color:#4c4c4c; font:18px/22px EratoLight; margin-right:10px; } /*Added by --benny*/ .big_grey { color:#9EA097; font:28px/38px EratoLight; } .big_gold span.medium_grey, .medium_grey { color:#9EA097; font:24.5px/38px EratoLight; } .gold_numbers { color:#F0BC1B; font:34px/34px EratoLight; margin-right:3px; } .gold_callout { color:#F0BC1B; font:16px/16px EratoLight; } .blue_callout { color:#0065A4; font:18px/18px EratoLight; } .huge_grey_numbers { color:#F0F0EF; font:230px/230px EratoLight; } .big_grey_numbers { color:#F0F0EF; font:180px/180px EratoLight; } .big_grey_quotes span { font-size:107px; display:block; } .big_grey_quotes { display:inline-block; color:#f0f0ef!important; position:relative; text-shadow:2px 2px 2px #d0d0d0; height:50px; } .quotes-right { position:relative; top:-20px; } .quotes-right span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; } /* position:absolute; top:100px; z-index:3; } .big_grey_quotes.left { float:left; margin-left:-210px; } .big_grey_quotes.right { float:right; margin-left:-45px; } */ .goldheadlines h1, .goldheadlines h2 { color:#FF9933; } /* pulled 'h1' --benny */ .blueheadlines h1, .blueheadlines h2 { color:#009DDC; } .purpleheadlines h1, .purpleheadlines h2 { color:#B5278F; } .greenheadlines h1, .greenheadlines h2 { color:#3B6E47; } .goldheadlines h2.headline { color:#FF7500; } .blueheadlines h2.headline { color:#0065A4; } .purpleheadlines h2.headline { color:#732B90; } .greenheadlines h2.headline { color:#A5C935; } .green_numbers { color:#A5C935; font:30px/30px EratoLight; margin-right:3px; } .big_green { color:#3BAD47; font:20px/18px EratoLight; padding:5px; } /*.grey { color:#9EA097; }*/ .black { color:black; } .gold { color:#FF9933; } .blue { color:#0065A4; } a.blue:hover { color:#009DDC; } .paleblue { color:#009DDC; } .purple { color:#732B90; } a.purple:hover { color:#B5278F; } .palepurple { color:#B5278F; } .orange { color:#FF7500; } a.orange:hover { color:#FF9933; } .paleorange { color:#F7991E; } .grey { color:#4c4c4c; } .movetobaseline { margin-bottom:-5px; } .movetotopline { margin-bottom:30px; } .floatleft { float:left; } .floatright { float:right; } .alignleft, .alignleft h2 { text-align:left!important; } .alignright { text-align:right!important; } /* new stuff below */ .addmargin { margin:15px 0; } .addpadding { padding:10px 0; } /* new stuff above */ ul.purplelist { list-style:disc; font:24px/30px EratoLight; color:#B5278F; padding-bottom:10px; } /* LINKS */ a { color: #4c4c4c; } a:link, a:visited, a:active { text-decoration: none; } a:hover { color:#FF9933; text-decoration: none; } .purple a { color:#EE2A7B; } .purple a:hover { color:#B5278F; } /* new stuff below */ .big_olive a { color:#A5C935; padding:0 5px; font-size:15px; } .big_olive { color:#A5C935; padding:0 5px; font-size:15px; } /* pulled out the 'a' --benny */ /* new stuff above */ /* BOXES */ .box_twothirds { width:499px; padding:15px; text-align:left; margin-left:89px!important; float:left; height:270px; } .box_twothirds h1 { text-align:left; color:#FF7500; font:38px/38px EratoLight; padding-bottom:0px; } .box_twothirds h2 { text-align:left; color:#FF9933; font:23px/28px EratoLight; padding-bottom:18px; } /*.box_twothirds p { float:left; padding:10px 0; font:13px PTSansRegular; color:#555E57; }*/ .box_twothirds p { float:left; padding:10px 0; font:13px ProximaNova-Light; color:#555E57; } .box_twothirds img { float:left; } .box_twothirds table { margin-bottom:10px; } .box_onethird { width:215px; padding:8px; text-align:center; margin-left:36px!important; float:left; height:270px; } .box_onethird_b { width:215px; padding:15px; text-align:center; margin-left:22px!important; height:270px; } /*benny*/ .box_onethird h1 { color:#0065A4; font:38px/38px EratoLight; padding-bottom:0px; } .box_onethird h2 { color:#009DDC; font:23px/23px EratoLight; padding-bottom:18px; } .box_796 { width:780px; margin-left:90px!important; float:left; } .box_796 h1 { color:#732B90; font:38px/38px EratoLight; padding-bottom:5px; text-align:left; float:left; clear:both; } /*.box_796 h2 { color:#B5278F; font:15px/16px EratoLight; padding-bottom:0px; padding-left:5px; text-align:left; float:left; clear:both; }*/ .quotemarks { width:100%; z-index:3; position:absolute; left:0px; top:-17px; } .quotes_3 { width:850px; margin: 10px 0 452px 18px; position:relative; padding-left:73px; } .box_thirds { width:191px; height:366px; margin-right:23px!important; float:left; z-index:2; padding:16px 30px 8px 24px; font:12px/18px ProximaNova-Light; text-align:left; } .box_thirds p { margin:11px 0 0 9px; } .numbergrid { position:relative; margin:0 auto; } .numbergrid td { text-align:left; padding:0 5px 0 5px; vertical-align:top; } .numbergrid_pass td { text-align:left; padding:0 5px 0 5px; vertical-align:middle; } .numbergrid td p { font:13px/18px ProximaNova-Light; width:250px; } .numbergrid h2 { font:38px/18px EratoLight; color:#FF9933; text-align:left; margin-top:50px; padding-bottom:15px; } .imagegrid4 { margin: 20px 0 20px 85px!important; } .imagegrid4 img { float:left; margin:0 11px 37px 0; } .box_threeacross { width:200px; padding:20px 10px 12px 10px; margin:20px 10px 40px 10px!important; float:left; height:300px; position:relative; } .box_threeacross h1 { font-size:26px; line-height:32px; padding-bottom:5px; } .box_threeacross h2 { font-size:18px; line-height:22px; padding-bottom:10px; } .box_threeacross span { font-size:13px; line-height:14px; } .box_fouracross { width:200px; padding:20px 10px 12px 10px; margin:20px 20px 60px 20px!important; float:left; height:300px; position:relative; } .box_fouracross h1 { font-size:26px; line-height:32px; padding-bottom:5px; } .box_fouracross h2 { font-size:18px; line-height:22px; padding-bottom:10px; } .box_fouracross span { font-size:13px; line-height:14px; } .box_fouracross img { position:absolute; bottom:15px; left:39px; } /* change this if different sized images are used */ .box_liquid div { margin-bottom:20px; } .box_217 { width:217px; margin:10px!important; padding:10px 0 4px 0; text-align:center; } .box_217 h1 { color:#0065A4; font:26px/26px EratoLight; padding-bottom:0px; } .box_217 h2 { color:#009DDC; font:18px/18px EratoLight; padding-bottom:5px; } .box_3buttons { margin:0 auto; position:relative; width:545px; } .box_3buttons img { margin:0 12px 15px 12px; float:left; } .box_smallsquare { width:138px; padding:8px 0 8px 8px; margin-right:22px!important; } .bottom_align { padding:16px 0 0 8px; } .box_690 { width:690px; padding:10px; margin:14px auto!important; } .box_220 { width:220px; height:220px; margin:0 10px 0 10px; padding:5px; } .box_740 { width:740px;margin-left:100px!important; } .userprofile_grid { width:172px; float:left; z-index:2; padding:16px 16px 8px; margin: 30px 32px!important;font:16px/20px EratoLight; } .userprofile_grid a { color:#FF9933; } .userprofile_grid a:hover { color:#FF7500; } /* BOX EFFECTS */ /*.navbox { border-bottom:1px solid; border-right:1px solid; border-color:#c9c9c9; }*/ .shadowbox { margin:15px 0 30px 0; background:#fff; -webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android dt { padding-bottom:5px; } /* various list manipulations. ol_reset can apply to more than just ordered lists */ dl { text-align:left; } dt { font:15px/20px EratoLight; padding-bottom:15px; } dt:hover { cursor:pointer; color:#999; } dd p { font-size:14px; line-height:20px; text-align:justified; } dd { border-top:1px solid #999; border-bottom: 1px solid #999; padding:15px 0 15px 0; margin-bottom: 50px; margin-right:101px; } ol>li { font-size:16px; } .ol_reset { padding-left:38px; } .ol_reset li { padding-bottom:16px; } .terms, .li_download, .li_plus { list-style-type:none; } .terms li { background:url('/static/v0.1/images/index/curve_arrow.png') no-repeat left top; padding:50px 0 0 80px; margin:-15px 0 0 -80px; } .purple_arrow li { background:url('/static/v0.1/images/index/curve_arrow_purple.png') no-repeat left top; padding:50px 0 0 80px; margin:-15px 0 0 -80px; } .li_download li { background:url('/static/v0.1/images/index/dl_icon.png') top left no-repeat #fff; padding:10px 0 10px 40px; margin-left:16px; font-size:14px; } .li_plus li { background:url('/static/v0.1/images/index/silver_plus.png') top left no-repeat #fff; padding:10px 0 20px 40px; margin-left:16px; font-size:14px; } .li_download li, .li_plus li, .li_mobile li { font-family: EratoLight; } /* I'm not using these for anything at the moment. But may be usefull in the future. */ #main { margin-top: 50px; padding: 0 70px 0 60px; } #main, #main>h2 { text-align:left; } #main>p { text-align:justified; padding-bottom: 50px; font-size:1.4em; } /* For the links at the bottom of our_company.html */ #left { position:relative; float:left; width:350px; } #right { position:relative; float:right; width:330px; } #left>span, #left>a { padding-left:15px; } #right>span, #right>a { padding-left:15px; } .short { width:310px; } /* community */ body.community #contact h3 { margin-left: 400px; text-align: left; padding-bottom: 40px; } body.community #contact img { width: 50px; height: 50px; } body.community #contact img { margin-bottom: -20px; margin-right: 10px; } body.community #treetops { font-size: 0.625em; } /* login */ #get-pass-div { width:400px; margin:20px auto; padding-top:20px; background-color:#dbdbdb; } .get-pass button { padding:6px 16px!important; font-size:15px!important; border:1px solid #4c4c4c; } .get-pass-info { margin:20px auto; width:650px; font:15px/22px ProximaNova-Light; text-align:justify; display:inline-block; } body.forgot_password #get-pass-captcha img { width:280px; margin:0 auto 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #e6e6e6; } body.forgot_password #note { float:left; margin:0 10px 40px 0; padding:3px 7px; } body.forgot_password #note i { margin:0; position:relative; top:3px; } body.forgot_password #back-to-login { width:300px; margin:20px auto; } body.forgot_password #back-to-login a { font:16px/21px ProximaNovaA-Semibold; letter-spacing:1.5px; } div.no-nav { width:100%; height:40px; position:absolute; top:0px; left:0px; background: #e6e6e6; /* Old browsers */ background: -moz-linear-gradient(top, #e6e6e6 23%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 23%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 23%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 23%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6e6e6 23%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } body.login div.login-logo { margin:30px auto; width:200px; } body.login div.login-logo img { width:112px; } body.login #login-wrapper { width:405px; margin:25px auto 0 auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:none; position:relative; } body.login #login-wrapper .login-tag { font:19px/42px ProximaNovaA-Semibold; letter-spacing:1.5px; padding:5px 0; color:#feead0; background-color:#dc8e30; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; } body.login #login-wrapper .login-tag.purple-tag { background-color:#7b2e94; color:#f4defc; } body.login #container .login-status { font:18px/42px ProximaNovaA-Semibold; color:#fff; } .input-wrapper { position:relative; margin:13px auto; width:381px; padding:0; text-align:center; } .input-wrapper:first-child { margin-top:30px; } .input-wrapperi:after { display:block; content:""; clear:both; } div.vertical-divider { position:absolute; height:18%; width:1px; background-color:#e6e6e6; display:inline; } div.input-wrapper label { position:relative; z-index:3; font-size:16px; color:#4c4c4c; left:10px; float:left; line-height:55px; width:108px; border:1px solid #f6f6f6; background-color:#f6f6f6; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } body.login input[type=text], body.login input[type=password] { position:relative; z-index:5; height:55px; width: 250px; font-size: 1.6em; color:#4c4c4c; border: 1px solid #f6f6f6; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } body.login .login-form div.forgot-password { position:relative; left:214px; /*top:-8px;*/ text-align:right; color:#ededed; width:155px; } div.forgot-password:after { clear:both; display:block; } body.login .login-form div.forgot-password.purple-span { width:230px; left:156px; } body.login .login-form div.forgot-password > a { color:#ffffff; font:14px/18px EratoLight; } body.login .login-form button { margin:20px auto; font:16px/21px ProximaNovaA-Semibold; letter-spacing:1.5px; padding:11px 27px; } body.login #switch-login { padding:20px; width:750px; margin:60px auto; } body.login .login-form #zk-notice { color:#fff; font:14px/20px EratoLight; width:290px; margin:20px auto; position:relative; top:-16px } #switch-login .login-options { display:inline-block; margin:0 30px; width:300px; padding:25px 0 35px; } #switch-login .login-options p { font:15px/18px OpenSansRegular; color:#5c5c5c; width:218px; margin:0 auto; padding:15px 0 30px 0; } #switch-login .login-options p:first-child { font-family:ProximaNovaA-Semibold; font-size:17px; color:#4c4c4c; padding:0; } #switch-login .login-options a.button { font:14px/20px ProximaNovaA-Semibold; } body.login div#login_form { font-size:15px; line-height:18px; margin: 50px auto 4em; width: 600px; text-align: left; } body.login #login_form .field label { font-family: EratoLight; line-height: 1.75em; font-size: 18px; width: 5em; display: inline-block; color: #ff7500; } body.login #login_form .purplefield label { color: #732b90; } body.login p.shareroom { font-family: EratoLight; font-size: 1.75em; margin: 1em 0 0; } body.login p.partners a { color: #732b90; font-size: 1.2em; } body.login p.partners a:hover { color: #b5278f; } body.login p.partners { font-family: EratoLight; font-size: 1.75em; margin: 1em 0 0; } body.login p.shareroom a { color: #ff7500; font-size: 1.5em; } body.login p.shareroom a:hover { color: #FF9933; } body.referral input[type=text] { display: inline-block; height: 1.3846em; width: 280px; font-size: 1em; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } body.help input[type=text] { display: inline-block; height: 30px; width: 370px; font-size: 1.3em; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); vertical-align:middle; text-indent:5px; font-family: EratoLight; } /* body.help input[type=submit] { padding:2px 4px; cursor:pointer; margin-left:10px; border: 1px solid #999; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; vertical-align:baseline; } */ body.referral textarea { display: inline-block; font-size: 1em; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } body.login i { margin-left: 6px; } body.login input[type=submit] { display: block; width: 100px; text-align: center; margin: 0 auto; position: relative; margin-top: 10px; } body.login #notes { width: 560px; text-align: left; margin: 80px auto 0; } body.login .arrow_text { clear: both; margin-left:10px; } body.login .arrow_text p { font-size: 15px; } body.login .arrow_text#bottom { margin-top:40px; } body.login .curve_arrow { margin: -50px 0 0 -69px; float: left; } body.login #download { margin: 2em auto 3em; width: 177px; height: 80px; } /* help */ body.help #suggestion { text-align:center; font:25px/30px "Times New Roman", Times, serif; padding-bottom:15px } body.help .help_box { /* float: left; */ width: 200px; margin-bottom: 30px; } body.help .header { background-color: #F0F0EF; font:22px/27px "Times New Roman", Times, serif; color: #FF9933; } body.help #faq .header { border-left: 2px solid white; border-right: 2px solid white; } body.help #faq .content { border-left: 2px solid #F0F0EF; border-right: 2px solid #F0F0EF; } body.help .help_box ul { list-style-type: disc; list-style-position:inside; text-align: left; padding-top: 12px; color:#FF7500; } body.help .help_box a { font:14px/16px EratoLight; color:#FF7500; } body.help .help_box a:hover { color:#B0B0B0; text-decoration:underline; } body.help .center_list { margin: 0 auto; position: relative; text-align: center; width: 60px; } body.help .center_faq { margin: 0 auto; position: relative; text-align: center; width: 230px; } /* NEW STARTUP_GUIDES STYLES */ body.help-guides #guide-content { position:relative; width:940px; margin:40px auto; } #guide-content:after { display:block; content:""; clear:both; } #guide-content h2 { margin-bottom:30px; } div.guide-info { width:303px; float:left; text-align:left; margin-bottom:50px; margin-left:8px; } div.guide-info:hover { background-color:#f6f6f6; } #guide-content div.guide-info.last-adjust { margin:15px auto; float:none; width:303px; clear:both; } div.guide-info .icon-div { width:49px; display:inline-block;; padding-top:10px; vertical-align:top; } div.guide-info .info-wrapper { display:inline-block; } .info-wrapper p { font:14px/18px ProximaNova-Light; width:195px; padding:0; margin:0; } .info-wrapper a { font-size:13px; line-height:30px; } div.guide-info h4 { font:18px/24px EratoLight; display:inline-block; color:#4c4c4c; margin:0; padding:0; } body.help #so_manual { clear:both; width:700px; margin:35px auto 0 auto; } body.help #so_manual h2, body.help #so_manual a, body.help #so_manual h3{ padding:0; margin:0; } /* NEW FAQ STYLES */ body.faq div.faq-navigation { width:750px; margin:0 auto; } div.faq-navigation hr { margin:0 auto; width:550px; } div.faq-navigation ul li a { color:#c6c6c6; } div.faq-navigation ul li { font:17px/42px EratoLight; width:130px; text-align:center; display:inline-block; } div.faq-navigation ul li:first-child { text-align:left; width:75px; } div.faq-navigation ul li:last-child { text-align:right; width:65px; } div.faq-navigation ul li.selected a { color:#4c4c4c; } div.faq-navigation ul li:not(.selected) a:hover { color:#ff7500; } body.faq h4.subcategory { font-size:24px; line-height:70px; } body.faq h4.subcategory span { font-size:16px; vertical-align:middle; color:#e6e6e6; } body.faq #faq-subheader { font-size:32px; padding-top:15px; margin-bottom:5px; } body.faq div.q-and-a, body.engineering div.q-and-a { border-bottom:1px solid #e0e0e0; margin-bottom:15px; } body.faq div.q-and-a:hover, body.engineering div.q-and-a:hover { background-color:#fafafa; } body.engineering dl { padding:10px; width:850px; margin:80px auto 50px; } body.faq dl { padding:10px; width:850px; margin:0 auto; } div.q-and-a dt.title { font-size:17px; padding:15px 0 15px 15px; display:inline-block; max-width:800px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } div.q-and-a span.button { position:relative; float:right; top:10px; cursor:pointer; } div.q-and-a span.button i { font-size:14px; } div.q-and-a dd { border:none; margin-bottom:0; padding:0 0 0 15px; } div.q-and-a dd>p { font-size:15px; } div.q-and-a dt a:hover { color:#b0b0b0; } .margin_fix { padding-left:130px; } .legal_margin { padding-left:100px; } .short { width:310px; } /* Fix for hr's that are too long */ .margin_fix { padding-left:170px; } /* Controls the left alignment of the main content in some pages */ .margin_97 { padding-left:97px; } .margin_right_fix { padding-right:97px; } /* Used for various tags containg the specified class alone or among others */ a[class~="inverted"], dt[class~="info"], p[class~="alignleft"] { font-size:15px!important; } h2[class="headline"] { font-size:34px!important; } .pad { padding-top:50px; } .attention { font:33px/10px PolyRegular!important; padding-bottom:15px!important; } /* Used for bolder titles */ .baseinfo { font:31px/10px EratoLight!important; padding-bottom:15px!important; } /* Used for bolder titles */ .title { font-size:21px; position:relative; } /* Used to adjust titles in engineering_matters.html */ .pricing { padding-top:70px; } /*padding fix for pricing tags. May be depreciated */ /* Stuff for the business pricing page */ .wyg_list { color:#FF7500; margin-left:35px; } .wyg_list li { font-size:14px!important; } .wyg_list span { color:#4c4c4c; } .wyg_list_blue { color:#009DDC; margin-left:35px; } .wyg_list_blue li { font-size:14px!important; } .wyg_list_blue span { color:#4c4c4c; } .pricing_box { width:215px; padding:8px; margin:32px; } .pricing_box div { line-height:1.25em; } .pricing h3 { color:#000!important; display:inline; } .blue_box_inner h2 { color:#fff; padding:10px; text-align:center!important; margin-top:8px; } .blue_box_info { background-color:#D7ECFA; padding:20px 10px; font-size:16px; text-align:left!important; } .blue_box_info h2, .blue_box_info h3, .blue_box_info p { display:inline; text-align:left!important; } .orange_box_inner h2 { color:#fff; padding:10px; text-align:center!important; margin-top:8px; } .orange_box_info { background-color:#FCF2D1; padding:20px 10px; font-size:16px; text-align:left!important; } .orange_box_info h2, .orange_box_info h3, .orange_box_info p { display:inline; text-align:left!important; } .purple_box_inner h2 { color:#fff; padding:10px; text-align:center!important; margin-top:8px; } .purple_box_info { background-color:#F7F2F8; padding:20px 10px; font-size:16px; text-align:left!important; } .purple_box_info h2, .purple_box_info h3, .purple_box_info p { display:inline; text-align:left!important; } .purple_box_info p, purple_box_info span { color:#732B90; } .info_inner { -webkit-border-radius: 0 0 10px 10px; /* Saf3-4, iOS 1-3.2, Android div { border-bottom: 1px solid #9ea097; padding-top: 10px; } body.aboutus #accordion { float: left; width: 320px; margin-right: 100px; border-top: 2px solid #F0F0EF; border-bottom: 2px solid #F0F0EF; } body.aboutus .picture { float: left; margin-right: 10px; } /* body.aboutus a:link, body.aboutus a:visited, #name { color: white; } */ /*body.aboutus h1 { margin-left: 50px; text-align: left; }*/ body.aboutus .dot { position: absolute; z-index: 2; } body.aboutus #popup { position: absolute; z-index: 3; display: none; } body.aboutus #name { display: inline-block; position: relative; top: 25px; z-index: 3; text-align: center; color: #FF7500; font:20px/24px "Times New Roman", Times, serif; } body.aboutus #point { position: relative; width: 76px; height: 50px; } body.aboutus #map { float: left; background: url(/static/v0.1/images/aboutus/map-graphic-blank.gif); position: relative; width: 300px; height: 480px; } body.aboutus .staffheader { padding-left: 5px; padding-bottom: 0; text-align: left; border-bottom: 1px solid #9EA097; } body.aboutus .first { border-top: 1px solid #9EA097; } body.aboutus .clear { clear: both; } body.aboutus .footer { margin-top: 4em; } /* signup */ body.signup #top_arrow { margin-top: 20px; } body.signup div#signup_form, body.signup div#signup_form div, body.signup div#signup_form td { font-size:15px; line-height:18px; } body.signup div#signup_form { margin:50px auto 0; width:600px; position:relative; } div#signup_form #form { margin-left:-70px; } body.signup #signup { width: 600px; text-align: left; } body.signup #signup table { width: 100%; } body.signup #signup table td { padding: 0.5em; vertical-align: center; white-space: nowrap; } body.signup #signup_form p { padding-bottom: 30px; } body.signup #signup .label { text-align: right; } body.signup #signup .label label, body.signup #signup .field label { font-family: EratoLight; line-height: 1.75em; font-size: 15px; } body.signup input[type=text], body.signup input[type=password] { display: inline-block; height: 1.3846em; width: 280px; padding: 5px 7px 5px 7px !important; font-size: 15px; font-family: 'EratoLight', serif; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } body.signup td.promo_field input { width: 165px; } body.index input[type=text], body.index input[type=password] { display:block; margin-bottom:8px; height: 1.3846em; width: 280px; font-family:EratoLight, serif; font-size: 1.4em; text-indent:8px; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } body.index #signup_form { padding-top:18px; } body.index #alpha_image { background:url(/static/v0.1/images/index/home_learnmore3.jpg) center center no-repeat; opacity:0.4; width:172px; height:163px; left:80px; margin-top:-20px; position:absolute; } body.signup #signup label.message { margin-left: 6px; font: italic 15px/15px 'EratoLight', serif; } body.signup .help-inline > label { width: 266px; text-align: left; } body.signup .clearfix > label { width: 92px; font-size:14px; padding:4px 12px 0 0; } body.signup .clearfix { clear: both; padding-bottom: 2em; margin-bottom: 1em; padding-top:10px; } body.signup label.valid, body.signup label.error { background-repeat: no-repeat; background-position: left center; padding-left: 20px; width: 250px; } body.signup label.valid { background-image: url(/static/v0.1/images/accept.png); } body.signup label.error { background-image: url(/static/v0.1/images/error.png); } body.signup #signup_btn { clear: both; } body.signup #zk-learn-more:hover { color:#ff7500; } body.signup #zk-tldr { position:absolute; display:none; width:530px; top:200px; left:285px; background-color:#ffffcc; padding:8px; } #zk-tldr > span { float: right; font-size: 10px; left: 5px; margin: 0; padding-bottom: 0; padding-left: 5px; position: relative; top: -8px; cursor:pointer; } #zk-tldr > span:hover { color:#b0b0b0; } #zk-tldr p { font-size:13px; line-height:15px; text-align:justify; padding:0!important; } #zk-tldr .speech-bubble-arrow-border { left:522px; } #zk-tldr .speech-bubble-arrow { left:521px; border-width:10px 10px 11px 11px; bottom:-21px; border-color:#ffffcc transparent transparent; } /* download */ body.download .step { float: left; border-right: 2px solid #A6A6A6; clear: left; font-family: 'Century Gothic', sans-serif; color: #f60; font-size: 2.5em; margin-bottom: 1.5em; line-height: 1em; padding-right: 30px; } body.download .instructions { float: left; width: 440px; padding-left: 30px; margin-top: -3px; } body.download #step2 { margin-top: 6px; } body.download #additional_info { visibility: hidden; } body.download #other_downloads { margin-bottom: 0em; } body.download .center { text-align: center; } body.download .clear { clear: both; margin-top: 1em; } body.download #reg_code { float: right; } body.download #username { float: left; } body.download .alert { margin-left: 1em; font-size: 1.5em; color: red; } body.download .highlight { background-color: yellow; } body.download #graphic { margin: 4em 0 5em; } body.download h2.system_requirements { margin: 0; } body.download ul.system_requirements { margin-bottom: 1em; } body.download ul.system_requirements li { list-style: disc; margin-left: 3em; } body.download p.certifications { margin-top: 3em; } body.download table.certifications { margin: 1em 0; width: 100%; } body.download table.certifications td { font-family: 'Century Gothic', sans-serif; vertical-align: top; } body.download th, body.download td { padding-right: 30px; } body.download tr > td:first-child { padding-right: 90px; } body.download form table { margin: 2em 0 3em; width: 100%; } /* * user profiles * Also works with the home page and personal page */ div.user_profiles { position:relative; display:block; } div.user_profiles:after { display:block; content:""; clear:both; } .profile_link { display:block; clear:both; padding:30px 0 40px 0; } div.left { float:left; margin-left:10px; } div.right { float:right; margin-right:10px; } div.left, div.right { width:450px; } .left .profile_image { float:left; margin-left:30px; } .right .profile_image { float:right; } div.outer_profile { margin:20px 0; } div.inner_profile p { font-size:18px; line-height:27px; padding-bottom:0; } div.inner_profile { position:relative; border:1px solid #c4c4c4; text-align:left; padding:15px; } #container div.confessions_slider .quote { font:100px/100px ProximaNovaA-Bold; color:#ff7500; } div.confessions_slider { width:630px; margin:60px auto; position:relative; } div.confessions_slider:after { display:block; content:""; clear:both; } div.confessions_slider .slider { background-color:#fff; height:290px; } div.confessions_slider .inner_profile { border:none; text-align:center; } div.confessions_slider #slide_3 { top:-18px; } .left .arrow { position:absolute; border-color:#fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); height:0; width:0; border-style:solid; border-width:45px 45px 0 0; left:0; bottom:-43px; } .left .arrow.border { border-color:#c4c4c4 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width:45px 45px 0 0; left:-1px; bottom:-46px; } .right .arrow { position:absolute; border-color:#fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); height:0; width:0; border-style:solid; border-width:45px 0 0 45px; right:0; bottom:-43px; } .right .arrow.border { border-color:#c4c4c4 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width:45px 0 0 45px; right:-1px; bottom:-46px; } .left div.user_tag { text-align:left; margin-left:40px; margin-top:12px; } .right div.user_tag { text-align:right; margin-top:12px; margin-right:40px; } .left div.user_tag .name_title { margin-left:10px; } .right div.user_tag .name_title { margin-right:10px; } div.user_tag img, div.user_tag .name_title { display:inline-block; vertical-align:middle; } div.confessions_slider .name_title { text-align:left; } div.name_title p { font:14px/18px ProximaNova-Bold; padding:0; } div.name_title .title { color:#c6c6c6; } /* code */ body.code p { padding-bottom:30px; padding-right:90px; } body.code h3 { padding-bottom:3px; text-align:left; } body.code .codelinks a { color:#FF9933; } body.code .codelinks a:hover { color:#FF7500; } /* contact */ .contact_table td { padding: 30px 50px; width: 50%; font-size: 1.5em; line-height: 1.5em; font-family: EratoLight; vertical-align: top; } .data_is td { font-size: 14px; line-height: 1.3875em; } body.business_learn_more div.bluecontainer { font-size: 16px; line-height: 1.3875em; text-align: left; } body.business_learn_more h3 { color: #009DDC; text-align: left; font-size: 24px; margin-top: 1em; } body.business_learn_more dt { color: #009DDC; font-size: 20px; padding-bottom:0; line-height: 1.5em; } body.business_learn_more dd { border: 0; padding:0; } body.business_learn_more dd ul { margin-top: 1em; } body.business_learn_more dd ul li { display:list-item; list-style-type:disc; margin-left: 2em; } #show_the_company, #show_the_team { color: #9EA097; } #show_the_company.active, #show_the_team.active, #show_the_company:hover, #show_the_team:hover { color: #FF7500; } #show_the_team span { display: inline-block; width: 62px; height: 62px; vertical-align: middle; background: url(/static/images/index/aboutus_sprite.png) 0 no-repeat; } #show_the_company span { display: inline-block; width: 62px; height: 62px; vertical-align: middle; background: url(/static/images/index/aboutus_sprite.png) -123px no-repeat; } #show_the_team.active span { background-position:-62px; } #show_the_company.active span { background-position:-185px; } table.industry_table { margin-top: 2em; } .industry_table td { width: 22.66%; vertical-align: top; } .lower td { width: 18%; vertical-align: top; } .industry_table td p { font: 16px/16px EratoLight; margin-top: 0.5em; color: #009DDC; } table.bignumbers { width: 100%; margin: 4em 0; } table.bignumbers td { color: #0065A4; font: 16px/16px EratoLight; text-align: left; width: 270px; } table.bignumbers td.number { color: #F0F0EF; font: 56px/56px EratoLight; padding: 0 8px 0 16px; width: 50px; text-align: right; } table.business_pricing { width: 100%; } div.business_rounder { -webkit-border-radius: 10px 10px 5px 5px; /* Saf3-4, iOS 1-3.2, Android div { vertical-align: bottom; margin-right: 8px; } table.gigantic_numbers td { vertical-align: middle; } table.gigantic_numbers td.number { font: 200px/200px EratoLight; color: #F0F0EF; } table.gigantic_numbers td.image { text-align: center; height:271px; } table.gigantic_numbers td h1 { font: 30px/32px EratoLight; color: #009DDC; text-align: left; padding: 0; margin-bottom: 8px; } table.gigantic_numbers td p, table.gigantic_numbers td ul { font: 14px/16px ProximaNova-Light; margin-bottom: 8px; padding: 0; } table.gigantic_numbers td ul li { list-style-type: disc; list-style-position: inside; margin: 0.25em; } table.gigantic_numbers td p.blue { font: 18px/18px EratoLight; } /* faq */ body.faq img.marker { width:20px; margin-bottom:-2px; margin-right:5px; } body.faq div.new_question { width:600px; text-align:left; } body.faq div.new_question label, body.faq div.new_question input { display:block; } body.faq #id_captcha, body.faq #id_email { width:220px; } body.faq .faq_main p>a { color:#ff7500!important; } body.faq .faq_main p>a:hover { color:#333333!important; } body.faq .faq_main ol { margin-bottom:40px; } body.faq .faq_main ol, .faq_main li { margin-left:20px; font-size:13px; } body.faq .faq_main ol>li { margin-bottom:10px; } body.faq .faq_main li>code { line-height:30px; } body.faq .faq_main ol { margin-bottom:40px; } body.faq .faq_main ul, .faq_main li { margin-left:20px; font-size:13px; } body.faq .faq_main ul>li { margin-bottom:10px; } body.faq .faq_main li>code { line-height:30px; } /* Video Tutorials */ body.tour div.image { width:200px; height:174px; overflow:hidden; background-image:url(/static/v0.1/images/index/tat_sprite.png); background-repeat:no-repeat; margin:0 auto; } body.tour #backup { background-position: top left; } body.tour #backup:hover { background-position: -200px 0; } body.tour #sync { background-position: 0 -174px; } body.tour #sync:hover { background-position:-200px -174px; } body.tour #share { background-position:0 -348px; } body.tour #share:hover { background-position:-200px -348px; } body.tour #view { background-position:0 -522px; } body.tour #view:hover { background-position:-200px -522px; } body.tour #restore { background-position:0 -696px; } body.tour #restore:hover { background-position:-200px -696px; } body.tour #status { background-position:0 -870px; } body.tour #status:hover { background-position:-200px -870px; } body.tour span.tour_tag { color:#ff7500; font:20px/22px EratoLight; margin-left:20px; } body.security h3 { font-size:22px; padding-bottom:3px; text-align:left; } body.security p { padding-bottom:44px; } body.security p>a{ text-decoration:underline; } #req_question p { font-size:14px; } div.pass a { color:#ff7500; } div.pass a:hover { color:#c0c0c0; } body.why_spideroak #stuff a { color:#ff7500; } body.why_spideroak #stuff a:hover { color:#c0c0c0; } body.why_spideroak #toc { margin:60px auto; width:800px; text-align: center; } body.why_spideroak #toc > li { padding-left:0; display: inline-block; } body.why_spideroak #stuff li { padding-bottom:5px; } body.why_spideroak #main li { padding-bottom:5px; list-style-type:circle; margin-left:30px; } body.contact #support_info p { padding-bottom:10px; padding-top:10px; text-align:justify; font-size:12px; font-weight: bold; } body.contact #support_info ol li { margin-left:20px; font-size:14px; padding-bottom:5px; } body.contact #support_info li>span { border-bottom:1px dotted; color:#ff7500; cursor:help; } /* Global indent for all text boxes */ input[type="text"], input[type="password"] { text-indent:10px!important; } body.api div.spacer a { text-decoration:underline; } body.api div.spacer { width:760px; margin:60px auto; } body.api div.divider { width:750px; margin:0 auto; padding-bottom:30px; } body.api div.divider p { float:left; width:450px; height:88px; margin-right:93px; } body.api p { text-align: left; } body.api #toc { text-align:left; font-size:14px; list-style-type:circle; } body.api #toc>li { line-height:30px; } .login-error { display: none; padding: 5px; border: 2px solid #ff3c00; background-color: #ffeed3; color: #ff3c00; font-weight: bold; text-align: center; } /* New Landing page styles */ body.index div.box-cta { position:relative; margin:60px auto; margin-top:40px; width:875px; height:354px; } body.index div.box-cta:after { display:block; content:""; clear:both; } body.index div.free-box { position:relative; width:200px; height:30px; top:-24px; left:0; margin:0 auto; padding:10px; /* box bg color and effects */ background: #ff9b1f; /* Old browsers */ background: -moz-linear-gradient(top, #ff9b1f, #ff8118, #ff7300, #ff5f00); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(#ff9b1f), color-stop(#ff8118), color-stop(#ff7300), color-stop(#ff5f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* IE10+ */ background: linear-gradient(to bottom, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b1f', endColorstr='#ff5f00',GradientType=0 ); /* IE6-9 */ } /* Move this to its proper spot */ .white-header { font:24px/32px EratoLight; color:#fff; position:relative; text-shadow:-1px -1px rgb(209, 87, 19); } .white-header > span { font:18px/20px PolyItalic; font-weight:normal; } body.index div.personal-lp-box { position:absolute; z-index:100; height:340px; width:400px; top:0; left:75px; } h2.personal-box { padding:0; margin:10px auto; font:31px/30px EratoLight; } div.discount { position:absolute; z-index:300; left:-100px; bottom:10px; } div.discount-ad { margin:0; margin-bottom:12px; padding:1px; width:100%; position:relative; height:48px; background-color:#636363; } div.discount-ad h5 { color:#fff; font:15px/25px ProximaNova-Regular; width:840px; margin:10px auto 0; text-align: center; } div.discount-ad h5 b { letter-spacing:1px; } #discount-button { font-size:14px; margin-left:20px; padding:1px 10px; border-radius:4px; } .personal-lp-box .promotional-stamp { position:absolute; bottom:10px; left:-115px; } h2.personal-box span, span.amp { font:35px/20px libre_baskervilleitalic; } div.box-caption > p { font:18px/30px EratoLight; color:#4c4c4c; } div.personal-lp-box .box-caption > p:hover { color:#ff7500; } div.box-caption { margin:0 auto; margin-bottom:15px; width:320px; } div.box-caption-lower { font:14px/18px EratoLight; margin-top:25px; } div.box-caption-lower span { font:14px/30px EratoLight; font-weight:bold; color:#4c4c4c; } div.box-caption-lower p, div.box-caption-lower a { display:inline } body.index div.business-lp-box { position:absolute; z-index:50; height:280px; width:315px; left:430px; top:25px; padding-left:50px; } div.business-lp-box .box-caption { width:300px; } h2.business-box { margin-top:40px; } div.confessions { position:relative; display:block; margin:60px auto; height:450px; } span.credit { font:14px/37px EratoLight!important; color:#666; font-weight:bold; } div.confessions-box { width:302px; height:366px; margin-right:12px!important; float:left; } div.confessions .confessions-container { width:950px; margin:10px auto; position:relative; } div.confessions img.confessions-image { height:140px; width:154px; margin:0 auto; margin-top:20px; } div.confessions-container p { font:14px/21px ProximaNova-Light; color:#4c4c4c; } div.confessions-container p span{ font:14px/21px EratoLight; font-weight:bold; } div.confessions .confessions-text { height:172px; } div.privacy-matters { margin:60px auto } img.lp-zk-image { display:inline; margin-right:20px; } div.privacy-content { display:inline-block; width:580px; text-align:left; } div.privacy-content p { font:16px/28px ProximaNova-Light; color:#4c4c4c; } div.privacy-content a { font:16px/18px EratoLight; color:#ff7500; font-weight:bold; } div.privacy-content h2 { text-align:left; font-size:24px!important; font-weight:bold; } div.privacy-matters h2 > span { color:#4c4c4c; font-size:24px; } div.privacy-matters h2 { font-size:42px } div.draw-the-line { margin:60px auto } div.cta { width:800px; margin:15px auto 10px auto; } div.cta:after { clear:both; content:""; display:block; } div.cta a { display:inline; float:left; } #learn-more { float:right; width:155px; height:25px; margin-top:30px; } /* Personal Page */ #no-evil { margin:30px auto 40px; width:800px; } #no-evil p:first-of-type { margin:0; margin-top:30px; padding:0; } #no-evil p { margin:0; padding:0; } .confession-cta { width:940px; margin:0 auto; margin-top:30px; position:relative; } div.confession-text { width:500px; margin:0 auto; display:inline-block; } .confession-cta h3 { position:relative; font-size:24px; } .confession-cta h2 { position:relative; font-size:34px; } /* Business Page */ .business-findout-more { margin:20px auto; margin-bottom:24px; } .business-findout-more h2 { display:inline; padding:0; } .business-findout-more h2:first-of-type { margin-right:20px; } .business-3buttons { margin-top:15px; margin-bottom:20px; } .business-3buttons a { margin:0 10px; } /* how it works */ .tat_font a span { margin-left:5px; } body.partners #quote { display:inline-block; width:620px; font-size:20px; text-align:justify; } /* Hive Page and CTA */ #hive-plug { height:35px; padding:8px; margin-top:-5px; margin-right:18px; position:relative; float:right; } #hive-plug img { float:left; width:30px; } #hive-plug h3 { font-size:18px; line-height:36px; padding-left:10px; } #hive-plug h3:hover { color:#ff7500; } body.index .hive-cta, body.personal .hive-cta { position:relative; width:780px; margin:0 auto; padding:8px; margin-bottom:10px; } body.index .hive-cta:after, body.personal .hive-cta:after { display:block; clear:both; content:""; } body.index .hive-cta > a, body.personal .hive-cta > a { display:inline-block; margin-top:28px; margin-left:10px; } body.index .hive-cta > h3, body.personal .hive-cta > h3 { float:left; width:475px; font-size:25px; background:url(/static/v0.1/images/index/hive_callout.png) left -10px no-repeat; padding-top:12px; padding-left:145px; text-align:left; } body.hive #container div:after { content:""; display:block; clear:both; } body.hive #hive-overview { background:url(/static/v0.1/images/hive/hive_overview.png) center right no-repeat; width:800px; padding-top:18px; margin:40px auto 40px auto; } body.hive #hive-overview p:first-child { padding-bottom:20px; } body.hive #hive-overview p { width:400px; font-size:14px; line-height:26px; text-align:left; } body.hive a.button:not(#discount-button) { float:left; margin-left:105px; margin-top:10px; } body.hive #hive-video { width:645px; margin:30px auto!important; padding:10px; } body.hive #hive-video .video-js { background-color:#fff; } body.hive #hive-points { width:950px; margin:15px auto 40px auto; } body.hive #hive-points li { display:inline-block; width:140px; padding-top:90px; margin:20px; vertical-align:top; } body.hive #sync { background:url(/static/v0.1/images/hive/hive_sync.png) top center no-repeat; } body.hive #share { background:url(/static/v0.1/images/hive/hive_share.png) top center no-repeat; } body.hive #backup { background:url(/static/v0.1/images/hive/hive_backup.png) top center no-repeat; } body.hive #mobile { background:url(/static/v0.1/images/hive/hive_mobile.png) top center no-repeat; } body.hive #private { background:url(/static/v0.1/images/hive/hive_private.png) top center no-repeat; } /* PERSONAL/BUSINESS PRICING */ body.personal-pricing #personal-pricing-wrapper, body.business-pricing #business-pricing-wrapper { display:block; position:relative; width:810px; margin:20px auto; } body.personal-pricing .pricing-box, body.business-pricing .pricing-box { width:365px; float:left; margin:20px; position:relative; } #personal-pricing-wrapper:after, #business-pricing-wrapper:after { content:""; display:block; clear:both; } body.personal-pricing #container .pricing-tag, body.business-pricing #container .pricing-tag { border-top-left-radius: 5px; border-top-right-radius: 5px; font: 19px/42px ProximaNovaA-Semibold; letter-spacing: 1.5px; padding: 5px 0; } body.business-pricing #container .pricing-tag { line-height:23px; padding:10px 0; } body.business-pricing #container .pricing-tag span { letter-spacing:0.5px; font:14px/18px EratoLight; } #hosted-storage .pricing-tag { background-color:#006aa1; color:#fff; } #private-cloud .pricing-tag { background-color:#004c7b; color:#fff; } #free-forever .pricing-tag { background-color: #DC8E30; color: #FEEAD0; } #plus-plan .pricing-tag { background-color:#0093c7; color:#fff/*0294c8*/; } #free-forever .pricing-info { padding-top:16px; } .pricing-details .ss-icon { font-size:10px; } #free-forever #refer-a-friend { position:absolute; left:-80px; } .pricing-info h2 { font-size:100px; color:#fff; padding:14px;; margin:0 auto; line-height:60px; } .pricing-info h2>span { font-size:18px; } .pricing-info h2 span.dollar { font-size:60px; vertical-align:super; } #free-forever h2 { position:relative; top:-12px; } div.block { display:block; margin:30px auto; width:460px; } .pricing-info>span { font-size:16px; font-family:EratoLight; font-style:italic; color:#fff; position:relative; top:-26px; left:15px; } .pricing-details p { font:18px/27px EratoLight; color:#4c4c4c; padding:8px 50px; text-align:center; border-bottom:1px solid #e6e6e6; } #free-forever .pricing-details p { color:#9c9c9c; } body.personal-pricing a.button:not(#discount-button) { font: 21px/32px ProximaNovaA-Semibold; letter-spacing: 1.5px; margin: 25px auto; display:block; padding: 15px; width:240px; } /* BUSINESS SECTION */ h2.business-subheader { font:25px/35px EratoLight; } body.business .business-features:nth-child(n+4) p { padding-top:30px; } body.business .business-features { position:relative; width:inherit; overflow:hidden; border-bottom:1px solid #e0e0e0; } body.business .business-features:first-of-type { margin-top:45px; padding-bottom:20px; } body.business .business-features.last { padding-bottom:25px; } body.business .business-features hr { width:100%; } body.business .business-features:nth-of-type(2) img, body.business .business-features:nth-of-type(3) img { position:relative; top:14px; } body.business .business-features:nth-of-type(4) img { position:relative; top:-1px; } body.business .business-features p { width:460px; text-align:left; float:left; font-size:17px; line-height:21px; } body.business .business-features:nth-child(even) p { float:right; } #business-key-benefits { overflow: hidden; position: relative; margin-top:30px; } #business-key-benefits h2 { margin:20px auto; } .business .guide-info { width:300px; margin-right:15px; } .business .guide-info:nth-child(3) { margin-right:0; } .business .guide-info .icon-div { width:55px; text-align:center; padding-top:20px; } .business .guide-info .info-wrapper p { margin-bottom:10px; width:100%; } .business .guide-info .info-wrapper h4 { font-size:17px; margin-bottom:15px; } .business .guide-info .info-wrapper { width:248px; } .benefits-icon { font-size:34px; } .benefits-icon i { color:#0065A4; } #enterprise-footer-tag { width:100%; overflow:hidden; } #enterprise-footer-tag a { display:block; width:135px; margin:40px auto; } #enterprise-footer-tag img { margin:40px auto; } #enterprise-footer-tag h2 { width:720px; margin:0 auto; } .enterprise-contact-tag { margin:50px auto 20px auto; } .enterprise-contact-tag a { position:relative; top:20px; } /* HOSTING PAGE */ body.hosted hr { width:100% } body.hosted #hosted-storage, body.hosted #private-cloud { margin:50px auto 70px auto; width:940px; } body.hosted #hosted-storage { margin-top:0px; } body.hosted h2.blue { text-align:left; } body.hosted #hosting-description { margin:30px auto; width:940px; } body.hosted #more-info a { width:300px; margin:10px; display:inline-block; padding:15px 0; } body.hosted #hosting-description p { font-size:18px; line-height:1.1em; text-align:left; } body.hosted #hosting-description p:last-child { font-weight:bold; } body.hosted .paragraph-container p { font-size:18px; width:400px; line-height:1.1em; text-align:left; } body.hosted #hosted-storage .paragraph-container { float:left; padding-top:40px; } body.hosted #private-cloud .paragraph-container { float:right; padding-top:20px; } /* USE CASES */ body.use-cases #use-cases-wrapper { position:relative; margin:60px auto; overflow:hidden; } body.use-cases #use-cases-wrapper hr { } #use-cases-wrapper .column { position:relative; width:297px; padding:0 11px; float:left; text-align:left; } body.use-cases #use-cases-wrapper .column:nth-child(n+2) { border-left:1px solid #e0e0e0; margin-bottom:-9999px; padding-bottom:9999px; } #use-cases-wrapper .column img { display:block; margin-bottom:15px; } #use-cases-wrapper .column h4 { font-size:18px; font-weight:bold; line-height:22px; margin-bottom:14px; color:#4c4c4c; } #use-cases-wrapper .column p { font-size:16px; line-height:18px; } /* BASE INFO STYLES */ #base-info { position:relative; clear:both; display:block; width:880px; height:400px; margin:50px auto 0; } #base-info div.free-box { position:relative; width:200px; height:30px; top:-24px; left:0; margin:0 auto; padding:10px; /* box bg color and effects */ background: #ff9b1f; /* Old browsers */ background: -moz-linear-gradient(top, #ff9b1f, #ff8118, #ff7300, #ff5f00); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(#ff9b1f), color-stop(#ff8118), color-stop(#ff7300), color-stop(#ff5f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* IE10+ */ background: linear-gradient(to bottom, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b1f', endColorstr='#ff5f00',GradientType=0 ); /* IE6-9 */ } #base-info div.personal-lp-box { position:absolute; z-index:100; height:340px; width:400px; top:0; left:50%; margin-left:-210px; } #base-info div.business-lp-box, #base-info div.partners-lp-box { position:relative; z-index:50; height:310px; width:215px; padding-right:15px; float:left; margin:12px; top:15px; } #base-info div.business-lp-box .box-caption p, #base-info div.partners-lp-box .box-caption p { font-size:15px; } #base-info div.partners-lp-box { padding-left:15px; float:right; } #base-info div.business-lp-box h2, #base-info div.partners-lp-box h2 { margin-top:20px; } #base-info div.partners-lp-box h2>span { font-style:italic; font-size:22px; } #base-info div.business-lp-box .box-caption, #base-info div.partners-lp-box .box-caption { width:inherit; } /* FEATURED IN STYLES */ #featured-wrapper { width:940px; position:relative; padding:0 0 30px 0; margin:50px auto 0 auto; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } #featured-wrapper h4 { font:18px/18px ProximaNovaA-Bold; color:#c4c4c4; margin:0 auto 30px; text-align:center; } #featured-wrapper .featured-img { margin:0 15px; opacity:0.5; transition: transform 400ms ease, opacity 400ms ease; } #featured-wrapper .featured-img:hover { opacity:1.0; } /* MOBILE STYLES */ body.mobile #mobile-intro { border-bottom:1px solid #e6e6e6; width:905px; margin:20px auto; overflow:hidden; } #mobile-intro p { font-size:17px; line-height:26px; width:369px; margin:80px 30px 0 -30px; text-align:justify; float:right; } #mobile-intro p>span { font-weight:bold; } body.mobile #mobile-intro img#mobile-cta { float:left; width:460px; margin-left:20px; } #mobile-features li { display:inline-block; width:130px; margin:60px 28px 20px;; vertical-align:top; } #mobile-features li p { font:16px/22px EratoLight; margin:20px auto; } #mobile-features span.button i { vertical-align:middle; } body.mobile .mobile-plugs { display:inline-block; width:380px; margin:0 10px; /* border:1px solid #e6e6e6; */ padding:20px; } body.mobile .mobile-plugs h4 { font:20px/24px EratoLight; } body.mobile .mobile-plugs p { font-size:18px; line-height:26px; padding-top:15px; width:345px; margin:0 auto; } body.mobile .mobile-plugs span.button, body.faq-answers span.button { display:block; width:240px; margin:10px auto; font:18px/20px ProximaNovaA-Semibold; } #mobile-zk-plug { width:880px; margin:60px auto; padding-bottom:20px; border-bottom:1px solid #e6e6e6; } #mobile-zk-plug h2 { text-align:left; width:550px; line-height:40px; } #mobile-zk-plug p { font-size:18px; line-height:26px; text-align:left; width:540px; } #mobile-zk-plug img { float:right; } .app-download { background:url(/static/v06.1913/images/mobile/mobile_app_button.png) top left no-repeat; width:178px; height:70px; content:" "; display:inline-block; margin:10px 10px 0 -8px; } .play-download { background:url(/static/v06.1913/images/mobile/mobile_play_button.png) top left no-repeat; width:178px; height:70px; content:" "; display:inline-block; margin:10px 0 0 10px; } /* FAQ Answers Page */ body.faq-answers #req_question { margin:40px auto; width:680px; text-align:justify; font-size:16px; line-height:22px; padding-left:20px; } /* USER MANUAL */ .ol-inside { width:840px; margin-left:110px; } .manual-shim { display:block; height:60px; } .user-manual .subtext { font-size:18px; color:#4c4c4c; } .ol-inside.tag { margin-left:28px; } .ol-inside h3, .ol-inside h4 { text-align:left; display:inline-block; } .ol-inside h3 { font:32px/20px EratoLight; color:#ff7500; padding-bottom:0; } .ol-inside h4 { font:18px/20px EratoLight; color:#ff7500; } .ol-inside h5 { font:16px/20px EratoLight; color:#ff7500; } .ol-inside ol { margin:15px 0; counter-reset:li; width:710px; } .ol-inside ol > li { line-height:21px; margin-bottom:12px; display:block; } .ol-inside ol > li:before { content:counter(li, decimal) ": "; counter-increment:li; color:#ff9933; } .ol-inside p.note { padding-top:12px; color:#ff7500; } p.note > code { color:#4c4c4c; font-size:14px; } .ol-inside span.em { font:18px/18px EratoLight; color:#ff7500; } .ol-inside ul { font:15px/18px ProximaNova-Light; width:700px; padding:16px 0; margin-left:20px; } .ol-inside ul > li { display:block; margin-bottom:8px; } .ol-inside ul > li:before { color:#ff7500; content:"\2022"; padding-right:8px; font-size:18px; } .manual-content { width:860px; margin:80px auto; text-align:left; } .manual-content p, dd { font:16px/18px ProximaNova-Light; width:718px; padding-top:5px; } .manual-content dd { border:none; } .manual-content dt { font-size:18px; color:#ff7500; padding:0; } .manual-content dt:hover { cursor:text; color:#ff7500; } .manual-content.reduced { width:780px; } .manual-list-bignumbers { counter-reset:li; } .manual-list-bignumbers > li:before { color: #e6e6e6; content: counter(li); counter-increment: li; font:192px/95px EratoLight; padding: 4px; text-align: center; position:absolute; top:10px; } .manual-list-bignumbers > li { position:relative; display:block; margin-bottom:90px; } .manual-list-bignumbers.reduced > li:before { top:0; font:80px/39px EratoLight; } .ol-inside.reduced { margin-left:55px; } div.pages { width:500px; margin:20px auto; } div.pages a { font:18px/22px EratoLight; padding:8px 10px; } div.pages a > span { vertical-align:calc(); font-size:13px; padding:0 4px; } /* button classes */ a.button:hover, a.button-upper-cta:hover { text-decoration:none; color:#fff!important; } .button-upper-cta { font: 12px EratoLight, Georgia, serif; -webkit-border-radius: 8px; border-radius: 4px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.25); color: #fff!important; padding:4px 10px; } .button { font: 20px EratoLight, Georgia, serif; -webkit-border-radius: 8px; border-radius: 8px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.25); color: #fff; padding: 15px 50px; } .button.sans { font:20px ProximaNovaA-Semibold; } .button.large { font-size:34px; padding:11px 40px; } .button.medium { font-size: 17px; padding: 14px 30px; } .button.thin { padding:6px 16px; } .button.two-lines{ padding:10px 40px; } .subtext { font-size:75%; } .button.circle { padding: 3px 8px; font-weight: bold; webkit-border-radius:45px; border-radius:45px; } .button.circle.startup-icon { padding: 0px 9px; padding-top:8px; font-size:28px; } .button.circle.mobile-features-icon { font-size:55px; padding:15px 25px; border-radius:53px; } .button.circle.large {padding: 1px 12px; font-weight: bold;} .button.circle.small { padding:0 4px; font-weight: bold; font-size:15px; } .button.circle.icon-standard { padding:1px 7px 0 7px; } .button.bgray { border: 1px solid #bbbbbb; background: #c6c6c6; /* Old browsers */ background: -moz-linear-gradient(top, #c6c6c6 0%, #b8b8b8 50%, #aeaeae 51%, #a1a2a2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(50%,#b8b8b8), color-stop(51%,#aeaeae), color-stop(100%,#a1a2a2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#b8b8b8 50%,#aeaeae 51%,#a1a2a2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#b8b8b8 50%,#aeaeae 51%,#a1a2a2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#b8b8b8 50%,#aeaeae 51%,#a1a2a2 100%); /* IE10+ */ background: linear-gradient(to bottom, #c6c6c6 0%,#b8b8b8 50%,#aeaeae 51%,#a1a2a2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#a1a2a2',GradientType=0 ); /* IE6-9 */} .button.bgray:hover { border: 1px solid #bbbbbb; background: #b8b8b8; /* Old browsers */ background: -moz-linear-gradient(top, #b8b8b8 0%, #a8a8a8 50%, #9b9b9b 51%, #8a8b8b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8b8b8), color-stop(50%,#a8a8a8), color-stop(51%,#9b9b9b), color-stop(100%,#8a8b8b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b8b8b8 0%,#a8a8a8 50%,#9b9b9b 51%,#8a8b8b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b8b8b8 0%,#a8a8a8 50%,#9b9b9b 51%,#8a8b8b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b8b8b8 0%,#a8a8a8 50%,#9b9b9b 51%,#8a8b8b 100%); /* IE10+ */ background: linear-gradient(to bottom, #b8b8b8 0%,#a8a8a8 50%,#9b9b9b 51%,#8a8b8b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#8a8b8b',GradientType=0 ); /* IE6-9 */} .button.dark-gray { border: 1px solid #4c4c4c; background: #707070; /* Old browsers */ background: -moz-linear-gradient(top, #707070 0%, #6b6b6b 50%, #666666 51%, #505050 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(50%,#6b6b6b), color-stop(51%,#666666), color-stop(100%,#505050)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #707070 0%,#6b6b6b 50%,#666666 51%,#505050 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #707070 0%,#6b6b6b 50%,#666666 51%,#505050 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #707070 0%,#6b6b6b 50%,#666666 51%,#505050 100%); /* IE10+ */ background: linear-gradient(to bottom, #707070 0%,#6b6b6b 50%,#666666 51%,#505050 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#505050',GradientType=0 ); /* IE6-9 */ } .borange { border: 1px solid #ff7802; background: #ff9b1f; /* Old browsers */ background: -moz-linear-gradient(top, #ff9b1f 0%, #ff8118 50%, #ff7300 51%, #ff5f00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b1f), color-stop(50%,#ff8118), color-stop(51%,#ff7300), color-stop(100%,#ff5f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9b1f 0%,#ff8118 50%,#ff7300 51%,#ff5f00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9b1f 0%,#ff8118 50%,#ff7300 51%,#ff5f00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9b1f 0%,#ff8118 50%,#ff7300 51%,#ff5f00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff9b1f 0%,#ff8118 50%,#ff7300 51%,#ff5f00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b1f', endColorstr='#ff5f00',GradientType=0 ); /* IE6-9 */ } .borange:hover { background: #f79c2b; /* Old browsers */ background: -moz-linear-gradient(top, #f79c2b 0%, #f58424 50%, #f4740b 51%, #f25f09 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79c2b), color-stop(50%,#f58424), color-stop(51%,#f4740b), color-stop(100%,#f25f09)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f79c2b 0%,#f58424 50%,#f4740b 51%,#f25f09 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f79c2b 0%,#f58424 50%,#f4740b 51%,#f25f09 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f79c2b 0%,#f58424 50%,#f4740b 51%,#f25f09 100%); /* IE10+ */ background: linear-gradient(to bottom, #f79c2b 0%,#f58424 50%,#f4740b 51%,#f25f09 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79c2b', endColorstr='#f25f09',GradientType=0 ); /* IE6-9 */ } .bblue { border: 1px solid #0693d7; background: #1fb8e6; /* Old browsers */ background: -moz-linear-gradient(top, #1fb8e6 0%, #1aa4dc 50%, #0093d3 51%, #0089d4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fb8e6), color-stop(50%,#1aa4dc), color-stop(51%,#0093d3), color-stop(100%,#0089d4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1fb8e6 0%,#1aa4dc 50%,#0093d3 51%,#0089d4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1fb8e6 0%,#1aa4dc 50%,#0093d3 51%,#0089d4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1fb8e6 0%,#1aa4dc 50%,#0093d3 51%,#0089d4 100%); /* IE10+ */ background: linear-gradient(to bottom, #1fb8e6 0%,#1aa4dc 50%,#0093d3 51%,#0089d4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fb8e6', endColorstr='#0089d4',GradientType=0 ); /* IE6-9 */ } .bblue:hover { background: #1ea9db; /* Old browsers */ background: -moz-linear-gradient(top, #1ea9db 0%, #1996d1 50%, #0080bc 51%, #0077c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ea9db), color-stop(50%,#1996d1), color-stop(51%,#0080bc), color-stop(100%,#0077c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1ea9db 0%,#1996d1 50%,#0080bc 51%,#0077c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1ea9db 0%,#1996d1 50%,#0080bc 51%,#0077c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1ea9db 0%,#1996d1 50%,#0080bc 51%,#0077c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #1ea9db 0%,#1996d1 50%,#0080bc 51%,#0077c6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea9db', endColorstr='#0077c6',GradientType=0 ); /* IE6-9 */ } .bpurple { border: 1px solid #682183; background: #944baa; /* Old browsers */ background: -moz-linear-gradient(top, #944baa 0%, #82429c 50%, #6f2a8c 51%, #542070 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#944baa), color-stop(50%,#82429c), color-stop(51%,#6f2a8c), color-stop(100%,#542070)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #944baa 0%,#82429c 50%,#6f2a8c 51%,#542070 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #944baa 0%,#82429c 50%,#6f2a8c 51%,#542070 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #944baa 0%,#82429c 50%,#6f2a8c 51%,#542070 100%); /* IE10+ */ background: linear-gradient(to bottom, #944baa 0%,#82429c 50%,#6f2a8c 51%,#542070 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#944baa', endColorstr='#542070',GradientType=0 ); /* IE6-9 */ } .bpurple:hover { background: #834293; /* Old browsers */ background: -moz-linear-gradient(top, #834293 0%, #733b89 50%, #65257c 51%, #542070 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#834293), color-stop(50%,#733b89), color-stop(51%,#65257c), color-stop(100%,#542070)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #834293 0%,#733b89 50%,#65257c 51%,#542070 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #834293 0%,#733b89 50%,#65257c 51%,#542070 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #834293 0%,#733b89 50%,#65257c 51%,#542070 100%); /* IE10+ */ background: linear-gradient(to bottom, #834293 0%,#733b89 50%,#65257c 51%,#542070 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834293', endColorstr='#542070',GradientType=0 ); /* IE6-9 */ } .soft-gray { background: #b8b8b8; /* Old browsers */ background: -moz-linear-gradient(top, #b8b8b8 0%, #8a8b8b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8b8b8), color-stop(100%,#8a8b8b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b8b8b8 0%,#8a8b8b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b8b8b8 0%,#8a8b8b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b8b8b8 0%,#8a8b8b 100%); /* IE10+ */ background: linear-gradient(to bottom, #b8b8b8 0%,#8a8b8b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#8a8b8b',GradientType=0 ); /* IE6-9 */ } .soft-purple { background: #944baa; /* Old browsers */ background: -moz-linear-gradient(top, #944baa 0%, #542070 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#944baa), color-stop(100%,#542070)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #944baa 0%,#542070 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #944baa 0%,#542070 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #944baa 0%,#542070 100%); /* IE10+ */ background: linear-gradient(to bottom, #944baa 0%,#542070 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#944baa', endColorstr='#542070',GradientType=0 ); /* IE6-9 */ } .soft-yellow { background: #f1cf16; /* Old browsers */ background: -moz-linear-gradient(top, #f1cf16 0%, #e5b709 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1cf16), color-stop(99%,#e5b709)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1cf16 0%,#e5b709 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1cf16 0%,#e5b709 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1cf16 0%,#e5b709 99%); /* IE10+ */ background: linear-gradient(to bottom, #f1cf16 0%,#e5b709 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cf16', endColorstr='#e5b709',GradientType=0 ); /* IE6-9 */ } .soft-orange { background: #fabd00; /* Old browsers */ background: -moz-linear-gradient(top, #fabd00 0%, #f49004 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fabd00), color-stop(100%,#f49004)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fabd00 0%,#f49004 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fabd00 0%,#f49004 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fabd00 0%,#f49004 100%); /* IE10+ */ background: linear-gradient(to bottom, #fabd00 0%,#f49004 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabd00', endColorstr='#f49004',GradientType=0 ); /* IE6-9 */ } .soft-dark-orange { background: #ee9924; /* Old browsers */ background: -moz-linear-gradient(top, #ee9924 0%, #dd6010 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee9924), color-stop(100%,#dd6010)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ee9924 0%,#dd6010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ee9924 0%,#dd6010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ee9924 0%,#dd6010 100%); /* IE10+ */ background: linear-gradient(to bottom, #ee9924 0%,#dd6010 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9924', endColorstr='#dd6010',GradientType=0 ); /* IE6-9 */ } .alert { background: #ff3019; /* Old browsers */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ } .soft-blue { background: #009edc; /* Old browsers */ background: -moz-linear-gradient(top, #009edc 0%, #004e7e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009edc), color-stop(100%,#004e7e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #009edc 0%,#004e7e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #009edc 0%,#004e7e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #009edc 0%,#004e7e 100%); /* IE10+ */ background: linear-gradient(to bottom, #009edc 0%,#004e7e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009edc', endColorstr='#004e7e',GradientType=0 ); /* IE6-9 */ } .soft-mid-blue { background: #006dab; /* Old browsers */ background: -moz-linear-gradient(top, #006dab 0%, #005091 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006dab), color-stop(100%,#005091)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #006dab 0%,#005091 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #006dab 0%,#005091 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #006dab 0%,#005091 100%); /* IE10+ */ background: linear-gradient(to bottom, #006dab 0%,#005091 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dab', endColorstr='#005091',GradientType=0 ); /* IE6-9 */ } .soft-dark-blue { background: #004e7e; /* Old browsers */ background: -moz-linear-gradient(top, #004e7e 0%, #00395c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004e7e), color-stop(100%,#00395c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #004e7e 0%,#00395c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #004e7e 0%,#00395c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #004e7e 0%,#00395c 100%); /* IE10+ */ background: linear-gradient(to bottom, #004e7e 0%,#00395c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e7e', endColorstr='#00395c',GradientType=0 ); /* IE6-9 */ } .bgreen { background: #1ca51c; /* Old browsers */ background: -moz-linear-gradient(top, #1ca51c 49%, #146b12 53%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#1ca51c), color-stop(53%,#146b12)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1ca51c 49%,#146b12 53%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1ca51c 49%,#146b12 53%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1ca51c 49%,#146b12 53%); /* IE10+ */ background: linear-gradient(to bottom, #1ca51c 49%,#146b12 53%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ca51c', endColorstr='#146b12',GradientType=0 ); /* IE6-9 */ } .speech-bubble-arrow-border { border-color: #ddd transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-21px; left:135px; } .speech-bubble-arrow { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 10px 8px 11px 11px; height:0; width:0; position:absolute; bottom:-20px; left:135px; } .speech-bubble { /*background: -moz-linear-gradient(#F9D835, #F3961C) repeat scroll 0 0 transparent;*/ border:1px solid #ddd; border-radius: 6px 6px 6px 6px; color: #000000; padding: 15px; position: relative; } .speech-bubble:hover { box-shadow: 0px 1px 5px rgba(163, 163, 163, 0.5); } .speech-bubble .gold { color: #333333; } .pdf-plug { margin:20px auto 10px; } .pdf-plug h3 { padding-bottom:0; color:#ff7500; } .pdf-plug a { text-decoration:underline; } .noscript { position:absolute; left:-5%; top:-5%; height:110%; width:110%; margin: 10px 0; padding: 5px; border: 2px solid #ff3c00; background-color: #ffeed3; color: #ff3c00; font-weight: bold; text-align: center; z-index:10000; } .noscript p { padding:8px!important; font-size:18px; } .noscript div { position:absolute; height:50%; width:100%; top:28%; } /* fadeSlideShow() hack */ #fssList li { display: inline-block; font-size:14px; margin:20px 5px; } li.fssActive a { color:#4c4c4c!important; } #fssList li a { color:#c4c4c4; } #fssList li a:hover { color:#ff9933; } ody.contact address { margin-bottom:30px; } body.contact address span { font-weight:bold; } /* New Press Page */ body.press div.press-wrapper { position:relative; margin:60px 0; } body.press div.press-side-nav { margin-left:40px; margin-right:40px; width:200px; text-align:left; float:left; } div.press-side-nav hr, div.press-main hr { width:100%; } div.press-main hr { margin:5px 0; } div.press-side-nav li, div.detail-share li { padding:8px; list-style-type:none; } div.press-side-nav li a { font-weight:bold; } div.press-side-nav a, div.detail-share a { color:#ff7500; } div.press-side-nav a:hover, div.detail-share a:hover { color:#4c4c4c; } div.press-side-nav i { font-size:12px; } div.press-side-nav .current-selection { background-color:#ff7500; } div.press-side-nav .current-selection a:hover, div.press-side-nav .current-selection a { color:#fff; } div.detail-share li { display:inline-block; padding-bottom:3px; } div.detail-share .ss-social { font-size:18px; } div.detail-share .share-plug { font:16px/20px ProximaNova-Bold; padding-right:10px; color:#c4c4c4; } div.press-main { float:left; text-align:left; width:600px; } div.press-main h3 { text-align:left; font:32px/38px ProximaNova-Bold; } div.press-side-nav h4 { text-align:left; font:16px/26px ProximaNova-Bold; } div.press-main p.title a { font:16px/20px ProximaNova-Bold; } div.press-main p.title span { font:12px/16px ProximaNova-Light; } div.press-main p, div.press-main li, div.press-main a { font:16px/18px ProximaNova-Light; text-align:justify; } div.press-main .date { background-color:#adadad; margin:40px 0 10px; padding-left:10px; } div.press-main .date:first-of-type { margin-top:10px; } div.press-main .date p { padding-bottom:0; color:#fff; font:22px/32px ProximaNova-Bold; } div.press-main p.detail-date { font-size:20px; } /* New Download Page */ .download_wrapper { width:890px; margin:25px auto 60px; position: relative; } .download_wrapper:after { content:""; display:block; clear:both; } .download_wrapper .left, .download_wrapper .right { float: left; margin:20px 30px; width:385px; height:594px; text-align:left; border-bottom-right-radius:0; border-bottom-left-radius:0; } .download_wrapper .header { padding:16px 0; border-top-left-radius:10px; border-top-right-radius:10px; } .header { /* box bg color and effects */ background: #ff9b1f; /* Old browsers */ background: -moz-linear-gradient(top, #ff9b1f, #ff8118, #ff7300, #ff5f00); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(#ff9b1f), color-stop(#ff8118), color-stop(#ff7300), color-stop(#ff5f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* IE10+ */ background: linear-gradient(to bottom, #ff9b1f,#ff8118,#ff7300,#ff5f00); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b1f', endColorstr='#ff5f00',GradientType=0 ); /* IE6-9 */ } .download_wrapper .header h3 { font:20px/24px ProximaNovaA-Semibold; color:#fff; letter-spacing:1px; padding:1px; } .download_wrapper .selection { border-bottom:1px solid #e6e6e6; } .download_wrapper .left .selection:last-child { border-bottom:none; } .download_wrapper .selection p { text-align:left; font:16px/22px ProximaNovaA-Bold; color:#4c4c4c; display: inline-block; } .download_wrapper .selection p > span{ font-family:EratoLight; font-size:14px; } .download_wrapper .selection li { padding-left:76px; } .download_wrapper .selection li:after { display:block; content:""; clear:both; } .download_wrapper span.circle { border-radius:45px; background-color:#e6e6e6; padding:9px; display:block; float:right; margin:18px 12px 12px; } .download_wrapper span.circle i { font-size:16px; color:#fff; text-align:center; vertical-align:middle; position:relative; top:1px; left:1px; } .download_wrapper .selection img { display:inline-block; vertical-align:bottom; } .selection.soon { opacity:0.5; } .download_wrapper .mobile_details { text-align:left; margin-top:18px; margin-left:16px; } .download_wrapper .mobile_details ul { list-style:disc inside none; } .download_wrapper .mobile_details li { font:14px/24px EratoLight; text-indent:16px; } .download_wrapper .mobile_details p { padding:4px; font:16px/18px ProximaNovaA-Bold; color:#4c4c4c; } .button_wrapper { margin:40px auto 58px; text-align:center; } .button_wrapper a.button { font:16px/20px ProximaNovaA-Bold; padding:11px; } .selection a:hover > span.circle { background-color:#ff9933; } .selection a:hover > p { color:#ff9933; } /* Business Download */ .business_download .business_mobile { width:430px; margin:0 auto; text-align:left; } .business_download .business_mobile .header { background: #006dab; /* Old browsers */ background: -moz-linear-gradient(top, #006dab 0%, #005091 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006dab), color-stop(100%,#005091)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #006dab 0%,#005091 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #006dab 0%,#005091 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #006dab 0%,#005091 100%); /* IE10+ */ background: linear-gradient(to bottom, #006dab 0%,#005091 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dab', endColorstr='#005091',GradientType=0 ); /* IE6-9 */ } .business_download table.download_list { width:840px; border:1px solid #e6e6e6; margin:60px auto; font:18px/28px ProximaNovaA-Bold; } .business_download table.download_list tr { border:1px solid #e6e6e6; text-align: left; } .business_download table.download_list th { border-bottom: 2px solid #e6e6e6; } .business_download table.download_list td .title { font:16px/26px ProximaNovaA-Bold; color: #4c4c4c; padding:0; } .business_download table.download_list td .file { font:14px/24px EratoLight; color: #959595; padding:0; } .business_download table.download_list a.download_link, .business_download table.download_list a.download_link:visited { padding:4px; display:block; color:#0065a4; font:16px/26px ProximaNovaA-Bold; } .business_download .selection a.download_link:hover > p, .business_download table.download_list a.download_link:hover { color:#009ddc; } .business_download .selection a.download_link:hover > span.circle { background-color:#009ddc; } .encryption_progress_widget { background-color: #eee; display: block; margin: 2em auto; width: 80%; height: 4px; } .encryption_progress_widget div { background-color: #FF9933; height: 100%; width: 0%; } .encryption_unsupported { font-size: 10px; line-height: 12px; width: 170px; white-space: normal; display: inline-block; position: relative; top: 8px; margin-right: 10px; } .encryption_unsupported strong{ color: red; } .encryption_unsupported a{ color: #FF9933; text-decoration: underline; }