/* RESET STYLES ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table [class*=span], .row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; } .table .span1 { float: none; width: 44px; margin-left: 0; } .table .span2 { float: none; width: 124px; margin-left: 0; } .table .span3 { float: none; width: 204px; margin-left: 0; } .table .span4 { float: none; width: 284px; margin-left: 0; } .table .span5 { float: none; width: 364px; margin-left: 0; } .table .span6 { float: none; width: 444px; margin-left: 0; } .table .span7 { float: none; width: 524px; margin-left: 0; } .table .span8 { float: none; width: 604px; margin-left: 0; } .table .span9 { float: none; width: 684px; margin-left: 0; } .table .span10 { float: none; width: 764px; margin-left: 0; } .table .span11 { float: none; width: 844px; margin-left: 0; } .table .span12 { float: none; width: 924px; margin-left: 0; } .table .span13 { float: none; width: 1004px; margin-left: 0; } .table .span14 { float: none; width: 1084px; margin-left: 0; } .table .span15 { float: none; width: 1164px; margin-left: 0; } .table .span16 { float: none; width: 1244px; margin-left: 0; } .table .span17 { float: none; width: 1324px; margin-left: 0; } .table .span18 { float: none; width: 1404px; margin-left: 0; } .table .span19 { float: none; width: 1484px; margin-left: 0; } .table .span20 { float: none; width: 1564px; margin-left: 0; } .table .span21 { float: none; width: 1644px; margin-left: 0; } .table .span22 { float: none; width: 1724px; margin-left: 0; } .table .span23 { float: none; width: 1804px; margin-left: 0; } .table .span24 { float: none; width: 1884px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } body { padding: 0; margin: 0; font-size: 14px; -webkit-font-smoothing: antialiased; } a { text-decoration: none; color: #666; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a:hover { text-decoration: none; color: #f6701d; } .plan a:hover { text-decoration: none; color: #fff; } h1 { font-size: 30px; line-height: 42px; } h2 { font-size: 30px; line-height: 42px; } h3 { font-size: 24px; line-height: 34px; font-weight: normal; margin-bottom: 15px; } h4 { font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 15px; } h5 { font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 15px; } h6 { font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 10px; text-transform: uppercase; } p { font-size: 14px; line-height: 170%; margin: 0 0 20px; } ul { list-style-type: disc; margin: 0 0 20px; padding: 0 0 0 20px; } dl dt { float: left; margin-right: 10px; } dl dt, dl dd { line-height: 180%; } ul ul, ul ol, ol ol, ol ul { margin-left: 0; } ul, ol { margin: 0 1.5em 1.5em 2em; line-height: 24px; } ul li, ol li { margin: 15px 0; } strong { font-weight: bold; } .note { width: auto; min-height: 20px; height: auto; line-height: 20px; overflow: hidden; padding: 20px; margin: 20px 0; border: 1px solid #9cf; background-color: #c5defa; } note-title { font-size: 18px; font-weight: bold; } a.sf-button { display: inline-block; font-size: 14px; line-height: 18px; height: auto; padding: 14px 30px; margin: 0 10px 20px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; position: relative; overflow: hidden; outline: none; text-shadow: none; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; color: #ffffff; background-color: #f6701d; } a.sf-button:hover { background-color: #252525; } code { border: 1px dashed #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f7f7f7; font: 13px Consolas, "Andale Mono", Courier, "Courier New", monospace; overflow: auto; overflow-Y: hidden; white-space: pre; white-space: pre-wrap; word-wrap: break-word; color: #666; display: block; margin: 10px 0; padding: 20px; line-height: 20px; } code.small { width: 280px; padding: 12px; } /* @font-face ================================================== */ @font-face { font-family: 'source_sans_proregular'; src: url('./fonts/sourcesanspro-regular-webfont.eot'); src: url('./fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('./fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('./fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo300Regular'; src: url('./fonts/Museo300-Regular-webfont.eot'); src: url('./fonts/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Museo300-Regular-webfont.woff') format('woff'), url('./fonts/Museo300-Regular-webfont.ttf') format('truetype'), url('./fonts/Museo300-Regular-webfont.svg#Museo300Regular') format('svg'); font-weight: normal; font-style: normal; } body, h6 { font-family: "source_sans_proregular", Arial, Helvetica, Tahoma, sans-serif; } h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .testimonial-text, .header-advert, .sf-count-asset .count-number { font-family: "Museo300Regular", Arial, Helvetica, Tahoma, sans-serif; } /* DOCS STYLES ================================================== */ #docs-info { text-align: center; padding: 30px 0; } #docs-info h1 { margin-bottom: 10px; } #docs-info h4 { margin-bottom: 20px; } #docs-info .links a, footer .links a { display: inline-block; padding: 0 10px; color: #333; text-decoration: none; border-left: 1px solid #e4e4e4; } #docs-info .links a:hover, footer .links a:hover { color: #f6701d; } #docs-info a:first-child, footer a:first-child { border-left: 0; } #docs-contents { border-top: 1px solid #f1f1f1; padding-bottom: 50px; height: auto; overflow: hidden; } #docs-contents ul#tab-nav { width: 18%; margin: 30px 0 0 2%; padding: 0; float: left; list-style: none; } #docs-contents ul#tab-nav li { border: 1px solid #f1f1f1; border-top-width: 0; margin: 0; } #docs-contents ul#tab-nav li.divider { border-left: 0; border-right: 0; height: 20px; } #docs-contents ul#tab-nav li:first-child { border-top-width: 1px; } #docs-contents ul#tab-nav li a, #docs-contents ul#tab-nav li span { padding: 5px 20px; display: block; text-decoration: none; outline: none!important; color: #333; line-height: 22px; } #docs-contents ul#tab-nav li span { font-weight: bold; } #docs-contents ul#tab-nav li.ui-state-active a { background: #f6701d; color: #fff!important; } #docs-contents ul#tab-nav li a:hover { color: #f6701d; } #docs-contents > div { width: 80%; float: right; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #docs-contents > div h2 { margin-bottom: 40px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-top: -5px; } #docs-contents > div h3 { border-bottom: 1px dashed #e3e3e3; padding-bottom: 10px; margin-bottom: 20px; margin-top: 40px; } #docs-contents > div p span, #docs-contents > div li span { color: #444; border-bottom: 1px dotted #e3e3e3; } footer { padding: 30px 2%; background: #f7f7f7; text-align: center; } footer p { color: #666; font-size: 12px; margin: 20px 0 0; } a.newtab { color: #F56F06; background: url(http://1.bp.blogspot.com/-M4MOrQgCyzI/Uvmyf9KOEDI/AAAAAAAAAws/0ewdaC_vok4/s1600/new_window_icon.gif) center right no-repeat; padding:0 16px 0 0; white-space:nowrap; } .template, strong.setting, strong.page, strong.layout, strong.earning { font-family:"Helvetica", Arial, sans-serif; padding: 3px 5px 3px 25px; display: inline-block; color: #F56F06;margin:5px 0; background: url(../img/template.png) no-repeat 2px 50%; } strong.setting { background: url(../img/setting.png) no-repeat 2px 50%; } strong.page { background: url(../img/page.png) no-repeat 2px 50%; } strong.layout { background: url(../img/layout.png) no-repeat 2px 50%; } strong.earning { background: url(../img/earning.png) no-repeat 2px 50%; } strong.html { background: url(../img/html.png) no-repeat -2px 50%; font-family:"Helvetica", Arial, sans-serif; padding: 3px 5px 3px 25px; display: inline-block; color: #000000;margin:5px 0; } strong.buttonx { font-family:"Helvetica", Arial, sans-serif; display: inline-block; padding: 3px 8px; background-color: #F0F0F0; border: 1px solid #D3CFCF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px 0; } strong.choose { font-family:"Helvetica", Arial, sans-serif; background-color: #CCC; -moz-box-shadow: inset 0 12px 10px #FFF; -webkit-box-shadow: inset 0 12px 10px #FFF; box-shadow: inset 0 12px 10px #FFF; display: inline-block; padding: 1px 3px; border: 1px solid #949292; margin: 10px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-weight: normal; } strong.buttonorg { font-family:"Helvetica", Arial, sans-serif; background: #F77803; color: #FFF; display: inline-block; padding: 3px 8px;; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } span.addgadget { font-family: "Helvetica", Arial, sans-serif; display: inline-block; padding: 0px 19px 3px; margin: -4px 0; background-color: #FFFBF9; border: 2px dotted #f6701d; font-size: 80%; } strong.orange { color: #F56F06; font-family:"Helvetica", Arial, sans-serif; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav-tabs > .active > a > [class^="icon-"], .nav-tabs > .active > a > [class*=" icon-"], .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .plans { margin: 40px auto; width: 660px; zoom: 1; } .plans:before, .plans:after { content: ''; display: table; } .plans:after { clear: both; } .plan { float: left; width: 220px; margin: 10px 0; padding: 20px; text-align: center; background: #fafafa; background-clip: padding-box; border: solid #453b5d; border-width: 2px 0 2px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .plan:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } .plan:last-child { border-width: 2px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; } .plan-title { position: relative; line-height: 1; font-size: 16px; font-weight: bold; color: #595f6b; border-bottom: 1px dashed #d2d2d2; } .plan-title:before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background-size: 3px 1px; background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2); background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2); background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2); background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2); } .plan-price { margin: 0 auto 20px; width: 90px; height: 90px; line-height: 90px; font-size: 19px; font-weight: bold; color: white; background: #595f6b; border-radius: 45px; } .plan-price > span { font-size: 12px; font-weight: normal; color: rgba(255, 255, 255, 0.9); } .plan-features { margin-bottom: 20px; line-height: 2; font-size: 12px; color: #999; text-align: center; } .plan-features > li > strong { font-weight: bold; color: #888; } .plan-button { display: inline-block; vertical-align: top; padding: 0 15px; line-height: 30px; font-weight: bold; color: white; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); background: #f6701d; .plan-button:active { text-decoration: none; color: #fff!important; } .plan-tall { margin: 0; background-color: white; border-width: 2px; border-radius: 7px; } .plan-tall > .plan-title { font-size: 18px; } .plan-tall > .plan-price { width: 100px; height: 100px; line-height: 100px; font-size: 21px; border-radius: 50px; } .plan-tall > .plan-features { font-size: 13px; } .plan-tall > .plan-button { padding: 0 16px; line-height: 32px; } .plan-tall + .plan { border-left: 0; }