* { margin:0px; padding:0px; } .fixme { background-color: yellow; color: red; } .inline { display: inline; } .hidden { display: none; } .superuser { padding: 2px; background-color: #FFFFAA !important; border: 1px solid #E58C18; } form.inplaceeditor-form { display: inline; } body { position: relative; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; color: #000000; margin: 0px; background: white; } body.basicheader { background: white; padding: 1em; } i, em, cite { font-family: "RooneySans-Regular", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: italic; } strong, b { font-weight: normal; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } body.basicheader { background-color: white; } a:link { color: #0099ff; text-decoration: none; } a:visited { color: #06C; text-decoration: none; } a:hover { text-decoration: underline; } a:active { color: #FF3300; text-decoration: underline; } a.plaintext:link, a.plaintext:visited, a span.plaintext, .local-tab a { color: black; text-decoration: none; } a.text_link { text-decoration: none; color: black; } p { margin-top: 0px; margin-bottom: 0.6em; font-size: 16px; line-height: 1.4; } ul + p, div + p, table + p { margin-top: 0.6em; } div.side_column p { font-size: 12px; line-height: 1.2; } div.side_column p.large { font-size: 16px; line-height: 1.2; margin: 0.6em 0 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; } h1.padded, h2.padded, h3.padded, h4.padded, h5.padded, h6.padded { margin-top: 6px; } h1, h2 { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } h1 { font-size: 40px; margin: 0px; clear: both; } h1 a:link, h1 a:visited { color: black; } h2 { font-size: 24px; margin-bottom: 6px; } h2.subhead { font-size: 14px; font-weight: normal; margin-left: 10px; margin-bottom: 4px; color: gray; } h3 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 16px; margin-bottom: 3px; } h4 { font-size: 13px; margin-bottom: 3px; } h5 { font-size: 11px; margin-bottom: 2px; } h6 { font-size: 10px; margin-bottom: 2px; } ul { list-style-type: none; padding: 0px; margin: 0px; } ul.bullet { margin-bottom: 6px; } ul.bullet > li { padding-left: 10px; text-indent: -8px; } ul.bullet > li * { text-indent: 0px; } ul.bullet > li:before { content: "\2022\0020"; font-size: 10px; } ol.p, ul.p { margin-top: 0px; margin-bottom: 12px; font-size: 14px; line-height: 1.4; } ul > li { margin: 0px; padding: 0px; } ol > li { margin-left: 2em; } .clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .pad_bottom { padding-bottom: 5px; } .spacer { border: 1px solid red; height: 100%; float: left; } div.clearer { float: none !important; clear: both !important; height: 0px; font-size: 0px; margin:0px } img { border-style: none; } img.bling { width: 23px; height: 23px; border-style: none; vertical-align: middle; } img.cart_button_big { width: 131px; height: 31px; } img.cart_button_small { width: 63px; height: 25px; } .smalltext { font-family: Verdana, Geneva, Arial, sans-serif; font-size: x-small; } #alpha { font: normal 10px Tahoma, Geneva, sans-serif; padding: 4px 0px; border: 1px solid #bbb; } #alpha span { padding: .3em .6em .4em .6em; color: #333; } #alpha .selected { padding: .3em .6em .4em .6em; color: #333; background-color:#b6bdd2; } #alpha a{ padding: .4em .55em .4em .55em; text-decoration: none; color: #333; font-weight: bold; border-style :none; } #alpha a:hover { color: #fff; background:#b6bdd2; } #alpha a.active, #alpha a.active:hover { color: #000; } .main_column .autobox { position: relative; clear: both; margin: 0px; } .side_column .autobox { position: relative; clear: both; margin: 0px; margin-bottom: 12px !important; padding: 12px !important; background-color: #F5F5F5; } .align-with-tabs { margin-top: 72px; } td > .align-with-tabs { margin-top: 77px; } .autobox-with-tabs { position: relative; margin-top: 16px; } .autobox-with-tabs.bottom-pad { padding-bottom: 20px; } .autobox-with-tabs .autobox { position: relative; padding: 24px 0px; } .autobox-with-tabs .local-tabs { width: 100%; -webkit-font-smoothing: antialiased; } .autobox-with-tabs .local-tabs .local-tab { border-bottom: 3px solid white; color: #555; position: relative; top: 1px; padding: 5px 0; margin: 0 12px; float: left; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 17px; font-weight: normal; } .autobox-with-tabs .local-tabs .more-autosize { cursor: pointer; } .autobox-with-tabs .local-tabs .local-tab:first-child { margin-left: 6px; } .autobox-with-tabs .local-tabs .local-tab a { color: #555; transition: color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out; -ms-transition: color 200ms ease-in-out; -o-transition: color 200ms ease-in-out; } .autobox-with-tabs .local-tabs .local-tab a:hover { color: #09f; } .autobox-with-tabs .local-tabs .local-tab .searchresults_tab_number { font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } .autobox-with-tabs .local-tabs .local-tab.active { border-color: #0af; color: #000; } .local-tab.inactive { color: #CCCCCC; } div.headline_box { position: relative; padding: 6px 0px; border-bottom: 1px solid black; margin: 0px; margin-bottom: 12px; zoom: 1; } div.headline_box.with_icon { padding-left: 40px; } div.headline_box h1, div.headline_box h2, div.headline_box h3, div.headline_box h4 { margin: 0px; padding: 0px; } div.headline_box img { position: absolute; left: 0px; bottom: -2px; } div.headline_box img.fontsample { position: relative; top: 0px; float: none; } div.headline_box a:link, div.headline_box a:visited, div.headline_box a:hover { } div.headline_box_subhead { position: absolute; bottom: 7px; right: 0px; } .columns, .two_column_layout { clear: both; position: relative; width:939px; } .two_column_layout .main_column { clear: both; position: relative; width: 720px; float: left; } .two_column_layout .side_column { position: relative; margin-left: 24px; float: left; width: 195px; } div.embedded { position: relative; width: 100%; margin-top: 12px; } .two_column_layout .embedded .left_side { position: relative; float: left; width: 348px; } .two_column_layout .embedded .right_side { position: relative; float: left; width: 348px; padding-left: 24px; } img.fontsample { border-style: none; padding: 0px; margin: 0px; } div.auto_complete { position: absolute; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #666666; background-color: white; z-index: 500; } div.auto_complete ul { margin:0px; padding:0px; width:100%; list-style-type:none; } div.auto_complete ul li { cursor: pointer; margin:0px; padding: 3px 5px; font-size: 11px; color: black; text-align: left; line-height: 1.2em; } div.auto_complete ul li.selected { background-color: #0099FF; color: #FFFFFF; font-weight: bold; white-space: nowrap; } div.auto_complete ul strong.highlight { color: #0099FF; margin:0px; padding:0px; } span.plusminus { cursor: pointer; color: #999999; } span.plusminus:hover { color: #FF3300; } #popup_box_bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.6; filter: alpha(opacity=60); z-index: 9999; } #popup_box { position: absolute; z-index: 10000; top: 0px; left: 0px; width: 400px; padding: 12px; background-color: white; } #popup_box .close_x { position: absolute; right: 3px; top: 3px; } #popup_login_frame { position: relative; width: 98%; height: 98%; } .errormsg { color: red; } img.spinner32, img.spinner16, img.spinner { width: 20px; height: 20px; vertical-align: middle; } img.tiny_checkcross { width: 9px; height: 9px; vertical-align: middle; } div#tipDiv { position:absolute; visibility:hidden; left:0px; top:0px; z-index:100000; background-color:#ffffff; border:1px solid #336; width:350px; padding:4px; overflow: hidden; padding: 5px; } .article_over { display: none; } /****************************** * FORM BUTTONS ******************************/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=submit], input[type=reset], input[type=button], a.button, span.button, button { background-color: #09F; border-radius: 3px; color: white; cursor: pointer; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; letter-spacing: 0.03em; line-height: 1.25em; padding: 5px 10px; margin-top: 6px; margin-bottom: 6px; outline: none; border:none; -webkit-appearance: none; -webkit-border-radius: 3px; } input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, a.button:hover, span.button:hover, button:hover { background-color: #078adb; } input[type=submit].big, input[type=reset].big, input[type=button].big, a.button.big, span.button.big, button.big, input[type=submit].bigger, input[type=reset].bigger, input[type=button].bigger, a.button.bigger, span.button.bigger, button.bigger { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size:16px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } input[type=submit].bigger, input[type=reset].bigger, input[type=button].bigger, a.button.bigger, span.button.bigger, button.bigger { padding: 10px 15px; } input[type=submit].huge, input[type=reset].huge, input[type=button].huge, a.button.huge, span.button.huge, button.huge { font-size: 18px; margin: 5px; padding: 14px 32px; } input[type=submit].white, input[type=reset].white, input[type=button].white, a.button.white, span.button.white, button.white { background: #fefefe; border: 1px solid; border-color: #e3e3e3 #d9d9d9 #d5d5d5 #d9d9d9; color: #444!important; -webkit-transition: border 200ms ease-in-out; -moz-transition: border 200ms ease-in-out; -ms-transition: border 200ms ease-in-out; -o-transition: border 200ms ease-in-out; transition: border 200ms ease-in-out; } input[type=submit].white:hover, input[type=reset].white:hover, input[type=button].white:hover, a.button.white:hover, span.button.white:hover, button.white:hover { background: #fefefe; border-color:#09f; } input[type=submit].grey, input[type=reset].grey, input[type=button].grey, a.button.grey, span.button.grey, button.grey { background: #eee; color: #444!important; } input[type=submit].grey:hover, input[type=reset].grey:hover, input[type=button].grey:hover, a.button.grey:hover, span.button.grey:hover, button.grey:hover { background: #ddd; } input[type=submit].black, input[type=reset].black, input[type=button].black, a.button.black, span.button.black, button.black { background: #111; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; -ms-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } input[type=submit].black:hover, input[type=reset].black:hover, input[type=button].black:hover, a.button.black:hover, span.button.black:hover, button.black:hover { background: #09f; } input[type=submit].magenta, input[type=reset].magenta, input[type=button].magenta, a.button.magenta, span.button.magenta, button.magenta { background: #F0F; } input[type=submit].magenta:hover, input[type=reset].magenta:hover, input[type=button].magenta:hover, a.button.magenta:hover, span.button.magenta:hover, button.magenta:hover { background: #D900D9; } input[type=submit].green, input[type=reset].green, input[type=button].green, a.button.green, span.button.green, button.green { background: #3C0; } input[type=submit].green:hover, input[type=reset].green:hover, input[type=button].green:hover, a.button.green:hover, span.button.green:hover, button.green:hover { background: #2B0; } input[type=submit].orange, input[type=reset].orange, input[type=button].orange, a.button.orange, span.button.orange, button.orange { background: #eca235; } input[type=submit].orange:hover, input[type=reset].orange:hover, input[type=button].orange:hover, a.button.orange:hover, span.button.orange:hover, button.orange:hover { background: #d4922f; } a.button, span.button { display: inline-block; text-decoration: none; } a.button:hover { text-decoration: none; } button[disabled], button.disabled, input[type=submit][disabled], input[type=button][disabled], a.button.disabled, span.button.disabled { background-color: #eee !important; color: #bababa !important; cursor: default; } button[disabled]:hover, button.disabled:hover, input[type=submit][disabled]:hover, input[type=button][disabled]:hover, a.button.disabled:hover, span.button.disabled:hover { background-color: #eee !important; color: #bababa !important; cursor: default; } input[type=reset], button[type=reset], a.button.cancel, button.cancel, span.button.cancel, input[type=submit].cancel, input[type=button].cancel { background-color: #CCC; color: #444; } input[type=reset]:hover, button[type=reset]:hover, a.button.cancel:hover, button.cancel:hover, span.button.cancel:hover, input[type=submit].cancel:hover, input[type=button].cancel:hover { background-color: #bbb; } input[type=reset]:active, button[type=reset]:active, button.cancel:active, input[type=button].cancel:active, input[type=submit].cancel:active, a.button.cancel:active, span.button.cancel:active { background-color: #999; color: #333; } input[type=reset].big_button, input[type=submit].big_button, input[type=button].big_button, button.big_button, a.button.big_button, span.button.big_button { font-size: larger; padding: 6px 12px; } input[type=text], input[type=email], input[type=password], input[type=tel], textarea { border: 1px solid #ddd; border-radius: 0; display: inline-block; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 15px; padding: 5px 7px; -webkit-appearance: none; -webkit-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -moz-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -ms-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -o-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { border-color: #09f; box-shadow: inset 0px 2px 3px #e6e6e6; outline: none; } .checkbox { display: none; display: inline-block\9; } .checkbox + label { display: inline-block; margin-right: 10px; } .checkbox + label .checkbox_image { background: url('/s/images/foundry/foundry_checkbox.png') center center no-repeat; background-size: 18px 18px; display: inline-block; display: none\9; height: 18px; width: 18px; position: relative; top: 4px; } .checkbox + label:active .checkbox_image, .checkbox:checked + label:active .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_active.png'); } .checkbox:checked + label .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_checked.png'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .checkbox + label .checkbox_image { background: url('/s/images/foundry/foundry_checkbox@2x.png') center center no-repeat; background-size: 18px 18px; } .checkbox + label:active .checkbox_image, .checkbox:checked + label:active .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_active@2x.png'); } .checkbox:checked + label .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_checked@2x.png'); } } /*********************************** * TAIL END OF BUTTONS ***********************************/ /******************************************** PRETTY TABLES AS PIONEERED IN PAYMENTS ADMIN ********************************************/ table.pretty_table { border-collapse: collapse; border-bottom: 1px solid black; } table.pretty_table tr th, table.pretty_table tr td { text-align: left; padding: 6px; } table.pretty_table tr th { vertical-align: bottom; border-bottom: 1px solid black; border-top: 1px solid black; background-color: #999; color: white; font-weight: bold; } table.pretty_table tr td { vertical-align: top; border-top: 1px solid #999; } table.pretty_table tr:first-child td { border-top: 1px solid black; } table.pretty_table tr > *.number { text-align: right; } table.pretty_table tr > *.tick { text-align: center; } table.pretty_table tr.warning td { color: black; background-color: #FFF0F0; } /************************************* * END PRETTY TABLES *************************************/ .licsmicon {width:25px; height:25px; white-space:nowrap; overflow:hidden; background:url('/s/images/iconsets/myfonts/licenseiconssmall.png') 0 0 no-repeat; margin-right:3px;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .licsmicon {background-image:url('/s/images/iconsets/myfonts/licenseiconssmall@2x.png'); -moz-background-size:125px 32px; -ie-background-size:125px 32px; -o-background-size:125px 32px; -webkit-background-size:125px 32px; background-size:125px 32px; } } .licensetypesm-web { background-position:0px 0; } .licensetypesm-server { background-position:-25px 0; } .licensetypesm-epub { background-position:-50px 0; } .licensetypesm-desktop, .licensetypesm-library_subscription { background-position:-75px 0; } .licensetypesm-app { background-position: -100px 0; } /************************************* * HELPFUL POPUP TOOLTIP THING *************************************/ .help_tooltip { background: #333; border-radius: 3px; color: #fff; display: none; font-size: 14px; max-width: 450px; padding: 15px; position: relative; text-align: left; z-index: 10; } .help_tooltip:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333; content: ""; width: 0; height: 0; position: absolute; left: 50%; top: -10px; margin-left: -10px; } *:hover > .help_tooltip { display: block; } .clearboth { clear: both; } /************************************* * FONT LIST / SEARCH RESULTS *************************************/ .full_width { clear: both; width: 100%; } .font-name { float: left; } #search_page .autobox-with-tabs .local-tabs .local-tab:first-child { margin-left: 12px; } .mls-logo { display: inline-block; width: 65px; height: 65px; background: transparent url('/s/images/logo/MLS-icon.png') 50% 50% no-repeat; } .mls-slice { border-bottom: 1px solid #ccc; clear: both; margin-bottom: 20px; } .mls-slice.no-border { border-bottom: none; margin-bottom: 0; } .mls-slice h2 { font-size: 18px; margin-bottom: 2px; } .mls-slice p { padding:0 0 15px; } .mls-slice .mls-logo { margin: 3px 14px 0 0; float: left; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { .mls-logo { background-image: url('/s/images/logo/MLS-icon@2x.png'); background-size: 65px; } } select.mf-dropdown { background: url('/s/images/checkout/dropdown.png') no-repeat right 8px center; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; border-radius: 4px; text-shadow: 0px 0px #fff; border: 1px solid #C9C9C9; font-size: 14px; padding-left: 12px; padding-right: 35px; height: 40px; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } select.mf-dropdown::-ms-expand { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { select.mf-dropdown { background: url('/s/images/checkout/dropdown@2x.png') no-repeat right 8px center; background-size: 16px 15px; } } /* ------Smartphones (portrait and landscape) ----------- @media only screen and (max-device-width: 600px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 960px) and (min-device-width: 320px) and (orientation: landscape) */ @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { .autobox-with-tabs .local-tabs .local-tab { font-size: 14px; margin: 0px 12px; } .local-tabs { border-top: 1px solid rgb(223,221,224); border-bottom: 1px solid rgb(223,221,224); overflow: auto; padding: 10px 0; } .autobox-with-tabs .local-tabs .local-tab.active { border-width: 2px; padding: 3px 0; } .autobox-with-tabs .autobox { padding: 8px 0; } .autobox-with-tabs { margin-top: 0; } } 

 #sitewideAnnouncement { background-color: #FFC; color: #C00; padding: 4px 12px; border: 1px solid black; margin-bottom: 24px; } #sitewideAnnouncement a.close { float: right; } #myfontsContainer { background-color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; width: 959px; margin: 0px auto; position: relative; -webkit-transition: left 200ms ease-in-out, -webkit-transform 200ms ease-in-out; -moz-transition: left 200ms ease-in-out, -moz-transform 200ms ease-in-out; -o-transition: left 200ms ease-in-out, -o-transform 200ms ease-in-out; transition: left 200ms ease-in-out, transform 200ms ease-in-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 768px) { #myfontsContainer.mobileNavAndroid #mobileNavMenu { left: 0px; } #myfontsContainer.mobileNavAndroid #myfontsHeader, #myfontsContainer.mobileNavAndroid #myfontsBody { left: 200px; } #myfontsContainer.mobileNavOpen { -webkit-transform: translate3d(200px, 0, 0); -moz-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); -o-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } } #myfontsBody { position: relative; width: 100%; padding-top: 10px; margin: 0px auto 0; } #myfontsContainer.respHomepage #myfontsBody { padding-top: 0; } #myfontsHeader { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; height: 110px; width: 100%; line-height: inherit; margin: 0px auto; padding: 0 0; position: relative; top: 0px; right: 0px; left: 0px; z-index: 100; -webkit-font-smoothing: antialiased; } #myfontsHeader a { color: #555; text-decoration: none; -webkit-transition: color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out; -o-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; } #myfontsHeader a:hover { color: #09f; } #headerLogotype { float: left; width: 161px; height: 90px; margin-right: 20px; position: relative; top: 3px; } #headerLogotype a { background: url("/s/images/logo/header_logo.svg") center center no-repeat; background: url("/s/images/logo/header_logo_ie.png") center center no-repeat\9; background-size: 161px 90px; display: block; width: 161px; height: 90px; } #headerLogin { position: absolute; top: 18px; right: 29px; } #headerLogin a#headerLoginLink { z-index: 101; position: relative; } #headerLogin a#headerLoginLink > span:first-child { display: inline-block; display: inline\9; font-size: 14px; height: 1.3em; line-height: 1.3em; max-width: 125px; overflow: hidden; text-align: right; vertical-align: middle; } #headerLogin a#headerLoginLink span.arrow { display: inline-block; width: 0; height: 0; border-top: 5px solid #555; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-left: 3px; position: relative; top: -1px; } #headerLogin a#headerLoginLink:hover span.arrow { border-top-color: #09f; } #headerLogin iframe { background: #fff; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding: 35px 15px 15px 15px; width: 205px; height: 155px; position: absolute; top: -5px; right: -5px; z-index: 100; } @media screen and (min-width: 768px) { #myfontsContainer.fluid #headerLogin iframe { top: 2px; } } #headerLogin #userMenu { background: #fff; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); font-size: 14px; line-height: 1.2em; padding: 10px 0; position: absolute; right: 0px; top: 22px; width: 220px; z-index: 101; } #headerLogin #userMenu a { display: block; font-weight: normal; padding: 6px 20px; text-decoration: none; } #headerLogin #userMenu a:hover { background: #eee; color: #555; } #headerCart { position: absolute; top: 18px; right: 0; text-align: right; } #headerCart img { opacity: 1; vertical-align: middle; } #headerCart span { display: block; font-size: 14px; margin-top: 8px; } #headerCart a, #headerLogin a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #headerSearchForm { clear: none; display: block; float: left; margin: 22px 40px 0 0; } #headerSearchForm #searchBox { border-color: #aaa; height: 24px; line-height: 24px; width: 300px; vertical-align: middle; } #headerSearchForm #searchBox:focus { border-color: #09f; } #headerSearchForm #searchButton { border-color: #111; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 0 5px; padding: 1px 10px 1px; height: 36px; width: auto; vertical-align: middle; } #headerSearchForm #searchButton:hover { border-color: #09f; } #headerNav { clear: none; display: block; float: left; text-align: center; } #headerNav a { display: inline-block; font-size: 16px; margin: 0 20px 0 0; padding: 15px 0 10px; text-decoration: none; } #headerNav a + .menuArrow { position: relative; left: -10px; } #headerNav .navMenu { display: inline-block; padding-bottom: 10px; position: relative; } #headerNav .navMenu > a { padding-bottom: 0; } #headerNav .navMenu a.toggle { background: url("/s/images/iconsets/myfonts/header_menu_arrow.svg") right 21px no-repeat; background-image: url("/s/images/iconsets/myfonts/header_menu_arrow.png") \9; padding-right: 15px; } #headerNav .navMenu a.toggle:hover { background-image: url("/s/images/iconsets/myfonts/header_menu_arrow_hover.svg"); background-image: url("/s/images/iconsets/myfonts/header_menu_arrow_hover.png") \9; } #headerNav .navMenu nav { background: #fff; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); line-height: 1.2em; margin-top: 5px; padding: 5px 0; position: absolute; left: -16px; text-align: left; white-space: nowrap; } #headerNav .navMenu nav a { display: block; font-size: 14px; margin: 0; padding: 8px 16px; text-decoration: none; } #headerNav .navMenu nav a:hover { background: #eee; color: #555; } #headerNavMobile { display: none; float: left; } #headerNavMobile button.icon { background: url("/s/images/iconsets/myfonts/mobile_menu.png") no-repeat; display: block; height: 16px; width: 20px; padding: 17px; background-position: 1px 9px; } #mobileNavMenu { background-color: #eee; box-shadow: inset -3px 0px 5px #e6e6e6; font-size: 16px; line-height: 1.2em; padding: 10px 0; position: fixed; top: 0px; left: -200px; bottom: 0px; width: 180px; z-index: 101; -webkit-transition: left 200ms ease-in-out; -moz-transition: left 200ms ease-in-out; -o-transition: left 200ms ease-in-out; transition: left 200ms ease-in-out; } #mobileNavMenu a { color: #555; display: block; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; padding: 15px 25px; text-decoration: none; } #mobileNavMenu a:hover, #mobileNavMenu a:active { background: #ddd; } #headerNavMobileHomepage { display: none; } .navMenu nav { position: absolute; } #myfontsContainer.fluid { width: 100%; } #myfontsContainer.fluid #myfontsBody { margin: 0 auto; width: 100%; } #myfontsContainer.fluid footer#mainFooter { width: 100%; } @media (max-width: 840px) { #myfontsContainer.fluid footer#mainFooter nav.links { display: block; } #myfontsContainer.fluid footer#mainFooter nav.links a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 20%; min-width: 140px; } } #myfontsContainer.fluid #myfontsHeader.fixHeader { height: 90px; padding: 10px 10px 0 10px; position: fixed; opacity: .5; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } #myfontsContainer.fluid #myfontsHeader.fixHeader.show { opacity: 1; transition: opacity 500ms; -webkit-transition: opacity 500ms; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } #myfontsContainer.fluid #headerLogotype { width: 73px; height: 41px; } #myfontsContainer.fluid #headerLogotype a { background-size: 73px 41px; width: 73px; height: 41px; } #myfontsContainer.fluid #headerLogin { right: 20px; position: relative; float: left; } #myfontsContainer.fluid #headerLogin a#headerLoginLink { top: 3px; } #myfontsContainer.fluid #headerLogin a#headerLoginLink > span:first-child { font-size: 14px; height: 1.3em; line-height: 1.3em; } #myfontsContainer.fluid #headerLogin #userMenu { top: auto; } #myfontsContainer.fluid #headerCart { top: 0px; right: 10px; float: right; position: relative; } #myfontsContainer.fluid #headerCart #cart_image, #myfontsContainer.fluid #headerCart #cartImage { width: 28px; } #myfontsContainer.fluid #headerCart span { display: none; } #myfontsContainer.fluid #headerSearchForm { clear: both; float: none; margin: 0 auto; position: relative; top: 8px; float: left; } #myfontsContainer.fluid #headerSearchForm #searchBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 20px; width: 86%; } #myfontsContainer.fluid #headerSearchForm #searchButton { height: 30px; margin: 0 0; padding: 1px 7px 1px; width: 38px; } #myfontsContainer.fluid #headerNav { clear: both; display: none; } #myfontsContainer.fluid #headerNav .navMenu nav { left: -8px; } #myfontsContainer.fluid #headerNav .navMenu nav a { font-size: 14px; margin: 0; } #myfontsContainer.fluid #headerNavMobile { display: block; } #myfontsContainer.fluid #headerContainer { position: absolute; top: 0; right: 0; } @media (min-width: 550px) and (max-width: 600px) { #myfontsContainer.fluid #myfontsHeader { height: initial; margin-bottom: 20px; } } @media (min-width: 600px) and (max-width: 767px) { .no-touch #myfontsContainer.fluid #headerNav { display: block; text-align: center; width: 100%; margin-bottom: 10px; } #myfontsContainer.fluid #myfontsHeader { height: 53px; padding: 0; } #myfontsContainer.respHomepage #myfontsHeader, #myfontsContainer.fluid #myfontsHeader.fixHeader { height: 53px; padding: 0 0 10px 10px; } .no-touch #myfontsContainer.fluid #headerNav a { font-size: 13px; margin: 0px 12px 0 0; } .no-touch #myfontsContainer.fluid #headerNavMobile { display: none; } .no-touch #myfontsContainer.fluid #headerNav .navMenu nav { left: -50px; } } @media (min-width: 450px) and (max-width: 600px) { #myfontsContainer.fluid #myfontsHeader { padding-left: 5px; } } @media (min-width: 450px) and (max-width: 550px) { #myfontsContainer.fluid #myfontsHeader { height: 85px; } } @media (min-width: 450px) { #myfontsContainer.fluid #headerSearchForm { width: 100%; } } @media (min-width: 550px) { #myfontsContainer.fluid #mobileHeaderSearchForm { float: left; } .no-touch #myfontsContainer.fluid #mobileHeaderSearchForm { margin-left: 0; width: initial; } #myfontsContainer.fluid #headerSearchForm { width: 260px; } #myfontsContainer.fluid #headerSearchForm #searchBox { width: 77%; } } @media (max-width: 550px) { #myfontsContainer.fluid #headerSearchForm { text-align: center; } } @media (max-width: 767px) { #myfontsContainer.fluid #headerLogin { top: 10px; line-height: 0; } } @media (min-width: 768px) { #myfontsContainer.fluid { padding: 0 20px; } #myfontsContainer.fluid #myfontsBody { padding-top: 15px; } #myfontsContainer.fluid #myfontsHeader { height: 110px; line-height: inherit; padding: 10px 0 0 0; position: relative; transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; } #myfontsContainer.fluid #headerLogotype { width: 96px; height: 54px; } #myfontsContainer.fluid #headerLogotype a { background-size: 96px 54px; width: 96px; height: 54px; } #myfontsContainer.fluid #headerSearchForm { clear: none; display: block; float: left; margin: 8px 20px 0 0; top: 0; width: 285px; } #myfontsContainer.fluid #headerSearchForm #searchBox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 20px; line-height: 20px; width: 210px; } #myfontsContainer.fluid #headerSearchForm #searchButton { height: 32px; } #myfontsContainer.fluid #headerLogin { top: 1px; right: -65px; } #myfontsContainer.fluid #headerLogin a#headerLoginLink { top: 10px; } #myfontsContainer.fluid #headerLogin #userMenu { top: 30px; } #myfontsContainer.fluid #headerCart { text-align: right; top: 18px; right: 0px; } #myfontsContainer.fluid #headerCart #cart_image, #myfontsContainer.fluid #headerCart #cartImage { height: 16px; width: 22px; top: 2px; } #myfontsContainer.fluid #headerCart span { display: block; margin-top: 5px; } #myfontsContainer.fluid #headerNav { display: block; text-align: left; width: 91%; margin-left: 53px; } #myfontsContainer.fluid #headerNav a { font-size: 14px; margin: 0 7px; } #myfontsContainer.fluid #headerNav a:first-child { margin-left: 0; } #myfontsContainer.fluid #headerNavMobile { display: none; } #myfontsContainer.fluid #headerNav .navMenu nav { left: -8px; } } @media (min-width: 720px) { #myfontsContainer.fluid #headerNav a { font-size: 16px; } } @media (min-width: 1200px) { #myfontsContainer.fluid { padding: 0 2%; } #myfontsContainer.fluid #myfontsHeader { height: 110px; padding: 0 12px; } #myfontsContainer.fluid #headerLogotype { width: 161px; height: 90px; left: -9px; margin-right: 25px; } #myfontsContainer.fluid #headerLogotype a { background-size: 161px 90px; width: 161px; height: 90px; } #myfontsContainer.fluid #headerNav { clear: none; float: left; text-align: left; width: 930px; margin-left: 0; } #myfontsContainer.fluid #headerNav a { margin: 0 20px 0 0; } #myfontsContainer.fluid #headerNav a + .menuArrow { position: relative; left: -10px; } #myfontsContainer.fluid #headerNav .navMenu nav { left: -16px; } #myfontsContainer.fluid #headerLogin { right: 20px; } #myfontsContainer.fluid #headerLogin a#headerLoginLink > span:first-child { font-size: 16px; height: 1.2em; line-height: 1em; } #myfontsContainer.fluid #headerCart img { margin-right: 5px; } #myfontsContainer.fluid #headerCart span { display: inline; margin-top: 8px; font-size: 16px; } #myfontsContainer.fluid #headerCart #cart_text, #myfontsContainer.fluid #headerCart #cartText { top: 0px; right: 5px; } #myfontsContainer.fluid #headerSearchForm { margin: 22px 35px 0 0; width: auto; } #myfontsContainer.fluid #headerSearchForm #searchBox { height: 24px; line-height: 24px; width: 285px; } #myfontsContainer.fluid #headerSearchForm #searchButton { height: 36px; } } @media (min-width: 1596px) { #myfontsContainer.fluid #headerNav { margin-top: 10px; } #myfontsContainer.fluid #headerContainer { top: 7px; } } @media (min-width: 2000px) { #myfontsContainer.fluid { margin: 0 auto; } #myfontsContainer.fluid #headerNav { margin-top: 10px; margin-right: 0; width: 950px; } #myfontsContainer.fluid #headerSearchForm { margin-right: 40px; } } footer#mainFooter { border-top: 1px solid #ddd; color: #555; font-size: 13px; margin: 30px auto 0; padding: 30px 0; text-align: center; width: 939px; -webkit-font-smoothing: antialiased; clear: both; } footer#mainFooter nav.links { width: 100%; max-width: 810px; margin: 0 auto; } footer#mainFooter nav.links a { color: #555; padding: 13px; display: inline-block; } footer#mainFooter nav.links a:hover { color: #222; } footer#mainFooter nav.social { display: table; margin: 20px auto; width: 300px; } footer#mainFooter nav.social a { color: #ddd; display: table-cell; font-family: "Social-Network-Icons"; font-size: 28px; font-weight: normal; text-decoration: none; -webkit-transition: color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out; -o-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; } footer#mainFooter nav.social a:hover { color: #aaa; } #myfontsContainer.respHomePage { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } #headerMyFonts { font-family: "myfonts logotype"; font-size: 72px; color: #00AAFF; } #myfontsContainer.fluid #headerLogin { top: 9px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { #headerNavMobile button.icon { background: url("/s/images/iconsets/myfonts/mobile_menu@2x.png") no-repeat; background-size: 20px 16px; background-position: 1px 15px; margin: 0; padding: 17px; padding-bottom: 28px; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-width: 450px) { #myfontsContainer.respHomePage { padding: 0; } #myfontsContainer.respHomePage #myfontsHeader { padding: 10px 10px 0 10px; } #myfontsContainer.respHomepage #myfontsBody { padding-top: 10px; } #myfontsContainer.fluid #headerCart { top: 13px; right: 6px; } #myfontsContainer.fluid #headerLogin { top: 23px; right: 10px; } #myfontsContainer.respHomepage #headerCart, #myfontsContainer.respHomepage #myfontsHeader.fixHeader #headerCart { top: 13px; right: 16px; } #myfontsContainer.respHomepage #headerLogin, #myfontsContainer.respHomepage #myfontsHeader.fixHeader #headerLogin { right: 20px; } #myfontsContainer.fluid #myfontsHeader { padding: 10px 0 0 0; } #myfontsContainer.fluid #headerSearchForm { width: 100%; } #myfontsContainer.fluid #headerLogotype { margin: 2px 0 15px 0; } #myfontsContainer.fluid #headerNavMobile { margin-left: 5px; } #myfontsContainer.fluid #headerLogin #headerLoginUsername { width: 100px; overflow: visible; } #myfontsContainer.fluid #myfontsHeader.fixHeader { height: 119px; } #myfontsContainer.fluid #myfontsHeader.fixHeader #headerCart { right: 16px; } #myfontsContainer.fluid #myfontsHeader.fixHeader #headerLogin { right: 20px; } #myfontsContainer.respHomepage #myfontsHeader { height: initial; padding: 10px 10px 0 10px; } #myfontsContainer.respHomePage #myfontsHeader.fixHeader { padding: 10px 10px 0 10px; } } @media only screen and (max-device-width: 414px) and (min-device-width: 375px) and (orientation: portrait) { #myfontsContainer.fluid #headerSearchForm #searchBox { width: 83%; } } @media only screen and (max-device-width: 470px) and (min-device-width: 414px) and (orientation: portrait) { #myfontsContainer.fluid #headerSearchForm #searchBox { width: 84%; } } @media only screen and (max-device-width: 736px) and (min-device-width: 480px) and (orientation: landscape) { #myfontsContainer.fluid #mobileHeaderSearchForm { float: left; } #myfontsContainer.fluid #headerSearchForm { width: 100%; } #myfontsContainer.fluid #headerSearchForm #searchBox { width: 76%; } #myfontsContainer.fluid #myfontsHeader.fixHeader { height: 53px; padding: 0 10px; } #myfontsContainer.fluid #myfontsHeader.fixHeader #headerLogin { right: 30px; } #myfontsContainer.fluid #myfontsHeader.fixHeader #headerCart { right: 20px; } #myfontsContainer.respHomepage #myfontsHeader.fixHeader #headerLogin { right: 20px; } #myfontsContainer.respHomepage #myfontsHeader.fixHeader #headerCart { right: 10px; } #myfontsContainer.fluid #headerCart { top: 1px; right: 10px; } #myfontsContainer.fluid #headerLogin { top: 10px; right: 20px; } #myfontsContainer.fluid #myfontsHeader { padding: 0; height: 45px; } #myfontsContainer.respHomepage #myfontsHeader { padding: 0 10px; } #myfontsContainer.fluid #myfontsBody { padding-top: 0; } #myfontsContainer.fluid #headerLogotype { margin: 2px 0 0 0; } #myfontsContainer.fluid #headerNav { display: none; } #myfontsContainer.fluid #headerNavMobile { display: block; } } @media only screen and (min-device-width: 480px) and (orientation: landscape) { #myfontsContainer.fluid #mobileHeaderSearchForm { margin-left: 4%; width: 50%; } } @media only screen and (min-device-width: 568px) and (orientation: landscape) { #myfontsContainer.fluid #mobileHeaderSearchForm { margin-left: 10%; } } @media only screen and (min-device-width: 667px) and (max-device-width: 736px) and (orientation: landscape) { #myfontsContainer.fluid #mobileHeaderSearchForm { width: 55%; } } @media screen and (min-width: 768px) { #myfontsContainer.fluid #mobileHeaderSearchForm { margin-left: 0; width: initial; } } 

 #about_us_page ul { margin-bottom: 12px; } #about_us_page table#did_you_know tr td { padding: 12px; border-top: 1px solid #CCCCCC; vertical-align: middle; } #about_us_page table#did_you_know tr td:not(:first-child) { text-align: center; } #about_us_page table#did_you_know tr td img { margin-left: 12px; } #about_us_page table#did_you_know tr.first td { border-top-style: none; } #about_us_bios div.img { clear: right; float: right; } #about_us_bios h4 + p { margin-bottom: 24px; } 

 form.add_bling_form { line-height: 2em; } form.add_bling_form img, form.add_bling_form input[type=radio] { vertical-align: middle; } form.add_bling_form label { white-space: nowrap; } form.add_bling_form input[type=text] { width: 75%; } 

.cart_button_wrapper { position: relative; } .cart_button_wrapper button { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-left: 6px; } #add_album_to_cart .cart_button_wrapper { top: 12px; } .cart_button_wrapper.float_right { float: right; margin-left: 10px; } a.add_to_cart, a.buying_choices, a.add_to_cart_client { display: inline-block; visibility: visible!important; float: right; height: inherit; } a.add_to_cart_client:active { color: #000000; } #add_family_to_cart .cart_button_wrapper { margin-top: 10px; } button.add_to_cart_button, button.buying_choices_button { border-radius: 3px; float: right; font-size: 14px; line-height: 16px; outline: none; padding: 3px 9px; margin-top: 0; background: #F0F; } button.add_to_cart_button { background: #F0F; } button.add_to_cart_button:hover { background: #D900D9; } button.add_to_album_toggle, button.add_to_album_toggle_client { border-left: 1px solid rgba(255,255,255,0.5); border-radius: 0 3px 3px 0; float:left; font-size: 8px; line-height: 16px; outline: none; padding: 3px 6px; } button.add_to_album_toggle::-moz-focus-inner { margin-top: -1px; margin-bottom: -1px; } button.only { border-radius: 3px 3px 3px 3px; } button.add_to_album_toggle.only { background: #eee; color: #444; margin-top: 0; } button.add_to_album_toggle.only:hover { background: #ddd; } button.buying_choices_button:hover { background: #D900D9; } .open button.add_to_album_toggle.only { background: #ddd; } button.add_to_album_toggle.only span.label { font-size: 14px; } @-moz-document url-prefix() { button.add_to_album_toggle_client.only { line-height: 15px; } } button.add_to_cart_button + div.album_dropdown button.add_to_album_toggle_client { display: inline-block; } button.add_to_cart_button + button.add_to_album_toggle:hover { background: #D900D9; } .open button.add_to_cart_button + button.add_to_album_toggle { background: #D900D9; } button.buying_choices_button + button.add_to_album_toggle { background: #09F; } button.buying_choices_button + button.add_to_album_toggle:hover { background: #078adb; } .open button.buying_choices_button + button.add_to_album_toggle { background: #078adb; } .album_dropdown_goto { display:none; } div.add_to_album_dropdown { background: white; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); display: none; font-size: 14px; padding: 15px; position:absolute; text-align: left; top:28px; right: 0; width: 275px; z-index: 8; } div.add_to_album_dropdown a { } div.add_to_album_dropdown a.album_dropdown_goto { color: #ccc; display:inline-block; font-family: 'ClickBits-Arrows'; margin-left: 10px; -webkit-font-smoothing:antialiased; } div.add_to_album_dropdown a.album_dropdown_goto:hover { color: #aaa; text-decoration: none; } div.add_to_album_dropdown li { margin-bottom: 1px; } div.add_to_album_dropdown.open { display: block; } div.add_to_album_dropdown.only { top:23px; } div.add_to_album_dropdown a { float: none; } div.add_to_album_dropdown a.info { font-size: 11px; margin-left: 10px; } div.add_to_album_dropdown button:disabled { color: #fff; } div.add_to_album_dropdown hr { background: #ddd; border: none; height: 1px; margin: 10px 0; } div.add_to_album_dropdown input[type=submit] { line-height: 18px; margin-left: 5px; padding: 4px 9px; } div.add_to_album_dropdown input[type=text] { font-size: 12px; width: 180px; } div.add_to_album_dropdown div.albums ul { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; line-height: 20px; padding: 10px 0 0; } div.add_to_album_dropdown iframe.dropdown_login_frame { width: 270px; height: 150px; } div.add_to_album_dropdown .trial, div.add_to_album_dropdown_client .trial, div.add_to_album_dropdown .webfont, div.add_to_album_dropdown_client .webfont { margin: 10px 0; } div.add_to_album_dropdown .trial, div.add_to_album_dropdown_client .trial { margin-bottom: 20px; } div.add_to_album_dropdown .trial a.button, div.add_to_album_dropdown .trial button, div.add_to_album_dropdown_client .trial a.button, div.add_to_album_dropdown_client .trial button, div.add_to_album_dropdown .webfont a.button, div.add_to_album_dropdown .webfont button, div.add_to_album_dropdown_client .webfont a.button, div.add_to_album_dropdown_client .webfont button{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: right; margin: 0; text-align: center; width: 100px; } div.add_to_album_dropdown .trial p, div.add_to_album_dropdown_client .trial p, div.add_to_album_dropdown .webfont p, div.add_to_album_dropdown_client .webfont p { float:left; font-size: 13px; width: 150px; } div.add_to_album_dropdown p.trialMsg { display: none; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } div.add_to_album_dropdown button:disabled + p.trialMsg { display: block; } ul#albumdetail li div.price { float: right; } .licintrotxt { padding-top: 0px; padding-bottom: 15px; } .addcrtcombohead, .addcrtdiscounttxt { font-size: 15px; font-weight: bold; margin-bottom: 5px; } .addcrtcomboor { background: #fff; font-weight: bold; padding: 0 6px; position: absolute; top: 129px; left: 50%; margin-left: -15px; width: 20px; text-align: center; } .addcrtdiscounttxt { margin-top: 15px; } .cart_choose_params_popup { width: 500px; } .cart_choose_params_popup ul li { padding-left: 6px; padding-top: 3px; } .addcrtbuttons { padding-top:5px; padding-right:10px; float:right; } span.add_to_cart_unavailable { float: right; color: #999; background-color: #FCFCFC; padding: 6px; } .cartlicparams { border-bottom: solid 1px #cccccc; margin-top:15px; } .addcrtcomboor + .cartlicparams { border-top: solid 1px #cccccc; } .addcrtlictypehldr,.addcrtlictypehldrttl,.addcrtcombohldr { clear: left; line-height: 1.5em; padding: 10px 10px 10px 10px; border: solid 0px blue; } .addcrtlictypehldr,.addcrtlictypehldrttl { cursor: pointer; } .addcrtlictypehldrttl { padding: 10px 10px 0px 10px; } .addcrtlictypehldr.highlight, .addcrtlictypehldr:hover,.addcrtcombohldr:hover { background-color: #eeeeee; } .addcrtlictitle,.addcrtlictitlettl { font-size: 15px; font-weight: bold; padding-bottom: 3px; padding-top: 3px; } .addcrtlictypeckb,.addcrtlictypeckbttl { width:15px; padding: 8px 0px 0px 25px; float:left; border: solid 0px #cccccc; } .addcrtlictypeprice,.addcrtlictypepricettl { width:70px; padding: 5px 0px 0px 10px; float:left; text-align: right; font-size: 16px; font-weight: bold; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; border: solid 0px #cccccc; } .addcrtlicsmiconttl{width:50px; height:50px;} .addcrtlicsmicon {width:50px; height:50px; white-space:nowrap; overflow:hidden; background:url('/s/images/iconsets/myfonts/licensetypes.png') 0 0 no-repeat; margin-right:3px;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .addcrtlicsmicon {background-image:url('/s/images/iconsets/myfonts/licensetypes@2x.png'); -moz-background-size:250px 50px; -ie-background-size:250px 50px; -o-background-size:250px 50px; -webkit-background-size:250px 50px; background-size:250px 50px; } } .comboform .addcrtlicsmicon {background-image:url('/s/images/iconsets/myfonts/licensetypescombo.png');} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .comboform .addcrtlicsmicon {background-image:url('/s/images/iconsets/myfonts/licensetypescombo@2x.png'); -moz-background-size:315px 60px; -ie-background-size:315px 60px; -o-background-size:315px 60px; -webkit-background-size:315px 60px; background-size:315px 60px; } } .addcrtfltleftaddtocart,.addcrtfltleftaddtocartttl { float:left; width: 50px; height: 50px; margin-top:7px; margin-right:7px; margin-bottom:7px; border: solid 0px blue; } .addcrtfltlefaddstdcart,.addcrtfltlefaddstdcartttl { margin-top:0px; float:left; width:300px; border: solid 0px red; font-size: 14px; } .addcrtcombohldr .addcrtfltlefaddstdcart,.addcrtcombohldr .addcrtfltlefaddstdcartttl { margin-top:0px; float:left; width:260px; border: solid 0px red; font-size: 14px; } .addcrtfltlefaddstdcart div,.addcrtfltlefaddstdcartttl div { margin-top:0px; margin-left: 15px; border: solid 0px red; } .addcrtlicensetype-combo { background-position:-253px 0; height: 60px; width: 61px; margin: 0; } .addcrtlicensetype-web { background-position:0px 0; } .addcrtlicensetype-server { background-position:-50px 0; } .addcrtlicensetype-epub { background-position:-100px 0; } .addcrtlicensetype-desktop { background-position:-150px 0; } .addcrtlicensetype-app { background-position:-200px 0; } .addcrtcombohldr .addcrtlictypeprice, .addcrtcombohldr .addcrtlictypebutton { float: right; width: 155px; } .addcrtcombohldr .addcrtlictypeprice { padding-left: 0; } .addcrtcombohldr .addcrtlictypebutton { margin-top: 5px; } .addcrtcombohldr .origionalPrice,.addcrtcombohldr .comboPrice { display: inline-block; margin-left: 10px; } .addcrtcombohldr .originalPrice { color: red; text-decoration: line-through; } .addcrtcombohldr .originalPrice span { color: #000; } .addcrtcombohldr .comboPrice { color: red; } .addcrtcombohldr em { color: #D900D9; } .addcrtcombohldr .comboPrice, .addcrtcombohldr em { font-style: normal; font-weight: bold; } .addcrtcombohldr .addcombo { background: #F0F; float: right; } .addcrtcombohldr .addcombo:hover { background: #D900D9; } .addcrtcombohldr button.disabled, .addcrtcombohldr button.disabled:hover{ background-color: #eee; color: #bababa; } .cursalePrice { font-size: 14px; color: red; display: block; } .newregularpricestrike { color: black; text-decoration: line-through; } .buying_choices_note { font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { .cart_button_wrapper.center_button{ float: none; margin: 12px auto 0; width: 90px; padding-bottom: 24px; } div.add_to_album_dropdown { right: -119px; } } .addcrtlicensetype-app-paygo { background-image: url('/s/images/licensing/appcomboicon-paygo.png') !important; background-position: 7px 0; -moz-background-size: 38px 50px !important; -ie-background-size: 38px 50px !important; -o-background-size: 38px 50px !important; -webkit-background-size: 38px 50px !important; background-size: 38px 50px !important; } .addcrtlicensetype-web-paygo { background-image: url('/s/images/licensing/webcomboicon-paygo.png') !important; background-position: 7px 0; -moz-background-size: 38px 50px !important; -ie-background-size: 38px 50px !important; -o-background-size: 38px 50px !important; -webkit-background-size: 38px 50px !important; background-size: 38px 50px !important; } .favorite { background-image: url("/s/images/font_cards/favorite.png"); background-repeat: no-repeat; background-position: center center; background-color: #eee; background-size: 13px 12px; } #add_family_to_cart .cart_button_wrapper .ac-favorite-root { display: inline-block; float: right; } #cart_buttons .add_to_cart button::-moz-focus-inner, #cart_buttons .buying_choices button::-moz-focus-inner { margin: 0; } #cart_buttons .add_to_cart button::-moz-focus-inner, #cart_buttons .add_to_cart_client button::-moz-focus-inner, #cart_buttons .buying_choices button::-moz-focus-inner { margin-top: -1px; margin-bottom: -1px; } #add_family_to_cart .favorite { width: 40px; height: 40px; float: left; background-size: 22px 20px; background-image: url("/s/images/font_cards/favorite_lg.png"); border-radius: 3px; } .no-touch #add_family_to_cart .favorite:hover, #add_family_to_cart .selected .favorite { background-image: url("/s/images/font_cards/favorite_lg_selected.png"); } #overview_samples button.add_to_cart_button, #overview_samples button.buying_choices_button, #overview_samples button.add_to_album_toggle { line-height: 17px; margin-top: 6px; font-size: 12px; } #overview_samples button.add_to_cart_button::-moz-focus-inner, #overview_samples button.buying_choices_button::-moz-focus-inner, #overview_samples button.add_to_album_toggle::-moz-focus-inner { margin-top: -1px; margin-bottom: -1px; } #overview_samples button.add_to_album_toggle.only span.label { font-size: 12px; } #overview_samples button.add_to_album_toggle { margin-top: 6px; padding: 2px 6px; font-size: 8px; } #add_family_to_cart .fc-authenticate { top: 46px; right: 159px; } .search-result-item button.add_to_album_toggle.only span.label { font-size: 11px; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; letter-spacing: 0.05em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { #add_family_to_cart .favorite { background-image: url("/s/images/font_cards/favorite_lg@2x.png"); } .no-touch #add_family_to_cart .favorite:hover, #add_family_to_cart .selected .favorite { background-image: url("/s/images/font_cards/favorite_lg_selected@2x.png"); } } 

 .fake_foundry_login_bar { background-color: #FFFFF0; border: 1px solid black; padding: 1em; margin-bottom: 12px; line-height: 10px; } .auto_complete_li:hover { background-color: #0099FF; } .auto_complete_li_selected { background-color: #0099FF; } .admin_select_autoinput { } 

 #album li.drag { cursor: move; position: relative; } #album li.drag a { cursor: pointer; } #album ul.sampleslist li { border-bottom: solid 1px #CCCCCC; padding: 5px 0px 0px 0px; } #album div.whole_div { padding-bottom: 20px; } #album .sample .font_name { float: left; padding-top: 6px; font-size: 12pt; } #album div.sampleImage { overflow: hidden; margin-top: 10px; margin-bottom: 10px; } #album .rollover_buttons { width:200px; height:35px; float:right; padding-right: 5px; text-align: right; } #album ul.sampleslist li.drag:hover { background-color: #f6f6f6; } #album .fresh { color: gray; } #album a.deleteAlbum { // for behaviour } div#share_album_box form { display: none; } form.share_album_form { width: 400px; } form.share_album_form div.fieldhead { margin-top: 6px; } form.share_album_form h3.sectionsep { margin-top: 12px; padding-top: 6px; border-top: 1px solid black; } form.share_album_form input { width: 98%; } form.share_album_form textarea { width: 99%; height: 8em; } form.share_album_form div.buttons input { width: auto; } #album { width: 100%; } #album .side_column { width: initial; } #album #font-testdrive-new #sort-container { display: none; } #album #font-testdrive-new #font-options { float: right; } #album .two_column_layout .main_column { width: inherit; } #album .main_column .autobox-with-tabs { width: 720px; float: left; } #album-td #font-testdrive-new #font-options { float: right; } #album-td .two_column_layout .main_column { width: 100%; } #album-td #font-testdrive-new .right-options { width: 100%; border-top: 1px solid rgb(221, 221, 221); padding: 0 5px; } #album-td #font-testdrive-new .image_checkbox { float: right; } #album-td #font-testdrive-new .back-to-top { float: right; } #album-td #font-testdrive-new #color-picker + .dropdown-modal { left: -281px; } #album-td #font-testdrive-new #font-options .dropdown-modal #color-toggle:before { margin-left: 246px; } #album-td #font-testdrive-new #font-options .dropdown-modal #color-toggle:after { margin-left: 247px; } #album-td #font-testdrive-new #advanced-options + .dropdown-modal { left: -430px; } #album-td #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 456px; left: 34px; } #album-td #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 455px; left: 34px; } #album-td #font-testdrive-new #display-options + .dropdown-modal { left: -175px; } #album-td #font-testdrive-new #font-options .dis-options ul:first-child:before { margin-left: 251px; } #album-td #font-testdrive-new #font-options .dis-options ul:first-child:after { margin-left: 250px; } 

 #announcement_bar { background: #0092F5; color: #fff; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; height: 38px; line-height: 38px; overflow: hidden; padding: 12px 0px; position:relative; text-align: left; z-index:999; } span#announcement_bar_text { display: block; overflow: hidden; position: absolute; top: 12px; bottom: 12px; left: 20px; right: 60px; } a#announcement_bar_close { border: 2px solid #005492; border-radius: 14px; color: #005492; font-size: 22px; height: 24px; line-height: 20px; position: absolute; top: 17px; right: 17px; text-align: center; text-decoration: none; width: 24px; } a#announcement_bar_close:hover { border-color: #04284C; color: #04284C; } 

 #artwork legend { font: 700 14px Arial, Helvetica, sans-serif; padding: 0 5px; margin: 0 10px; color: #73b304; } #artwork .upload_button { } #artwork .progressWrapper { width: 357px; overflow: hidden; } #artwork .progressContainer { margin-bottom: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; } #artwork .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; } #artwork .red { border: solid 1px #B50000; background-color: #FFEBEB; } #artwork .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } #artwork .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } #artwork .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } #artwork .progressBarInProgress, #artwork .progressBarComplete, #artowrk .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } #artwork .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } #artwork .progressBarError { width: 100%; background-color: red; visibility: hidden; } #artwork .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(/widgets/artwork/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; } #artwork a.progressCancel:hover { background-position: 0px 0px; } #artwork { width: 939px; } #artwork_table tr th, #artwork_table tr td { clear: both; text-align: left; padding: 12px 6px; } #artwork_table tr th { font-weight: bold; vertical-align: bottom; } #artwork_table tr td { border-top: 1px solid #CCCCCC; vertical-align: middle; } #artwork_table tr td.edit a { color: #0099ff; } #artwork_table tr td.edit { } #artwork_table tr td label.disabled { color: grey; } #artwork_table tr td.thumbnail { width:200px; } #artwork_table tr td.thumbnail img.thumbnail_poster { width:200px; height:100px; } #artwork_table tr td.thumbnail img.thumbnailflag { width:200px; height:200px; } #artwork_table tr td.center { text-align: center; } #artwork_table tr td span.none { font-style: italic; } #artwork .cmd_delete { } #artwork .cmd_unlink { } 

 #cart { position: absolute; left: -225px; top: 20px; width: 500px; padding: 3px 10px; font-size: smaller; text-align: left; } #cart_image, #cartImage { background: url('/s/images/iconsets/myfonts/cart-sprite.png') 0 0 no-repeat; background-size: 22px 32px; float: right; width: 22px; height: 16px; border-style: none; position: relative; top: 13px; } #myfontsContainer:not(.fluid) #cart_image, #myfontsContainer:not(.fluid) #cartImage { top: 2px; } a:hover #cart_image, a:hover #cartImage { background-position: 0 -16px; } #cart_text, #cartText { clear: both; position: relative; top: 7px; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } #cart_buttons { width: 401px; height:94px; text-align: right; z-index: 50; } #cart_buttons .add_to_cart_button { font-size: 14px; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; padding: 12px 16px; white-space: nowrap; } #cart_buttons .buying_choices_button { font-size: 14px; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; padding: 12px; white-space: nowrap; } #cart_buttons .add_to_album_toggle { font-size: 10px; padding: 11px 14px; } #cart_buttons div.add_to_album_dropdown { top: 40px; } #cart_buttons .buying_choices + div.add_to_album_dropdown { top: 72px; } #cart_buttons .cart_buttons_buyit { min-height: 36px; } #cart_buttons .cart_buttons_buyit_button { float: right; } #cart_buttons h3.cart_buttons_buyit_desc { font-size: 19px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; max-height: 41px; } #cart_buttons h3.cart_buttons_buyit_desc span.regular-price { font-weight: normal; } #cart_buttons .buying_choices_note { font-size: 12px; } #cart_buttons .price-tag { float: left; margin-top: 2px; } #cart_buttons img.cart_button_big { float: right; } #cart_buttons a.add_to_album img.cart_button_big { margin-top: 6px; } .two_column_layout .main_column .autobox-with-tabs #cart_buttons { position: absolute; top: -127px; left: 538px; } #cart_controls { text-align: right; } #cart .pad_bottom { text-align: center; border: none; padding: 0px 0px 5px 0px; } .not_for_sale_text { padding: 15px 0px 0px 0px; width: 350px; margin: auto auto; } #cart .cart_total { float: right; font-size: 11pt; width: 75px; } #cart .cart_remove { float: right; padding-right:10px; } div.price-tag { background-color: #ECE9D2; border-color: #F2F0E0 #BDBAA8 #BDBAA8 #F2F0E0; border-style: solid; border-width: 1px; color: #753F9B; font-size: 10px; min-width: 36px; padding: 9px 4px 2px 4px; text-align:center; display: inline; background-repeat: no-repeat; background-position: center 1px; float: right; } div.price-tag.yellow { background-color: #ffff33; border-color: #F2F0E0 #cccc33 #cccc33 #F2F0E0; border-style: solid; border-width: 1px; color: #753F9B; } div.price-tag.from { background-image: url(/s/images/layout/price_tags/price_tag-from.png); } div.price-tag.family { background-image: url(/s/images/layout/price_tags/price_tag-family.png); } div.price-tag.album { background-image: url(/s/images/layout/price_tags/price_tag-album.png); } div.price-tag.single { background-image: url(/s/images/layout/price_tags/price_tag-style.png); } div.price-tag.multi, div.price-tag.pack { background-image: url(/s/images/layout/price_tags/price_tag-pack.png); } div.price-tag.physical { background-image: url(/s/images/layout/price_tags/price_tag-CD.png); } div.price-tag.onlypack { background-image: url(/s/images/layout/price_tags/price_tag-only_in_packs.png); } div.price-tag.value_pack { background-image: url(/s/images/layout/price_tags/price_tag-valu_pack.png); } div.price-tag.notforsale { background-image: url(/s/images/layout/price_tags/price_tag-not_for_sale.png); } div.price-tag .cent { position: relative; left: 1px; font-size: smaller; vertical-align: text-top; text-decoration: underline; } div.price-listing { float: right; margin-top: 9px; white-space: nowrap; } span.promo_tag { font-size: 10px; color: #666; } span.sale-price, span.saleprice { color: red; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } span.regular-price-strike, span.regularprice-strike { color: red; text-decoration: line-through; } span.regular-price, span.regularprice { color: black; font-weight:bold; } .cart_subtotal, .price_tag_widget { font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { #cart_image, #cartImage { background-image: url('/s/images/iconsets/myfonts/cart-sprite@2x.png'); } } 

 form.cart_list_filters { border-bottom: 1px solid #999; padding-bottom: 12px; } table.cart_list_filters { width: 100%; } table.cart_list_filters tr td:first-child { font-weight: bold; } p.license_params_Options_Pop_Warning{ right: 50px; display:block; width: 200px; margin-top:-5px; right:120px; color:black; padding-left: 6px; padding-top: 6px; padding-bottom: 6px; background-color: #FFD; border: 1px solid #E58C17; font-size:12px; line-height:1.4; position: absolute; } table.cart_list_filters tr td { padding: 3px; vertical-align: top; } table.cart_list_filters ul li { display: inline; padding-right: 16px; white-space: nowrap; } table.cart_list_filters ul li img { position: relative; top: 3px; } div.cart_list { clear: both; } table.cart_list { width: 100%; clear: both; } table.cart_list ul + br { display:none; } table.cart_list th { padding-top: 18px; background-color: white; font-weight: bold; } table.cart_list th, table.cart_list td { padding: 10px 6px 10px 6px; text-align: left; } table.cart_list td.edit a { white-space: nowrap; /* opacity: 0.8; filter: alpha(opacity=80); } table.cart_list td.edit a.active { opacity: 1.0; filter: alpha(opacity=100); */ } table.cart_list th.remove, table.cart_list td.remove { text-align: center; } table.cart_list th.price, table.cart_list td.price { text-align: right; } table.cart_list td { background-color: #f5f5f5; border-bottom: 4px solid white; } table.cart_list td.pack_header { width:100px; } .pack_header_asorder { vertical-align: top; padding-top: 15px; border: solid 0px red; } table.cart_list td.pack_header .pack_name { font-size: 16px; } table.cart_list td.pack_header .pack_name_order_version { color: #0098FF; font-size: 17px; } .asorderheader { padding-left:15px; padding-top: 5px; padding-bottom:5px; font-size: 11px; } table.cart_list td.pack_header .pack_id, table.cart_list td.pack_header .style_count, table.cart_list .usage_label, table.cart_list span.promo_tag, table.cart_list .notforsale { font-size: 12px; white-space: nowrap; color: #666666; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } table.cart_list td.webfont_desc { text-align:right; } table.cart_list td.expando span.hackhackhack, table.cart_list td.license span.licenselink { font-size: 14px; } table.cart_list td a.changelink { font-size: 12px; font-weight: normal; } table.cart_list a.change { visibility: hidden; } table.cart_list form input.users { width: 5em; } table.cart_list form div.submit_hint { position: absolute; z-index: 100; padding: 3px; background-color: white; border: 1px solid black; } table.cart_list tr.pack_webfont_row:not(.pack_header_row) td, table.cart_list tr.pack_details_row td { border-top-style: none; } table.cart_list tr.pack_details_row td.pack_details { padding-right: 6px; border-top: 1px solid #E8E8E8; } table.cart_list div.style_listing_group_heading { font-weight: bold; margin-top: 12px; } table.cart_list div.style_listing { position: relative; overflow: hidden; padding-top: 12px; font-size: 10px; line-height: 18px; } table.cart_list div.style_listing div.style_icons { float: right; } table.cart_list div.style_listing div.style_icons img { margin-left: 4px; vertical-align: middle; } table.cart_list tr.warning td { background-color: #FFFFCC; } table.cart_list td.warning { font-weight: bold; color: red; } table.cart_list td.expando { text-align: center; padding-top: 0.7em; padding-right: 0; color: #666666; width: 1em; font-size: 13px; cursor: default; } .expandoasorder { width:0px; } table.cart_list td.formats ul + form { margin-top: 6px; } table.cart_list td.formats{ width:395px; } table.cart_list td.formats .format{ border-left: solid 1px #bbbbbb; width:130px; float:left; padding-left:15px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #submit_order_form table.cart_list td.formats .format { width: 115px; } table.cart_list td.formats .fortext{ width:20px; float:left; font-style: italic; padding-top:12px; } table.cart_list td.formats .users{ width:185px; float:left; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; padding-top:4px; padding-left:15px; } #submit_order_form table.cart_list td.formats .users { width: 130px; } table.cart_list td.formats .formats_order_version{ border-left: solid 0px #bbbbbb; width:335px; float:left; padding-left:15px; font-weight:normal; } .cart_list p.ios_warning { color: #444; font-size: 12px; padding-top: 8px; } .updateordersection { clear:both; padding-top:5px; } .updateordersection a:hover { text-decoration: none; } .subscription .updateordersection { padding-top: 28px; } .updatetitle { font-size: 15px; color:#1fa41d; font-weight: bold; } .updatedesc { padding-bottom: 15px; font-size: 12px; color:#555555; width:250px; } .updateprice { font-size: 12px; color:#000000; padding-left:10px; font-weight: bold; } .updateversionitems { margin-bottom: 10px; } .updatedownloadprevvers { font-size: 12px; color:#878787; width:250px; cursor: pointer; } .updatedownloadprevversbtns { margin-top:6px; clear:left; } .updatedownloadshowanyways { display: inline-block; margin-top:6px; clear:left; } .updatereleasedate { font-size: 11px; color:#000000; padding-left:10px; } .cartlist_usersoneline { padding-top:8px; } table.cart_list td.license .lic{ border-left: solid 1px #bbbbbb; width:90px; padding-left:15px; } table.cart_list td.formats ul li { white-space: nowrap; } table.cart_list td.download { white-space: nowrap; font-size: smaller; vertical-align: middle; } table.cart_list td.download a.download { color: black; text-decoration: none; background: url('/s/images/download/download_arrow_small.gif') no-repeat left center; height: 18px; display:block; padding: 6px 0px 0px 20px; margin-top: 2px; margin-bottom: 2px; } table.cart_list td.download a.nodownload { color: black; padding-left: 20px; display:block; } table.cart_list td.download a.nodownload:hover { text-decoration: underline; } table.cart_list td.charsets img { padding-right: 2px; padding-bottom: 2px; } table.cart_list .button { margin-right: 8px; } form.cart_update_popup { width: 580px; } form.cart_update_popup p { font-size: 11px; } form.cart_update_popup p.license_category { font-weight: bold; } form.cart_update_popup p.note { color: #999; } form.cart_update_popup div.settings_box { border: 1px solid #bbbbbb; padding: 5px 5px 10px 10px; margin-top: 12px; } .changelicbtns { text-align:right; margin-top:5px; } form.cart_update_popup div.desktop_lic { float:left; width:49%; } form.cart_update_popup div.webfont_lic { float:right; clear:right; width:49%; } form.cart_update_popup div.combo_lic { margin-top:15px; margin-bottom:15px; background-color: #FFFFCC; text-align: center; clear:both; width:99%; } form.cart_update_popup div.settings_box.disabled > *:not(.license_category) { color: #999; } .fltleftpacklist { float:left; width: 25px; height: 25px; margin-top:7px; margin-right:3px; margin-bottom:7px; } .settings_box .fltleftpacklist { margin-top:10px; margin-right:15px; } .settings_box .licensetypesm-web { margin-top: 18px; } .fltlefstdcart { float:left; line-height: 14px; margin-top:13px; margin-left:8px; } .settings_box .fltlefstdcart { margin-top:8px; margin-bottom:8px; } .fltlefstddesktopcart { float:left; line-height: 14px; margin-top:6px; margin-left:8px; } .cartlicenseformat { font-weight: 500; margin-top: 1px; } .removelicense { width:20px; height:20px; float: right; } .addlicbtn { float:left; width: 40px; padding-top:5px; } .addlicbtn input { padding:0px; width:20px; height:20px; } .addlic { margin-top:3px; float:left; width: 475px; } .webboxicon { overflow:hidden; background:url('/s/images/iconsets/myfonts/box-web-74.png') 0 0 no-repeat; margin-right:3px;} .webboxicon:hover{text-decoration: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .webboxicon {background-image:url('/s/images/iconsets/myfonts/box-web-74@2x.png'); -moz-background-size:34px 34px; -ie-background-size:34px 34px; -o-background-size:34px 34px; -webkit-background-size:34px 34px; background-size:34px 34px; } } .downloadicon { background-image: url('/s/images/iconsets/myfonts/download.png'); background-position: right center; background-repeat: no-repeat; display: inline-block; font-size:12px; padding: 5px 30px 5px 10px!important; } .downloadicon:hover{text-decoration: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .downloadicon {background-image:url('/s/images/iconsets/myfonts/download@2x.png'); -moz-background-size:24px 18px; -ie-background-size:24px 18px; -o-background-size:24px 18px; -webkit-background-size:24px 18px; background-size:24px 18px; } } a.downloadbtn { background-color: #09F; background-image: url('/s/images/iconsets/myfonts/download.png'); background-position: right center; background-repeat: no-repeat; border-radius: 2px; box-shadow: inset 0px 5px 15px rgba(255,255,255,0.2); color: #fff; display: inline-block; font-size: 1.1em; margin-right: 10px; padding: 5px 30px 5px 8px; border-color: #0084dc; border-style: solid; border-width: 1px; } a.downloadbtn:hover { background-color: #078adb; border-color: #007acb; } a.downloadbtn:active { background-color: #06C; color: #ccc; text-decoration: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { a.downloadbtn {background-image:url('/s/images/iconsets/myfonts/download@2x.png'); -moz-background-size:24px 18px; -ie-background-size:24px 18px; -o-background-size:24px 18px; -webkit-background-size:24px 18px; background-size:24px 18px; } } .downloadupdateicon { background:url('/s/images/iconsets/myfonts/download.png') right center no-repeat; font-size:12px; } .downloadupdateicon:hover{text-decoration: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .downloadupdateicon {background-image:url('/s/images/iconsets/myfonts/download@2x.png'); -moz-background-size:24px 18px; -ie-background-size:24px 18px; -o-background-size:24px 18px; -webkit-background-size:24px 18px; background-size:24px 18px; } } a.downloadupdatebtn { background-color: #26ce22; border: 1px solid #20ae1d; border-radius: 2px; box-shadow: inset 0px 5px 15px rgba(255,255,255,0.2); color: #fff; display: inline-block; font-size: 1.1em; margin: 10px 10px 5px 0; padding: 5px 30px 5px 8px; } a.downloadupdatebtn:hover { background-color: #22b61e; } a.downloadupdatebtn:active { background-color: #188015; text-decoration: none; } .downloadallbtn { font-size: 1.1em; margin-top:0px; margin-bottom:5px; padding:5px 5px 5px 17px; text-align: left; background-color: #f5f5f5; } .downloadallbtn input[type=submit] { margin-right: 8px; } .helpicon { padding:0px 22px 0px 0px; white-space:nowrap; overflow:hidden; background:url('/s/images/iconsets/myfonts/helpicongray.png') 0 0 no-repeat; margin-right:3px;} .helpicon:hover{text-decoration: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .helpicon {background-image:url('/s/images/iconsets/myfonts/helpicongray@2x.png'); -moz-background-size:20px 20px; -ie-background-size:20px 20px; -o-background-size:20px 20px; -webkit-background-size:20px 20px; background-size:20px 20px; } } button.mls-started { margin-top: 28px; } .cartWebfontInfo { float: right; width: 337px; margin-top: 8px; } #totalAppLicenses{ font-weight: bold; } .licensingdetails { display:none; } .applicensesnumplatforms { width:30px; } .helpmessageholder { position: absolute; display:none; z-index: 999; } .webhelp { left:80px; top:-22px; } .desktophelp { left:100px; top:-22px; } .apphelp { left:280px; top:-22px; } .serverhelp { left:50px; top:-22px; } .epubhelp { left:140px; top:-22px; } .helpmessageholder div { } .helpmessagepointer { float: right; width:19px; height: 62px; background-image: url('/s/images/iconsets/myfonts/pointer-blue-right.png'); background-repeat: no-repeat; background-position: center left; } .helpmessage { float: left; height: 40px; width:160px; background-color: #ffffff; border-top: solid 1px #359be6; border-bottom: solid 1px #359be6; border-left: solid 1px #359be6; padding: 10px 10px 10px 10px; line-height: 12px; color: #4c4c4c; } .cart_list a.help { background: transparent; border: 1px solid #999; border-radius: 50%; color: #999; display: inline-block; font-weight: bold; height: 14px; line-height: 14px; width: 14px; overflow: visible; padding: 2px; position: relative; left: -5px; text-align: center; } .cart_list a.help .help_tooltip { font-size: 14px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; position: absolute; top: 30px; left: 50%; margin-left: -175px; width: 320px; } #btnAddAnotherTitle { line-height:42px; } .applicsrows div { float: left; } .appfor { padding-left:15px; width: 30px; } .appplatormios { width: 55px; padding-left:6px; } .appplatormandroid { width: 80px; padding-left:6px; } .appplatormwindows { width: 90px; padding-left:6px; } .apphelpicon { width: 30px; padding-left:20px; } .applicstotals div { float: right; } .totalAppLicensesprice { width: 100px; font-weight:bold; } .totalAppLicenses { width: 200px; } .applicsrows { clear:left; } .section_switchLic { display:none; } .licensetypesm-web-paygo { width: 25px; height: 33px; } .licensetypesm-app-paygo { background-image: url('/s/images/iconsets/myfonts/app-paygo.png'); background-position: 0px 0; height: 33px; top: -4px; -moz-background-size: 25px 33px; -ie-background-size: 25px 33px; -o-background-size: 25px 33px; -webkit-background-size: 25px 33px; background-size: 25px 33px; } 

 .clear {clear: both;} #cart_page { max-width: 980px; min-height: 250px; margin: 0 auto; padding: 10px; color: #4A4A4A; font-family: "RooneySans-Regular","Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #cart_page * { box-sizing: border-box; -webkit-text-size-adjust: 100%; } #cart_page_footer { padding: 10px; } #cart_page_footer ul li { padding-bottom: 16px; } #cart_page h1, #cart_page h2, #cart_page h3, #cart_page h4, #cart_update strong { color: #4A4A4A; font-weight: normal; font-family: "RooneySans-Bold","Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #cart_page div#subtotal h3 { color: #000; } #cart_page h2.large { font-size: 40px; clear: both; margin-bottom: 0.6em; color: #000; } div.inner_row { position:relative; display: block; margin: 0 auto; width: 100%; } #spacer {height: 100px;} .active, .active_fonts {display:block!important;} #bottom_border hr { border: 1px solid #E0E0E0; margin: 0 auto; } div.pack_header_wrapper { background:#F4F4F4; margin: 0 auto; max-width: 980px; padding: 15px 15px 15px 10px; margin-bottom: 2px; font-size: 16px; } .right_arrow { display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #888888; } .rotate-90 { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .family { display: table; float: left; } div.expando { padding: 0px 5px; display: table-cell; vertical-align: middle; color: #888888; cursor: pointer; } a.fontface_reveal {color:#888888!important;} a.fontface_reveal:hover { text-decoration: none; } div.pack_name { padding: 0px 5px; display: table-cell; vertical-align:middle; float: left; color: #0099FF; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #0099FF; } div.pack_name:not(.sub)::after { content: "|"; padding-left: 8px; color: #4A4A4A; } div.style_count { float: left; padding: 0px 8px; position:relative; top:1px; font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #5C5C5C; } div.remove_button_wrapper { position: absolute; width: 36px; height: 36px; top: -10px; right: -10px; padding: 9px; } div.remove { background: #D7D7D7; text-align: center; display: table; width: 18px; height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } div.remove:hover, div.remove:active { background: #FF0000; color: #fff; } div.remove-x { display: table-cell; vertical-align: middle; color: #4A494A; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); font-family: arial, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; transform-origin: 40% 45%; -moz-transform-origin: 7.1875px 9.04px; -webkit-transform-origin: 40% 45%; } div.remove-x span { color: #4A494A; text-decoration: none; font-size: 19px; text-align: center; line-height: 0; } div.remove-x:hover, div.remove-x:hover span { color: #ffffff; } div.remove-x span:hover, div.remove-x span:active { color: #ffffff; } div.font_face_row { background:none; position:relative; margin: 0 auto; } div.font_face_wrapper { float: left; width: 100%; margin: 0 auto; display: none; background: #F4F4F4; margin-bottom: 2px; } div.font_face_wrapper * { box-sizing: border-box; } div.font_face_box { background: url('images/font-table-border.png') repeat-y right; float: none; position: relative; background: #F4F4F4; display: inline-block; vertical-align: top; width: 33.33%; height: 86px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; padding: 13px 15px; overflow: hidden; } div.font_face_box:after { pointer-events: none; content: ''; width: 25px; position: absolute; height: 100%; right: 0; top: 0; -webkit-box-shadow: inset -20px 0 18px #f4f4f4; box-shadow: inset -20px 0 18px #f4f4f4; } div.font_face_box img { max-width: none; max-height: 36px; margin-left: -5px; } div.font_face_wrapper div.font_face_box:nth-child(3n+1) { border-left: none; } .font_face_text { margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.font_face_text img { max-width: 50%; height: 45px; } div.formats-wrapper { position:relative; margin: 0 auto; max-width: 980px; overflow: hidden; clear: both; } div.license_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 50px; margin-bottom: 2px; } div.license_wrapper > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; } .cartlist_usersoneline { padding-top: 0; } div.license_type { background: #F4F4F4; float: none; padding: 7px 5px; width: 25%; display: inline-block; vertical-align: top; } div.fltleftpacklist { float: left; min-width: 25px; display: table-cell; } div.fltlefstddesktopcart { float: none; word-wrap: break-word; margin-top: 11px; margin-bottom: 5px; display: table-cell; vertical-align: middle; min-height: 30px; padding-left: 8px; line-height: 1.2; } div.format { background:#F4F4F4; float: none; border-left: 2px solid #fff; padding: 15px 5px; width: 25%; display: inline-block; vertical-align: top; } div.users { background: #F4F4F4; float: none; border-left: 2px solid #fff; padding: 15px 5px; width: 50%; display: inline-block; vertical-align: top; } div.license_type_inner_wrapper, div.format_inner_wrapper, div.users_inner_wrapper { padding: 0 10px; display: inherit; align-items: inherit; -webkit-align-items: inherit; } div.license_type_inner_wrapper { display: table; } span.usernum { max-width: 300px; } span.updatelink { position: relative; left: 15px; cursor: pointer; } div.user_update { display: none; padding-bottom: 1em; } .user_update h2 { font-size: 16px; } .user_update p { font-size: 13px; padding-top: 10px; max-width: 340px; } div.user_update a:hover {text-decoration: none;} div.user_cancel, div.user_update_button { float: none; display: inline-block; text-align: center; cursor: pointer; border-radius: 3px; width: 109px; height: 26px; padding: 3px 0 7px; } div.user_cancel { background: #D7D7D7; color: #636263; } div.user_cancel a, div.user_cancel a.update { color: #636263!important; } div.user_cancel p, div.user_update_button p { padding: 0; font-size: 13px; } div.user_update_button { background: #0099FF; color: #fff; } div.user_update_button a { color: #fff; } #cart_page button.user_cancel, #cart_page button.user_update_button { display: inline-block; text-align: center; cursor: pointer; border-radius: 3px; width: 109px; height: 26px; padding: 3px 0 7px; font-size: 13px; line-height: 18.2px; } #cart_page button.user_cancel, #cart_page button.user_cancel:hover { background: #D7D7D7; color: #636263; } #cart_page button.user_update_button, #cart_page button.user_update_button:hover { background: #0099FF; color: #fff; } #cart_page button.user_cancel[disabled], #cart_page button.user_update_button[disabled] { cursor: default; } div.user_lcns_wrapper { clear: both; width: 100%; min-height: 75px; display: table; font-size: 14px; } div.lcns_users_label { float: none; display: inline-block; vertical-align: top; width: 55%; margin-top: 6px; } div.lcns_users_input { float: none; display: inline-block; vertical-align: top; width: 40%; } input.lcns_input { width: 100%; } div.wbfnt_lcns_row { display:table-row; padding: 15px 0px; min-width:100%; } div.wbfnt_lcns_row div.wbfnt_error { margin-left: 23px; margin-left: calc(3% + 9px); } div.wbfnt_lcns_cell { display: table-cell; vertical-align: middle; padding-top: 10px; } div.wbfnt_lcns_input { float: none; display: inline-block; margin-right: 5px; width: 3%; min-width: 12px; } input.wbfnt_input { max-width: 100%; } div.wbfnt_license_label { float: none; display: inline-block; max-width: 65%; margin-right: 5px; white-space: nowrap; } div.wbfnt_price { float: right; display: inline-block; max-width: 35%; width: 160px; } div.wbfnt_price_label { display:block; text-align:right; } div.wbfnt_error { font-size: 11px; color: #c00; margin-top: 2px; margin-bottom: 4px; } div.wbfnt_discount { display:block; color: #D0011B; text-align:right; } input.wbfnt_lcns_pgview { max-width: 115px; float: none; } div.apply_to_licenses { margin:10px 0 24px 0; } div.apply_to_licenses label { font-size: 12px; } span.apply_to_all { position: relative; margin-right: 6px; } div.price_wrapper { position: relative; background: #F4F4F4; margin: 0 auto 15px; max-width: 980px; overflow: hidden; } div.price_label { float: left; padding: 15px; color: #868686; } div.price { float:right; padding: 12px 15px; } div.price_amt { color: #666; float: left; padding-right: 15px; margin-top: 2px; } .discount_strikethru-outer + .discount_now { margin-left: 7px; } div.discount_type { float: left; font-size: 16px; } span.discount_strikethru-outer { text-decoration: line-through; color: red; } span.discount_strikethru_price { color: #D0011B; } #cart_options { float: none; display: inline-block; vertical-align: top; } #cart_options_mobile { display: none; } #cart_options ul, #cart_options_mobile ul { position:relative; text-align:center; margin: 0 auto; top: 6px; font-size: 15px; } #cart_options li, #cart_options_mobile li{ float: left; display: inline-block; vertical-align:top; text-align:center; padding: 0 15px 15px 0; } #cart_page_left { float: left; } #cart_page_right { float: right; } li#pdf{ background: url('/s/images/icons/quote.png') no-repeat; text-indent: 12px; background-position: 2px 2px; } li#link{ background: url('/s/images/icons/link.png') no-repeat; text-indent: 12px; background-position: 0 7px; } a.cart_options { display: inline-block; vertical-align:bottom; } #cart_options li.button, #cart_options_mobile li.button { padding-right: 8px; } #cart_options ul img, #cart_options_mobile ul img { padding-right: 8px; } #cart_options ul a.cart_options, #cart_options_mobile ul a.cart_options { padding-right: 20px; } .cart_options .remove_button_wrapper { padding: 0; width: 18px; height: 18px; padding-right: 30px; float: left; position: static; } #sub_checkout { float: right; max-width: 320px; } #checkout { float: right; } #subtotal_label { float: right; } .sub_subtotal { font-size: 14px; text-align: right; margin: 5px 0; } a.button.bigger.magenta { border-radius: 5px; } #cart_page_footer h3.subtotal { padding: 8px 5px 0 0; } h3.subtotal_price { font-size: 24px; } h3.subtotal:after {content: ':';} #subtotal_amt { float: right; } div.remove_cart_wrapper { position: relative; width: 17px; height: 16px; top: 0; right: 0; padding-right: 8px; float: left; } div.remove_cart { background:#D7D7D7; text-align:center; display: table; width:100%; height:100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius:50%; } div.remove_cart:hover, div.remove_cart:active { background: #FF0000; } div.remove-x-cart { display: table-cell; vertical-align: middle; color: #4A494A; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform: rotate(45deg); font-family: arial, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; position:relative; left: 0; } div.remove-x-cart a { color: #4A494A; text-decoration: none; font-size: 12px; display:block; border-radius: 50%; padding: 0; text-align:center; font-weight: 800; } div.remove-x-cart:hover, div.remove-x-cart:hover a { color: #ffffff; } div.remove-x-cart a:hover, div.remove-x-cart a:active { color: #ffffff; } div.remove-cart-link { float: left; } #redeem_gc a { color: #09F; font-size: 15px; } #redeem_options { display: none; margin-top: 10px; } div#codes_wrapper { display: block; margin-bottom: 15px; } div.code { float: none; display: inline-block; vertical-align: top; padding: 8px 25px 8px 0; } div.code_name { float: none; display: inline-block; vertical-align: top; } div.remove_code_wrapper { position: relative; float: none; display: inline-block; vertical-align: top; clear: both; width: 21px; height: 21px; top: 0; right: 0; left: 8px; } div.remove_code { background:#D7D7D7; text-align:center; display: table; width:100%; height:100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius:50%; } div.remove_code:hover, div.remove_code:active { background: #FF0000; } div.remove-x-code { display: table-cell; vertical-align: middle; color: #4A494A; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform: rotate(45deg); font-family: arial, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;; position:relative; left: 0; } div.remove-x-code a { color: #4A494A!important; text-decoration: none; font-size: 16px; display: block; border-radius: 50%; padding: 1px; text-align: center; font-weight: 800; } div.remove-x-code :hover, div.remove-x:hover a { color: #ffffff!important; } div.remove-x-code a:hover, div.remove-x-code a:active { color: #ffffff!important; } #redeem_input { display: block; float: left; width: 200px; } input.redeem_code { width: 100%; display: block!important; margin: 0 auto; padding: 5px 5px!important; } div#redeem_button { display: block; float: left; margin-left: 10px; } a.redeem_button { background: #0099FF; width: 140px; color: #fff!important; display: table; border-radius: 5px; margin: 0 auto; text-align: center; height: 31px; padding: 6px; } a.redeem_button:hover { text-decoration: none; background: #1595EA; } a.redeem_button div.redeem_button_label { float: none; display: table-cell; vertical-align: middle; color: #fff; } .font_face_box.single, .font_face_box.double:last-child { border-right: 2px solid #fff; width: calc(33.33% + 2px); width: -webkit-calc(33.33% + 2px); width: -o-calc(33.33% + 2px); width: -moz-calc(33.33% + 2px); } .font_face_box.single, .font_face_box.double, .font_face_box.full { border-bottom: 0; } #popup_box .remove_modal_wrapper { text-align: center; } #popup_box .remove_modal_wrapper p { padding: 0; } #popup_box .remove_modal_wrapper .nogo { background-color: #CCC; color: #444; } #popup_box .remove_modal_wrapper .nogo:hover { background-color: #bbb; } .cart_remove_all { color: #0099ff; } .cart_remove_all > div:hover { cursor: pointer; } .cart_remove_all > div.remove-cart-link:hover { text-decoration: underline; } @media only screen and (min-width: 300px) and (max-width: 400px) { span.usernum { max-width: 170px; overflow-wrap: break-word; word-wrap: break-word; } } @media only screen and (min-device-width : 300px) and (max-device-width : 714px) { #popup_box .remove_modal_wrapper > input { width: 100%; max-width: 296px; float: none; margin-bottom: 15px; padding: 10px 15px; } } @media only screen and (min-width : 300px) and (max-width : 714px) { #myfontsContainer.fluid { padding: 0 10px; } #cart_page { padding: 0; } div.font_face_box { width: 50%; } div.font_face_wrapper div.font_face_box.lastrow.full:nth-child(3n+1) { border-bottom: 2px solid #fff; } div.font_face_wrapper div.font_face_box:nth-child(3n+1) { border-left: 2px solid #fff; } div.font_face_wrapper div.font_face_box:nth-child(2n+1) { border-left: none; } .font_face_box:last-child, .font_face_box.border:nth-last-child(2) { border-bottom: 0; } .font_face_box.single-small, .font_face_box.full:nth-last-child(3) { border-bottom: 2px solid #fff; } .font_face_box.double:last-child { border-right: 0; } .font_face_box.single { width: 50%; border-right: 0; } .font_face_box.single-small:last-child { border-right: 2px solid #fff; width: calc(50% + 2px); width: -webkit-calc(50% + 2px); width: -o-calc(50% + 2px); width: -moz-calc(50% + 2px); border-bottom: 0; } .font_face_box.single-small:nth-last-child(2) { border-bottom: 2px solid #fff; } div.style_count { float: left; padding: 0px 8px; width: 60%; font-size: 11px; clear: both; } div.pack_name:not(.sub)::after { content: ""; padding-left: 0px; color: #4A4A4A; } div.license_type_inner_wrapper { padding: 0; } div.formats-wrapper, div.price_wrapper { width: 100%; } div.license_wrapper { display:block!important; margin-bottom: 0; } div.license_wrapper > div { margin-bottom: 2px; } div.license_type { background:#F4F4F4; float: left; display: block; padding: 15px; width:100%; display: inline-block; vertical-align: middle; } div.format{ width:100%; float: left; display: block; margin-left: 0; } div.users { min-width:100%; float: left; display: block; margin-left: 0; } div.format, div.users { border-left: none; } span.apply_to_all { position: relative; margin-right: 3px; } div.user_cancel { margin-right: 2%; } div.user_cancel, div.user_update_button { width: 48%; max-width: 170px; } div.price { max-width: 75%; text-align: right; } div.price_amt { color: #868686; display:block; float: none; padding-right: 0!important; } div.discount_type { display:block; float: none; } #cart_page_footer { margin: 0 auto; padding: 0; } #cart_page_left, #cart_page_right { float: none; width: 100%; max-width: 300px; margin: 0 auto; } #redeem_input, div#redeem_button { display: inline-block; width: 45%; } #redeem_input { width: 50%; } #redeem_options { margin: 25px 0 70px 0; } #cart_options {display: none;} #cart_options_mobile{ display: block; float: none; margin: 0 auto; clear: both; width: 100%; } #cart_options ul, #cart_options_mobile ul { top: 29px; } h3.subtotal {color:#848484!important;} h3.subtotal:after {content: '';} #cart_page_footer h3.subtotal { padding: 0; } h3.subtotal_price { font-size: 18px; } #subtotal{ float: none; margin: 0 auto; margin-bottom: 15px; width: 87%; padding: 15px 0 0; } #checkout{ float: none; margin: 0 auto; padding: 15px 0; } #sub_checkout { float: none; margin: 0 auto; max-width: inherit; text-align: center; padding-bottom: 10px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; } #cart_page div#subtotal h3 { font-size: 19px; } a.button.bigger.magenta { margin: 0 auto; width: 100%; } #redeem_gc { font-size: 16px; text-align:center; padding: 15px 0px; } } @media only screen and (max-device-width: 580px) { div.style_count { float: none; padding: 0px 5px!important; width: 100%; display:block; clear:both; } } @media only screen and (min-device-width:320px) and (max-device-width: 400px) { div.user_update { max-width: 100%; padding: 10px 0; } div.lcns_users_label { max-width: 45%; } div.lcns_users_input { max-width: 45%; } div.style_count { font-size: 9px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { li#pdf{ background-image: url('/s/images/icons/quote@2x.png'); background-size: 12px 15px; } li#link{ background-image: url('/s/images/icons/link@2x.png'); background-size: auto 7px; } div.font_face_box img { max-height: 32px; } } 

 .category_item { text-align: center; float: left; height: 110px; width: 240px; } 

 div.cc_entry_widget { width: 28em; clear: left; } div.cc_entry_widget div.info_entry.city, div.cc_entry_widget div.info_entry.state, div.cc_entry_widget div.info_entry.postCode { float: left; } div.cc_entry_widget div.info_entry.state, div.cc_entry_widget div.info_entry.postCode { margin-left: 1em; } div.cc_entry_widget div.info_entry.city input { width: 8em; } div.cc_entry_widget div.info_entry.state input, div.cc_entry_widget div.info_entry.postCode input { width: 5em; } div.cc_entry_widget div.info_entry.countryCode { clear: left; } div.cc_entry_widget div.info_entry.remember input { width: auto; } div.cc_entry_widget div.info_entry.stateNote { clear: left; font-size: smaller; } div.cc_entry_widget div.info_entry.cc_submit { text-align: center; } div.cc_entry_widget div.info_entry.cc_submit input { width: auto; padding: 1em; } 

#checkout_page { max-width: 980px; min-height: 250px; margin: 0 auto; padding: 10px; color: #4A4A4A; } #checkout_page h1, #checkout_page h2, #checkout_page h3, #checkout_page h4 { color: #333; } #checkout_page h1 { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page h3 { font-size: 22px; margin-bottom: 20px; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page strong { font-weight: normal; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page label { font-size: 14px; } #checkout_page .clear { clear: both; } #checkout_page .active { display: block !important; } #checkout_page #spacer { height: 100px; } #checkout_page #bottom_border hr { border: 1px solid #E0E0E0; margin: 0 auto; } #checkout_page #payment_options { padding-top: 20px; } #checkout_page input.has-error, #checkout_page select.has-error { border-color: red; } #checkout_page p.cc_opt, #checkout_page p.paypal_opt { font-size: 18px; padding: 0; margin-bottom: 5px; } #checkout_page p.cc_opt { margin-bottom: 10px; } #checkout_page .selected { color: #dddddd; } #checkout_page input[type=radio].css-checkbox-radio { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } #checkout_page input[type=radio].css-checkbox-radio + label.css-label-radio { padding-left: 25px; height: 32px; line-height: 36px; margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 3px; cursor: pointer; font-size: 18px; display: inline-block; } #checkout_page input[type=checkbox].css-checkbox-check, #checkout_page input[type=checkbox].css-checkbox-check-2 { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } #checkout_page input[type=radio].css-checkbox-radio:checked + label.css-label-radio { background-position: 0 -29px; } #checkout_page input[type=checkbox].css-checkbox-check + label.css-label-check { padding-left: 25px; height: 20px; display: inline-block; line-height: 20px; background-repeat: no-repeat; background-position: -12px -102px; vertical-align: middle; cursor: pointer; } #checkout_page input[type=checkbox].css-checkbox-check-2 + label.css-label-check-2 { padding-left: 25px; height: 20px; display: inline-block; line-height: 20px; background-repeat: no-repeat; background-position: -12px -102px; vertical-align: middle; cursor: pointer; } #checkout_page input[type=checkbox].css-checkbox-check:checked + label.css-label-check, #checkout_page input[type=checkbox].css-checkbox-check-2:checked + label.css-label-check-2 { background-position: -12px -81px; } #checkout_page label.css-label-radio img { vertical-align: middle; width: 44px; height: 29px; } #checkout_page label.css-label-radio { background-image: url("/s/images/checkout/radio.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #checkout_page label.css-label-radio span { background-repeat: no-repeat; padding: 2px 0px 6px 52px; } #checkout_page label.css-label-check, #checkout_page label.css-label-check-2 { background: url("/s/images/testdrive_new/fonttools_icon_sprite.png") no-repeat; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #checkout_page .visa { background: url("/s/images/checkout/visa.png") no-repeat; } #checkout_page .mastercard { background: url("/s/images/checkout/mc.png") no-repeat; } #checkout_page .discover { background: url("/s/images/checkout/discover.png") no-repeat; } #checkout_page .amex { background: url("/s/images/checkout/amex.png") no-repeat; } #checkout_page input#cardNumber.visa, #checkout_page input#cardNumber.mastercard, #checkout_page input#cardNumber.discover, #checkout_page input#cardNumber.amex { background-position: right 6px center; } #checkout_page div.cc_info_wrapper { padding: 20px 0 10px; } #checkout_page div.cc_info_small input, #checkout_page div.cc_info_large input { width: 100%; height: 40px; box-sizing: border-box; padding: 5px 11px; font-size: 14px; } #checkout_page div.paypal_opt_info, #checkout_page div.cc_opt_info { position: relative; } #checkout_page div.paypal_opt_info .paypal_opt_info { padding: 0 0 20px 25px; } #checkout_page div.paypal_opt_info p { padding-bottom: 0; } #checkout_page div.paypal_checkout { background: url("/s/images/checkout/paypal_checkout.png") no-repeat; width: 228px; height: 44px; cursor: pointer; } #checkout_page div.cc_info_small { float: none; display: inline-block; vertical-align: top; margin-right: 25px; width: 33%; max-width: 234px; } #checkout_page div.cc_info_small.security { max-width: 108px; } #checkout_page div.cc_info_small.expiration { margin-right: 0; } #checkout_page div.cc_info_large { float: none; display: block; padding-top: 15px; width: 65%; max-width: 407px; } #checkout_page div.cc_info_small select { width: 100%; margin-right: 5px; padding-right: 25px; color: #000000; } #checkout_page div.cc_info_small.expiration select { width: auto; } #checkout_page select.cc-exp-year { min-width: 88px; } #checkout_page select.cc-exp-month { min-width: 108px; } #checkout_page div.cc_info_small select option:first-child { color: #AEADAE; } #checkout_page div.cc_info_large select { width: 100%; } #checkout_page div.cc_info_small input.cc_sec { width: 50%; } #checkout_page label.cc_nickname { position: Relative; width: 100%; white-space: nowrap; } #checkout_page #error-message { background-color: #FFE55B; background-image: url("/s/images/checkout/warning.png"); background-repeat: no-repeat; background-position: 14px 50%; width: 100%; } #checkout_page #error-message span { padding: 0 14px 0 55px; display: inline-block; margin: 13px 0px; font-size: 18px; } #checkout_page input#checkout_next[type=button] { display: block; padding: 5px 25px; text-align: center; border-radius: 4px; background: #0099FF; text-transform: uppercase; color: #fff; max-width: 210px; font-size: 1.4em; transition: all 200ms; } #checkout_page input#checkout_next[type=button]:hover { text-decoration: none; background: #2EA3F2; } #checkout_page input#checkout_next[type=button]:disabled { background: #EEEEEE; color: #BCBCBC; } #checkout_page div#expand_names { position: absolute; top: 15px; right: 15px; background: transparent url("/s/images/checkout/dropdown.png") 50% 50% no-repeat; pointer-events: none; } #checkout_page div#expand_names a { width: 16px; height: 16px; display: block; } #checkout_page div.saved_names { display: none; padding: 5px 8px; transition: display 3ms; color: #404040; } #checkout_page div.saved_names a { color: #404040; } #checkout_page ul.sub_menu_names { list-style: none; } #checkout_page ul.sub_menu_names { display: block; padding-bottom: 15px; } #checkout_page ul.sub_menu_names li { padding: 10px 0px; } #checkout_page ul.sub_menu_names a { cursor: pointer; } #checkout_page .add_buyer_name { width: 65%; displaY: inline-block; } #checkout_page div#font_buyer { border: 1px solid #ddd; max-width: 530px; position: relative; } #checkout_page label.font_buyer_name { display: block; font-size: 20px; padding: 10px 35px 10px 20px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #checkout_page ol.checkout_final_opt ul.sub_menu_names li { font-size: 20px; padding: 10px 15px; } #checkout_page ol.checkout_final_opt ul.sub_menu_names li:first-child { position: absolute; top: 0; left: 0; right: 35px; background: #fff; padding-top: 6px; padding-left: 11px; } #checkout_page label.font_buyer_name.placeholder { color: #bbb; font-size: 16px; padding: 13px 35px 13px 19px; } #checkout_page input.font_buyer_name[type=text] { width: 80%; width: calc(100% - 78px); display: inline-block; border: 1px solid #09F; padding: 7px 12px 8px 12px; box-sizing: border-box; } #checkout_page input.font_buyer_name::-webkit-input-placeholder { font-size: 16px; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page input.font_buyer_name:-moz-placeholder { font-size: 16px; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page input.font_buyer_name::-moz-placeholder { font-size: 16px; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page input.font_buyer_name:-ms-input-placeholder { font-size: 16px; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page input#save_name[type=button] { display: inline-block; transition: background-color 500ms; text-transform: uppercase; font-size: 16px; margin-left: 5px; padding: 6px 11px; } #checkout_page div.remove_button_wrapper_names { position: relative; display: inline-block; vertical-align: middle; width: 27px; height: 27px; transition: display 3ms; } #checkout_page div.remove_name { background: #D7D7D7; text-align: center; display: table; width: 100%; height: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } #checkout_page div.remove_name:hover, #checkout_page div.remove_name:active { background: #FF0000; } #checkout_page div.remove-x-name { display: table-cell; vertical-align: middle; color: #4A494A; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); font-family: arial, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; position: relative; left: 0; } #checkout_page div.remove-x-name a { color: #4A494A; text-decoration: none; font-size: 22px; display: block; border-radius: 50%; padding: 1px; text-align: center; } #checkout_page div.remove-x-name:hover, #checkout_page div.remove-x-name:hover a { color: #ffffff; } #checkout_page div.remove-x-name a:hover, #checkout_page div.remove-x-name a:active { color: #ffffff; } #checkout_page #accepted_payments { position: Relative; top: 15px; border-top: 1px solid #E0E0E0; max-width: 300px; padding: 15px 0px; text-align: center; } #checkout_page #accepted_payments .accept_icons { background: url("/s/images/checkout/acceptancemarks.png") no-repeat; width: 288px; height: 47px; margin: 0 auto; } #checkout_page div.terms-error-root { font-size: 14px; } #checkout_page ol.checkout_final_opt { position: relative; list-style-position: inside; } #checkout_page ol.checkout_final_opt li { font-size: 22px; margin-left: 0; } #checkout_page ol.checkout_final_opt p { padding-top: 0; } #checkout_page ol.checkout_final_opt h3 { margin-bottom: 10px; padding-top: 15px; font-size: 22px; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #333; } @media screen and (max-width: 666px) { #checkout_page ol.checkout_final_opt p.terms_cond { margin-bottom: 1.6em; } } #checkout_page input.place_order { background-color: #FF40FF; padding: 15px 45px; max-width: 325px; width: 100%; position: relative; margin: 0 auto; text-align: center; text-transform: uppercase; display: block; color: #fff; border-radius: 5px; font-size: 1em; transition: none; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page input.place_order:hover { transition: background-color 5s; background: #FF5BFF; text-decoration: none; } #checkout_page button#place_order { background: url("/s/images/checkout/paypal.png") no-repeat; width: 228px; height: 44px; border: 0; } #checkout_page button#place_order:disabled { opacity: .3; } #checkout_page div.order_subtotals { margin: 15px auto; max-width: 325px; } #checkout_page div.order_subtotals > div { display: table; width: 100%; table-layout: fixed; } #checkout_page div.column_row { display: table-row; position: relative; font-size: 17px; } #checkout_page div.column_row:last-child > div { padding: 20px 0 25px; } #checkout_page div.column_row.vat { font-size: 14px; } #checkout_page div.column_row.vat span:first-child { display: block; } #checkout_page div.column_left { display: table-cell; padding-right: 15px; text-align: left; padding-bottom: 6px; } #checkout_page div.column_right { display: table-cell; text-align: right; } #checkout_page span.next_bill { display: block; font-size: 14px; } #checkout_page span.total, #checkout_page span.total_amt { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #checkout_page span.vat_not_set, #checkout_page span.change_card { cursor: pointer; color: #09F; } #checkout_page div.vat_entry { display: none; transition: display 3ms; width: 300px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 15px; margin-top: 15px; } #checkout_page div.vat_entry select#vat_region { display: inline-block; width: 48%; box-sizing: border-box; } #checkout_page div.vat_entry input#vat_id { width: 49%; box-sizing: border-box; } #checkout_page div.vat_entry .vat_warning { width: 48%; margin-left: 49%; padding-left: 2px; font-size: 11px; color: #c00; margin-top: 2px; } #checkout_page div.vat_entry span.cta { padding-top: 5px; display: block; } #checkout_page div.vat_entry span button { margin-right: 2px; } #checkout_page select.vat_country_sel { width: 150px; } #checkout_page input.vat_country_code { width: 129px; } #checkout_page .float { float: none; display: inline-block; vertical-align: middle; } #checkout_page div.order_summary p { padding: 0; margin: 0; } @media screen and (max-width: 680px) { #checkout_page div.cc_info_small.expiration { width: 100%; } } @media screen and (max-width: 450px) { #checkout_page div.cc_info_small { width: 50%; } } @media only screen and (min-device-width: 300px) and (max-device-width: 714px) { #checkout_page { max-width: 90%; } #checkout_page p { font-size: 14px !important; } #checkout_page h1 { font-size: 22px; } #checkout_page h3 { font-size: 17px; } #checkout_page img { max-width: 100%; } #checkout_page div.cc_info_small, #checkout_page div.cc_info_large { float: none; margin-right: 0px; width: 100%; max-width: none; } #checkout_page div.cc_info_small.number { width: 64%; margin-right: 2%; } #checkout_page div.cc_info_small.security { width: 31%; max-width: none; } #checkout_page div.cc_info_small.security label { white-space: nowrap; } #checkout_page div.cc_info_small.expiration { max-width: none; } #checkout_page div.cc_info_small.expiration select { width: 48%; margin-right: 1%; } #checkout_page label.cc_nickname { position: Relative; width: 100%; white-space: normal; } #checkout_page #accepted_payments { position: Relative; top: 15px; border-top: 1px solid #E0E0E0; max-width: 100%; padding: 15px 0px; text-align: center; float: none; margin: 0 auto; } #checkout_page input#checkout_next { padding: 5px 45px; max-width: 310px; margin: 0 auto; position: relative; top: 15px; } #checkout_page ol.checkout_final_opt { position: relative; left: 0px; max-width: 90%; margin: 0 auto; } #checkout_page ol.checkout_final_opt li { padding: 10px 0px; } #checkout_page ol.checkout_final_opt ul.sub_menu_names li { font-size: 18px; } #checkout_page ol.checkout_final_opt ul.sub_menu_names li:first-child { padding-right: 0; } #checkout_page label.font_buyer_name { font-size: 18px; } #checkout_page label.font_buyer_name.placeholder { font-size: 15px; } #checkout_page input.font_buyer_name[type=text] { width: 66%; padding: 4px 5px 7px; } #checkout_page input.font_buyer_name::-webkit-input-placeholder { font-size: 15px; } #checkout_page input.font_buyer_name:-moz-placeholder { font-size: 15px; } #checkout_page input.font_buyer_name::-moz-placeholder { font-size: 15px; } #checkout_page input.font_buyer_name:-ms-input-placeholder { font-size: 15px; } #checkout_page input#save_name[type=button] { padding: 5px 7px; font-size: 12px; margin-left: 0; } #checkout_page input.place_order { width: 100%; margin: 0 auto; } #checkout_page p.terms_cond { min-height: 55px; display: block; } #checkout_page div.order_subtotals { width: 250px; } #checkout_page div.cc_info_small.expiration input { width: 100%; margin: 0; } } @media only screen and (min-device-width: 715px) and (max-device-width: 800px) { #checkout_page { max-width: 95%; } #checkout_page input.font_buyer_name { width: 65%; } #checkout_page div#font_buyer { width: 100%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 700px) { #checkout_page { max-width: 95%; } #checkout_page input.font_buyer_name { width: 65%; } #checkout_page div#font_buyer { width: 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { #checkout_page .visa { background: url("/s/images/checkout/visa@2x.png") no-repeat; background-size: 44px 29px; } #checkout_page .mastercard { background: url("/s/images/checkout/mc@2x.png") no-repeat; background-size: 44px 29px; } #checkout_page .amex { background: url("/s/images/checkout/amex@2x.png") no-repeat; background-size: 34px 29px; } #checkout_page .discover { background: url("/s/images/checkout/discover@2x.png") no-repeat; background-size: 44px 29px; } #checkout_page label.css-label-radio { background: url("/s/images/checkout/radio@2x.png") no-repeat; background-size: 16px 60px; } #checkout_page label.css-label-check, #checkout_page label.css-label-check-2 { background: url("/s/images/testdrive_new/fonttools_icon_sprite@2x.png") no-repeat; background-size: 320px 250px; } #checkout_page #error-message { background-image: url("/s/images/checkout/warning@2x.png"); background-size: 25px 22px; } #checkout_page input[type=checkbox].css-checkbox-check + label.css-label-check, #checkout_page input[type=checkbox].css-checkbox-check-2 + label.css-label-check-2 { background-position: -7px -197px; } #checkout_page input[type=checkbox].css-checkbox-check:checked + label.css-label-check, #checkout_page input[type=checkbox].css-checkbox-check-2:checked + label.css-label-check-2 { background-position: -7px -161px; } #checkout_page #accepted_payments .accept_icons { background: url("/s/images/checkout/acceptancemarks@2x.png") no-repeat; background-size: 288px 46px; } #checkout_page div#expand_names { background-image: url("/s/images/checkout/dropdown@2x.png"); background-size: 16px 15px; } } 

button.add_to_album_toggle_client { border-left: 1px solid rgba(255,255,255,0.5); border-radius: 0 3px 3px 0; float:left; font-size: 8px; line-height: 17px; outline: none; padding: 3px 0px; } button.only { border-radius: 3px 3px 3px 3px; } button.add_to_album_toggle_client.only { background: #eee; color: #444; margin-top: 0; padding: 5px 6px; } button.add_to_album_toggle_client.only:hover { background: #ddd; } .open button.add_to_album_toggle_client.only { background: #ddd; } button.add_to_album_toggle_client.only span.label { font-size: 14px; } div.add_to_album_dropdown_client { background: white; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); display: none; font-size: 14px; padding: 15px; position:absolute; text-align: left; top:28px; right: 0; width: 280px; z-index: 8; } div.add_to_album_dropdown_client a { } div.add_to_album_dropdown_client a.album_dropdown_goto { color: #ccc; display:inline-block; font-family: 'ClickBits-Arrows'; margin-left: 10px; -webkit-font-smoothing:antialiased; } div.add_to_album_dropdown_client a.album_dropdown_goto:hover { color: #aaa; text-decoration: none; } div.add_to_album_dropdown_client li { margin-bottom: 1px; } div.add_to_album_dropdown_client.open { display: block; } div.add_to_album_dropdown_client a { float: none; } div.add_to_album_dropdown_client a.info { font-size: 11px; margin-left: 10px; } div.add_to_album_dropdown_client button:disabled { color: #fff; } div.add_to_album_dropdown_client hr { background: #ddd; border: none; height: 1px; margin: 10px 0; } div.add_to_album_dropdown_client input[type=submit] { line-height: 18px; margin-left: 5px; padding: 4px 9px; } div.add_to_album_dropdown_client input[type=text] { font-size: 12px; width: 180px; } div.add_to_album_dropdown_client div.albums ul { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; line-height: 20px; padding: 10px 0 0; } div.add_to_album_dropdown_client iframe.dropdown_login_frame { width: 250px; height: 155px; } a.album_dropdown_delete { text-decoration: none; } a.album_dropdown_add.unavailable { text-decoration: none; cursor: pointer; color: rgb(0,0,0); } 

#contact_us h3 { margin-top: 1.2em; } 

#country_select_error { color: #cc0000; display: none; font-weight: bold; margin: 10px 0 5px; } 

 .dateRangePicker { background: #fff; font-family: "Proxima Nova"; position: relative; } .dateRangePicker input[type=text] { font-family: "Proxima Nova"; } .dateRangePicker .label { display: inline-block; line-height: 28px; margin-right: 10px; } .dateRangePicker .range { margin-top: 20px; } .dateRangePicker .foundry_input { font-size: 12px; width: 100px; } .dateRangePicker .buttons a#datepickerCancel { color: #666; font-size: 15px; margin-left: 20px; } .dateRangePicker .pickers { margin: 20px 0; } .dateRangePicker .endDatepicker { display: none; } .dateRangePicker .ui-datepicker { background: #fff; border: none; border-radius: 0; color: #000; font-family: "Proxima Nova"; font-size: 12px; width: 47em!important; } .dateRangePicker .ui-datepicker * { background: transparent; border: none; } .dateRangePicker .ui-datepicker .ui-datepicker-group { border: 1px solid #000; border-left: none; min-height: 175px; width: 33%; } .dateRangePicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-last { border-right: none; } .dateRangePicker .ui-datepicker .ui-datepicker-header { border-bottom: 1px solid #000; border-radius: 0; } .dateRangePicker .ui-datepicker .ui-datepicker-prev { top: 1px; left: 0; } .dateRangePicker .ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid black; } .dateRangePicker .ui-datepicker .ui-datepicker-next { top: 1px; right: -10px; text-align: right; } .dateRangePicker .ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid black; } .dateRangePicker .ui-datepicker .ui-datepicker-title { color: #000; line-height: 1em; font-size: 12px; } .dateRangePicker .ui-datepicker .ui-datepicker-unselectable span { color: #666; font-weight: normal; padding: 4px 1px; text-align: center; } .dateRangePicker .ui-datepicker table td, .dateRangePicker .ui-datepicker table th { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dateRangePicker .ui-datepicker table td:last-of-type, .dateRangePicker .ui-datepicker table th:last-of-type { border-right: none; } .dateRangePicker .ui-datepicker table td { padding: 0px; } .dateRangePicker .ui-datepicker table td a { color: #000; font-weight: normal; padding: 4px 1px; text-align: center; } .dateRangePicker .ui-datepicker table td.date-range-selected a, .dateRangePicker .ui-datepicker table td a.ui-state-active { background: #09f; color: #fff!important; } .dateRangePicker .ui-datepicker table th { padding: 4px 1px; } .dateRangePicker .ui-datepicker table tr:last-of-type td { border-bottom: none; } 

@CHARSET "UTF-8"; 

 /* Don't use selection stuff without nesting! ::-moz-selection { background-color: #09f; color: #fff; } ::selection { background-color: #09f; color: #fff; } */ #dev_docs h3.sechead { color: #404040; font-size: 18px; margin-top: 15px; } #dev_docs .aside sup { color: red; } #dev_docs table { background: #f5f5f5; border: 1px solid #ddd; border-spacing: 0px; margin-bottom: 15px; } #dev_docs table th { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; padding: 8px 12px; text-align: left; } #dev_docs table th.nested { padding: 8px 36px; } #dev_docs table td { border-top: 1px solid #ddd; padding: 8px 12px; } #dev_docs table td.heading .aside { float: right; } #dev_docs table td.nested { background: #f9f9f9; padding: 8px 36px; } #dev_docs table td.example { background: #f9f9f9; border-top: none; padding: 0; } #dev_docs table td.example * { display: none; } #dev_docs table td.example h3:nth-child(3) { margin-top: 15px; } #dev_docs table td:not(.example) code, #dev_docs table td.example.inline-code code { background: #ddd; display: inline-block!important; padding: 0px 2px; margin: 4px 2px; } #dev_docs table td:not(.example) code.bold-code, #dev_docs table td.example.inline-code code.bold-code { font-weight: bold; } #dev_docs table td .arrow { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #bbb; } #dev_docs table tr.expanded td .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #bbb; margin-top: 5px; } #dev_docs table tr.expanded + tr td.example { border-top: 1px solid #ddd; padding: 8px 36px; } #dev_docs table tr.expanded + tr td.example * { display: block; } #dev_docs .section { display: none; } #dev_docs .section:first-child { display: block; } #dev_docs ul.examples { margin: 10px 0; } #dev_docs ul.examples > li { margin: 10px 0; overflow: auto; } #dev_docs ul.examples > li .arrow { float: left; width: 0; height: 0; margin-right: 15px; margin-bottom: 15px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid #09f; } #dev_docs ul.examples > li > a { color: #000; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 15px; } #dev_docs ul.examples > li > ul { background: #f5f5f5; border: 1px solid #ddd; display: none; padding: 8px; } #dev_docs ul.examples > li.expanded .arrow { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 12px solid #09f; } #dev_docs ul.examples > li.expanded > ul { display: block; margin: 10px 0; } #dev_docs .category_list code { background: #ddd; display: inline-block; padding: 0px 2px; margin: 4px 2px; } 

#dev_footer { color: #fff; font-family: "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-align: center; position: relative; margin-top: -50px; height: 14px; padding: 18px 0; clear: both; } #dev_footer a { color: #fff; text-decoration: underline; } #dev_footer a:hover { color: #09f; } #dev_footer b,#foundry_footer strong { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #dev_footer i, #foundry_footer em { font-family: "Proxima-Nova-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; } 

 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .dev_button, a.dev_button, input[type=button].dev_button, input[type=submit].dev_button { background: #0096FF; border: none; border-radius: 2px; box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.2), inset -2px -2px 5px rgba(0, 0, 0, 0.1); color: #fff!important; font-size: 16px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; letter-spacing: 1px; padding: 8px 20px; text-decoration: none; text-transform: uppercase; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; -ms-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } .dev_button.big, a.dev_button.big, input[type=button].dev_button.big, input[type=submit].dev_button.big { font-size: 18px; padding: 12px 24px; } .dev_button.small, a.dev_button.small, input[type=button].dev_button.small, input[type=submit].dev_button.small { padding: 8px 12px; } .dev_white_button, a.dev_white_button, input[type=button].dev_white_button, input[type=submit].dev_white_button { background: #fff; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px -1px 4px whitesmoke; cursor: pointer; color: #444!important; float: right; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 13px; margin: 0 0 0 5px; padding: 3px 8px; text-decoration: none; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; } .dev_white_button:hover, a.dev_white_button:hover, input[type=button].dev_white_button:hover, input[type=submit].dev_white_button:hover { border-color: #09f; } .dev_white_button.big, a.dev_white_button.big, input[type=button].dev_white_button.big, input[type=submit].dev_white_button.big { letter-spacing: 1px; padding: 5px 10px; text-transform: uppercase; } .dev_button:hover, input[type=button].dev_button:hover, input[type=submit].dev_button:hover { background: #0076DF; } input[type=text].dev_input, input[type=password].dev_input, textarea.dev_input { border: 1px solid #ddd; display: inline-block; font-size: 14px; padding: 5px 7px; -webkit-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -moz-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -ms-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -o-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; } input[type=text].dev_input:focus, input[type=password].dev_input:focus, textarea.dev_input:focus { border-color: #09f; box-shadow: inset 0px 2px 3px #e6e6e6; outline: none; } #dev_wrapper { height: 100%; } body > #dev_wrapper { background: #404040; height: auto; min-height: 100%; } #dev_main { font-family: "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; padding-bottom: 50px; } #dev_main a { color: #09f; } #dev_main b, #dev_main strong { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #dev_main i, #dev_main em { font-family: "Proxima-Nova-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; } #dev_main .grey { color: #666; } #dev_main h2 + p { margin-top: 1em; } #dev_wrapper + #myfontsLegal { color: #fff; text-align: center; position: relative; margin-top: -50px; height: 14px; padding: 18px 0; clear: both; } #dev_wrapper + #myfontsLegal a { color: #fff; text-decoration: underline; } #dev_wrapper + #myfontsLegal a:hover { color: #09f; } #dev_header { height: 90px; margin: 0 auto; overflow: hidden; position: relative; width: 960px; } .dev_logo { background: url("/s/images/dev/dev_logo.png") center center no-repeat; background-size: 100px 50px; height: 50px; width: 100px; position: absolute; top: 32px; left: 0; } .dev_tools { color: #ccc; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; letter-spacing: 1px; line-height: 14px; text-transform: uppercase; position: absolute; top: 35px; left: 110px; width: 130px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .dev_logo { background: url("/s/images/dev/dev_logo@2x.png") center center no-repeat; background-size: 100px 50px; } } #dev_nav { list-style: none; position: absolute; top: 50px; left: 50%; margin-left: -240px; width: 750px; } #dev_nav li { float: left; height: 40px; margin-left: 40px; font-size: 14px; } @media only screen and (-webkit-max-device-pixel-ratio: 1.49) { #dev_nav li.selected { background: url("/s/images/dev/dev_tab_selected.png") center bottom no-repeat; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #dev_nav li.selected { background: url("/s/images/dev/dev_tab_selected@2x.png") center bottom no-repeat; background-size: 21.33337px 10px; } } #dev_nav li a { color: #fff; padding-bottom: 4px; } #dev_nav li a:hover { border-bottom: 1px solid #fff; color: #fff; text-decoration: none; } #dev_user_menu { color: #fff; font-size: 12px; position: absolute; top: 6px; right: 0px; } #dev_user_menu .user_name { padding: 0 8px; } #dev_user_menu a { color: #fff; padding-bottom: 3px; margin: 0 8px; text-decoration: none; } #dev_user_menu a:hover { border-bottom: 1px solid #fff; color: #fff; } #dev_main .page { background: #fff; box-sizing: border-box; margin: 0 auto; overflow: auto; padding: 30px; position: relative; width: 960px; } #dev_main .page .sidebar { box-sizing: border-box; float: left; text-align: right; width: 10%; } #dev_main .page .sidebar a { display: block; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; margin-bottom: 12px; } #dev_main .page .sidebar a.selected { color: #000; } #dev_main .page .sidebar a.dev_button, #dev_main .page .sidebar a.dev_white_button { font-size: 14px; margin-bottom: 16px; } #dev_main .page .content { box-sizing: border-box; float: left; padding: 0 25px; width: 80%; } #dev_main .page .content.full { width: 100%; } #dev_main .page .content hr { background: #ddd; border: none; height: 1px; margin-bottom: 10px; } #dev_main .page .content p { margin-bottom: 14px; } #dev_main .page .content ol { counter-reset: li; margin-left: 0; margin-bottom: 1em; padding-left: 0; } #dev_main .page .content ol li { position: relative; margin: 2px 0 2px 1.5em; list-style: none; } #dev_main .page .content ol li:before { content: counter(li) "."; counter-increment: li; position: absolute; top: -2px; left: -1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.5em; margin-right: 8px; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; text-align: center; } #dev_main .page .content .wide { width: 118%; } .dev_checkbox { display: none; display: inline-block\9; } .dev_checkbox + label { display: inline-block; margin-right: 10px; } .dev_checkbox + label .checkbox_image { background: url("/s/images/dev/dev_checkbox.png") center center no-repeat; background-size: 18px 18px; display: inline-block; display: none\9; height: 18px; width: 18px; position: relative; top: 4px; } .dev_checkbox + label:active .checkbox_image, .dev_checkbox:checked + label:active .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_active.png"); } .dev_checkbox:checked + label .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_checked.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .dev_checkbox + label .checkbox_image { background: url("/s/images/dev/dev_checkbox@2x.png") center center no-repeat; background-size: 18px 18px; } .dev_checkbox + label:active .checkbox_image, .dev_checkbox:checked + label:active .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_active@2x.png"); } .dev_checkbox:checked + label .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_checked@2x.png"); } } 

 #dev_manage_apps #your_apps { position: relative; } #dev_manage_apps #your_apps #new_app { position: absolute; top: 0; right: 0; } #dev_manage_apps #your_apps .app { margin: 30px 0; } #dev_manage_apps #your_apps .app.template { display: none; } #dev_manage_apps #your_apps .app .app_header { background: #f5f5f5; border: 1px solid #ddd; box-sizing: border-box; overflow: auto; padding: 5px; width: 100%; } #dev_manage_apps #your_apps .app .app_header h3 { color: #444; float: left; margin: 2px 0; } #dev_manage_apps #your_apps .app p { margin-top: 5px; margin-bottom: 0!important; } #dev_manage_apps form.app_form { display: none; } #dev_manage_apps form.app_form .warning_msg { color: #dd0000; font-size: 16px; display: none; } #dev_manage_apps form.app_form .warning_msg.active { display: block; } #dev_manage_apps form.app_form input[type=text], #dev_manage_apps form.app_form label { display: block; } #dev_manage_apps form.app_form input[type=text], #dev_manage_apps form.app_form textarea { margin: 8px 0; width: 515px; } #dev_manage_apps form.app_form input[type=text].warning_field, #dev_manage_apps form.app_form textarea.warning_field { border-color: #dd0000; } #dev_manage_apps form.app_form label { font-size: 14px; margin-top: 20px; } #dev_manage_apps form.app_form textarea { height: 150px; width: 654px; } #dev_manage_apps form.app_form input[type=checkbox] { position: relative; top: -10px; } #dev_manage_apps form.app_form input[type=checkbox] + label { position: relative; top: -10px; } #dev_manage_apps form.app_form input[type=submit] { margin-top: 15px; } 

#dev_main #dev_404 { background: url('/s/images/dev/dev_404.gif') center center / 100% 100% no-repeat!important; color: #fff; font-family: "RooneySans-Medium"; font-size: 80px; height: 525px; position: relative; width: 700px; text-align: center; } #dev_main #dev_404 span { display: inline-block; line-height: 1em; opacity: 0.25; margin-top: 60%; } @media screen and (min-height:700px) { #dev_main #dev_404 { height: 720px; width: 960px; } } 

 #docs { box-sizing: border-box; color: #333; font-family: 'St-Marie-Pro-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; } #docs p { font-size: 1em; margin: 1em 0; word-spacing: 0.07em; } #docs h4 + p, #docs h5 + p { margin-top: 0; } #docs h1 { color: #333; font-family: 'St-Marie-Pro-Black', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 3em; } #docs h2 { font-size: 1.8888em; padding-right: 35px; } #docs h3 { font-size: 1.8888em; margin: 0.8em 0 0.5em; } #docs h2, #docs h3 { color: #000; font-family: 'St-Marie-Pro-Thin', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #docs h2 a, #docs h3 a { color: #000; text-decoration: none; } #docs h4 { color: #333; font-family: 'St-Marie-Pro-Extra-Bold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 1.1666em; font-weight: normal; margin: 1.2em 0 0.6em; } #docs h4 a { color: #333; text-decoration: none; } #docs h5 { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 1.0555em; margin: 1.2em 0 0.6em; } #docs em { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; font-size: 1.0555em; } #docs .light { color: #000; font-family: 'St-Marie-Pro-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #docs .right { text-align: right; } #docs .ryde { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #docs header { margin-bottom: 20px; } #docs .sidebar { float: left; width: 200px; } #docs .sidebar a { display: block; margin: 1em 25px 1em 0; } #docs .sidebar a.selected { color: #000; } #docs .sidebar h4 { margin-top: 1em; } #docs .content { float: right; padding-left: 15px; width: 685px; } #docs .content ul.bullets { list-style-type: disc; } #docs .content li { line-height: 1.4em; margin: 0.8em 0 0.8em 30px; } #docs .content li ul.address { margin-top: 0.8em; } #docs .content li ul.address li { margin-top: 0; margin-bottom: 0; } 

 div.dropdown_widget { position: relative; } div.dropdown_widget select.dropdown_fake_select { visibility: hidden; height: 21px; vertical-align: middle; } div.dropdown_widget input.dropdown_text { position: absolute; border-width: 1px; border-style: solid; border-color: #808080 white #E0E0E0 #808080; font-size: 12px; padding: 1px; background-color: white; height: 17px; left: 0px; top: 0px; right: 20px; } * html div.dropdown_widget input.dropdown_text { top: 1px; } div.dropdown_widget div.dropdown_button { position: absolute; background-image: url(/s/w/dropdown/dropdown-button.gif); width: 16px; height:21px; right: 0px; top: 0px; cursor: default; } * html div.dropdown_widget div.dropdown_button { top: 1px; } input.dropdown_shortlist { display: none; } div.dropdown_menu { position: absolute; z-index: 1001; background-color: white; border: 1px solid black; left:0px; top:21px; max-height: 360px; overflow: auto; } div.dropdown_menu.dropup_menu { top: auto; bottom: 12px; } div.dropdown_menu div.scroller { overflow: auto; white-space: nowrap; padding: 3px; } div.dropdown_menu ul { padding: 0px; margin: 0px; } div.dropdown_menu ul .optgroup { font-weight: bold; } div.dropdown_menu li { margin: 0px; padding: 1px; cursor: default; } div.dropdown_menu li.indent { padding-left: 1em; } div.dropdown_menu li.hover { background-color: #36a0d1; color: white; font-weight: bold; } 

#dropdown_login_form { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin: 0; padding: 0; } #dropdown_login_form input[type=text], #dropdown_login_form input[type=password] { border: 1px solid #ddd; display: block; font-family: "RooneySans-Regular", "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 12px; margin-bottom: 10px; padding: 5px 7px; width: 91%; -webkit-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -moz-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -ms-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -o-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; } #dropdown_login_form input[type=text].error, #dropdown_login_form input[type=password].error { border-color: #c00; } #dropdown_login_form input[type=text]:focus, #dropdown_login_form input[type=password]:focus { border-color: #09f; box-shadow: inset 0px 2px 3px #e6e6e6; outline: none; } #dropdown_login_form label { font-size: 12px; } #dropdown_login_form p { margin: 0 0 5px 0; } #dropdown_login_form p.errormsg { color: #c00; font-size: 11px; } #dropdown_login_form input[type=submit] { background-color: #09f; border-radius: 3px; color: #fff; cursor: pointer; font-size: 12px; letter-spacing: 0.03em; line-height: 18px; padding: 5px 9px; position: absolute; bottom: 3px; left: 0px; outline: none; border:none; -webkit-appearance: none; -webkit-border-radius: 3px; font-family: "RooneySans-Medium","Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #dropdown_login_form input[type=submit]:hover { background-color: #078adb; } #dropdown_login_form .account_links { font-size: 10px; position: absolute; bottom: 12px; right: 8px; } #dropdown_login_form .account_links a { color: #555; text-decoration: none; } #dropdown_login_form .account_links a:hover { color: #09f; } 

 ul.error_box { list-style-type: disc; padding: 12px; padding-left: 24px; margin-bottom: 12px; border: 1px solid #C00; background-color: #FCC; color: #C00; } 

#family img.flag { margin-bottom: 10px; float: right; margin-left: 10px; } #family #overview_tab div.bottom_column { float: left; width: 224px; margin-top: 12px; margin-right: 12px; } #family #overview_tab div.bottom_column.bottom_column_first { border-left: 0px; padding-left: 0px; margin-left: 0px; } #family #overview_tab #overview_samples { clear: both; padding-top: 0px; } #family #overview_samples .ac-favorite-root { display: inline-block; margin-top: 6px; } #family #overview_samples .favorite { margin-bottom: 6px; margin-right: 0; } #family #overview_samples .fc-authenticate { top: 40px; right: 156px; } #family h4.familyBreadcrumb { color: #333; font-weight: normal; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-right: 15px; float: left; line-height: 19px; } #family div.sample { width: 100%; border-top: solid 1px #CCCCCC; margin-bottom: 5px; padding-top: 5px; } #family div.sample.sample_last { border-bottom: solid 1px #CCCCCC; } #family div.sample h4 { float: left; padding-top: 6px; font-weight: normal; } #family .sample_image { clear: both; overflow: hidden; padding: 5px 0px 5px 0px; width: 100%; } #family .price-tag { float: right; } #family p.instructions { font-size: 11px; } #family .mfAPICblock { padding-top: 3px; } #family div.admin_section { margin-bottom: 18px; } #family #admin_tab ul { line-height: 1.5em; } #family .none { font-style: italic; } #family #family_copyright { margin-top: 12px; } #family #language_meta_groups ul li { padding-bottom: 12px; } #family .mls-slice { padding-top: 10px; } #family .mls-slice p { margin-bottom: 0; } #family #font-testdrive-new #cust-text { width: 138px; } #family #font-testdrive-new #font-slider { width: 85px; } #family #font-testdrive-new #fit-width { width: 105px; padding: 0; padding-top: 7px; margin-left: 12px; } #family #font-testdrive-new #font-size { margin-left: 0; } #family #font-testdrive-new #font-options { margin-left: 0; } #family #font-testdrive-new #fit-width.checkbox label { font-size: 14px; padding-left: 28px; background-position: -7px -103px; } #family #font-testdrive-new #fit-width.checkbox label.checked { background-position: -7px -81px; } #family #font-testdrive-new .image_checkbox { display: none; } #family #progress, #family .back-to-top { display: none; } #family div.search-result-item h4 a { float: left; padding-top: 6px; font-weight: normal; font-size: 13px; } #family #overview_tab div.sample.testdrive_container { border-top: 0; clear: both; } #family div.search-result-item { padding: 5px 0; min-height: inherit; border-top: 1px solid #CCC; } #family #overview_tab div.search-result-item.sample_last { border-bottom: solid 1px #CCCCCC; } #family #overview_tab div.search-result-item.sample_first { border-top: 0; } #family .right-options { display: none; } #family .cart_button_wrapper { float: right; margin-left: 10px; } #family .add_to_album_toggle_client.only.album-toggle { background: #F0F; } #family .overview_tab .licicon { cursor: pointer; } #family div.licbtns { height: 25px; padding-top: 10px; } #family div.licbtns div { margin-right: 20px; margin-top: 5px; } #family div.rollover_buttons_lic .mouseshowlic { visibility: hidden; } #family .licicon { width: 25px; height: 25px; position: relative; white-space: nowrap; overflow: hidden; margin-right: 3px; background: url("/s/images/iconsets/myfonts/licenseiconssmall-sprite.png") 0 0 no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { #family .licicon { background-image: url("/s/images/iconsets/myfonts/licenseiconssmall-sprite@2x.png"); background-size: 150px 64px; } } #family .licensetype-web { background-position: 0 0; } #familylicensingoptions .licensetype-web:hover { background-position: 0 -32px; } #family .licensetype-web-paygo { background-position: 0 0; height: 32px; top: -3px; } #familylicensingoptions .licensetype-web-paygo:hover { background-position: 0 -32px; } #family .licensetype-server { background-position: -25px 0; } #familylicensingoptions .licensetype-server:hover { background-position: -25px -32px; } #family .licensetype-epub { background-position: -50px 0; } #familylicensingoptions .licensetype-epub:hover { background-position: -50px -32px; } #family .licensetype-desktop { background-position: -75px 0; } #familylicensingoptions .licensetype-desktop:hover { background-position: -75px -32px; } #family .licensetype-app { background-position: -100px 0; } #familylicensingoptions .licensetype-app:hover { background-position: -100px -32px; } #family .licensetype-app-paygo { background-position: -125px 0; height: 32px; top: -3px; } #familylicensingoptions .licensetype-app-paygo:hover { background-position: -125px -32px; } #family .licshovermsg { clear: left; padding-top: 20px; height: 15px; position: absolute; font-weight: bold; } #family .licshoverpointer { width: 25px; height: 10px; position: relative; white-space: nowrap; overflow: hidden; margin-right: 3px; background: url("/s/images/iconsets/myfonts/triangle.png") center bottom no-repeat; clear: left; margin-top: 7px; display: none; position: absolute; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { #family .licshoverpointer { background-image: url("/s/images/iconsets/myfonts/triangle@2x.png"); background-size: 8px 5px; } } #family .famglyphs { float: left; width: 300px; } #family .fltleftlist { float: left; } #family .lisctxtbtnhldr { position: absolute; bottom: 10px; width: 620px; text-align: center; background-color: #fff; } #family ul.webfont_style_list li { white-space: nowrap; overflow: hidden; } #family #familylicensingoptions { float: left; width: 270px; height: 80px; } #family #familylicensingoptionsglyphs { clear: left; border-top: solid 1px #dddddd; margin-top: 5px; padding-top: 5px; height: 90px; } #family #familylicensingoptionsglyphs strong { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #language_options_box { width: 189px; padding: 12px 3px; } #language_options_box #language_options_selection { border: 1px solid #CCC; background-color: #F5F5F5; font-size: smaller; padding: 3px; position: relative; width: 100%; left: -3px; cursor: pointer; } #language_options_box #language_options_selection:hover { background-color: white; border-color: #69F; } #language_options_box #language_options_selection #language_options_dropdown_arrow { float: right; color: #69F; position: relative; top: 0.5em; } #language_options_box ul li { padding: 3px; } #language_options_box ul li.selected { font-weight: bold; } #language_options_box ul li.even { background-color: white; } #language_options_box ul li.odd { background-color: #F5F5F5; } .two_column_layout .main_column .autobox-with-tabs #language_options_box { position: absolute; top: -91px; right: 0px; z-index: 50; } #generate_new_webfonts_form ul { padding-left: 1em; } #localtab_webfont_preview { *display: none; _display: none; } #add_family_to_cart .add_to_album_toggle_client.only { height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.5); border-radius: 3px; font-size: 10px; padding: 11px 14px; width: inherit; } #add_family_to_cart .cart_button_wrapper { height: 40px; } #add_family_to_cart .add_to_album_dropdown_client { top: 40px; } #overview_samples .add_to_album_toggle_client.only { padding: 2px 6px; border-radius: 0 3px 3px 0; margin-top: 6px; margin-bottom: 6px; } #overview_samples button.add_to_album_toggle_client.only span.label { font-size: 12px; } #overview_samples .add_to_album_dropdown_client { top: 29px; } .float_right { float: right; } .album_dropdown { height: inherit; } #family .ac-follow-root { position: relative; } #family .fam-follow a.fcbtn { border-radius: 3px; background-color: #eee; color: #4A4A4A; font-size: 12px; margin: 0 0 5px 0; height: 20px; text-decoration: none; text-align: center; width: 62px; float: left; line-height: 20px; } #family .fam-follow a.fcbtn:hover { background: #ddd; } #family .fam-follow div.fc-authenticate { top: 20px; left: 75px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { #family #font-testdrive-new #fit-width.checkbox label { background-position: -3px -198px; } #family #font-testdrive-new #fit-width.checkbox label.checked { background-position: -3px -161px; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #family #font-testdrive-new #font-slider { width: 88%; } #family #font-testdrive-new .image_checkbox_mobile { display: none; } #family #font-testdrive-new #display-options + .dropdown-modal ul li.option:nth-child(2) { border-top-style: solid; } #family #font-testdrive-new #font-size #font-slider-wrap, #family #font-testdrive-new #font-size > #fit-width { display: none; } #family #font-testdrive-new #color-picker + .dropdown-modal { width: 325px !important; left: 0; } #family #font-testdrive-new #advanced-options + .dropdown-modal { width: 300px !important; } #family #font-testdrive-new #display-options + .dropdown-modal { width: 300px !important; left: 100px; } #family #font-testdrive-new #text-selector .dropdown-inner { max-height: none !important; } #family #font-testdrive-new .adv-options .dropdown-inner { max-height: none !important; } #family #font-testdrive-new #font-options .dis-options ul:first-of-type:before { margin-left: 164px; } #family #font-testdrive-new #font-options .dis-options ul:first-of-type:after { margin-left: 163px; } #family #font-testdrive-new #cust-text { width: 100%; } } #addToCartDialog { position: fixed; z-index: 10000; top: 0px; left: 0px; width: 400px; padding: 12px; background-color: white; } #addToCartDialog .close_x { position: absolute; right: 3px; top: 3px; } 

 #family_licensing { color: #444; } #family_licensing .license-type { margin: 40px 0; padding-left: 50px; position: relative; } #family_licensing .license-type h3 { margin-bottom: 15px; } #family_licensing .license-type .licicon { position: absolute; left: 5px; top: 0; } .licensetype-web-paygo { background-position: 0px 0; height: 33px; top: -4px; } .licensetype-app-paygo { background-position: 0px 0; height: 33px; top: -4px; } 

 form.metadata_update { position: absolute; background-color: white; padding: 1em; border: 1px solid black; z-index: 100; } form.metadata_update.metadata_person input[name=name], form.metadata_update.metadata_foundry input[name=name] { width: 20em; } form.metadata_update.metadata_person input[name=year], form.metadata_update.metadata_date input[name=date] { width: 8em; } form.metadata_update.metadata_url input[name=url] { width: 40em; } form.metadata_update.metadata_url input[name=desc] { width: 30em; } 

#family #overview_tab #family_article { padding-bottom: 16px; } #family_article div.article_edit { } form.user_article_edit { width: 720px; } form.user_article_edit textarea { width: 100%; height: 270px; } #family #design_details .design_details_column { float: left; width: 232px; padding-left: 32px; } #family #design_details .design_details_column:first-child { padding-left: 0; } #family #overview_tab h3 { margin-top: 0px; } #family_overview_header h3 + * { margin-top: 0; padding-top: 5px; } #design_details ul li { padding-bottom: 8px; font-size:12px; } #design_details span.title { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #design_details ul.family_metadata a { white-space: nowrap; } #bling ul li { min-height: 12px; position: relative; padding-left: 25px; padding-bottom: 10px; clear: left; } #bling ul li.rating { padding-left: 0px; } #bling ul li.rating div.rating_stars { margin-bottom: 0px; position: relative; top: -2px; } #bling ul li img { position: absolute; top: -5px; left: 0px; } #bling ul li.rating img { position: relative; } 

 table#feature_overview { margin-top: 24px; } table#feature_overview tr td { vertical-align: top; } table#feature_overview tr td.feature_overview_spacer { border-top: 1px solid white; width: 24px; } table#feature_overview tr td.feature_overview_spacer_first { border-top: 1px solid #CCCCCC; width: 24px; } table#feature_overview tr td.icon { border-top: 1px solid #CCCCCC; padding-top: 12px; width: 40px; } table#feature_overview tr td.icon img { width: 40px; height: 40px; } table#feature_overview tr td.title { border-top: 1px solid #CCCCCC; padding-top: 22px; padding-left: 12px; width: 296px; } table#feature_overview tr td.desc { padding-left: 12px; padding-bottom: 24px; width: 296px; } 

.file_drag_list { background: #f5f5f5; border: 1px solid #ddd; margin: 20px 0; padding: 10px; } .file_drag_list ul { min-height: 20px; } .file_drag_list h3 { color: #4c4c4c; margin-bottom: 10px; } .file_drag_list li.item { background: #fff; border: 1px solid #ddd; height: 48px; margin-top: 3px; padding: 6px; position: relative; } .file_drag_list li.ui-selected, .file_drag_list li.ui-selecting, .file_drag_list li.multiselect-item { border-color: #09f; } .file_drag_list li.item img { float:left; margin-right:20px; max-height:48px; } .file_drag_list li.item .title { font-weight: bold; line-height: 48px; color: #4c4c4c; } .file_drag_list li.item .uploaded { background-image: url('/s/images/foundry/foundry_uploaded.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 15px; color: #444; height: 16px; padding-left: 25px; position: absolute; top: 10px; right: 90px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .file_drag_list li.item .uploaded { background-image: url('/s/images/foundry/foundry_uploaded@2x.png'); } } .file_drag_list li.item .button { background-position: center center; background-repeat: no-repeat; opacity: 0.4; } .file_drag_list li.item .button:hover { opacity: 0.7; } .file_drag_list li.item .button:active { opacity: 1; } .file_drag_list li.item .button.move { background-image: url('/s/images/foundry/foundry_artwork_move.png'); background-size: 16px 26px; cursor: move; height: 26px; width: 16px; position: absolute; top: 10px; right: 10px; } .file_drag_list li.item .button.delete { background-image: url('/s/images/foundry/foundry_artwork_delete.png'); background-size: 14px 18px; cursor: pointer; height: 18px; width: 14px; position: absolute; top: 14px; right: 50px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .file_drag_list li.item .button.move { background-image: url('/s/images/foundry/foundry_artwork_move@2x.png'); } .file_drag_list li.item .button.delete { background-image: url('/s/images/foundry/foundry_artwork_delete@2x.png'); } } 

form.file_drop_upload { } form.file_drop_upload fieldset { padding: 10px; } form.file_drop_upload legend { font-weight: bold; color: #333; } form.file_drop_upload .filedrag { background: #fcfcfc; display: none; text-align: center; padding: 70px 20px; margin: 1em 0; border: 2px dashed #ccc; border-radius: 7px; cursor: default; } form.file_drop_upload.active .filedrag { background-image: url('/s/images/foundry/foundry_loading.gif'); background-position: center 130px; background-repeat: no-repeat; background-size: 24px 24px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { form.file_drop_upload.active .filedrag { background-image: url('/s/images/foundry/foundry_loading@2x.gif'); } } form.file_drop_upload .filedrag.hover, form.file_drop_upload .filedrag:active { border-color: #09f; } form.file_drop_upload img { max-width: 100%; } form.file_drop_upload pre { width: 95%; height: 8em; font-family: monospace; font-size: 0.9em; padding: 1px 2px; margin: 0 0 1em auto; border: 1px inset #666; background-color: #eee; overflow: auto; } form.file_drop_upload #messages { padding: 0 10px; margin: 1em 0; border: 1px solid #999; } form.file_drop_upload #progress p { display: block; width: 240px; padding: 2px 5px; margin: 2px 0; border: 1px inset #446; border-radius: 5px; background: #eee url("progress.png") 100% 0 repeat-y; } form.file_drop_upload #progress p.success { background: #0c0 none 0 0 no-repeat; } form.file_drop_upload #progress p.failed { background: #c00 none 0 0 no-repeat; } .errbox { color: red; } 

#fontCards, #fontCards * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #fontCards { width: 100%; } .flexbox #fontCards { display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #fontCards .col1, #fontCards .col2 { width: 100%; margin: 0; } #fontCards .col2 { width: 100%; } #fontCards #fontCardTemplate { display:none; } #fontCards .fontCard { background: #fff; border: 1px solid #eee; padding: 12px 15px 15px 15px; width: 100%; margin: 0 auto 20px auto; box-shadow: 0px 1px 1px -1px #ddd; } #fontCards .floaty { float:left; } .fcUpper.clearfix { margin-bottom: 10px; } #fontCards .fcTitle { font-size: 20px; padding-bottom: 0px; width: 100%; } /*#fontCards .fontCard.foundry .fcTitle { display:none; }*/ #fontCards .fcReason1 { padding: 10px 0 10px 45px; background-repeat: no-repeat; background-position: left center; background-size: 30px; color: #333; position:relative; } /* removed until Recommendations release -> make this not use an image #fontCards .fontCard.recommended .fcReason1 { background-image: url("/s/images/font_cards/reason_recommend.png"); background-size: 20px; } */ #fontCards .fontCard.newFont .fcReason1 { padding: 0; } #fontCards .newFont .fcReason1:before, #fontCards .promotion .fcReason1:before{ height: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 10px; font-family: "rooneysans-medium"; line-height: 15px; padding: 2px 5px; display: inline-block; padding-bottom: 3px; text-align: center; } #fontCards .newFont .fcReason1:before { background-color: rgb(0, 144, 255); content: "NEW"; } #fontCards .promotion .fcReason1 { clear: left; } #fontCards .promotion .fcReason1:before { background-color: rgb(255,0,200); content: "SALE"; } #fontCards .select .fcReason1:before { background-image: url('/s/images/font_cards/bulb.png'); background-repeat: no-repeat; content: ""; width: 22px; height: 21px; display: inline-block; vertical-align: middle; background-size: 22px 21px; } #fontCards .fontCard .fcReason1 span { margin-left: 5px; font-family: "RooneySans-Regular"; font-size: 12px; vertical-align: middle; } #fontCards .fontCard.hotNewFonts .fcReason1 span { margin-left: 0; vertical-align: super; } /* #fontCards .fontCard.promotion .fcReason1 { background-color: rgb(244,0,183); width: 60px; height: 21px; -moz-border-radius: 5%; -webkit-border-radius: 5%/17%; border-radius: 5%/17%; color: rgb(255,255,255); font-size: 14px; font-family: "rooneysans-medium"; line-height: 120%; padding: 3px 6px; clear: left; margin-top: 10px; margin-right: 5px; } */ #fontCards .fontCard.bestSeller .fcReason1 { color: rgb(17,17,17); float: left; background: transparent url('/s/images/iconsets/myfonts/badge_star.png') no-repeat; padding-left: 20px; line-height: 0%; background-position: 0 -1px; clear: left; vertical-align: super; } /* #fontCards .fontCard.hotNewFonts .fcReason1 { padding: 10px 0 10px 35px; background-image: url("/s/images/font_cards/reason_general.png"); height: 30px; } */ #fontCards .fontCard.hotNewFonts .fcReason1 { background: none; padding: 6px 0 0 0; font-size: 11px; top: -1px; } #fontCards .fontCard.hotNewFonts .fcReason1 .fcHnfRank { float: left; background-color: rgb(0,150,255); border-radius: 50%; height: 30px; min-width: 30px; font-size: 16px; color: rgb(255,255,255); text-align: center; font-family: "rooneysans-bold"; margin-top: -2px; width: 30px; padding-top: 4px; margin-top: -5px; } #fontCards .fontCard.select .fcReason1 { padding: 6px 0 0 0; } #fontCards .fcReason2 { padding: 0; font-size: 12px; height: 21px; line-height: 21px; color: #333; } #fontCards .fcUpperLeft { width: 75%; } #fontCards .fcUpperRight { width: 25%; } #fontCards .fcUpperBtns { float:right; width: 100%; } #fontCards .fcUpperBtns .follow.fcbtn { display:none; } #fontCards .fontCard.foundry .fcUpperBtns .follow { display:inline-block; float: none; width: 85px; height: 30px; font-size: 16px; } #fontCards .fcUpperBtns .favorite { background-image: url("/s/images/font_cards/favorite_md.png"); background-repeat: no-repeat; background-position: center center; background-color: #eee; background-size: 16px 14px; width: 30px; height: 28px; float: right; border-radius: 3px; } #fontCards .fcUpperBtns div.selected .favorite { background-image: url("/s/images/font_cards/favorite_md_selected.png"); } #fontCards .fcPriceInfo { clear: right; text-align:right; display:none; font-size: 12px; } #fontCards .album_dropdown{ display: none; } #fontCards .fcbtn { display:block; padding: 5px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eee; color: #444; font-size: 14px; margin:0; height: 28px; } #fontCards .fcUpperBtns > li > div > a.follow:hover { background: #ddd; text-decoration: none; } #fontCards .fcUpperBtns > li > div > a.favorite:hover { background-image: url("/s/images/font_cards/favorite_md_selected.png"); } #fontCards .fcUpperBtns > li { position: relative; float:none; } #fontCards .fcUpperBtns > li > div > a{ float:right; margin-bottom: 8px; } #fontCards .fontCard.font .fcUpperBtns > li.foundryOnly { display: none; } #fontCards .fontCard.foundry .fcUpperBtns > li.fontOnly { display: none; } #fontCards .fcUpperBtns .albumList { display:none; } #fontCards .fcUpperBtns li:hover .albumList { display:block; background: #fff; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); line-height: 1.2em; padding: 5px 0; position: absolute; right: 0px; text-align: left; white-space: nowrap; max-height: 150px; max-width: 164px; overflow: auto; } #fontCards .fcUpperBtns .albumList a { display:block; padding: 6px 10px; color: #555; } #fontCards .fcUpperBtns .albumList a:hover { display:block; text-decoration: none; background: #eee; } #fontCards .fcLowerImage img { display:block; width: 100%; margin: 0 auto; } #fontCards .fontCard.foundry .fcLowerImage img { max-height: 140px; } #fontCards .fcLowerFndryExp { margin-top: 4px; } #fontCards .fcLowerFndryExp a { width: 22%; margin-right: 4%; float: left; } #fontCards .fcLowerFndryExp a img { display:block; width: 100%; } #fontCards .fcLowerOpt { margin-top: 10px; display:block; font-size: 12px; } #fontCards .fontCard.following .fcLowerOpt { display:none; } #fontCards .fcRecChoice { display:inline-block; padding: 1px 5px 3px 5px; margin-left: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #fff; background: #fff; -webkit-transition: border 0.25s ease-in-out; -moz-transition: border 0.25s ease-in-out; -ms-transition: border 0.25s ease-in-out; -o-transition: border 0.25s ease-in-out; transition: border 0.25s ease-in-out; } #fontCards .fcRecChoice.selected, #fontCards .fcRecChoice:hover { border: 1px solid #09f; text-decoration: none; } #fontCards .fcTitle, #fontCards .fcReason1 { width: 100%; float: left; text-align: center; margin-bottom: 5px; } #fontCards .fcReason1, #fontCards .fcReason2 { width: initial; text-align: left; position: relative; padding: 0; } #fontCards .newFont .fcReason1:before, #fontCards .promotion .fcReason1:before { height: 16px; font-size: 12px; margin-right: 5px; } #fontCards .select .fcReason1:before { margin-right: 5px; } #fontCards .fcReason1 span { display: none; } #fontCards .fcButtonWrapper { float: right; text-align: center; } #fontCards button.add_to_album_toggle_client.only { padding: 5px 11px; height: 28px; } #fontCards button.add_to_album_toggle_client.only span { font-size: 13px; line-height: normal; margin-right: 2px; } #fontCards .fontCard.foundry { position: relative; padding: 27px 11px 22px 11px; } #fontCards .fontCard.foundry .fcReason1, #fontCards .fontCard.foundry .fcReason2 { display: none; } #fontCards .fontCard.foundry .fcButtonWrapper { float: none; } #fontCards .fontCard.foundry .fcUpperBtns li.foundryOnly { margin-left: 0; float: none; margin-top: 10px; } #fontCards .fcLowerFndryExp a:nth-child(4) { margin-right: 0; } #fontCards .fcLowerFndryExp a:nth-child(5) img, #fontCards .fcLowerFndryExp a:nth-child(6) img { display: none; } #fontCards .fontCard.foundry .fcTitle { display: none; } #fontCards .fontCard.foundry .fcUpper { margin-bottom: 24px; } .ie #fontCards .fcUpperRight { display:block; width: 35%; } .ie #fontCards .fcUpperLeft { width: 65%; } .ie #fontCards .fcTitle { font-size: 24px; } @media (min-width: 450px) { #fontCards .fcUpperRight { display:block; width: 35%; } #fontCards .promotion .fcReason1 { padding: 0; } #fontCards .fcUpperBtns > li { position: relative; float: right; margin-left: 8px; } #fontCards .fcUpperBtns > li > div > a { margin-bottom: 0px; float:none; } #fontCards .fcUpperLeft { width: 65%; } #fontCards .fcLowerOpt { font-size: 14px; } #fontCards .fcRecChoice { margin-left: 10px; } } @media (min-width: 768px) { #fontCards .fcPriceInfo, #fontCards .album_dropdown { display: block; } #fontCards .fontCard .fcReason1 { margin-bottom: 0; } #fontCards .fontCard.select .fcReason1 { padding: 0; } #fontCards .fontCard.newFont .fcReason1 { padding: 6px 0 0 0; } #fontCards .fcReason1 span { display: inline-block; } #fontCards .fontCard .fcUpperBot > div { display: inline-block; } #fontCards .fontCard .fcReason1, #fontCards .fontCard .fcReason2 { float: left; text-align: left; width: initial; height: initial; line-height: initial; } #fontCards .fontCard .fcPriceInfo { display: inline-block; float: right; } #fontCards .fontCard { margin: 0 20px 10px 0; } #fontCards .fontCard .fcUpperBot { padding-top: 36px; } #fontCards .fcTitle { width: 65%; text-align: left; } #fontCards .fontCard.foundry { padding-top: 50px; } #fontCards .fontCard.foundry .fcButtonWrapper { float: right; position: absolute; top: 10px; right: 15px; } #fontCards .fontCard.foundry .fcUpperBtns li.foundryOnly { margin-left: 8px; float: right; margin-top: 6px; } #fontCards .fontCard .fcReason1 { clear: both; margin-top: -3px; } #fontCards .fontCard.hotNewFonts .fcReason1, #fontCards .fontCard.newFont .fcReason1 { padding: 0; } #fontCards .newFont .fcReason1:before, #fontCards .promotion .fcReason1:before, #fontCards .select .fcReason1:before { margin-right: 0; } #fontCards .fontCard.foundry .fcUpperBtns .follow { font-size: 13px; width: 73px; height: 26px; } #fontCards .fontCard .fcReason1 span, #fontCards .newFont .fcReason1:before, #fontCards .promotion .fcReason1:before, #fontCards .select .fcReason1:before { vertical-align: middle; } #fontCards .fontCard.foundry .fcUpper { margin-bottom: 30px; } } @media (min-width: 450px) and (max-width:767px) { #fontCards .col1, #fontCards .col2 { width: 425px; margin: 0 auto; } #fontCards .fontCard { border: 1px solid #eee; } } @media (min-width: 769px) { #fontCards .fontCard.foundry { } } @media (min-width: 900px) { #fontCards .fcTitle { font-size: 18px; } } @media (min-width: 1050px) { #fontCards .fontCard { margin: 0 20px 20px 0; } } @media (min-width: 1100px) { #fontCards .fcLowerFndryExp a:nth-child(5) img { display: inherit; } #fontCards .fcLowerFndryExp a:nth-child(4) { margin-right: 1%; } #fontCards .fcLowerFndryExp a:nth-child(5) { margin-right: 0; } #fontCards .fcLowerFndryExp a { width: 19.2%; margin-right: 1%; } #fontCards .fcTitle { font-size: 20px; } #fontCards .fontCard .fcReason1 span, #fontCards .fontCard.hotNewFonts .fcReason1, #fontCards .fontCard .fcReason2 { font-size: 14px; } #fontCards .fontCard .fcReason1 span, #fontCards .newFont .fcReason1:before, #fontCards .promotion .fcReason1:before, #fontCards .select .fcReason1:before { vertical-align: bottom; } #fontCards .bestSeller .fcReason1 span { vertical-align: middle; } #fontCards .fontCard.hotNewFonts .fcReason1 { top: -2px; } #fontCards .fontCard.foundry .fcUpperBtns .follow { font-size: 16px; width: 89px; height: 32px; } #fontCards .fcPriceInfo { font-size: 14px; } } @media (min-width: 1350px) { #fontCards .fcLowerFndryExp a:nth-child(6) img { display: inherit; } #fontCards .fcLowerFndryExp a:nth-child(4), #fontCards .fcLowerFndryExp a:nth-child(5) { margin-right: 2%; } #fontCards .fcLowerFndryExp a:nth-child(6) { margin-right: 0; } #fontCards .fcLowerFndryExp a { width: 15%; margin-right: 2%; } } @media (min-width: 1984px) { .flexbox #fontCards .col1, #fontCards .col2 { width: 49.3%; } .flexbox #fontCards .col1 { margin-right: 20px; } } div.fc-authenticate { background: white; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); font-size: 14px; padding: 15px; position:absolute; text-align: left; top:28px; right: 0; width: 275px; z-index: 8; } div.fc-authenticate iframe.dropdown_login_frame { width: 250px; height: 155px; } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape), only screen and (max-width: 450px) { #fontCards .fontCard { width: 100%; } #fontCards .col1, #fontCards .col2 { width: 100%; margin: 0; max-width: none; } #fontCards .fontCard { margin: 0 0 16px 0; max-width: none; border: none; border-top: 1px solid #eee; } #fontCards .fontCard.font { padding: 0; } #fontCards .fontCard.font .fcUpper { padding: 14px 8px 0 8px; } #fontCards .fontCard.font .fcLower { padding-bottom: 9px; } #fontCards .fontCard.foundry .fcTitle { display: none; } #fontCards .fontCard.bestSeller .fcReason1 { clear: none; } #fontCards .fontCard.hotNewFonts .fcReason1 { line-height: 20px; } } @media only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #fontCards .fontCard.foundry .fcUpper { margin-bottom: 30px; } #fontCards .fcLowerFndryExp a:nth-child(4) { margin-right: 2%; } #fontCards .fcLowerFndryExp a:nth-child(5) { margin-right: 0; } #fontCards .fontCard.foundry .fcUpperBtns li.foundryOnly { margin-top: 20px; } #fontCards .fontCard.font .fcUpper { padding: 14px 16px 0 16px; } #fontCards .fontCard.font .fcLowerImage img { padding: 0 16px 14px 16px; } #fontCards .fcLowerFndryExp a:nth-child(5) img { display: inherit; } #fontCards .fcLowerFndryExp a { width: 18%; margin-right: 2%; } #fontCards .fcLowerFndryExp { width: 69%; margin: 0 auto; } #fontCards .fcUpperBtns .favorite { width: 32px; height: 30px; background-size: 15px 13px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { #fontCards .fcUpperBtns .favorite { background-image: url("/s/images/font_cards/favorite_md@2x.png"); } .no-touch #fontCards .fcUpperBtns .favorite:hover, #fontCards .fcUpperBtns div.selected .favorite { background-image: url("/s/images/font_cards/favorite_md_selected@2x.png"); } #fontCards .fontCard.bestSeller .fcReason1 { background: transparent url('/s/images/iconsets/myfonts/badge_star@2x.png') no-repeat; background-size: 20px; background-position: 0 -1px; } #fontCards .select .fcReason1:before { background-image: url('/s/images/font_cards/bulb@2x.png'); } } .bb-toggle-view.selected { background-image: url("/s/images/font_cards/favorite_selected.png"); } .bb-toggle-view.follow { background-image: url("/s/images/font_cards/favorite.png"); } .bb-toggle-view { display:block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eee; color: #444; font-size: 14px; margin:0; height: 28px; width: 36px; background-repeat: no-repeat; background-position: center center; float:right; } 

 div#addToAlbumMenu { width: 300px; } div#addToAlbumMenuHeader { font-weight: bold; padding: 2px 5px; } div#addToAlbumMenuBody { overflow: auto; height: 216px; margin:12px 0px; background-color: #F1F1F1; } div#addToAlbumMenuCancel { text-align: center; } div#addToAlbumMenuBody ul { } div#addToAlbumMenuBody ul li { padding: 6px 12px; } div#addToAlbumMenuBody ul li .unavailable { color: #666; } div#addToAlbumMenuFooter { text-align: center; background-color: #CCC; padding: 3px 0px; } .void { color:#999999; } span.item_added { font-size: 12px; font-weight: bold; padding: 2px 5px; } input.closeAlbumMenu { padding: 2px 5px; float: right; } #addToAlbumConfirmedButtons { text-align: center; } #addToAlbumConfirmedButtons input { margin: 12px; } 

 #fontface_embed_modal { padding: 20px 30px; } #fontface_embed_modal textarea { border: 1px solid #ddd; box-sizing: border-box; font-family: monospace; height: 200px; margin: 20px 0; outline: none; padding: 6px; width: 100%; } #fontface_embed_modal textarea:focus { border-color: #09f; } #fontface_embed_modal .buttons { text-align: center; } #fontface_embed_modal .buttons input[type=button] { background: #fff; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px -1px 4px whitesmoke; cursor: pointer; color: #000!important; display: inline-block; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; outline: none; padding: 6px 12px; text-decoration: none; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; } #fontface_embed_modal .buttons input[type=button]:hover { border-color: #09f; } 

 html, body { margin: 0; padding: 0; } #fontface_error { color: #333; padding: 5px; width: 929px; } #fontface_error h1 { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 30px; font-weight: normal; margin-bottom: 0.5em; } #fontface_error p { font-size: 18px; } #fontface_error #signInPage { margin: 0; padding: 0; } #fontface_error #signInPage h1 { display: none; } #fontface_previews { width: 939px; } #fontface_previews .preview_tabs { text-align: right; } #fontface_previews .preview_tabs .label { color: #666; display: inline-block; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; } #fontface_previews .preview_tabs .tab { border: 1px solid #ddd; border-radius: 2px; color: #09f; display: inline-block; font-family: "RooneySans-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 17px; margin-left: 10px; padding: 8px 15px; position: relative; } #fontface_previews .preview_tabs .tab .help_tooltip { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; position: absolute; text-align: center; top: 50px; } #fontface_previews .preview_tabs .tab:first-of-type { margin-left: 15px; } #fontface_previews .preview_tabs .tab:hover { background: #09f; border-color: #006BDC; color: #fff; text-decoration: none; } #fontface_previews .preview_tabs .tab.embed .help_tooltip { left: 50%; margin-left: -75px; width: 120px; } #fontface_previews .preview_tabs .tab.embed .help_tooltip:before { left: 50%; } #fontface_previews .preview_tabs .tab.typecast { background-image: url("/s/images/fontface_previews/tab_arrow.png"); background-position: right center; background-repeat: no-repeat; background-size: 32px 18px; padding-right: 40px; } #fontface_previews .preview_tabs .tab.typecast:hover { background-image: url("/s/images/fontface_previews/tab_arrow_hover.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #fontface_previews .preview_tabs .tab.typecast { background-image: url("/s/images/fontface_previews/tab_arrow@2x.png"); } #fontface_previews .preview_tabs .tab.typecast:hover { background-image: url("/s/images/fontface_previews/tab_arrow_hover@2x.png"); } } #fontface_previews .preview_tabs .tab.typecast .help_tooltip { right: 0; width: 300px; } #fontface_previews .preview_tabs .tab.typecast .help_tooltip:before { left: 70%; } #fontface_previews .preview_alert { background: #f5dede; color: #792c2c; display: none; font-size: 14px!important; font-weight: bold; padding: 8px; } #fontface_previews .preview { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 0; } #fontface_previews .preview.span-1 { float: left; width: 50%; } #fontface_previews .preview.span-1.span-left { padding-right: 15px; } #fontface_previews .preview.span-1.span-right { padding-left: 15px; } #fontface_previews .preview.span-2 { width: 100%; } #fontface_previews .preview .options { *zoom: 1; } #fontface_previews .preview .options:after { content: ""; display: table; clear: both; } #fontface_previews .preview .options select { width: 200px; float: left; font-size: 16px; } #fontface_previews .preview .options .size_slider_widget { float: left; margin: 2px 20px 0; } #fontface_previews .preview .options a.otfeat { background-position: center center; background-repeat: no-repeat; background-size: 20px 20px; display: none; height: 20px; margin-right: 5px; text-decoration: none!important; width: 20px; } #fontface_previews .preview .options a.otfeat .info { background: #434343; border-radius: 3px; color: #fff; display: none; float: left; font-size: 11px; height: 15px; padding: 4px 5px; position: relative; top: -35px; left: -65px; text-align: center; width: 150px; } #fontface_previews .preview .options a.otfeat .info:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #434343; position: absolute; top: 23px; left: 69px; } #fontface_previews .preview .options a.otfeat.active { display: inline-block; } #fontface_previews .preview .options a.otfeat:hover .info { display: block; } #fontface_previews .preview .options a.otfeat[data-feat=calt] { background-image: url("/s/w/fontface_previews/calt.png"); } #fontface_previews .preview .options a.otfeat[data-feat=calt]:hover { background-image: url("/s/w/fontface_previews/calt-hover.png"); } #fontface_previews .preview .options a.otfeat[data-feat=calt].selected { background-image: url("/s/w/fontface_previews/calt-active.png"); } #fontface_previews .preview .options a.otfeat[data-feat=liga] { background-image: url("/s/w/fontface_previews/liga.png"); } #fontface_previews .preview .options a.otfeat[data-feat=liga]:hover { background-image: url("/s/w/fontface_previews/liga-hover.png"); } #fontface_previews .preview .options a.otfeat[data-feat=liga].selected { background-image: url("/s/w/fontface_previews/liga-active.png"); } #fontface_previews .preview .options a.otfeat[data-feat=dlig] { background-image: url("/s/w/fontface_previews/dlig.png"); } #fontface_previews .preview .options a.otfeat[data-feat=dlig]:hover { background-image: url("/s/w/fontface_previews/dlig-hover.png"); } #fontface_previews .preview .options a.otfeat[data-feat=dlig].selected { background-image: url("/s/w/fontface_previews/dlig-active.png"); } #fontface_previews .preview .options a.otfeat[data-feat=onum] { background-image: url("/s/w/fontface_previews/onum.png"); } #fontface_previews .preview .options a.otfeat[data-feat=onum]:hover { background-image: url("/s/w/fontface_previews/onum-hover.png"); } #fontface_previews .preview .options a.otfeat[data-feat=onum].selected { background-image: url("/s/w/fontface_previews/onum-active.png"); } #fontface_previews .preview .text { -moz-font-feature-settings: "kern", "liga" 0, "calt" 0; -ms-font-feature-settings: "kern", "liga" 0, "calt" 0; -o-font-feature-settings: "kern", "liga" 0, "calt" 0; -webkit-font-feature-settings: "kern", "liga" 0, "calt" 0; font-feature-settings: "kern", "liga" 0, "calt" 0; min-height: 1em; margin-top: 10px; padding: 5px; word-wrap: break-word; cursor: default; } #fontface_previews .preview .text:hover { background: #fff; outline: 1px dashed #ccc; } #fontface_previews .preview .text:focus { background: #f9f9f9; outline: 1px dashed #bbb; } #fontface_previews .preview .text.loading { color: #ccc; } #fontface_previews .preview .text.loading:before { background: #f6f6f6 url("/s/images/iconsets/myfonts/spinner.gif") center center no-repeat; border: 1px solid #e6e6e6; content: ''; display: block; height: 24px; width: 24px; margin-top: 3px; margin-left: -13px; position: absolute; top: 50%; left: 50%; } #fontface_previews .preview .text.headline { font-size: 60px; } #fontface_previews .preview .text.subhead { font-size: 36px; float: none; } #fontface_previews .preview .text.body { font-size: 16px; } #fontface_previews .preview .text.light { font-size: 20px; } #fontface_previews .preview .text.calt { -moz-font-feature-settings: "calt", "liga" 0; -ms-font-feature-settings: "calt", "liga" 0; -o-font-feature-settings: "calt", "liga" 0; -webkit-font-feature-settings: "calt", "liga" 0; font-feature-settings: "calt", "liga" 0; } #fontface_previews .preview .text.dlig { -moz-font-feature-settings: "dlig", "liga" 0; -ms-font-feature-settings: "dlig", "liga" 0; -o-font-feature-settings: "dlig", "liga" 0; -webkit-font-feature-settings: "dlig", "liga" 0; font-feature-settings: "dlig", "liga" 0; } #fontface_previews .preview .text.liga { -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga","dlig"; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.onum { -moz-font-feature-settings: "onum" 1, "liga" 0; -ms-font-feature-settings: "onum" 1, "liga" 0; -o-font-feature-settings: "onum" 1, "liga" 0; -webkit-font-feature-settings: "onum" 1, "liga" 0; font-feature-settings: "onum" 1, "liga" 0; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.calt.dlig { -moz-font-feature-settings: "calt", "dlig", "liga" 0; -ms-font-feature-settings: "calt", "dlig", "liga" 0; -o-font-feature-settings: "calt", "dlig", "liga" 0; -webkit-font-feature-settings: "calt", "dlig", "liga" 0; font-feature-settings: "calt", "dlig", "liga" 0; } #fontface_previews .preview .text.calt.liga { -moz-font-feature-settings: "calt", "liga"; -ms-font-feature-settings: "calt" 1, "liga" 1; -o-font-feature-settings: "calt", "liga"; -webkit-font-feature-settings: "calt", "liga"; font-feature-settings: "calt", "liga"; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.calt.onum { -moz-font-feature-settings: "calt", "onum", "liga" 0; -ms-font-feature-settings: "calt", "onum", "liga" 0; -o-font-feature-settings: "calt", "onum", "liga" 0; -webkit-font-feature-settings: "calt", "onum", "liga" 0; font-feature-settings: "calt", "onum", "liga" 0; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.dlig.liga { -moz-font-feature-settings: "dlig", "liga"; -ms-font-feature-settings: "dlig" 1, "liga" 1; -o-font-feature-settings: "dlig", "liga"; -webkit-font-feature-settings: "dlig", "liga"; font-feature-settings: "dlig", "liga"; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.dlig.onum { -moz-font-feature-settings: "dlig", "onum", "liga" 0; -ms-font-feature-settings: "dlig", "onum", "liga" 0; -o-font-feature-settings: "dlig", "onum", "liga" 0; -webkit-font-feature-settings: "dlig", "onum", "liga" 0; font-feature-settings: "dlig", "onum", "liga" 0; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.liga.onum { -moz-font-feature-settings: "liga", "onum"; -ms-font-feature-settings: "liga" 1, "onum" 1; -o-font-feature-settings: "liga", "onum"; -webkit-font-feature-settings: "liga", "onum"; font-feature-settings: "liga", "onum"; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.calt.dlig.liga { -moz-font-feature-settings: "calt", "dlig", "liga"; -ms-font-feature-settings: "calt" 1, "dlig" 1, "liga" 1; -o-font-feature-settings: "calt", "dlig", "liga"; -webkit-font-feature-settings: "calt", "dlig", "liga"; font-feature-settings: "calt", "dlig", "liga"; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.calt.dlig.onum { -moz-font-feature-settings: "calt", "dlig", "onum", "liga" 0; -ms-font-feature-settings: "calt", "dlig", "onum", "liga" 0; -o-font-feature-settings: "calt", "dlig", "onum", "liga" 0; -webkit-font-feature-settings: "calt", "dlig", "onum", "liga" 0; font-feature-settings: "calt", "dlig", "onum", "liga" 0; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.calt.liga.onum { -moz-font-feature-settings: "calt", "liga", "onum"; -ms-font-feature-settings: "calt" 1, "liga" 1 , "onum" 1; -o-font-feature-settings: "calt", "liga", "onum"; -webkit-font-feature-settings: "calt", "liga", "onum"; font-feature-settings: "calt", "liga", "onum"; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.dlig.liga.onum { -moz-font-feature-settings: "dlig", "liga", "onum"; -ms-font-feature-settings: "dlig" 1, "liga" 1, "onum" 1; -o-font-feature-settings: "dlig", "liga", "onum"; -webkit-font-feature-settings: "dlig", "liga", "onum"; font-feature-settings: "dlig", "liga", "onum"; text-rendering: optimizeLegibility; } #fontface_previews .preview .text.calt.dlig.liga.onum { -moz-font-feature-settings: "calt", "dlig", "liga", "onum"; -ms-font-feature-settings: "calt" 1, "dlig" 1, "liga" 1, "onum" 1; -o-font-feature-settings: "calt", "dlig", "liga", "onum"; -webkit-font-feature-settings: "calt", "dlig", "liga", "onum"; font-feature-settings: "calt", "dlig" , "liga" , "onum" ; text-rendering: optimizeLegibility; } #fontface_previews.error .preview_tabs { display: none; } #fontface_previews.error .preview_alert { display: block; } #fontface_previews.error .text.loading:before { background-image: none; color: #792c2c; content: ' ! '; font-size: 21px!important; font-weight: bold; text-align: center; } 

#twf-autobox { display: inline-block; width: 100%; border-top: 1px solid #aaa; padding:30px 0 0; } #twf-autobox .twf-inner { text-align: center; } 

#foundry_page h1 { float: left; margin: 0 30px 10px 0; } #foundry_page .title_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: flex-start; -webkit-justify-content: flex-start; } #foundry_page #foundry_always { margin-top: 18px; } #foundry_page #foundry_info { padding-top: 24px; } #foundry_page .infobox { float: left; width: 224px; margin-right: 24px; } #foundry_page .infobox.infobox_3 { margin-right: 0px; } #foundry_page .infobox ul { margin-top: 8px; border-top: 1px solid #CCC; } #foundry_page .infobox ul li { margin-top: 8px; font-size: smaller; } #foundry_page .title_wrapper .ac-follow-root { position: relative; } #foundry_page .title_wrapper a.fcbtn { padding: 5px; border-radius: 3px; background-color: #eee; color: #4a4a4a; font-size: 14px; margin: 0 0 5px 0; height: 20px; text-decoration: none; text-align: center; width: 68px; float: left; } #foundry_page .title_wrapper a.fcbtn:hover { background: #ddd; } #foundry_font_list { clear: left; padding-top: 24px; } #foundry_font_list .columns { margin-top: 8px; border-top: 1px solid #CCC; padding-top: 24px; } #foundry_font_list #font-testdrive-new #font-options { float: right; } #foundry_font_list #font-testdrive-new .right-options { width: 100%; border-top: 1px solid #dddddd; padding: 0 5px; } #foundry_font_list #font-testdrive-new .back-to-top { float: right; } #foundry_font_list #font-testdrive-new .image_checkbox { margin: 0; margin-top: 18px; float: right !important; } #foundry_font_list #font-testdrive-new #sort-container { padding: 12px 0; position: relative; } #foundry_font_list #font-testdrive-new #color-picker + .dropdown-modal { left: -281px; } #foundry_font_list #font-testdrive-new #advanced-options + .dropdown-modal { left: -430px; } #foundry_font_list #font-testdrive-new #display-options + .dropdown-modal { left: -175px; } #foundry_font_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:before { margin-left: 246px; } #foundry_font_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:after { margin-left: 247px; } #foundry_font_list #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 456px; left: 34px; } #foundry_font_list #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 455px; left: 34px; } #foundry_font_list #font-testdrive-new #font-options .dis-options ul:first-child:before { margin-left: 251px; } #foundry_font_list #font-testdrive-new #font-options .dis-options ul:first-child:after { margin-left: 250px; } #foundry_font_list #font-testdrive-new #font-size #font-slider-wrap, #foundry_font_list #font-testdrive-new #font-size > #fit-width { display: block; } #foundry_designers { clear: left; padding-top: 24px; } #foundry_designers ul { margin-top: 8px; border-top: 1px solid #CCC; padding-top: 24px; } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #foundry_font_list div.search-result-item div.product-image, #foundry_font_list div.search-result-item div.product-image img { max-height: none; } #foundry_font_list #font-testdrive-new #font-size #font-slider-wrap, #foundry_font_list #font-testdrive-new #font-size > #fit-width { display: none; } #foundry_font_list #font-testdrive-new #color-picker + .dropdown-modal, #foundry_font_list #font-testdrive-new #advanced-options + .dropdown-modal, #foundry_font_list #font-testdrive-new #display-options + .dropdown-modal { width: auto !important; left: 630px; } #foundry_font_list #font-testdrive-new #color-toggle .toggle { padding-top: 9px; } #foundry_font_list #font-testdrive-new #display-options + .dropdown-modal .checkbox label { padding-top: 0; padding-bottom: 10px; } #foundry_font_list #font-testdrive-new .adv-options .dropdown-inner { max-height: none !important; } #foundry_font_list #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 169px; } #foundry_font_list #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 168px; } #foundry_font_list #font-testdrive-new #font-options .dis-options ul:first-child:before { margin-left: 221px; } #foundry_font_list #font-testdrive-new #font-options .dis-options ul:first-child:after { margin-left: 220px; } #foundry_font_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:before { margin-left: 198px; } #foundry_font_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:after { margin-left: 199px; } #foundry_font_list #font-testdrive-new #text-selector .dropdown-inner { max-height: none !important; } } 

 #foundry_admin_bar { background: #FFF29C; border-top: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; box-sizing: border-box; font-family: "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; height: 35px; line-height: 1em; overflow: visible; padding: 3px 10px; width: 100%; } #foundry_admin_bar b, #foundry_admin_bar strong { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #foundry_admin_bar i, #foundry_admin_bar em { font-family: "Proxima-Nova-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; } #foundry_admin_bar .fab_inner { margin: 0 auto; max-width: 960px; position: relative; } #foundry_admin_bar .admin_info { line-height: 27px; position: absolute; top: 0px; left: 0px; } #foundry_admin_bar .admin_info .label { display: inline-block; position: relative; top: -10px; } #foundry_admin_bar .admin_info .selected { background: #fefefe; border: 1px solid; border-color: #e2e2e2 #d7d7d7 #d3d3d3 #d7d7d7; border-radius: 2px; display: inline-block; line-height: 15px; margin: 0 10px 0 15px; max-width: 125px; overflow: hidden; padding: 5px; text-overflow: ellipsis; white-space: nowrap; } #foundry_admin_bar .admin_info .selected .foundry_admin_signout { background: #ccc; border-radius: 10px; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; line-height: 12px; height: 12px; padding: 2px; width: 12px; text-align: center; } #foundry_admin_bar .admin_info .selected .foundry_admin_signout:hover { background: #aaa; text-decoration: none; } #foundry_admin_bar #foundry_selector { position: absolute; top: 0px; left: 320px; } #foundry_admin_bar #foundry_selector .loading { background-image: url("/s/images/foundry/foundry_selector_loading_yellow.gif"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_admin_bar #foundry_selector .loading { background-image: url("/s/images/foundry/foundry_selector_loading_yellow@2x.gif"); } } 

 #foundry_artwork_upload { background: #fff; box-sizing: border-box; box-shadow: 0px 0px 15px #e5e5e5; margin: 0 auto; overflow: auto; padding: 30px; width: 960px; } #foundry_artwork_upload .drop_zone_area { overflow: auto; } #foundry_artwork_upload .drop_zone_area .left_col { float: left; width: 505px; } #foundry_artwork_upload .drop_zone_area .right_col { float: right; width: 365px; } #foundry_artwork_upload .drop_zone_area .legend { color: #666; } #foundry_artwork_upload .drop_zone_area .legend li { margin-top: 20px; overflow: auto; } #foundry_artwork_upload .drop_zone_area .legend p { font-size: 13px; line-height: 17px; margin: 0; } #foundry_artwork_upload .drop_zone_area .legend .thumbnail { float: left; width: 72px; height: 80px; margin-right: 10px; overflow: auto; } #foundry_artwork_upload .drop_zone_area .legend .thumbnail img { float: right; margin-top: 3px; } #foundry_artwork_upload .file_drag_list li .title { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #foundry_artwork_upload .file_drag_list.warning { border: 1px solid #888; background: #adadad; position: relative; } #foundry_artwork_upload .file_drag_list.warning li { border: 1px solid #888; } #foundry_artwork_upload .file_drag_list .warn_msg { display: none; } #foundry_artwork_upload .file_drag_list.warning .warn_msg { background: url('/s/images/foundry/foundry_warn_msg.png') left center / 24px 24px no-repeat; color: #fff; display: block; font-size: 14px; line-height: 24px; padding-left: 32px; position: absolute; top: 7px; left: 80px; } #foundry_artwork_upload p#changes_live { color: #666; display: none; font-style: italic; margin-bottom: 10px; } #foundry_artwork_upload p#changes_live.active { display: block; } #foundry_artwork_upload .foundry_button { margin-right: 10px; } .uploadPoster { color: #444; height: 16px; padding-left: 25px; position: absolute; top: 19px; right: 90px; } 

 #foundry_datepicker { background: #fff; font-family: "Proxima Nova"; height: 225px; overflow: auto; position: relative; width: 900px; } #foundry_datepicker input[type=text] { font-family: "Proxima Nova"; } #foundry_datepicker .left { float: left; padding: 20px; width: 260px; } #foundry_datepicker .left .label { display: inline-block; line-height: 28px; margin-right: 10px; } #foundry_datepicker .left .foundry_dropdown { display: inline-block; width: 140px; } #foundry_datepicker .left .foundry_dropdown span { width: 90px; } #foundry_datepicker .left .custom_range { margin-top: 20px; } #foundry_datepicker .left .foundry_input { font-size: 12px; width: 100px; } #foundry_datepicker .left .buttons { position: absolute; bottom: 20px; left: 20px; } #foundry_datepicker .left .buttons a#foundry_datepicker_cancel { color: #666; font-size: 15px; margin-left: 20px; } #foundry_datepicker #start_datepicker, #foundry_datepicker #end_datepicker { position: absolute; top: 20px; right: 20px; } #foundry_datepicker #start_datepicker { z-index: 10; } #foundry_datepicker #end_datepicker { z-index: 9; } #foundry_datepicker .ui-datepicker { background: #fff; border: none; border-radius: 0; color: #000; font-family: "Proxima Nova"; font-size: 12px; width: 47em!important; } #foundry_datepicker .ui-datepicker * { background: transparent; border: none; } #foundry_datepicker .ui-datepicker .ui-datepicker-group { border: 1px solid #000; border-left: none; min-height: 175px; width: 33%; } #foundry_datepicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-last { border-right: none; } #foundry_datepicker .ui-datepicker .ui-datepicker-header { border-bottom: 1px solid #000; border-radius: 0; } #foundry_datepicker .ui-datepicker .ui-datepicker-prev { top: 1px; left: 0; } #foundry_datepicker .ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid black; } #foundry_datepicker .ui-datepicker .ui-datepicker-next { top: 1px; right: -10px; text-align: right; } #foundry_datepicker .ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid black; } #foundry_datepicker .ui-datepicker .ui-datepicker-title { color: #000; line-height: 1em; font-size: 12px; } #foundry_datepicker .ui-datepicker .ui-datepicker-unselectable span { color: #666; font-weight: normal; padding: 4px 1px; text-align: center; } #foundry_datepicker .ui-datepicker table td, #foundry_datepicker .ui-datepicker table th { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } #foundry_datepicker .ui-datepicker table td:last-of-type, #foundry_datepicker .ui-datepicker table th:last-of-type { border-right: none; } #foundry_datepicker .ui-datepicker table td { padding: 0px; } #foundry_datepicker .ui-datepicker table td a { color: #000; font-weight: normal; padding: 4px 1px; text-align: center; } #foundry_datepicker .ui-datepicker table td.date-range-selected a, #foundry_datepicker .ui-datepicker table td a.ui-state-active { background: #09f; color: #fff; } #foundry_datepicker .ui-datepicker table th { padding: 4px 1px; } #foundry_datepicker .ui-datepicker table tr:last-of-type td { border-bottom: none; } 

 .foundry_dialog { background: #f9f9f9; border: 1px solid #ddd; box-shadow: 0px 2px 5px #ccc; box-sizing: border-box; display: none; font-size: 14px; width: 400px; min-height: 100px; overflow: auto; padding: 15px; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -200px; } .foundry_dialog .message { margin-bottom: 15px; } .foundry_dialog input[type=button], .foundry_dialog input[type=submit] { float: left; margin-right: 5px; } .foundry_dialog input[type=button] { display: none; } 

 .foundry_dropdown { border: 1px solid #ddd; cursor: pointer; line-height: 1em; overflow: visible; position: relative; width: 200px; -webkit-transition: border 200ms ease-in-out; -moz-transition: border 200ms ease-in-out; -ms-transition: border 200ms ease-in-out; -o-transition: border 200ms ease-in-out; transition: border 200ms ease-in-out; } .foundry_dropdown:hover, .foundry_dropdown.active { box-shadow: 0px 1px 3px #e6e6e6; } .foundry_dropdown.active { border-color: #09f; } .foundry_dropdown:after { content: ""; width: 0; height: 0; position: absolute; right: 10px; top: 50%; margin-top: -4px; border-width: 7px 7px 0 7px; border-style: solid; border-color: #09f transparent; } .foundry_dropdown span { border-right: 1px solid #ddd; display: inline-block; padding: 7px; width:152px; } .foundry_dropdown .dropdown { background: #fff; border: 1px solid #ddd; border-top: none; display: none; font-weight: normal; position: absolute; top: 100%; left: 0; right: 0; margin-top: 1px; pointer-events: none; } .foundry_dropdown.active .dropdown { display: block; pointer-events: auto; } .foundry_dropdown .dropdown li a { color: #000!important; display: block; text-decoration: none; padding: 10px 20px; } .foundry_dropdown .dropdown li:hover a { background: #f6f6f6; } 

#foundry_footer { color: #7e7e7e; font-family: "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-align: center; position: relative; margin-top: -50px; height: 14px; padding: 18px 0; clear: both; } #foundry_footer a { color: #4b4c51; text-decoration: underline; } #foundry_footer a:hover { color: #09f; } #foundry_footer b,#foundry_footer strong { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #foundry_footer i, #foundry_footer em { font-family: "Proxima-Nova-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; } 

@charset "UTF-8"; #foundry_guides { box-sizing: border-box; background: #fff; box-shadow: 0px 0px 15px #e5e5e5; color: #333; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; margin: 0 auto 50px; overflow: hidden; padding: 30px; width: 100%; max-width: 960px; } #foundry_guides p { font-size: 17px; line-height: 28px; margin-top: 1em; } #foundry_guides p + span, #foundry_guides h5 + span { margin-bottom: 0; } #foundry_guides h1, #foundry_guides h2 { color: #0099ff; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_guides h1 { font-size: 56px; line-height: 1.1em; text-align: center; } #foundry_guides h2 { font-size: 25px; margin: 1.5em 0 1em 0; } #foundry_guides h3 { font-size: 20px; margin: 1.5em 0 1em 0; color: #000; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_guides h4 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; font-weight: normal; margin: 1em 0 0.6em; text-transform: uppercase; } #foundry_guides h5 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 17px; margin-top: 1.5em; } #foundry_guides h6 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 15px; margin-top: 1.5em; } #foundry_guides h5 + p, #foundry_guides h6 + p { margin-top: 0; } #foundry_guides em { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; font-style: normal; } #foundry_guides h2.center { text-align: center; } #foundry_guides .left-margin { margin-left: 3em; } #foundry_guides .numbers { font-family: "Consolas", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_guides .italics { font-family: "RooneySans-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_guides .margin-none h5 { margin: 0; } #foundry_guides .line-height-reset { line-height: normal; } #foundry_guides .large-margin { margin: 4em 0; } #foundry_guides .container { width: 100%; } #foundry_guides .top-border { border-top: 1px solid #ccc; } #foundry_guides .light { color: #000; font-family: 'St-Marie-Pro-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #foundry_guides .right { text-align: right; } #foundry_guides .small { font-size: 13px; } #foundry_guides .bot-margin-none { margin-bottom: 0; } #foundry_guides .top-margin-none { line-height: normal; margin-top: 0; } #foundry_guides #colophon { border-top: 1px solid #ccc; margin: 60px 0 0; padding: 30px 0 0; } #foundry_guides #colophon p { margin: 2em 0 0 0; line-height: normal; } #foundry_guides #colophon em { font-size: 13px; } #foundry_guides header { border-bottom: 1px solid #ccc; margin: 0 30px 20px; padding-bottom: 20px; } #foundry_guides .sidebar { float: left; padding: 0; width: 200px; margin-left: 20px; height: 1000px; } #foundry_guides .sidebar a { display: block; margin: .5em 25px .5em 0; font-size: 17px; line-height: 22px; color: #000; } #foundry_guides .sidebar a.selected { color: #0099ff; } #foundry_guides .sidebar nav { font-family: "RooneySans-Bold"; font-size: 11px; } #foundry_guides #are-you-ready .sidebar, #foundry_guides #common-errors .sidebar { width: 185px; } #foundry_guides #are-you-ready .sidebar a, #foundry_guides #common-errors .sidebar a { font-family: "RooneySans-Regular"; font-size: 14px; margin: 5px 0; } #foundry_guides .content { padding: 0 15px 0 220px; } #foundry_guides .content ul.bullets { list-style-type: none; text-indent: -1.2em; margin-left: 1em; } #foundry_guides .content ul li:before { content: "●"; font-size: 110%; line-height: 25px; float: left; padding-right: 1.2em; } #foundry_guides .content li { line-height: 28px; margin: 0.3em 0 0.3em 30px; } #foundry_guides .content li ul.address { margin-top: 0.8em; } #foundry_guides .content li ul.address li { margin-top: 0; margin-bottom: 0; } #foundry_guides .content ul.white-circle li:before { content: "○"; font-size: 110%; line-height: 25px; } #foundry_guides .content #what-myfonts-is { margin-top: 30px; } @media (max-width: 767px) { #foundry_guides { padding: 10px; } #foundry_guides #foundry_pages_container .sidebar { float: none; width: 100%; height: initial; margin-left: 0; position: static !important; } #foundry_guides #foundry_pages_container .content { padding: 0; } } #foundry_pages_container { display: none; } #foundry_guides_main { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_guides_main h1 { font-size: 28px; color: #000; font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_guides_main a h2:hover { color: #0099ff; } #foundry_guides_main header { border-bottom: none; } #foundry_guides_main .sidebar { display: none; } #foundry_guides_main .content { padding: 0; } #foundry_guides_main a:hover { text-decoration: none; } #foundry_guides_main .guide-links { min-height: 160px; border-bottom: 1px solid #E4E4E4; } #foundry_guides_main .guide-links > div { float: left; width: 32%; margin-right: 1%; height: auto; text-align: center; } #foundry_guides_main .guide-links div:nth-child(3) { margin-right: 0; } #foundry_guides_main .guide-links > div div { margin-top: 1em; } #foundry_guides_main .guide-links .number { background-color: #0096ff; border-radius: 50%; height: 40px; width: 40px; font-size: 30px; color: white; margin: 0 auto; } #foundry_guides_main .guide-links .title { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #5F5F5F; min-height: 45px; } #foundry_guides_main .guide-links .read { margin-top: 0; } #foundry_guides_main .guide-links button { width: 125px; height: 33px; font-size: 18px; font-family: "RooneySans-Light"; letter-spacing: normal; } @media (max-width: 600px) { #foundry_guides_main .guide-links { border-bottom: none; } #foundry_guides_main .guide-links > div { width: 100%; margin-bottom: 25px; } #foundry_guides_main .guide-links button { width: 262px; height: 50px; } #foundry_guides_main .guide-links .number { margin-right: 10px; } #foundry_guides_main .guide-links .number, #foundry_guides_main .guide-links .title { display: inline-block; } } #foundry_guides_main .guide-series { text-align: center; } #foundry_guides_main .guide-series h1 { margin-top: 1em; } #foundry_guides_main .guide-series p { margin-top: 2em; color: #5F5F5F; } #foundry_guides_main .guide-series .section { float: left; width: 260px; height: auto; margin-right: 55px; min-height: 400px; } #foundry_guides_main .guide-series .section span.blue { color: #0099ff; } #foundry_guides_main .guide-series .section .grey { opacity: 0.4; } #foundry_guides_main .guide-series h2 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; color: #000; margin: 20px 0 0 0; } #foundry_guides_main .guide-series p { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #5F5F5F; margin: 1em 0; line-height: 1.3em; font-size: 16px; } #foundry_guides_main .guide-series > div:nth-of-type(3n) { margin-right: 0; } #foundry_guides_main .guide-series .cover { width: 260px; height: 404px; margin: 0 auto; } #foundry_guides_main .guide-series .guide-1 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-1.png"); } #foundry_guides_main .guide-series .guide-2 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-2.png"); } #foundry_guides_main .guide-series .guide-3 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-3.png"); } #foundry_guides_main .guide-series .guide-4 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-4.png"); } #foundry_guides_main .guide-series .guide-5 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-5.png"); } #foundry_guides_main .guide-series .guide-6 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-6.png"); } @media (max-width: 965px) { #foundry_guides_main .guide-series .section { width: 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #foundry_guides_main .guide-series .cover { background-size: 260px 404px; } #foundry_guides_main .guide-series .guide-1 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-1@2x.png"); } #foundry_guides_main .guide-series .guide-2 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-2@2x.png"); } #foundry_guides_main .guide-series .guide-3 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-3@2x.png"); } #foundry_guides_main .guide-series .guide-4 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-4@2x.png"); } #foundry_guides_main .guide-series .guide-5 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-5@2x.png"); } #foundry_guides_main .guide-series .guide-6 { background-image: url("/s/images/foundry_guides/FoundryGuides_Cover-6@2x.png"); } } #foundry_pages_container { } #foundry_pages_container table { border-collapse: separate; border-spacing: 3px 3px; color: #333; margin-top: 1em; } #foundry_pages_container table.no-align tr :nth-child(2) { text-align: left; } #foundry_pages_container table.first-wide tr :nth-child(1) { width: 150px; } #foundry_pages_container table.second-wide tr :nth-child(2) { width: 175px; } #foundry_pages_container table.no-width tr :nth-child(2) { width: initial; } #foundry_pages_container table.numbers_1col tr :nth-child(1) { font-family: "Consolas", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_pages_container table.numbers tr { font-family: "Consolas", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_pages_container table.left { float: left; margin-right: 20px; } #foundry_pages_container table.first-right tr td:nth-of-type(1) { text-align: right; } #foundry_pages_container table.second-left tr td:nth-of-type(2) { text-align: left; } #foundry_pages_container table.total tr :nth-child(1) { width: 170px; text-align: right; } #foundry_pages_container table th { background-color: #CFE2F3; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; padding: 8px 11px; } #foundry_pages_container table tr { background-color: #EFEFEF; } #foundry_pages_container table tr.blue { background-color: #CFE2F3; } #foundry_pages_container table tr.center :nth-child(1), #foundry_pages_container table tr.center :nth-child(2) { text-align: center; } #foundry_pages_container table tr :nth-child(1) { text-align: left; width: 100px; } #foundry_pages_container table tr :nth-child(2) { text-align: right; width: 150px; } #foundry_pages_container table td { padding: 8px 11px; } #foundry_pages_container img { width: 100%; max-width: 450px; } #foundry_pages_container .toc-cover { width: 175px; height: 175px; } #foundry_pages_container #foundry-handbook .toc-cover { background-image: url("/s/images/foundry_guides/handbook.png"); } #foundry_pages_container #are-you-ready .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_2.png"); } #foundry_pages_container #common-errors .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_3.png"); } #foundry_pages_container #online-resources .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_4.png"); } #foundry_pages_container #font-pricing .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_5.png"); } #foundry_pages_container #font-licensing .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_6.png"); } @media (max-width: 767px) { #foundry_pages_container h1 { font-size: 1.5em; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #foundry_pages_container .toc-cover { background-size: 175px 175px; } #foundry_pages_container #foundry-handbook .toc-cover { background-image: url("/s/images/foundry_guides/handbook@2x.png"); } #foundry_pages_container #are-you-ready .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_2@2x.png"); } #foundry_pages_container #common-errors .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_3@2x.png"); } #foundry_pages_container #online-resources .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_4@2x.png"); } #foundry_pages_container #font-pricing .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_5@2x.png"); } #foundry_pages_container #font-licensing .toc-cover { background-image: url("/s/images/foundry_guides/MFguide_coverimage_6@2x.png"); } } 

@charset "UTF-8"; #foundry_handbook { background: #fff; box-sizing: border-box; box-shadow: 0px 0px 15px #e5e5e5; color: #333; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; margin: 0 auto 50px; overflow: auto; padding: 30px; width: 100%; max-width: 960px; } #foundry_handbook p { font-size: 17px; line-height: 28px; margin-bottom: 1em; } #foundry_handbook h1, #foundry_handbook h2 { color: #0099ff; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_handbook h1 { font-size: 56px; line-height: 1.1em; text-align: center; } #foundry_handbook h2 { font-size: 25px; margin: 20px 0 10px 0; } #foundry_handbook h2 + p { margin-top: 0; } #foundry_handbook h3 { font-size: 20px; margin: 14px 0 14px 0; color: #000; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_handbook h4 { font-size: 20px; font-weight: normal; margin: 1em 0 0.6em; } #foundry_handbook h5 { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 19px; margin: 1em 0 0.6em; } #foundry_handbook em { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; } #foundry_handbook .top-border { border-top: 1px solid #ccc; } #foundry_handbook .light { color: #000; font-family: 'St-Marie-Pro-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #foundry_handbook .right { text-align: right; } #foundry_handbook .ryde { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #foundry_handbook #colophon { border-top: 1px solid #ccc; margin: 60px 0 0; padding: 30px 0 0; } #foundry_handbook header { border-bottom: 1px solid #ccc; margin: 0 30px 20px; padding-bottom: 20px; } #foundry_handbook .sidebar { float: left; padding: 0; width: 200px; margin-left: 20px; height: 1000px; } #foundry_handbook .sidebar a { display: block; margin: .5em 25px .5em 0; font-size: 17px; line-height: 22px; color: #000; } #foundry_handbook .sidebar a.selected { color: #0099ff; } #foundry_handbook .sidebar h4 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; font-weight: normal; margin: 1em 0 0.6em; text-transform: uppercase; } #foundry_handbook .content { padding: 0 15px 0 220px; } #foundry_handbook .content ul.bullets { list-style-type: none; } #foundry_handbook .content ul li:before { content: "•"; font-size: 200%; padding-right: 5px; line-height: 0.6em; float: left; } #foundry_handbook .content li { line-height: 1.4em; margin: 0.3em 0 0.3em 30px; } #foundry_handbook .content li ul.address { margin-top: 0.8em; } #foundry_handbook .content li ul.address li { margin-top: 0; margin-bottom: 0; } #foundry_handbook .content #what-myfonts-is { margin-top: 30px; } 

 .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix { height: 1%;} .clearfix {display: block;} .foundry_button, input[type=button].foundry_button, input[type=submit].foundry_button { background: #111; border: 1px solid #000; border-radius: 2px; box-shadow: inset 2px 2px 5px rgba(255,255,255,0.25); display: inline-block; color: #fff!important; cursor: pointer; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size:16px; letter-spacing: 1px; padding: 5px 10px; text-decoration: none; text-transform: uppercase; -webkit-transition: background 200ms ease-in-out, border 200ms ease-in-out; -moz-transition: background 200ms ease-in-out, border 200ms ease-in-out; -ms-transition: background 200ms ease-in-out, border 200ms ease-in-out; -o-transition: background 200ms ease-in-out, border 200ms ease-in-out; transition: background 200ms ease-in-out, border 200ms ease-in-out; } .foundry_button.big, input[type=button].foundry_button.big, input[type=submit].foundry_button.big { padding: 10px 20px; } .foundry_button.small, input[type=button].foundry_button.small, input[type=submit].foundry_button.small { font-size: 14px; padding: 4px 8px; } .foundry_button.blue, input[type=button].foundry_button.blue, input[type=submit].foundry_button.blue { background: #09f; border-color:#09f; } .foundry_button.grey, input[type=button].foundry_button.grey, input[type=submit].foundry_button.grey { background: #fefefe; border-color:#fefefe; border-color:#e3e3e3 #d9d9d9 #d5d5d5 #d9d9d9; color: #444!important; } .foundry_button.grey:hover, input[type=button].foundry_button.grey:hover, input[type=submit].foundry_button.grey:hover { background: #fefefe; border-color:#09f; } .foundry_button:hover, input[type=button].foundry_button:hover, input[type=submit].foundry_button:hover { background: #078adb; border-color: #007acb; text-decoration: none; } input[type=text].foundry_input, input[type=password].foundry_input { border: 1px solid #ddd; display: inline-block; font-family: "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 15px; padding: 5px 7px; -webkit-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -moz-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -ms-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -o-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; } input[type=text].foundry_input:focus, input[type=password].foundry_input:focus { border-color: #09f; box-shadow: inset 0px 2px 3px #e6e6e6; outline: none; } .foundry_checkbox { display: none; display: inline-block\9; } .foundry_checkbox + label { display: inline-block; margin-right: 10px; } .foundry_checkbox + label .checkbox_image { background: url('/s/images/foundry/foundry_checkbox.png') center center no-repeat; background-size: 18px 18px; display: inline-block; display: none\9; height: 18px; width: 18px; position: relative; top: 4px; } .foundry_checkbox + label:active .checkbox_image, .foundry_checkbox:checked + label:active .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_active.png'); } .foundry_checkbox:checked + label .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_checked.png'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .foundry_checkbox + label .checkbox_image { background: url('/s/images/foundry/foundry_checkbox@2x.png') center center no-repeat; background-size: 18px 18px; } .foundry_checkbox + label:active .checkbox_image, .foundry_checkbox:checked + label:active .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_active@2x.png'); } .foundry_checkbox:checked + label .checkbox_image { background-image: url('/s/images/foundry/foundry_checkbox_checked@2x.png'); } } #foundry_wrapper { height: 100%; } body > #foundry_wrapper { background: #f5f5f5; height: auto; min-height: 100%; overflow: auto; } #foundry_main { font-family: "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; padding-bottom: 50px; } #foundry_main a { color: #09f; } #foundry_main b, #foundry_main strong { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #foundry_main i { font-family: "Proxima-Nova-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; } #foundry_main .grey { color: #666; } #foundry_main h2 + p { margin-top: 1em; } #foundry_header { height: 80px; overflow: visible; position: relative; width: 97%; margin-left: 12px; } .foundry_logo { background: url('/s/images/foundry/foundry_logo.png') center center no-repeat; background-size: 100px 50px; height: 50px; width: 100px; position: absolute; top: 22px; left: 0; } .foundry_tools { color: #494c51; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; letter-spacing: 1px; line-height: 14px; text-transform: uppercase; position: absolute; top: 25px; left: 110px; width:75px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .foundry_logo { background: url('/s/images/foundry/foundry_logo@2x.png') center center no-repeat; background-size: 100px 50px; } } @media (min-width: 1000px) { #foundry_header { width: 960px; margin: 0 auto; } } #foundry_header .navMenu a { color: #333333; } #foundry_header .navMenu a:hover { color: #09f; text-decoration: none; } #foundry_header .navMenu a.toggle { background: url("/s/images/iconsets/myfonts/header_menu_arrow.svg") right center no-repeat; background-image: url("/s/images/iconsets/myfonts/header_menu_arrow.png") \9; padding-right: 15px; text-decoration: none; } #foundry_header .navMenu a.toggle:hover { background-image: url("/s/images/iconsets/myfonts/header_menu_arrow_hover.svg"); background-image: url("/s/images/iconsets/myfonts/header_menu_arrow_hover.png") \9; } #foundry_header .navMenu nav { background: #fff; border: 1px solid #ddd; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); line-height: 1.2em; margin-top: 5px; padding: 5px 0; position: absolute; text-align: left; white-space: nowrap; z-index: 1; } #foundry_header .navMenu nav a { display: block; font-size: 14px; margin: 0; padding: 8px 16px; text-decoration: none; } #foundry_header .navMenu nav a:hover { background: #eee; color: #555; text-decoration: none; } #foundry_header .navMenu { position: absolute; top: 37px; left: 205px; font-family: 'RooneySans-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } 

 #foundry_landing { background: #fff; box-sizing: border-box; box-shadow: 0px 0px 15px #e5e5e5; margin: 0 auto; overflow: auto; padding: 30px; width: 960px; } #foundry_landing .foundry_filter { margin-top: 10px; overflow: visible; width: 100%; } #foundry_landing .filter_status { font-size: 14px; padding: 5px 0 10px 0; } #foundry_landing .filter_status a { font-style: normal; margin-left: 10px; padding-bottom: 2px; } #foundry_landing .filter_status a:hover { border-bottom: 1px solid #09f; text-decoration: none; } #foundry_landing .filter_status a.selected { border-bottom: 1px solid #06c; } #foundry_landing .filter_foundry { padding: 0 0 10px; } #foundry_landing .filter_search { float: left; position: relative; width: 600px; } #foundry_landing .filter_search input[type=text] { background-image: url('/s/images/foundry/foundry_filter.png'); background-position: 5px center; background-repeat: no-repeat; background-size: 17px 17px; margin-top: 5px; padding-left: 30px; width: 495px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_landing .filter_search input[type=text] { background-image: url('/s/images/foundry/foundry_filter@2x.png'); } } #foundry_landing .filter_search .field_clear { background: #ccc; border-radius: 10px; color: #fff; cursor: pointer; float: left; font-size: 12px; font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; line-height: 12px; height: 12px; padding: 2px; position: absolute; left: 510px; top: 12px; width: 12px; text-align: center; } #foundry_landing .filter_search .field_clear:hover { background: #aaa; } #foundry_landing .filter_dropdown { float: right; overflow: visible; padding: 5px 0; width: 300px; } #foundry_landing .filter_dropdown .dropdown_label { float:right; padding: 7px 10px 7px 0; } #foundry_landing .filter_dropdown .foundry_dropdown { float:right; } #foundry_landing .font_list { list-style:none; margin: 0; padding: 10px 0; } #foundry_landing .font_list li { border-bottom: 1px solid #ddd; font-size: 16px; overflow: auto; padding: 10px; } #foundry_landing .font_list .font_name { float: left; font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; padding: 5px 0; } #foundry_landing .font_list .font_status { color: #666; float: right; font-style: italic; padding: 5px 20px 5px 0px; } #foundry_landing .font_list .button { background-position: center center; background-repeat: no-repeat; background-size: 28px 28px; border: none; cursor: pointer; float: right; height: 28px; width: 28px; margin-top: 0; margin-left: 10px; } #foundry_landing .font_list .button.edit { background-image: url('/s/images/foundry/foundry_edit_button.png'); } #foundry_landing .font_list .button.edit.inactive { background-image: url('/s/images/foundry/foundry_edit_button_inactive.png'); } #foundry_landing .font_list .button.stats { background-image: url('/s/images/foundry/foundry_stats_button.png'); } #foundry_landing .font_list .button.stats.inactive { background-image: url('/s/images/foundry/foundry_stats_button_inactive.png'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_landing .font_list .button.edit { background-image: url('/s/images/foundry/foundry_edit_button@2x.png'); } #foundry_landing .font_list .button.inactive.edit { background-image: url('/s/images/foundry/foundry_edit_button_inactive@2x.png'); } #foundry_landing .font_list .button.stats { background-image: url('/s/images/foundry/foundry_stats_button@2x.png'); } #foundry_landing .font_list .button.stats.inactive { background-image: url('/s/images/foundry/foundry_stats_button_inactive@2x.png'); } } #foundry_landing .font_list .foundry_name { color: #666; clear: both; } 

#foundry_nav { list-style: none; position: absolute; top: 40px; left:50%; margin-left: -270px; width: 750px; } #foundry_nav li { float:left; height:40px; margin-left:40px; font-size: 16px; } @media only screen and (-webkit-max-device-pixel-ratio: 1.49) { #foundry_nav li.selected { background: url('/s/images/foundry/foundry_tab_selected_temp.png') center bottom no-repeat; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #foundry_nav li.selected { background: url('/s/images/foundry/foundry_tab_selected_temp@2x.png') center bottom no-repeat; } } #foundry_nav li a { color: #515458; } #foundry_nav li a:hover { color: #09F; text-decoration: none; } 

#dev_main #dev_404 { background: url('/s/images/dev/dev_404.gif') center center / 100% 100% no-repeat!important; color: #fff; font-family: "RooneySans-Medium"; font-size: 80px; height: 525px; position: relative; width: 700px; text-align: center; } #dev_main #dev_404 span { display: inline-block; line-height: 1em; opacity: 0.25; margin-top: 60%; } @media screen and (min-height:700px) { #dev_main #dev_404 { height: 720px; width: 960px; } } 

#foundry_prospectus { background: #fff; box-sizing: border-box; box-shadow: 0px 0px 15px #e5e5e5; color: #333333; font-family: 'RooneySans-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 21px; margin: 0 auto 50px; overflow: auto; padding: 30px; max-width: 960px; -webkit-font-smoothing: antialiased; } #foundry_prospectus .section { display: none; } #foundry_prospectus #sell-your-fonts { display: block; } #foundry_prospectus h1 { font-family: 'RooneySans-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 48px; font-weight: normal; text-align: center; } #foundry_prospectus strong { font-family: 'RooneySans-Bold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_prospectus p.intro { font-size: 19px; margin: 0 auto; padding: 10px 0 20px; position: relative; text-align: center; max-width: 660px; font-family: 'RooneySans-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_prospectus p.intro:after { background: #ddd; content: ""; display: block; height: 2px; margin-left: -200px; position: absolute; top: 100%; left: 50%; width: 400px; } #foundry_prospectus .step { display: table; font-size: 21px; line-height: 1.4em; margin-top: 30px; overflow: auto; } #foundry_prospectus .step.less-margin { margin-top: 18px; } #foundry_prospectus .step.small { font-size: 18px; } #foundry_prospectus .step:last-child, #foundry_prospectus .step:last-of-type { margin-bottom: 30px; } #foundry_prospectus .step .number { background: #09f; border-radius: 50%; color: #fff; display: block; float: left; font-family: 'RooneySans-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 38px; height: 52px; width: 52px; line-height: 50px; line-height: 52px\0; margin-right: 20px; text-align: center; } #foundry_prospectus .step .text { display: table-cell; vertical-align: middle; } #foundry_prospectus .step .inner-text { vertical-align: middle; margin-left: 72px; } #foundry_prospectus .step .step-heading { font-size: 21px; font-family: 'RooneySans-Bold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; line-height: 2.5; } #foundry_prospectus ul.bullets { list-style-type: disc; margin-left: 40px; } #foundry_prospectus li { line-height: 1.4em; margin: 0.4em 0 0.4em 30px; } #foundry_prospectus .button-container { width: 700px; margin: 0 auto; } #foundry_prospectus #get_started_button { display: block; margin: 30px auto 50px; text-align: center; width: 120px; } #foundry_prospectus #sign_up_now_button { display: block; margin: 30px auto 50px; text-align: center; width: 200px; } #foundry_prospectus #foundry_handbook_button { margin: 50px auto 50px; text-align: center; width: 300px; } #foundry_prospectus #submit_now_button { display: block; margin: 50px auto 50px; text-align: center; width: 300px; } @media (max-width: 600px) { #foundry_prospectus .step .inner-text { margin-left: 0; } } 

 #foundry_sales_reports { background: #fff; box-sizing: border-box; box-shadow: 0px 0px 15px #e5e5e5; font-family: "Proxima Nova", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; margin: 0 auto; overflow: auto; position: relative; padding: 30px; width: 960px; } #foundry_sales_reports #sales_reports_csv { position: absolute; top: 25px; right: 20px; } #foundry_sales_reports .sales_reports_filter { margin-bottom: 25px; } #foundry_sales_reports .sales_reports_filter .filters { margin-top: 17px; } #foundry_sales_reports .sales_reports_filter .filter_label { margin-right: 10px; margin-bottom: 5px; } #foundry_sales_reports .sales_reports_filter .filter_separator { background: #ccc; float: left; height: 24px; margin: 29px 17px 0 17px; width: 1px; } #foundry_sales_reports .sales_reports_filter .filter_search { position: relative; } #foundry_sales_reports .sales_reports_filter .filter_search input[type=text] { background-image: url("/s/images/foundry/foundry_filter.png"); background-position: 5px center; background-repeat: no-repeat; background-size: 17px 17px; font-style: italic; margin-top: 5px; padding-left: 30px; width: 495px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_sales_reports .sales_reports_filter .filter_search input[type=text] { background-image: url("/s/images/foundry/foundry_filter@2x.png"); } } #foundry_sales_reports .sales_reports_filter .filter_search .field_clear { background: #ccc; border-radius: 10px; color: #fff; cursor: pointer; float: left; font-size: 12px; font-weight: bold; line-height: 12px; height: 12px; padding: 2px; position: absolute; left: 510px; top: 12px; width: 12px; text-align: center; } #foundry_sales_reports .sales_reports_filter .filter_search .field_clear:hover { background: #aaa; } #foundry_sales_reports .sales_reports_filter .filter_date { float: left; position: relative; } #foundry_sales_reports .sales_reports_filter .filter_date #foundry_datepicker_toggle { margin: 12px 20px 0 0; width: 250px; z-index: 10; } #foundry_sales_reports .sales_reports_filter .filter_date #foundry_datepicker_toggle span { width: 202px; } #foundry_sales_reports .sales_reports_filter .filter_date #foundry_datepicker { box-shadow: 0px 1px 10px #e6e6e6; display: none; position: absolute; top: 60px; left: 0px; z-index: 1000; } #foundry_sales_reports .sales_reports_filter .filter_license_type { float: left; overflow: auto; } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license { margin-right: 24px; } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license:last-child { margin-right: 0; } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license input[type=checkbox] { display: none; } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license input[type=checkbox]:checked + label { opacity: 1; } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license input[type=checkbox].selected + label { border-bottom: 2px solid #09f; padding-bottom: 0; } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label { background-position: center center; background-repeat: no-repeat; background-size: 19px 19px; display: inline-block; height: 36px; padding-bottom: 2px; opacity: 0.5; width: 36px; } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.desktop { background-image: url("/s/images/foundry/foundry_license_desktop.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.web { background-image: url("/s/images/foundry/foundry_license_web.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.app { background-image: url("/s/images/foundry/foundry_license_app.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.epub { background-image: url("/s/images/foundry/foundry_license_epub.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.server { background-image: url("/s/images/foundry/foundry_license_server.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.desktop { background-image: url("/s/images/foundry/foundry_license_desktop@2x.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.web { background-image: url("/s/images/foundry/foundry_license_web@2x.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.app { background-image: url("/s/images/foundry/foundry_license_app@2x.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.epub { background-image: url("/s/images/foundry/foundry_license_epub@2x.png"); } #foundry_sales_reports .sales_reports_filter .filter_license_type > span.license label.server { background-image: url("/s/images/foundry/foundry_license_server@2x.png"); } } #foundry_sales_reports .sales_reports_filter .filter_show_only { float: left; margin-top: 22px; overflow: auto; } #foundry_sales_reports .sales_reports_filter .filter_show_only input[type=checkbox] { display: none; } #foundry_sales_reports .sales_reports_filter .filter_show_only input[type=checkbox]:checked + label { opacity: 1; } #foundry_sales_reports .sales_reports_filter .filter_show_only label { background-position: center center; background-repeat: no-repeat; background-size: 25px 23px; display: inline-block; height: 36px; margin-right: 24px; opacity: 0.5; width: 36px; } #foundry_sales_reports .sales_reports_filter .filter_show_only label.selected { border-bottom: 2px solid #09f; } #foundry_sales_reports .sales_reports_filter .filter_show_only label.promotions { background-image: url("/s/images/foundry/foundry_show_promotions.png"); } #foundry_sales_reports .sales_reports_filter .filter_show_only label.reversals { background-image: url("/s/images/foundry/foundry_show_reversals.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_sales_reports .sales_reports_filter .filter_show_only label.promotions { background-image: url("/s/images/foundry/foundry_show_promotions@2x.png"); } #foundry_sales_reports .sales_reports_filter .filter_show_only label.reversals { background-image: url("/s/images/foundry/foundry_show_reversals@2x.png"); } } #foundry_sales_reports .sales_reports_filter .filter_sort_by { float: left; margin-left: 24px; } #foundry_sales_reports .sales_reports_filter .filter_sort_by input[type=radio] { display: none; } #foundry_sales_reports .sales_reports_filter .filter_sort_by input[type=radio]:checked + label { border-bottom: 2px solid #09f; } #foundry_sales_reports .sales_reports_filter .filter_sort_by label { background-position: center center; background-repeat: no-repeat; background-size: 25px 23px; display: inline-block; margin-right: 24px; padding: 10px 5px; } #foundry_sales_reports .toggle_view { float: right; height: 31px; position: relative; top: -20px; } #foundry_sales_reports .toggle_view #toggle_view_chart { background: url("/s/images/foundry/foundry_sales_reports_chart.png") center center/23px 17px no-repeat; border-top-right-radius: 0px; border-bottom-right-radius: 0px; position: absolute; right: 44px; width: 45px; height: 27px; z-index: 1; } #foundry_sales_reports .toggle_view #toggle_view_chart:hover { z-index: 3; } #foundry_sales_reports .toggle_view #toggle_view_list { background: url("/s/images/foundry/foundry_sales_reports_list.png") center center/26px 11px no-repeat; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0; position: absolute; right: 0; width: 45px; height: 27px; z-index: 2; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_sales_reports .toggle_view #toggle_view_chart { background-image: url("/s/images/foundry/foundry_sales_reports_chart@2x.png"); } #foundry_sales_reports .toggle_view #toggle_view_list { background-image: url("/s/images/foundry/foundry_sales_reports_list@2x.png"); } } #foundry_sales_reports .totals_toggle { margin-top: 10px; } #foundry_sales_reports .totals_toggle .arrow { display: inline-block; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #000; margin-left: 5px; position: relative; top: 3px; } #foundry_sales_reports .totals_toggle.expanded .arrow { border-top: 9px solid #000; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 6px; } #foundry_sales_reports table.totals { display: none; font-size: 15px; width: 500px; } #foundry_sales_reports table.totals th { font-weight: 600; text-align: left; } #foundry_sales_reports table.totals th:nth-child(n+2) { text-align: right; } #foundry_sales_reports table.totals td { text-align: left; } #foundry_sales_reports table.totals td:nth-child(n+2) { text-align: right; } #foundry_sales_reports table.totals tr:last-child td { padding-bottom: 25px; } #foundry_sales_reports table.orders { border-spacing: 0px; width: 100%; } #foundry_sales_reports table.orders th { font-size: 11px; font-weight: 600; } #foundry_sales_reports table.orders td { font-size: 15px; } #foundry_sales_reports table.orders th, #foundry_sales_reports table.orders td { padding: 5px; text-align: left; } #foundry_sales_reports table.orders th:nth-child(n+4), #foundry_sales_reports table.orders td:nth-child(n+4) { text-align: right; } #foundry_sales_reports table.orders .order .order_info td { border-top: 2px solid #09f; border-bottom: 1px solid #ddd; font-weight: 600; padding-top: 12px; } #foundry_sales_reports table.orders .order .order_info td:nth-child(n+2) { text-align: right; } #foundry_sales_reports table.orders .order tr:last-child td { padding-bottom: 25px; } 

 #foundry_select_page { margin: 30px auto; text-align: center; width: 600px; } #foundry_select_page h2 { color: #4A4C52; font-size: 18px; } #foundry_select_page #foundry_selector { margin: 30px auto 0; text-align: left; } 

 #foundry_selector { position: relative; width: 450px; z-index: 10; } #foundry_selector .loading { background-image: url("/s/images/foundry/foundry_selector_loading_grey.gif"); background-position: center center; background-repeat: no-repeat; background-size: 24px 24px; display: none; height: 24px; margin: 0 auto; position: absolute; width: 450px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #foundry_selector .loading { background-image: url("/s/images/foundry/foundry_selector_loading_grey@2x.gif"); } } #foundry_selector .error { background: #cc0000; border: 1px solid #990000; color: #fff; display: none; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 5px; padding: 2px 7px; position: absolute; text-align: center; top: 30px; width: 434px; } #foundry_selector .field { padding: 4px 7px; width: 434px; } #foundry_selector .dropdown { background: #fff; border: 1px solid #ddd; box-shadow: 0px 2px 6px #e6e6e6; border-top: none; display: none; max-height: 250px; overflow: auto; width: 448px; } #foundry_selector .dropdown .items { position: relative; } #foundry_selector .dropdown ul li { cursor: pointer; font-size: 12px; padding: 8px 12px; } #foundry_selector .dropdown ul li:hover { background: #f6f6f6; } #foundry_selector .dropdown ul li.selected { background: #09f; color: #fff; } 

 #foundry_user_menu { color: #4b4c51; font-size: 13px; position: absolute; top: 15px; right: 0px; } #foundry_user_menu .user_name { padding: 0 8px; } #foundry_user_menu a { color: #4b4c51!important; font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; padding: 0 8px; text-decoration: none; } #foundry_user_menu a:hover { color: #09f!important; } 

 div.glyph_details { position: relative; } div.glyph_details div.the_big_glyph { position: relative; float: left; width: 476px; } div.glyph_details div.the_big_glyph div.hider { overflow: hidden; } div.glyph_details div.the_big_glyph span { border: 1px solid blue; font-size: 400px; font-family: "MyFonts-Glyph-Map"; font-weight: normal; } div.glyph_details div.the_big_glyph a { position: absolute; font-size: 12px; top: 0px; right: 0px; } div.glyph_details div.the_big_glyph div.metrics { position: absolute; width: 100%; font-size: 9px; font-style: italic; opacity: 0.75; border-width: 0px; border-top: 1px solid #09F; color: #09F; } div.glyph_details div.the_big_glyph div.metrics.x-height { border-style: dashed; text-align: right; } div.glyph_details div.the_big_glyph div.metrics.ascender, div.glyph_details div.the_big_glyph div.metrics.descender { border-style: none; background-color: black; opacity: 0.1; } div.glyph_details ul.related_glyphs { position: relative; float: right; width: 232px; background-color: white; } div.glyph_details ul.related_glyphs h4 { margin-top: 12px; } div.glyph_details ul.related_glyphs ul.glyph_alts > li { display: inline-block; } div.glyph_details ul.related_glyphs ul.glyph_alts > li.spaced { text-align: center; margin-right: 24px; } div.glyph_details ul.related_glyphs ul.glyph_alts > li a:not(.normal), #popup_box div.glyph_details table.prevnext a.inthefont { color: black; font-family: "MyFonts-Glyph-Map"; font-size: 40px; font-weight: normal; } div.glyph_details ul.related_glyphs ul.glyph_alts > li a:hover, #popup_box div.glyph_details table.prevnext a.inthefont:hover { text-decoration: none; } div.glyph_meta_column { } div.glyph_meta_column ul li { margin-top: 6px; } div.glyph_meta_column ul li .label { font-weight: bold; } #popup_box div.glyph_details { min-width: 605px; min-height: 360px; } #popup_box div.glyph_details div.the_big_glyph { width: 360px; height: 360px; } #popup_box div.glyph_meta_info { position: relative; float: right; width: 232px; min-height: 360px; border-left: 1px solid #999; } #popup_box div.glyph_meta_column { padding: 12px; } #popup_box div.glyph_meta_column + div.glyph_meta_column { border-top: 1px solid #999; } #popup_box div.glyph_meta_info table.prevnext { position: absolute; bottom: 0px; left: 12px; right: 12px; } 

 div.glyphmap_widget h1, div.glyphmap_widget h3 { margin-top: 24px; } div.glyphmap_widget .ourfont { font-family: "MyFonts-Glyph-Map"; font-weight: normal; } form#glyphmap_controls { position: relative; background-color: #F5F5F5; border-style: solid; border-width: 1px 0px; border-color: #CCCCCC; padding: 6px; margin-bottom: 12px; width: 720px; z-index: 10; } form#glyphmap_controls > div { float: left; padding: 0px 12px; } form#glyphmap_controls div.label { font-size: 11px; padding-bottom: 2px; } table#glyphmap_legend { float: right; border-collapse: separate; border: 1px solid #CCC; background-color: white; } table#glyphmap_legend td { border: 2px solid white; white-space: nowrap; } table#glyphmap_legend td.color { border: 1px solid #CCC; height: 36px; width: 24px; } table#glyphmap_legend td.master, div.glyphmap_widget ul.glyphlist li.master a { background-color: #9CF; } table#glyphmap_legend td.unicode, div.glyphmap_widget ul.glyphlist li.unicode a { background-color: #DDD; } table#glyphmap_legend td.variant, div.glyphmap_widget ul.glyphlist li.variant a { background-color: none; } div.glyphmap_widget map { display: none; } div.glyphmap_widget ul.glyphlist { font-family: "MyFonts-Glyph-Map"; font-size: 36px; font-weight: normal; } div.glyphmap_widget ul.glyphlist.one_per_line { position: relative; display: block; } div.glyphmap_widget ul.glyphlist li { display: inline-block; list-style-type: none; margin: 0px; padding: 0px; border-style: none; } div.glyphmap_widget ul.glyphlist li a { display: block; margin: 0px; padding: 0.5em; border: 2px solid white; color: black; } div.glyphmap_widget ul.glyphlist li a:hover { border-color: #e58c18; background-color: white; text-decoration: none; z-index: 1; } #glyphmap_highlited_area { position: absolute; display: block; background-color: none; border: 2px solid #e58c18; text-decoration: none; } 

 #headcrumbs { list-style-type: none; padding: 0px; margin: 0px; } #headcrumbs li { display: inline; } #headcrumbs li.maincrumb { display: block; padding-top: 0px; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } #headcrumbs li.maincrumb img { margin-top: 12px; } #headcrumbs img.slash { position: relative; width: 8px; height: 16px; top: -1px; } 

 #help_docs { padding-top: 30px; } #help_docs .sidebar nav ul { display: none; } #help_docs .sidebar nav ul a { font-family: 'St-Marie-Pro-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 0.8em; } #help_docs .sidebar nav ul li { margin-left: 20px; } #help_docs .sidebar nav a.selected + ul { display: block; } #help_docs button { margin: 0 3px; pointer-events: none; } #help_docs code { font-size: .8888em; } #help_docs img { max-width: 100%; } #help_docs table { border: 1px solid #ddd; border-collapse: collapse; font-family: 'RooneySans'; font-size: 0.7em; max-width: 100%; } #help_docs table th.heading { border-bottom: 1px solid #ddd; font-size: 1.1666em; font-weight: bold; padding: 0.5em; text-align: left; } #help_docs table th, #help_docs table td { font-weight: normal; padding: 5px; text-align: left; vertical-align: top; } #help_docs table th:nth-child(even), #help_docs table td:nth-child(even) { background: #f6f6f8; } #help_docs table tr.grey { background: #f6f6f8; } #help_docs table tr.grey th:nth-child(even), #help_docs table tr.grey td:nth-child(even) { background: #ededef; } #help_docs table tr.grey td:nth-child(1) { border-top: 1px solid #ccc; } #help_docs table.opentype td:nth-child(n+2) { font-family: 'VivaliaMediaIcons'; font-size: 2em; line-height: 0.8em; text-align: center; vertical-align: middle; border-bottom: 1px solid #ccc; } #help_docs table.abbrev { border-collapse: collapse; border-bottom: 1px solid #ccc; } #help_docs table.abbrev td{ border-bottom: 1px solid #ccc; } #help_docs table.abbrev td:nth-child(3) { border-right: 1px solid #ccc; } #help_docs table.abbrev tr:nth-child(odd) td:nth-child(2) { background: white; } #help_docs table.abbrev tr:nth-child(even) { background: #f6f6f8; } #help_contact { padding-top: 30px; } #help_contact h2.sent { margin: 30px 0 15px; } #help_contact form { max-width: 500px; } #help_contact form label { margin: 1.5em 0 0.5em; } #help_contact form label.list-label { font-weight: bold; margin: 2em 0 0.5em; } #help_contact form input, #help_contact form label { display: block; } #help_contact form input[type=checkbox], #help_contact form input[type=checkbox] + label { display: inline-block; } #help_contact form input[type=file] { display: inline-block; max-width: 215px; } #help_contact form input[type=submit] { margin-top: 3em; } #help_contact form #customSubject { display: none; margin-top: 0.5em; } #help_contact form #fontIssue { display: none; } #help_contact form #messageCounter { display: none; font-size: 12px; } #help_contact form #messageCounter.tooShort { color: #cc0000; } #help_contact form #messageCounter #charCount { font-weight: bold; } #help_contact form #suggestion { display: none; font-size: 12px; margin-top: 0.5em; } #help_contact form textarea { height: 150px; width: 400px; } #help_contact form ul label { margin: 0; } #help_contact form ul li { float: left; width: 45%; margin: 0.5em 0; padding-right: 5%; position: relative; } #help_contact form ul#attachments button.clearAttachment { background: #ccc; border-radius: 50%; padding: 3px; width: 18px; height: 18px; line-height: 0px; margin-left: 10px; position: absolute; top: 0; right: 10px; } #help_contact form ul#attachments button.clearAttachment:hover { background: #bbb; } #help_contact form ul#attachments li { line-height: 30px; margin: 0.3333em 0; } #help_contact form ul#attachments li:first-child button.clearAttachment { display: none; } #taxes { box-sizing: border-box; color: #333; font-family: 'St-Marie-Pro-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; } #taxes p { font-size: 18px; word-spacing: 0.07em; } #taxes h1 { color: #333; font-family: 'St-Marie-Pro-Black', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 54px; } #taxes h2 { font-size: 34px; padding-right: 35px; } #taxes h3 { font-size: 34px; margin: 0.8em 0 0.5em; } #taxes h2, #taxes h3 { color: #000; font-family: 'St-Marie-Pro-Thin', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #taxes h4 { color: #666; font-family: 'St-Marie-Pro-Extra-Bold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 21px; font-weight: normal; margin: 1em 0 0.6em; } #taxes h5 { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 19px; margin: 1em 0 0.6em; } #taxes em { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; font-size: 19px; } #taxes .light { color: #000; font-family: 'St-Marie-Pro-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #taxes .right { text-align: right; } #taxes .ryde { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #taxes #colophon { border-top: 1px solid #ccc; margin: 60px 0 0; padding: 30px 0 0; } #taxes header { margin-bottom: 20px; } #taxes .sidebar { float: left; padding: 0 15px; margin-top: 10px; width: 200px; } #taxes .sidebar a { display: block; margin: 1em 25px 1em 0; } #taxes .sidebar a.selected { color: #000; } #taxes .content { float: right; padding: 0 15px; width: 640px; } #taxes .content ul.bullets { list-style-type: disc; } #taxes .content li { line-height: 1.4em; margin: 0.8em 0 0.8em 30px; } #taxes .content li ul.address { margin-top: 0.8em; } #taxes .content li ul.address li { margin-top: 0; margin-bottom: 0; } #taxes .content #what-myfonts-is { margin-top: 30px; } #send>.spinner { top:5px; padding-right: 20px; } #send>.status { top:-5px; } #send{ float: left; } #contactus { float:right; margin-right: 20px; margin-top: 45px; width: 40%; } #contactus > h3 { font-size: 13px; margin-bottom: 0px; } #contactus > p { font-size: 13px; padding-bottom: 9px; } #contactform { float: left; } #addcontactinfo { margin-bottom: 0px; font-size: 15px; } #help_docs h1 { padding-top: 30px; } #app-licensing .lic-app { background-image: url("/s/images/licensing/app-sm.png"); display: inline-block; height: 21px; width: 20px; vertical-align: middle; } 

 #homepagePrototype { display: flex; font-size: 16px; } #homepagePrototype > * { box-sizing: border-box; margin: 0 0.5em; min-height: 100px; } #homepagePrototype > * .item { background: #fff; border: 1px solid #ddd; padding: 1em; } #homepagePrototype > * .item + .item { margin-top: 1em; } #homepagePrototype > * .item header { margin-bottom: 1em; position: relative; } #homepagePrototype > * .item header nav { position: absolute; top: 0; right: 0; text-align: right; } #homepagePrototype > * .item .listNumber { background: #09f; border-radius: 50%; box-sizing: border-box; color: #fff; display: inline-block; text-align: center; } #homepagePrototype a:hover { text-decoration: none; } #homepagePrototype #leftSidebar, #homepagePrototype #favoritesWidget { flex: 0 0 17.5em; } #homepagePrototype #leftSidebar > h3 { margin: 2em 0 1em; } #homepagePrototype #leftSidebar .item img.flag { height: 75px; width: 75px; margin: 10px 2px 0; } #homepagePrototype #leftSidebar .item button { margin-top: 0; } #homepagePrototype #sideFooter { position: relative; } #homepagePrototype #sideFooter nav.links a { color: #666; display: block; font-size: 14px; margin: 2.5em 0 0 1em; } #homepagePrototype #sideFooter nav.links a:hover { color: #444; } #homepagePrototype #sideFooter nav.social { display: table; margin: 3em 0 2em; text-align: center; width: 100%; } #homepagePrototype #sideFooter nav.social a { color: #ddd; display: table-cell; font-family: "Social-Network-Icons"; font-size: 28px; font-weight: normal; text-decoration: none; } #homepagePrototype #sideFooter nav.social a:hover { color: #aaa; } #homepagePrototype #sideFooter .copyright { color: #888; font-size: 12px; margin: 3em 0 0 1em; } #homepagePrototype #favoritesWidget .listNumber { font-size: 0.9em; width: 1.4em; height: 1.4em; } #homepagePrototype #favoritesWidget .item a { color: #444; display: block; font-size: 18px; } #homepagePrototype #favoritesWidget .item a + a { margin-top: 0.75em; } #homepagePrototype #favoritesWidget .backToTop { color: #888; display: block; margin: 0.5em 0.25em; } #homepagePrototype #favoritesWidget .backToTop img { height: 25px; width: 25px; position: relative; top: 0.5em; left: -0.25em; } #homepagePrototype #mainContent { flex: 1; } #homepagePrototype #mainContent .item .listNumber { width: 2.5em; height: 2.5em; padding: 0.5em; } #homepagePrototype #mainContent .item img.poster { width: 100%; } 

#jobs .content{ float:right; } #jobs .sidebar{ width: 25%; float: left; position: fixed; padding: 5px; font-family: "St-Ryde-Medium-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #jobs { padding-top: 30px; } #jobs .sidebar nav ul { display: none; } #jobs .sidebar nav ul a { background-color: green; font-family: 'St-Marie-Pro-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 0.8em; } #jobs .sidebar nav ul li { margin-left: 20px; } #jobs .sidebar nav a.selected + ul { display: block; } #jobs button { margin: 0 3px; pointer-events: none; } #jobs code { font-size: .8888em; } #jobs img { max-width: 100%; } #jobs table { border: 1px solid #ddd; border-collapse: collapse; font-family: 'RooneySans'; font-size: 0.7em; max-width: 100%; } #jobs table th.heading { border-bottom: 1px solid #ddd; font-size: 1.1666em; font-weight: bold; padding: 0.5em; text-align: left; } #jobs table th, #jobs table td { font-weight: normal; padding: 5px; text-align: left; vertical-align: top; } #jobs table th:nth-child(even), #help_docs table td:nth-child(even) { background: #f6f6f8; } #jobs table tr.grey { background: #f6f6f8; } #jobs table tr.grey th:nth-child(even), #help_docs table tr.grey td:nth-child(even) { background: #ededef; } #jobs table tr.grey td:nth-child(1) { border-top: 1px solid #ccc; } #jobs table td:nth-child(n+2) { font-family: 'VivaliaMediaIcons'; font-size: 2em; line-height: 0.8em; text-align: center; vertical-align: middle; border-bottom: 1px solid #ccc; } 

 #licensing p { margin: 1.25em 0; line-height:1.9; } #licensing h1, #licensing h2, #licensing h3 { color: #444; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #licensing h2 { font-size: 28px; margin: 1em 0 0.5em; } #licensing h3 { font-size: 18px; } #licensing #headcrumbs { margin-bottom: 20px; } #licensing .license-header, #licensing .license-short { background-position: top left; background-repeat: no-repeat; position: relative; width: 940px; } #licensing .license-header h1, #licensing .license-short h1 { color: rgba(255, 255, 255, 0.9); font-size: 60px; position: absolute; top: 18px; left: 110px; } #licensing .license-header { background-size: 940px 358px; height: 358px; } #licensing .license-short { background-size: 940px 120px; height: 115px; margin: 10px 0; } #licensing .lic-app-paygo { background-image: url("/s/images/licensing/app-paygo-sm.png"); display: inline-block; height: 24px; width: 19px; vertical-align: middle; } #licensing .lic-app { background-image: url("/s/images/licensing/app-sm.png"); display: inline-block; height: 21px; width: 20px; vertical-align: middle; } #licensing #desktop .license-header { background-image: url("/s/images/licensing/desktop-header.jpg"); } #licensing #desktop .license-short { background-image: url("/s/images/licensing/desktop-short.jpg"); } #licensing #webfont .license-header { background-image: url("/s/images/licensing/webfont-header.jpg"); } #licensing #webfont .license-short { background-image: url("/s/images/licensing/webfont-short.jpg"); } #licensing #app .license-header { background-image: url("/s/images/licensing/app-header.jpg"); } #licensing #app .license-short { background-image: url("/s/images/licensing/app-short.jpg"); } #licensing #ebook .license-header { background-image: url("/s/images/licensing/ebook-header.jpg"); } #licensing #ebook .license-short { background-image: url("/s/images/licensing/ebook-short.jpg"); } #licensing #server .license-header { background-image: url("/s/images/licensing/server-header.jpg"); } #licensing #server .license-short { background-image: url("/s/images/licensing/server-short.jpg"); } #licensing .license-thumb { background-position: top left; background-repeat: no-repeat; width: 195px; height: 115px; margin: 10px 0; position: relative; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transform: translateZ(0); -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; } #licensing .license-thumb h2 { color: rgba(255, 255, 255, 0.9); font-size: 24px; margin: 0; position: absolute; top: 12px; left: 52px; } #licensing .license-thumb:hover { filter: none; -webkit-filter: grayscale(0); } #licensing .license-thumb.desktop { background-image: url("/s/images/licensing/desktop-thumb.jpg"); } #licensing .license-thumb.webfont { background-image: url("/s/images/licensing/webfont-thumb.jpg"); } #licensing .license-thumb.app { background-image: url("/s/images/licensing/app-thumb.jpg"); } #licensing .license-thumb.ebook { background-image: url("/s/images/licensing/ebook-thumb.jpg"); } #licensing .license-thumb.server { background-image: url("/s/images/licensing/server-thumb.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixe1l-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #licensing #desktop .license-header { background-image: url("/s/images/licensing/desktop-header@2x.jpg"); } #licensing #desktop .license-short { background-image: url("/s/images/licensing/desktop-short@2x.jpg"); } #licensing #webfont .license-header { background-image: url("/s/images/licensing/webfont-header@2x.jpg"); } #licensing #webfont .license-short { background-image: url("/s/images/licensing/webfont-short@2x.jpg"); } #licensing #app .license-header { background-image: url("/s/images/licensing/app-header@2x.jpg"); } #licensing #app .license-short { background-image: url("/s/images/licensing/app-short@2x.jpg"); } #licensing #ebook .license-header { background-image: url("/s/images/licensing/ebook-header@2x.jpg"); } #licensing #ebook .license-short { background-image: url("/s/images/licensing/ebook-short@2x.jpg"); } #licensing #server .license-header { background-image: url("/s/images/licensing/server-header@2x.jpg"); } #licensing #server .license-short { background-image: url("/s/images/licensing/server-short@2x.jpg"); } #licensing .license-thumb { background-size: 195px 115px; } #licensing .license-thumb.desktop { background-image: url("/s/images/licensing/desktop-thumb@2x.jpg"); } #licensing .license-thumb.webfont { background-image: url("/s/images/licensing/webfont-thumb@2x.jpg"); } #licensing .license-thumb.app { background-image: url("/s/images/licensing/app-thumb@2x.jpg"); } #licensing .license-thumb.ebook { background-image: url("/s/images/licensing/ebook-thumb@2x.jpg"); } #licensing .license-thumb.server { background-image: url("/s/images/licensing/server-thumb@2x.jpg"); } #licensing .lic-app-paygo { background-image: url("/s/images/iconsets/myfonts/app-paygo.png"); display: inline-block; height: 33px; width: 26px; vertical-align: middle; } #licensing .lic-app { background-image: url("/s/images/iconsets/myfonts/app-paygo.png"); display: inline-block; height: 27px; width: 26px; vertical-align: middle; } } #licensing #font-testdrive-new #font-options { float: right; } #licensing #font-testdrive-new .right-options { width: 100%; border-top: 1px solid rgb(221, 221, 221); padding: 0 5px; } #licensing #font-testdrive-new .image_checkbox { float: right; } #licensing .content .description { min-height: 520px; } #licensing .searchresultsWidget{ clear: both; } #licensing .content .side_column { margin-top: 20px; } 

 .minibrowser .character_gallery { position: relative; width: 100%; height: 52px; margin: 0px auto; z-index: 10; overflow: hidden; } .minibrowser .character_tile { position: absolute; height: 48px; width: 48px; } .minibrowser .character_tile img { width: 100%; height: 100%; border: 0px; } .minibrowser .what { padding-bottom: 6px; } .minibrowser .scrollbar { position: relative; width: 100%; height: 20px; margin: 2px auto; cursor: default; } .minibrowser .scrollbar .scroll_prev { position: absolute; left: 0px; top: 0px; width: 15px; height: 18px; cursor: default; } .minibrowser .scrollbar .scroll_next { position: absolute; right: 0px; top: 0px; width: 15px; height: 18px; cursor: default; } .minibrowser .scrollbar .scrollbar_background { position: absolute; left: 20px; right: 20px; top: 7px; height: 4px; background-color: #CCCCCC; cursor: default; } .minibrowser .scrollbar .gnubbel { position: absolute; width: 0%; height: 6px; top: -2px; background-color: #6699CC; font-size: 1px; border-width: 1px; border-style: solid; border-color: #99CCFF #336699 #336699 #99CCFF; cursor: default; } .minibrowser .browse_all { width: 100%; text-align: center; } .minibrowser .overlay { background-color: white; border: 1px solid black; position: absolute; display: inline; padding: 4px; font-size: smaller; text-align: center; overflow: hidden; z-index: 11; left: -2000px; } 

 div.album_block { float: left; width: 175px; margin: 24px; } div.album_tile { width: 158px; height: 158px; background: url(/s/w/my_albums/album_bg-blank.png) no-repeat; padding: 10px; cursor : pointer; } div.album_tile .album_inner { overflow: hidden; width: 150px; height: 150px; } div.album_tile .album_inner .album_letter { float: left; overflow: hidden; width: 48px; height: 48px; text-align: center; background-color: #f5f5f5; border:1px solid #ffffff; } div.album_block .album_title{ font-size: 16px; } div.album_block .font_count{ font-size: 11px; clear: left; } div.album_block .edit_link{ font-size: 11px; } span.delete_album { float: right; } div.album_title.fresh { color: gray; } 

 #cart_page form.choose_currency { float: right; } #cart_page .pack_list { padding-top: 6px; clear: right; } #cart_page_header, #cart_page_footer { padding: 12px; } #cart_message { border: 1px solid red; padding: 12px; margin: 24px 0px; background-color: #F5F5F5; } #cart_page_footer ul li { float: left; padding-right: 24px; padding-bottom:24px; } #cart_page_footer ul li img { position: relative; top: -1px; vertical-align: middle; margin-right: 6px; } #cart_page_footer h3.subtotal { float: right; text-align: right; } #cart_page_footer h3.subtotal { font-weight: normal; } #cart_page_footer span.cart_subtotal { font-size: 24px; } #cart_page_footer div.checkout { clear: right; text-align: right; float: right; margin-top: 25px; } #cart_params_form input.users { text-align: center; width: 3em; } #cart_giftcert_form { clear: left; } #cart_giftcert_form input[type=text] { width: 10em; } 

.privacylink { color:rgb(0, 153, 255); cursor: pointer; } #favorites .flField { margin-top: 15px; } @media screen and (min-width: 768px) { #favorites .flField { margin: 15px 0; } } 

 table.my_orders_table { width: 100%; margin-bottom: 1em; } table.my_orders_table th { text-align: left; } table.my_orders_table td.failed { color: red; } table.my_orders_table th td.packagelist { padding-left: 1em; padding-bottom: 10em; } .my_orders_head input[type=submit] { height:25px; } tr.my_orders_sublist td:first-child{ padding:0 0 2px 25px; } tr.my_orders_sublist td{ padding:0 0 2px 0; margin:0 0 0 0; background-color:#EEEEEE; } td.my_order_redownload { margin:0 0 0 0; height:100% } tr.my_orders_head td:first-child{ padding:4px 0 0 15px; } tr.my_orders_head td{ background-color:#EEEEEE; border-top-style:solid; border-top-width:4px; border-top-color:white; } tr.my_orders_head p{ font-size:smaller; color:#666; } /* form.license_upgrade_form input.users_box { */ text-align: center; width: 4em; } form.license_upgrade_form ul li.note, form.license_upgrade_form p.note { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: italic; color: #666; } table.license_upgrade_price_list { border: 1px solid #09F; } table.license_upgrade_price_list tr td { background-color: inherit; border-style: none; } table.license_upgrade_price_list tr th { background-color: inherit; border-style: none; text-align: right; font-weight: normal; } .downloadwebfontkit h2.first { margin-top: 0px; padding-top: 0px; } .downloadwebfontkit_title { font-size: 17px; line-height: 17px; font-weight: bold; color: #666666; } #Configure_kit_btn { background-color: #eca235; border-color: #ba8029; font-size:12px; } #Configure_kit_btn:hover { background-color: #d4922f; } #Configure_kit_btn:active { background-color: #be7c19; } .downloadwebfontkit .option_text { font-size: 11px; padding-top:5px; color:#666666; } #vieworder .vieworder_section { clear: both; } #vieworder h2.download img { vertical-align: middle; padding: 20px 5px 20px; } .kitformtxt { padding-bottom: 5px; } #vieworder .vieworder_section + .vieworder_section,.vwordwebconfigov { margin-top: 10px; padding-top: 15px; padding-bottom: 15px; border-top: 0px solid #999; background-color: #f5f5f5; } .votop { padding-top: 0px; margin-top: 0px; } .installertext { width:550px; } #vieworder .vieworder_section_installer { clear: both; } #vieworder .vieworder_section_installer + .vieworder_section_installer { margin-top: 10px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #999; background-color: #ffffff; } #customize_webfont_kit_builder { display:none; } #vieworder .main_column .hr { clear: right; width: 100%; height: 1px; border-top: 1px solid #999999; } #vieworder h3.vieworder { padding-top: 1em; clear: right; } .download_box { background: url('/s/images/iconsets/myfonts/box-web-74.png') 0 0 no-repeat; margin-right: 3px; float: right; margin-top: 8px; padding: 0 10px 0 85px; width: 310px; min-height: 82px; line-height: 16px; } .download_box_warning { padding-bottom: 8px; } .download_box:hover{text-decoration: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .download_box {background-image:url('/s/images/iconsets/myfonts/box-web-74@2x.png'); -moz-background-size:74px 78px; -ie-background-size:74px 78px; -o-background-size:74px 78px; -webkit-background-size:74px 78px; background-size:74px 78px; } } #vieworder .download_box_installer { margin-right:3px; float: left; width: 190px; padding-right:10px; margin-top:8px; } #vieworder div.download_box div.installer_link,#vieworder div.download_box_installer div.installer_link { clear: left; } #vieworder div.download_box div.installer_link.multiple,#vieworder div.download_box_installer div.installer_link.multiple { padding-top: 12px; } #vieworder div.download_box div.installer_link.multiple a,#vieworder div.download_box_installer div.installer_link.multiple a { font-size: 20px; } #vieworder .download_box a, #vieworder .download_box a:visited, #vieworder .download_box a:hover ,#vieworder .download_box_installer a, #vieworder .download_box_installer a:visited, #vieworder .download_box_installer a:hover { text-decoration: none; color: #3c0; font-size: 24px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } .downloadwebfontkit { padding-left:17px; padding-top:5px; } #vieworder .download_box .warning{ color: #cc0000; padding-left: 90px; font-size: 11px; vertical-align: top; } .download_box_warning, { color: #000000; padding-left: 90px; font-size: 11px; vertical-align: top; } .redtxt { color: #b20000; font-weight: bold; } #vieworder .download_box img.box,#vieworder .download_box_installer img.box { width:150px; height:158px; padding-left: 16px; padding-bottom: 12px; } #vieworder .download_box div.installer_link img.arrow,#vieworder .download_box_installer div.installer_link img.arrow { width:32px; height:32px; float:left; position: relative; top: 11px; } #vieworder .download_box div.installer_link.multiple img.arrow,#vieworder .download_box_installer div.installer_link.multiple img.arrow { top: -2px; } #vieworder .download_box div.label,#vieworder .download_box_installer div.label { float:left; padding-left: 8px; } #vieworder .download_box p,#vieworder .download_box_installer p { clear: both; } ol#download_steps { margin-bottom: 20px; } ol#download_steps li { font-size: 15px; font-family: "RooneySans-Bold", "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; padding-bottom: 12px; } ol#download_steps li p { font-family: "RooneySans-Regular", "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } ol#download_steps li p b { font-family: "RooneySans-Bold", "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } ol#download_steps li + p:first-child { margin-top: 5px; } #vieworder div.order_updates { clear: right; border: 2px solid #09F; background-color: #E0F0FF; padding: 12px; margin-bottom: 12px; } #vieworder div.order_updates h3 { margin-top: 0; padding-top: 0; } #vieworder div.order_updates .pack_list_widget { width: 100%; } #order_receipt { font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } #receipt_itemization { width: 100%; border-style: solid; border-color: #999999; border-width: 1px 0px; margin-bottom: 8px; } #receipt_itemization td { vertical-align: top; } .subReceipt td.packname { width: 70px; } #receipt_itemization td.packname { font-weight: bold; padding-top: 8px; } #receipt_itemization td.price { text-align: right; padding-top: 8px; } #receipt_itemization td.itemization_details { font-size: smaller; } #receipt_totals { width: 100%; } #receipt_totals td { width: 50%; text-align: right; } #receipt_totals td.total { font-weight: bold; padding: 6px 0; } #receipt_totals td.payment_detail { font-size: smaller; word-break: break-all; } #printable_receipt { padding-top: 12px; text-align: right; } #personal_note_save { text-align: right; padding-top: 4px; } #personal_note_textarea { width: 100%; box-sizing: border-box; height: 8em; border: 1px solid black; background-color: white; } #installer_platform_check { font-size: larger; } .orderdetailrow { clear: left; background-color: #f5f5f5; padding: 5px 10px 5px 10px; margin-bottom: 6px; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } .orderquotenum { float: left; width: 500px; clear: left; border: solid 0px red; } .ordupdateavailable { float: right; width: 135px; margin-right:115px; border: solid 0px red; background:url('/s/images/iconsets/myfonts/uparrow.png') center right no-repeat; } .ordernumlink { font-size:14px; color:#0096FF; } .ordstat { padding-top: 1px; } .orderdateprice .failed { color: red; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } .orderfontname { padding-top: 0px; font-weight: 600; width:250px; float: left; border: solid 0px red; } .skulisctypes { float: left; width:150px; border: solid 0px red; white-space: nowrap; } .skuliscrow { clear: left; padding-top: 10px; } .orderspecialmessage { float: left; width: 150px; clear: left; } .orderdateprice { float: right; width: 150px; text-align: right; border: solid 0px red; } #my_orders_list .order-summary { font-size: 13px; width: 939px; padding-top:13px; } #my_orders_list .order-view { padding: 8px 0px 0px 0px; font-size:12px; } #my_orders_list #font-testdrive-new #font-options { float: right; } #my_orders_list .two_column_layout .main_column { width: 100%; } #my_orders_list.two_column_layout .side_column { float: right; } #my_orders_list #font-testdrive-new .right-options { width: 100%; border-top: 1px solid rgb(221, 221, 221); padding: 0 5px; } #my_orders_list #font-testdrive-new .image_checkbox { float: right; } #my_orders_list #font-testdrive-new .back-to-top { float: right; } #my_orders_list #font-testdrive-new #color-picker + .dropdown-modal { left: -281px; } #my_orders_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:before { margin-left: 246px; } #my_orders_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:after { margin-left: 247px; } #my_orders_list #font-testdrive-new #advanced-options + .dropdown-modal { left: -430px; } #my_orders_list #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 456px; left: 34px; } #my_orders_list #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 455px; left: 34px; } #my_orders_list #font-testdrive-new #display-options + .dropdown-modal { left: -175px; } #my_orders_list #font-testdrive-new #font-options .dis-options ul:first-child:before { margin-left: 251px; } #my_orders_list #font-testdrive-new #font-options .dis-options ul:first-child:after { margin-left: 250px; } #my_orders_list #font-testdrive-new #cust-text { width: 138px; } #my_orders_list #font-testdrive-new #font-slider { width: 85px; } #my_orders_list #font-testdrive-new #fit-width { width: 105px; padding: 0; padding-top: 7px; margin-left: 12px; } #my_orders_list #font-testdrive-new #font-size { margin-left: 0; } #my_orders_list #font-testdrive-new #font-options { margin-left: 0; } #my_orders_list #font-testdrive-new #fit-width.checkbox label { font-size: 14px; padding-left: 28px; background-position: -7px -103px; } #my_orders_list #font-testdrive-new #fit-width.checkbox label.checked { background-position: -7px -81px; } #my_orders_list #font-testdrive-new #sort-container { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { #my_orders_list #font-testdrive-new #fit-width.checkbox label{ background-position: -3px -198px; } #my_orders_list #font-testdrive-new #fit-width.checkbox label.checked { background-position: -3px -161px; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #my_orders_list #font-testdrive-new #font-slider { width: 88%; } #my_orders_list #font-testdrive-new .image_checkbox_mobile { display: none; } #my_orders_list #font-testdrive-new #display-options + .dropdown-modal ul li.option:nth-child(2) { border-top-style: solid; } #my_orders_list #font-testdrive-new #font-size #font-slider-wrap, #my_orders_list #font-testdrive-new #font-size > #fit-width { display: none; } #my_orders_list #font-testdrive-new #color-picker + .dropdown-modal { width: 325px !important; left: 0; } #my_orders_list #font-testdrive-new #advanced-options + .dropdown-modal { width: 300px !important; } #my_orders_list #font-testdrive-new #display-options + .dropdown-modal { width: 300px !important; left: 100px; } #my_orders_list #font-testdrive-new #text-selector .dropdown-inner { max-height: none !important; } #my_orders_list #font-testdrive-new .adv-options .dropdown-inner { max-height: none !important; } #my_orders_list #font-testdrive-new #font-options .dis-options ul:first-of-type:before { margin-left: 164px; } #my_orders_list #font-testdrive-new #font-options .dis-options ul:first-of-type:after { margin-left: 163px; } #my_orders_list #font-testdrive-new #cust-text { width: 100%; } } 

 ul#my_quotes_list > li + li { padding-top: 24px; margin-top: 24px; border-top: 1px solid #999; } ul#my_quotes_list .expires_soon { color: #CC0000; } ul#my_quotes_list div.quote_total { text-align: right; font-size: 14px; padding-right: } ul#my_quotes_list div.quote_total span.label { } ul#my_quotes_list div.quote_total span.total_price { font-weight: bold; } ul#my_quotes_list form + a, ul#my_quotes_list form { display: inline-block; margin-left: 12px; } 

.recurring-billing-mgmt h2 { margin-bottom: 10px; padding-top: 20px; } .recurring-billing-mgmt h3 { padding-top: 20px; } .recurring-billing-mgmt button.button.red, .recurring-billing-mgmt button.button.red:hover { background-color: #C00; } .recurring-billing-mgmt .order { clear: both; margin: 0 0 10px; display: table; width: 100%; background: #F4F4F4; } .recurring-billing-mgmt .order:first-child { margin-top: 15px; } .recurring-billing-mgmt .order .row { display: table-row; } .recurring-billing-mgmt .order .cell { display: table-cell; padding: 15px; box-sizing: border-box; font-size: 16px; vertical-align: top; } .recurring-billing-mgmt .order .cell:nth-of-type(1) { width: 20%; } .recurring-billing-mgmt .order .cell:nth-of-type(2) { width: 55%; border-left: 2px solid #fff; border-right: 2px solid #fff; } .recurring-billing-mgmt .order .cell:nth-of-type(3) { width: 25%; text-align: right; vertical-align: bottom; } .recurring-billing-mgmt .order .cell span, .recurring-billing-mgmt .order .cell strong { display: block; } 

 #my_settings_table { width: 100%; color: #202020; font-size: 16px; margin-top: 50px; } #my_settings_table tr td { vertical-align: top; } #my_settings_table tr td.label { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-align: right; padding: 12px 0px 40px 0px; width: 250px; } #my_settings_table tr td.info { padding: 12px 0px 40px 70px; width: 410px; } #my_settings_table p.listHeader { margin-bottom: 20px; } #my_settings_table tr td.edit { text-align: right; padding: 0px 0px 40px 0px; width: 268px; } #my_settings_table a.button{ text-align: center; display:block; background: #eee; width: 71px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px; color: inherit; margin-left: 20px; margin-top: 6px; position:relative; } #my_settings_table a.button.addcard{ float:none; margin-top: 0px; margin-left:0px; } #my_settings_table a.button.addcard.cards_present{ margin-top: 10px; } #my_settings_table #my_settings_payments .edit_payment a.button { float:left; margin-top: 0px; margin-bottom: 0px; } #my_settings_table a#my_settings_delete_account.button{ width: 240px; float:none; top:-6px; margin-left:0px; } #my_settings_table a.button:hover, #my_settings_table a#my_settings_delete_account.button:hover, #my_settings_table input[type="reset"].cancel:hover, form.my_settings_popupform input[type="reset"]:hover{ text-decoration: none; background: #ccc; } #my_settings_table input[type="reset"].cancel, form.my_settings_popupform input[type="reset"] { background: #eee; } #my_settings_table .error { color: red; } #my_settings_table div.floaty { float: left; padding-right: 12px; margin-bottom: 12px; } #my_settings_table div.floaty input { width: 120px; } #my_settings_table div.cleary { clear: left; margin-bottom: 12px; } #my_settings_table div.cleary input[type="text"] { width: 100%; max-width: 375px; } #my_settings_table div.cleary input[type="submit"] { margin: 10px 5px 0 0; } #my_settings_table div.cleary input[type="reset"] { margin: 10px 0 0 5px; } #my_settings_table div.floaty.cardNumber, #my_settings_table div.floaty.securityCode { margin-top: 5px; } #my_settings_table div.floaty.cardNumber input { width: 14em; } #my_settings_table div.floaty.securityCode input { width: 3em; } #my_settings_table div.cleary.name { padding-top: 12px; } #my_settings_table tr td ul { list-style-type: none; padding: 0px; margin: 0px; padding-left: 1em; } #my_settings_table tr li { padding-bottom: 7px; } #my_settings_table tr#my_settings_payments li { padding-bottom: 12px; } #my_settings_table tr#my_settings_payments .original_value, #my_settings_table tr#my_settings_payments .edit_payment { float: left; } #my_settings_table tr#my_settings_payments .original_value { width:285px; } #my_settings_table tr#my_settings_payments .edit_payment { width: 354px; } #my_settings_table tr td ul li input[type="checkbox"]{ margin-right: 20px; } #my_settings_table tr td ul li.addcard { position: relative; list-style-type: none; left: -1em; } #my_settings_table .my_settings_check, #my_settings_table #my_settings_payments ul { padding-left: 0px; } #my_settings_table form div.label { margin-bottom: 5px; } #my_settings_table tr#my_settings_newsletters a { font-style: italic; } #my_settings_delete_account { color: red; } form.my_settings_popupform a, form.my_settings_popupform input[type="submit"] { margin-right: 6px; } form.my_settings_popupform input[type="reset"] { margin-left: 6px; } #profile_picture_edit { text-align: right; } #my_settings_vat_id .warning { display: none; } #my_settings_vat_id.vat_warning .warning { display: block; } 

.confirmation h1.thanks { color: #333; font-size: 50px; margin: 30px 0 50px; text-align: center; } .confirmation #headcrumbs li.maincrumb { display: inline; } .confirmation #headcrumbs li.maincrumb h1 { color: #333; display: inline; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 12px; } 

.mysubs_page h2 { font-size: 18px; margin-bottom: 1em; } .mysubs_page .sub_detail_row { background-color: #f5f5f5; padding: 20px 28px; } .mysubs_page .sub_detail_row h3 { font-size: 18px; margin-bottom: 1.2em; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } .mysubs_page .sub_detail_row p { font-size: 14px; padding: 0; margin-bottom: 1.2em; } 

 div.mytags table td { vertical-align: top; padding: 3px; line-height: 1.5; } div.mytags table td.letter { text-align: center; border-right: 1px solid #999999; } div.mytags table td.tags { text-align: left; } #update_tag_form input, #update_tag_form select { margin-top: 1ex; margin-left: 1ex; } ul.tag_alpha_list { margin: 0px; padding: 0px; list-style-type: none; } ul.tag_alpha_list li { display: inline; padding: 0px; padding-right: 1ex; white-space: nowrap; } 

 #my_webfonts div.test_sample { } #my_webfonts div.test_sample_settings { float: left; font-size:36px; } #my_webfonts div.sample_listings { padding-bottom:6px; } 

#newsletters .issue { float: left; margin-bottom: 12px; text-align: center; padding-right:12px; } #newsletters .issue img { width: 232px; height: 232px; } input#newsletter_signup_email { width: 165px; } input#newsletter_signup_submit { width: 100%; } .newsletterWidget h3 { color: #333; } #newsletterLinks { padding: 10px 10px 8px 0; } .newsletterLabel { font-family: "RooneySans-Regular"; padding: 10px 0 14px 11px; float: left; } #newsletterLinks > a, #newsletterLinks .newsletterSubscribed { display:inline-block; padding-right: 0px; padding-left: 10px; font-size: 16px; border-left: 1px solid #333; } #newsletterLinks .newsletterSubscribed { display:none; } #newsletterLinks .newsletterSubscribed a{ font-size: 12px; border-right: none; } #newsletterLinks > a:first-child { border-left: none; float: right; } .newsletterSidebar img { width: 100%; max-width: 100%; } #newsletterPreview .newsletterImage2x { display: none; } @media (min-width: 768px) { .newsletterLabel { padding: 0; margin-bottom: 18px; } #newsletterLinks > a, #newsletterLinks .newsletterSubscribed { font-size: 12px; } #newsletterLinks { padding: 4px 0 0 0; } } @media (min-width: 900px) { .newsletterLabel { line-height: 19px; } #newsletterLinks { line-height: 24px; padding: 0; } } @media (min-width:1200px) { #sidebarLeft .newsletterWidget h3 { font-family: "RooneySans-Light"; } } @media (min-width: 1500px) { #responsiveHomepage h3.newsletterLabel { font-size: 20px; } } @media (max-width: 736px) { #newsletterLinks > a:first-child { padding-top: 10px; } } @media only screen and (max-device-width: 736px) and (min-device-width: 320px) { #newsletterLinks > a:first-child { padding: 10px 4px 10px 0; } } @media only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { .newsletterSidebar img { max-width: 305px; margin: 0 auto; } #newsletterPreview { text-align: center; clear: both; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { #newsletterPreview .newsletterImage1x { display: none; } #newsletterPreview .newsletterImage2x { display: block; } } 

 /* form.pack_list_filters { border-bottom: 1px solid #999; padding-bottom: 12px; } table.pack_list_filters { width: 100%; } table.pack_list_filters tr td:first-child { font-weight: bold; } table.pack_list_filters tr td { padding: 3px; vertical-align: top; } table.pack_list_filters ul li { display: inline; padding-right: 16px; white-space: nowrap; } table.pack_list_filters ul li img { position: relative; top: 3px; } */ div.side_column div.pack_filters h4 { margin-top: 12px; } div.side_column div.pack_filters ul { padding-left: 3px; } div.side_column div.autobox.whoa_box { background-color: #FFFFDD; border: 1px solid #E58C17; } div.pack_list { clear: both; } table.pack_list { width: 100%; clear: both; } table.pack_list th { padding-top: 18px; background-color: white; font-weight: bold; } table.pack_list th, table.pack_list td { padding: 6px; text-align: left; vertical-align: middle; } table.pack_list th.remove, table.pack_list td.remove { text-align: center; } table.pack_list th.price, table.pack_list td.price { text-align: right; } table.pack_list td { background-color: #f4f4f4; border-top: solid 8px white; } table.pack_list tr.octopus_leg td { border-top: 1px solid #cccccc; } table.pack_list tr.octopus_head + tr.octopus_leg td, table.pack_list tr.octopus_leg.mefirst td { border-top: solid 8px white; } table.pack_list tr.octopus_head + tr.octopus_leg td{ border-top: solid 8px white; } table.pack_list td.pack_header { vertical-align: top; } table.pack_list td.pack_header .pack_name { font-size: 16px; } table.pack_list td.pack_header .pack_id, table.pack_list td.pack_header .style_count, table.pack_list .usage_label, table.pack_list span.promo_tag, table.pack_list .notforsale { font-size: 12px; white-space: nowrap; color: #666666; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } table.pack_list td.pack_header .sku_list { font-size: 10px; color: #666666; } table.pack_list td.webfont_desc { text-align:right; } table.pack_list td.expando span.hackhackhack, table.pack_list td.license a, table.pack_list td.formats a { font-size: 10px; } table.pack_list td.license { padding-left:0px; width:120px; } table.pack_list a.change { visibility: hidden; } table.pack_list form input.users { width: 5em; } table.pack_list form div.submit_hint { position: absolute; z-index: 100; padding: 3px; background-color: white; border: 1px solid black; } table.pack_list tr.pack_webfont_row td, table.pack_list tr.pack_details_row td { border-top-style: none; } table.pack_list tr.pack_details_row td.pack_details { padding-right: 6px; border-top: 1px solid #E8E8E8; } table.pack_list div.style_listing_group_heading { font-weight: bold; margin-top: 12px; } table.pack_list div.style_listing { position: relative; overflow: hidden; padding-top: 12px; font-size: 10px; line-height: 18px; } table.pack_list div.style_listing div.style_icons { float: right; } table.pack_list div.style_listing div.style_icons img { margin-left: 4px; vertical-align: middle; } table.pack_list tr.warning td { background-color: #FFFFCC; } table.pack_list td.warning { font-weight: bold; color: red; } table.pack_list td.expando { text-align: center; vertical-align: top; padding-top: 0.7em; padding-right: 0; color: #666666; width: 1em; font-size: 13px; cursor: default; } /* table.pack_list ul.charsets { display: block; margin-top: 12px; } */ table.pack_list ul.charsets li { display: inline; margin:0; padding:0; padding-right: 2px; } table.pack_list ul.special_charsets li img { position: relative; top: 2px; } table.pack_list td.formats ul + form { margin-top: 6px; } table.pack_list td.formats ul li { white-space: nowrap; } table.pack_list td.download { white-space: nowrap; font-size: smaller; vertical-align: middle; } table.pack_list td.download a { color: black; text-decoration: none; } table.pack_list td.download a.nodownload { } table.pack_list td.download a.nodownload:hover { text-decoration: underline; } table.pack_list td.download img.download { width: 18px; height: 18px; float: left; padding-top: 3px; padding-right: 2px; } table.pack_list td.addtocart { vertical-align: middle; } table.pack_list .add_to_cart img { vertical-align: middle; } table.pack_list td.desktop_plus_webfont { vertical-align: middle; } table.pack_list td.desktop_plus_webfont .caption { padding: 6px 0px; font-size: 85%; color:#333; } table.pack_list td.curly * { position: relative; top: -6px; font-size: 64px; color: #CCC; } table.pack_list td.addtocart ul.add_options li { display: inline-block; padding-right: 12px; } table.pack_list td.addtocart button.add_to_cart_button { min-width: 100px; } table.pack_list a.add_to_cart_client { float: none; } table.pack_list .album_dropdown { display: none; } table.pack_list td.addtocart button.add_to_cart_button, table.pack_list td.addtocart button.add_to_album_toggle { margin-top: 10px; } table.pack_list button.add_to_cart_button { border-radius: 3px; } table.pack_list td.addtocart .add_to_album_dropdown { top: 31px; right: 18px; } .fltleftpacklist { float:left; width: 25px; height: 25px; margin-top:7px; margin-right:3px; margin-bottom:7px; } .fltlefstd { float:left; line-height: 14px; margin-top:5px; margin-left:8px; } .pklstfontsheader { width:200px; } #family #packs_tab .cart_button_wrapper { float: none; margin-left: 0; } 

#person_page h1 { float: left; margin: 0 30px 0 0; height: 60px; } #person_page .title_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: flex-start; -webkit-justify-content: flex-start; } #person_page #person_always { margin-top: 18px; } #person_page #person_info { padding-top: 24px; } #person_page .fc-authenticate { top: 45px; } #person_page .infobox { float: left; width: 224px; margin-right: 24px; } #person_page .infobox.infobox_3 { margin-right: 0px; } #person_page .infobox ul { margin-top: 8px; border-top: 1px solid #CCC; } #person_page .infobox ul li { margin-top: 8px; font-size: smaller; } #person_font_list { clear: both; padding-top: 24px; } #person_font_list .columns { margin-top: 8px; border-top: 1px solid #CCC; padding-top: 24px; } #person_font_list #font-testdrive-new .right-options { width: 100%; border-top: 1px solid rgb(221, 221, 221); padding: 0 5px; } #person_font_list #font-testdrive-new #font-options { float: right; } #person_font_list #font-testdrive-new .image_checkbox { float: right; } #person_font_list #font-testdrive-new .back-to-top { float: right; } #person_font_list #font-testdrive-new #color-picker + .dropdown-modal { left: -281px; } #person_font_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:before { margin-left: 246px; } #person_font_list #font-testdrive-new #font-options .dropdown-modal #color-toggle:after { margin-left: 247px; } #person_font_list #font-testdrive-new #advanced-options + .dropdown-modal { left: -430px; } #person_font_list #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 456px; left: 34px; } #person_font_list #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 455px; left: 34px; } #person_font_list #font-testdrive-new #display-options + .dropdown-modal { left: -175px; } #person_font_list #font-testdrive-new #font-options .dis-options ul:first-child:before { margin-left: 251px; } #person_font_list #font-testdrive-new #font-options .dis-options ul:first-child:after { margin-left: 250px; } #person_page .title_wrapper .ac-follow-root { position: relative; } #person_page .title_wrapper a.fcbtn { padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eee; color: #4A4A4A; font-size: 14px; height: 20px; text-decoration: none; text-align: center; width: 68px; float: left; margin-top: 15px; } #person_page .title_wrapper a.fcbtn:hover { background: #ddd; } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #person_font_list #font-testdrive-new .dropdown-modal { left: 0; } #person_font_list #font-testdrive-new #color-picker + .dropdown-modal, #person_font_list #font-testdrive-new #advanced-options + .dropdown-modal, #person_font_list #font-testdrive-new #display-options + .dropdown-modal { left: 0; } } 

 #popDesignList li.topDesigner { display:block; padding: 10px; border: 1px solid #eee; margin-bottom: 15px; background: #fff; box-shadow: 0px 1px 1px -1px #ddd; } #popDesignList li.topDesigner .topDesignerTop { margin-bottom: 10px; } #popDesignList li.topDesigner .topDesignerTop a { padding: 4px 0; display: inline-block; } #popDesignList li.topDesigner .topDesignerTop .followButton{ float:right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eee; color: #444; padding: 4px 6px; } #popDesignList li.topDesigner .topDesignerTop .followButton:hover { text-decoration: none; background: #ddd; } #popDesignList li.topDesigner .designerExamples img { width: 32%; margin-left: 1%; } 

#popDesignListResp { margin: 15px 6px 8px 6px; } #popDesignListResp li.topDesigner { border: 1px solid #eee; margin-bottom: 15px; background: #fff; box-shadow: 0 1px 1px -1px #ddd; position: relative; } #popDesignListResp li.topDesigner .topDesignerTop { position: relative; width: 22%; float: left; padding: 15px 0 10px 15px; } #popDesignListResp li.topDesigner .topDesignerTop .followButton { margin-top: 20px; position: relative; width: 100px; float: left; } #popDesignListResp li.topDesigner .topDesignerTop a { padding: 4px 0; display: inline-block; } #popDesignListResp li.topDesigner .topDesignerTop a.fcbtn { padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eee; color: #444; font-size: 13px; margin:0; height: 25px; text-decoration: none; text-align: center; width: 68px; line-height: 15px; } #popDesignListResp li.topDesigner .topDesignerTop a.fcbtn:hover { background: #ddd; } #popDesignListResp li.topDesigner .designerExamples img { width: 24.25%; margin-left: 1%; } #popDesignListResp li.topDesigner .designerExamples { position: absolute; clear: both; z-index: 4; padding: 14px 14px 12px 14px; } #popDesignListResp .headshot { background-repeat: no-repeat; background-position: right; background-size: 60%; height: 100%; width: 100%; float: right; } #popDesignListResp h3 { font-size: 16px; display: inline-block; margin-right: 3px; line-height: 120%; font-family: "RooneySans-Medium"; } #popDesignListResp .fc-authenticate { left: 0; top: 23px; } #popDesignListResp li.topDesigner .designerExamples a:first-child img { margin-left: 0; } #popDesignListResp .topDesigner { position: relative; width: 100%; border: 1px solid #000; } #popDesignListResp .topDesignerWrapper{ top: 0; bottom: 0; right: 0; left: 0; position: absolute; } #popDesignListResp li.topDesigner .topDesignerName a { padding: 0; color: #333; } #popDesignListResp li.topDesigner .topDesignerName a:hover { color: #09f; } #popDesignListResp .headshotWrapper { float: right; position: relative; width: 75%; padding-right: 14px; height: 83%; z-index: 3; } #popDesignListResp .topDesigner:after { padding-top: 65%; display: block; content: ''; } .popDesignLabel { margin-left: 13px; font-family: "RooneySans-Regular"; } @media (min-width: 450px) { #popDesignListResp li.topDesigner .topDesignerTop .followButton { margin-top: 41px; } } @media (min-width: 768px) { #popDesignListResp li.topDesigner .designerExamples a:nth-child(4) img { display: none; } #popDesignListResp li.topDesigner .designerExamples img { width: 32.65%; margin-left: 1%; } .popDesignLabel { margin-left: 0; } #popDesignListResp { margin: 15px 0 0 0; } #popDesignListResp .topDesigner:after { padding-top: 80%; } #popDesignListResp .headshot { background-size: 75%; } #popDesignListResp li.topDesigner .topDesignerTop { width: 25%; padding: 14px 0 14px 14px; } #popDesignListResp li.topDesigner .topDesignerTop .followButton { margin-top: 12px; } #popDesignListResp .topDesigner h3 { font-size: 13px; line-height: 75%; } #popDesignListResp li.topDesigner .topDesignerTop a.fcbtn { width: 56px; height: 23px; font-size: 11px; padding: 1px; line-height: 21px; } } @media (min-width: 900px) { #popDesignListResp .topDesigner h3 { font-size: 15px; line-height: 100%; } #popDesignListResp li.topDesigner .topDesignerTop a.fcbtn { width: 66px; height: 23px; font-size: 12px; padding: 4px; line-height: 16px; } } @media (min-width: 1000px) { #popDesignListResp .topDesigner:after { padding-top: 65%; } } @media (min-width: 1000px) { #popDesignListResp li.topDesigner .designerExamples a:nth-child(4) img { display: inherit; } #popDesignListResp li.topDesigner .designerExamples img { width: 24.25%; margin-left: 1%; } #popDesignListResp li.topDesigner .topDesignerTop .followButton { margin-top: 20px; } #popDesignListResp .headshot { background-size: 60%; background-position: right top; } } @media (min-width: 1200px) { #popDesignListResp .fc-authenticate { top: 27px; } #popDesignListResp li.topDesigner .topDesignerTop { padding: 20px 0 10px 15px; } #popDesignListResp li.topDesigner .topDesignerTop a.fcbtn { width: 74px; height: 27px; font-size: 14px; padding: 5px; } #popDesignListResp .topDesigner h3 { font-size: 18px; } } @media (min-width: 1500px) { #popDesignListResp .fc-authenticate { top: 32px; } #popDesignListResp .topDesigner h3 { font-size: 20px; line-height: 113%; } #popDesignListResp li.topDesigner .topDesignerTop a.fcbtn { font-size: 18px; width: 89px; height: 32px; padding: 8px; } #responsiveHomepage h3.popDesignLabel { font-size: 20px; } } @media only screen and (max-device-width: 736px) and (min-device-width: 320px) { #popDesignListResp { margin: 0; } .popDesignLabel { margin-bottom: 15px; } } @media only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #popDesignListResp li.topDesigner .topDesignerTop .followButton { margin-top: 20px; } } 

 #popup_login_table td { padding: 3px; } #popup_login_table td.info { font-size: smaller; white-space: nowrap; vertical-align: top; } #popup_login_table td.fieldname { text-align: right; padding-right: 1em; white-space: nowrap; } #popup_login_table #login_message, #popup_login_table .errormsg { font-size: larger; padding: 4px 1px; } 

 

 a.vote_against { color: red; } span.time_ago { color: #999; } #recent_ratings ul li { border-top: 1px solid #CCC; padding: 3px 0px; } #recent_ratings ul li.vote_against { background-color: #FFDDDD; } #recent_ratings ul li.private { background-color: #FFFFDD; } 

 a.vote_against { color: red; } span.time_ago { color: #999; } #recent_shorturls ul li { border-top: 1px solid #CCC; padding: 3px 0px; } #recent_shorturls ul li.vote_against { background-color: #FFDDDD; } #recent_shorturls ul li.private { background-color: #FFFFDD; } 

 a.vote_against { color: red; } span.time_ago { color: #999; } #recent_tags ul li { border-top: 1px solid #CCC; padding: 3px 0px; } #recent_tags ul li.vote_against { background-color: #FFDDDD; } #recent_tags ul li.private { background-color: #FFFFDD; } 

#related_albums ul { overflow: hidden; } 

.related_tags ul { overflow: hidden; } 

 .related_tags { width: 100%; padding: 24px 0; } .p-related-tags h3 { font-size:16px; line-height:120%; color:rgb(17,17,17); text-align:left; font-family: "rooneysans-regular"; padding-bottom: 4px; } .p-related-tags ul{ margin: 0; padding: 0; list-style-type: none; } .p-related-tags li { display: inline-block; background-color: rgb(238,238,238); height: 27px; -moz-border-radius: 2%; -webkit-border-radius: 2%/7%; border-radius: 2%/7%; font-size: 14px; line-height: 25px; color: rgb(51,51,51); text-align: center; margin-bottom: 10px; } .p-related-tags li a { padding: 0px 14px; color: #000; } span.p-more-tags { cursor: pointer; margin-left: 5px; display: inline-block; } .p-related-tags li span { display: inline-block; vertical-align: middle; } 

@-webkit-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-moz-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-ms-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #responsiveHomepage { color: #333; min-height: 1000px; box-sizing: border-box; } #responsiveHomepage * { box-sizing: border-box; } #responsiveHomepage h1 { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; font-weight: normal; margin: 1em 0 1em; text-align: center; } #responsiveHomepage #content { position: relative; width: 100%; } #responsiveHomepage .rhTitle { font-size: 14px; font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin: 20px 0 20px; } #responsiveHomepage #content noscript { position: relative; top: -100px; } #responsiveHomepage #loadMore { background: #fff; border-top: 1px solid #ccc; display: none; height: 40px; margin-bottom: -72px; position: relative; text-align: center; top: -40px; z-index: 3; } #responsiveHomepage #loadMore button { background: white; border: 1px solid #ddd; border-radius: 50%; color: #ccc; display: inline-block; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 40px; position: relative; top: -45px; height: 80px; width: 80px; -webkit-transition: border-color 200ms ease-in-out, color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out, color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out, color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out, color 200ms ease-in-out; transition: border-color 200ms ease-in-out, color 200ms ease-in-out; } #responsiveHomepage #loadMore button:hover { border-color: #aaa; color: #999; } #responsiveHomepage #loadMore button.loading { animation-name: rotate; animation-delay: 1s; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -moz-animation-name: rotate; -moz-animation-delay: 1s; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-name: rotate; -webkit-animation-delay: 1s; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } #responsiveHomepage .main_column { width: 100%; display: block; float: left; min-height: 50px; position: relative; } #responsiveHomepage .sidebar { min-height: 50px; width: 100%; max-width: 425px; margin: 0 auto; } #responsiveHomepage .sidebar .newsletterWidget { border: 1px solid #eee; background: #fff; } #responsiveHomepage .fcFilter { position: relative; top: 0; } #responsiveHomepage .fcFilter li { padding: 8px 0; } #responsiveHomepage .fcFilter .fcType { font-size: 16px; color: #666; position: relative; padding-bottom: 3px; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } #responsiveHomepage .fcFilter .fcType:hover { text-decoration: none; color: #09F; } #responsiveHomepage .fcFilter .fcType.fcFilterType.filterOn { border-bottom: 2px solid #09F; } #responsiveHomepage .fcFilter .fcType .fcNum { position: absolute; top: -18px; right: -30px; text-align: center; display: block; width: 30px; height: 30px; font-size: 14px; line-height: 25px; background-image: url("/s/images/font_cards/follow_bubble.png"); background-repeat: no-repeat; color: #fff; } #responsiveHomepage .fcFilter .fcEdit { font-size: 12px; color: #999; float: right; padding: 3px 0; } #responsiveHomepage .backToTop { background: url("/s/images/font_cards/back-to-top.png") left center no-repeat; background-size: 30px 30px; display: block; } #responsiveHomepage #backToTop { padding: 10px 0 10px 40px; color: #999; font-size: 14px; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } #responsiveHomepage #backToTop:hover { color: #666; text-decoration: none; } #responsiveHomepage #backToTopMobile { display: none; position: fixed; bottom: 10px; right: 5px; width: 30px; height: 30px; } #responsiveHomepage #sideBarFooter nav.social a { color: #ddd; display: table-cell; font-family: "Social-Network-Icons"; font-size: 25px; font-weight: normal; text-decoration: none; -webkit-transition: color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out; -ms-transition: color 200ms ease-in-out; -o-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; padding: 18px 12px; } #responsiveHomepage #sideBarFooter nav.social a:hover { color: #aaa; } #responsiveHomepage #sideBarFooter nav.social a:first-child { padding-left: 0; } #responsiveHomepage #sideBarFooter .links, #responsiveHomepage #sideBarFooter .social { padding-left: 10px; } #responsiveHomepage #sideBarFooter .copyright { font-size: 10px; color: #545454; padding: 18px 10px; } #responsiveHomepage .salesmapLabel { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; float: left; } #responsiveHomepage .seeallMaps { float: right; font-size: 16px; display: none; } #responsiveHomepage #salesmap > a { font-size: 11px; } #responsiveHomepage #maps { padding-top: 15px; } #responsiveHomepage #maps > div { padding: 14px; border: 1px solid #eee; margin-bottom: 15px; background: #fff; box-shadow: 0 1px 1px -1px #ddd; } #responsiveHomepage p.salesCR { text-align: right; font-size: 12px; } #responsiveHomepage #sideBarFooter .links a { display: block; padding: 18px 0; color: #545454; -webkit-transition: color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out; -ms-transition: color 200ms ease-in-out; -o-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; } #responsiveHomepage #sideBarFooter nav.links a:hover { color: #09f; text-decoration: none; } #responsiveHomepage #salesmap .wide { display: none; width: 100%; } #responsiveHomepage #salesmap .narrow { width: 100%; display: block; } #responsiveHomepage #popDesignListResp li.topDesigner .designerExamples { bottom: -2px; } #responsiveHomepage .sidebar .newsletterWidget { width: 100%; max-width: 425px; background: #fff; border: 1px solid #eee; margin: 0 auto 46px auto; box-shadow: 0px 1px 1px -1px #ddd; } #responsiveHomepage.ie h1 { font-size: 24px; } #responsiveHomepage.ie #content .item { padding: 12px; } #responsiveHomepage.ie #content .item .ribbon { display: none; } .ie #responsiveHomepage #categoryNav { font-size: 15px; } .ie #responsiveHomepage #content .item { padding: 14px; } .ie #responsiveHomepage #content .item .ribbon { height: 132px; width: 120px; right: 8px; top: 8px; } .ie #responsiveHomepage #content .item .ribbon span { font-size: 17px; } .ie #responsiveHomepage .main_column { width: 70%; padding-left: 10px; } .ie #responsiveHomepage .sidebar#sidebarLeft { width: 30%; padding-right: 10px; display: block; } .ie #responsiveHomepage .sidebar#sidebarLeft .autobox.newsletterWidget { width: 100%; padding: 10px; margin-bottom: 30px; box-shadow: 0px 1px 1px -1px #ddd; } @media screen and (min-width: 480px) { #responsiveHomepage #categoryNav { padding: 0; } } @media screen and (min-width: 720px) { #responsiveHomepage h1 { font-size: 24px; } #responsiveHomepage #content .item { padding: 12px; } #responsiveHomepage #content .item .ribbon { right: 7px; top: 7px; } } @media screen and (min-width: 768px) { #responsiveHomepage #categoryNav { font-size: 15px; } #responsiveHomepage #content .item { padding: 14px; } #responsiveHomepage #content .item .ribbon { height: 132px; width: 120px; right: 8px; top: 8px; } #responsiveHomepage #content .item .ribbon span { font-size: 17px; } #responsiveHomepage .main_column { padding-left: 33.5%; } #responsiveHomepage .sidebar#sidebarLeft { width: 33.5%; padding-right: 1.7%; display: block; position: absolute; left: 0; } #responsiveHomepage .sidebar#sidebarLeft .autobox.newsletterWidget { width: 100%; padding: 14px 14px 10px 14px; margin-bottom: 20px; box-shadow: 0px 1px 1px -1px #ddd; } #responsiveHomepage .sidebar .autobox.designerWidget { margin-bottom: 20px; } #responsiveHomepage h3 { font-size: 16px; } #responsiveHomepage .seeallMaps { font-size: 12px; padding-top: 4px; } } @media screen and (min-width: 900px) { #responsiveHomepage .seeallMaps { padding-top: 5px; } #responsiveHomepage h3 { font-size: 18px; } } @media screen and (min-width: 1500px) { #responsiveHomepage h3.salesmapLabel { font-size: 20px; } } @media screen and (min-width: 1600px) { #responsiveHomepage h1 { font-size: 32px; } #responsiveHomepage #categoryNav { padding: 0 12px; } #responsiveHomepage #content .item { padding: 16px; } #responsiveHomepage #content .item .ribbon { right: 9px; top: 9px; } #responsiveHomepage .sidebar#sidebarLeft { max-width: 425px; } #responsiveHomepage .sidebar#sidebarRight { width: 19%; display: block; padding-left: 10px; } } @media screen and (min-width: 1800px) { #responsiveHomepage h1 { font-size: 46px; } } @media screen and (min-width: 2000px) { #responsiveHomepage h1 { margin-top: 0; } } @media screen and (min-width: 1800px) { .fluid #responsiveHomepage #categoryNav a { display: inline-block; padding: .8em 1.7%; } } #myfontsContainer.respHomepage { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 40%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(40%, #f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 40%); background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 40%); background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 40%); background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 40%); } #myfontsContainer.mobileHomepage { padding: 0; } #myfontsContainer.mobileHomepage #myfontsBody { padding-top: 50px; } #myfontsContainer.mobileHomepage #myfontsHeader.collapsed + #myfontsBody { padding-top: 390px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) { height: auto; padding: 75px 0 0; position: relative; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerLogotype { float: none; width: 150px; height: 84px; margin: 0 auto 48px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerLogotype a { background-size: 150px 84px; width: 150px; height: 84px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerLogin { display: none; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerCart i { opacity: 0.6; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerSearchForm { clear: both; display: block; margin: 0 auto; position: relative; width: 285px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerSearchForm #searchBox { border-color: #ddd; border-radius: 3px 0 0 3px; box-shadow: none; box-sizing: content-box; height: 35px; line-height: 35px; width: 210px; -webkit-appearance: none; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerSearchForm #searchBox:focus { border-color: #09f; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerSearchForm #searchButton { border-radius: 0 3px 3px 0; font-family: "ProximaNovaSoft-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 22px; width: auto; height: 47px; position: absolute; padding: 1px 12px; right: 0; top: 0; width: 59px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage { display: block; padding: 0; text-align: center; width: 100%; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage > a { display: block; text-align: center; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage > a.label { background: #111; color: #fff; font-size: 14px; line-height: 1.2em; margin: 0; padding: 10px; text-align: left; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage > a.signIn { margin: 30px auto 0; width: 150px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage > a.wtfMobile { margin: 50px auto 20px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage > a button { background: #eee; color: #333; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; padding: 10px 25px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage .swipe { width: 100%; overflow: hidden; position: relative; white-space: nowrap; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage .swipe:last-of-type { border-bottom: 36px solid #111; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage .swipe .swipeInner { display: inline; float: left; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage .swipe .item { display: inline-block; float: none; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobileHomepage .swipe .item img { width: 100%; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobile { position: absolute; top: 0px; left: 10px; right: 10px; } #myfontsContainer.mobileHomepage #myfontsHeader:not(.collapsed) #headerNavMobile button.icon { padding: 16px 12px; } @media screen and (min-width: 600px) { #responsiveHomepage .rhTitle { display: none; } } @media screen and (max-width: 767px) { #responsiveHomepage #popDesignListResp li.topDesigner { width: 100%; max-width: 425px; background: #fff; border: 1px solid #eee; margin: 0 auto 20px auto; box-shadow: 0px 1px 1px -1px #ddd; } } @media screen and (min-width: 857px) { #responsiveHomepage #salesmap .narrow { display: none; } #responsiveHomepage #salesmap .wide { display: block; } } @media screen and (min-width: 1150px) { #responsiveHomepage #content { width: 99%; margin: 0 auto; max-width: 1200px; } } @media screen and (min-width: 1984px) { #responsiveHomepage .main_column { padding-left: 425px; } } @media screen and (min-width: 1984px) { #responsiveHomepage #content { width: 100%; max-width: none; } #responsiveHomepage .main_column { padding-left: 425px; } #responsiveHomepage .sidebar#sidebarLeft { padding-right: 20px; } } @media screen and (min-width: 2400px) { #responsiveHomepage #content { width: 2300px; margin: 0 auto; } } @media (min-width: 450px) and (max-width: 767px) { .popDesignLabel { display: none; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #responsiveHomepage #popDesignListResp li.topDesigner { max-width: 307px; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape), only screen and (max-width: 450px) { #myfontsContainer.respHomepage { padding: 0; } #responsiveHomepage .sidebar { margin-top: 20px; } #responsiveHomepage .sidebar .newsletterWidget { border: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #responsiveHomepage #maps { padding-top: 40px; } #responsiveHomepage h3.salesmapLabel { float: left; } #responsiveHomepage h3.salesmapLabel { padding-left: 10px; } #responsiveHomepage a.seeallMaps { padding-right: 10px; } #responsiveHomepage a.seeallMaps { float: right; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape), only screen and (max-width: 767px) { #responsiveHomepage #maps > div { float: left; width: 49%; padding: 5px; } #responsiveHomepage #maps div:nth-child(2n+1) { margin-right: 2%; } } @media only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { #responsiveHomepage .rhTitle { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; display: block; } #responsiveHomepage .sidebar .newsletterWidget { max-width: none; } #responsiveHomepage .sidebar { max-width: none; } #responsiveHomepage #popDesignListResp li.topDesigner { max-width: 307px; } #salesmap .narrow { display: none; } #salesmap .wide { display: block; } } 

 div.rollover_buttons { position: relative; height:27px; float:right; padding-right: 5px; } div.rollover_buttons a { float: right; } div.rollover_buttons .mouseshow { visibility: hidden; } 

 div.scrollbarWidget { position: relative; height: 20px; z-index: 10; } div.scrollbarWidget div.bar { position: relative; top: 12px; height: 7px; width: 80%; margin: auto; cursor: pointer; background-color: #D0D0D0; } div.scrollbarWidget div.handle { cursor: pointer; width: 10%; top: -3px; border-width: 1px; height: 11px; position: absolute; left: 0%; background-color: #f54141; border-style: solid; border-color: #ff9999 #aa2222 #aa2222 #ff9999; } div.scrollbarWidget div.handle div.range { position: absolute; white-space: nowrap; text-align: center; bottom: 105%; font-size: 8pt; width: 300%; left: -100%; } 

 /* #search_page h1 { float: left; font-weight: normal; } #search_page #searchfilter_widget { float: right; width: 602px; margin-right: 218px; margin-top: 8px; } */ #search_page span.results-number { font-size: 9px; } #search_page span.results-number:before { content:"("; } #search_page span.results-number:after { content:")"; } #search_page div.searchresults { position: relative; } 

 #searchfilter_widget { margin-bottom: 12px; } #searchfilter_criteria .prototype { display: none; } #searchfilter_criteria { width: 100%; } #searchfilter_criteria .criterium { position: relative; background-color: rgb(251,251,251); border: 1px solid rgb(221,221,221); padding: 6px; margin: 0px; margin-bottom: 6px; clear: both; margin-bottom: 3px; padding: 15px; margin-bottom: 3px; width: 100%; box-sizing: border-box; } #searchfilter_criteria select { margin-right: 1px; -webkit-appearance: initial; border: 0; background: url("/s/images/searchfilter/downarrow.png") center no-repeat; background-position: right 7px top 6px; font-family: "rooneysans-medium"; font-size: 16px; width: 180px; -moz-appearance:none; } #searchfilter_criteria .criterium_value { width: 360px; } #searchfilter_criteria input[type=text] { font-size: 16px; padding: 2px 4px; width: 308px; border-color: rgb(187,187,187); } #searchfilter_criteria a.criterium_remove, #searchfilter_criteria a.criterium_add { float: right; } #searchfilter_criteria a.criterium_remove img, #searchfilter_criteria a.criterium_add img { vertical-align: middle; width: 26px; height: 26px; margin-right: 5px; } #searchfilter_refresh { float: right; text-transform: lowercase; font-size: 16px; } #param_width_tmp, #operator_width_temp { display: none; } #searchfilter_widget { display: none; } #searchfilter_widget.open { display: block; } #search_page .open-searchfilter { cursor: pointer; padding-bottom: 15px; } #searchfilter_widget .filter-buttons { float: right; } #searchfilter_widget #searchfilter_anyorall { float: left; margin: 10px; font-size: 16px; } #searchfilter_widget #searchfilter_anyorall select { width: 53px; font-family: "rooneysans-bold"; } #search_page .autobox-with-tabs .local-tabs .local-tab:first-child { margin-left: 0; } #search_page .open-searchfilter { padding: 10px 0; color: #555; font-size: 14px; width: 30%; } #search_page .open-searchfilter:hover { color: #09f; } #search_page .arrow-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #555; float: left; margin-right: 9px; margin-top: 4px; } #search_page .arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #555; float: left; margin-right: 9px; margin-top: 4px; } @media only screen and (min-width:600px) and (max-width: 904px) { #searchfilter_criteria input[type=text], #searchfilter_criteria .criterium_value { margin-right: 130px; margin-top: 10px; } } @media only screen and (max-width: 500px) { #searchfilter_criteria input[type=text] { width: 200px; } #searchfilter_criteria .criterium_value { width: 200px; } } @media only screen and (max-device-width: 768px) and (min-device-width: 320px) { #searchfilter_criteria .criterium { background-color: #fff; border-style: none; } input#criterium_value_0 { display: block; float: left; padding: 7px 4px !important; } #search_page .open-searchfilter { width: 100%; } .no-touch #search_page .open-searchfilter:hover { color: #555; } #searchfilter_criteria .criterium { width: inherit; padding: 0; } #searchfilter_criteria input[type=text] { width: 66%; height: 20px; margin-bottom: 10px; margin-top: 0; } #searchfilter_criteria a.criterium_remove img, #searchfilter_criteria a.criterium_add img { width: 25px; height: 25px; padding: 3px 10px; margin-right: 0; } .criterium_param { } #searchfilter_widget { width: 100%; } #searchfilter_last_row { text-align: center; display: block; } #searchfilter_refresh { letter-spacing: 0.11em; font-size: 16px; width: 100%; margin: 0; text-transform: uppercase; } #searchfilter_criteria select { border: 0 !important; -moz-appearance: none; -webkit-appearance: none; background: url("/s/images/iconsets/myfonts/header_menu_arrow.svg") center no-repeat; background-position: right 9px center; margin-bottom: 10px; width: 49%; font-size: 13px; font-family: "rooneysans-regular"; background-color: rgb(238,238,238); padding: 5px; } #searchtext { display:block; font-size: 19px; padding-bottom: 15px; } #search_page h1 { font-size: 13px !important; } #searchfilter_criteria .criterium_value { background-position: right 9px center; width: 69%; overflow: visible; padding: 7px 4px !important; margin-top: 0; } #searchfilter_criteria #searchfilter_anyorall select { background-position: right 8px center; width: 45px; } #searchfilter_criteria .searchfilter_refresh_outer { margin-left: auto; margin-right: auto; width: 91px; } #searchfilter_widget #searchfilter_anyorall span.anyorall { display: none; } #search_page .autobox-with-tabs .local-tabs .local-tab:first-child { margin-left: 12px; } #search_page .open-searchfilter { padding: 0; padding-bottom: 15px; } #searchfilter_widget #searchfilter_anyorall { margin: 0; } } @media only screen and (max-device-width: 320px) { #searchfilter_criteria select { background-position: right 9px center; } } 

div.searchresultsWidget { position: relative; left: 0px; top: 0px; z-index: 0; } div.searchresultsWidget .errormsg { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #c00; } div.searchresultsWidget table.navigation { clear: both; width: 100%; margin: 12px 0px; } div.searchresultsWidget table.navigation tr td { padding: 8px; font-size: 14px; width: 18px; text-align: center; } div.searchresultsWidget table.navigation tr td.prev { width: auto; text-align: right; } div.searchresultsWidget table.navigation tr td.next { width: auto; text-align: left; } div.searchresultsWidget table.navigation tr td.current_page { background-color: #E0E0E0; color: #999; } div.searchresultsWidget .search-result-item + form.pagination table.navigation { border-top: 1px solid #AAA; padding-top: 12px; } #searchresults_progress { margin: 0px auto; border: 1px solid black; width: 50%; height: 12pt; background-color: white; } #searchresults_progress_inner { background-color: #BBBBBB; width: 50%; height: 100%; } span.searchresults_tab_number { font-weight: normal; color: #999; } #listpage_view_options ul li { margin-top: 12px; } #listpage_view_mode img { height: 24px; vertical-align: middle; } #listpage_view_mode img.view-list { width: 85px; } #listpage_view_mode img.view-gallery { width: 86px; } div.didyoumean { margin: 8px 0px; font-weight: bold; font-size: larger; } div.search-result-item { position: relative; clear: both; border-top: 1px solid #AAA; padding: 12px 0px; min-height: 110px; } div.search-result-item .index { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } div.search-result-item .item-heading { float: left; margin-bottom: 10px; position: relative; width: 100%; } div.search-result-item .leftstuff { float: left; width: 70%; } div.search-result-item .rightstuff { float: right; width: 30%; } div.search-result-item h4 { font-weight: normal; margin: 0px; padding: 1px 0px 1px; } div.search-result-item a.thumbs_down { color: #999; text-decoration: none; } div.search-result-item .subtitle { font-size: smaller; white-space: nowrap; padding-top: 2px; } div.search-result-item img { position: relative; border-style: none; } div.search-result-item div.product-image { float: left; margin-right: 3.1%; background-color: white; width: 438px; max-height: 217px; text-align: right; clear: none; max-height: 360px; } div.search-result-item div.product-image img { max-width: 100%; max-height: 100%; } div.search-result-item div.item-details { float: right; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; text-align: right; } div.search-result-item .long-description { float: left; font-size: 11px; padding-top: 2px; } div.search-result-item .order_link { float: right; margin-top: 4px; } div.search-result-item div.rating_stars { float: right; } div.search-result-item .rollover_buttons, div.search-result-item a.removeFromAlbum { float: right; margin-left: 6px; } div.search-result-item .blurb { clear: left; position: relative; padding-top: 4px; line-height: 1.3; } div.search-result-item .blurb_with_space { clear: left; position: relative; margin-top: 4px; line-height: 1.3; padding-right: 105px; } div.search-result-item div.sample { position: relative; padding-top: 16px; overflow: hidden; clear: left; padding-bottom: 14px; } div.search-result-item div.sample div.stylescan { position: absolute; right: 160px; top: -30px; width: 200px; height: 20px; background-color: #CCCCCC; text-align: center; } div.search-result-item div.topfonts { margin: 8px auto; position: relative; text-align: left; } div.search-result-item div.topfonts img { border-style: none; position: relative; margin: 0px 4px; width: 75px; height: 75px; } div.search-result-item div.comment.fresh { color: #CCC; } div.search-result-item div.comment.inplaceedit { margin-top: 12px; cursor: pointer; } div.search-result-item form.inplaceeditor-form { display: inline; } div.search-result-item .availablelisctext { white-space: normal; } div.search-result-item div.newsletter .news-image img { max-width: 232px; } div.search-result-item-notopline { border-top: 0px; } * html div.search-result-item { height: 110px; } #start_of_the_search_results input.next_results_submit, #end_of_the_search_results input.next_results_submit, #searchresults_loader { display: block; clear: both; font-size: larger; width: 100%; padding-top: 12px; padding-bottom: 12px; border-width: 2px; } #searchresults_loader { text-align: center; } div.search-results-gallery-square { position: relative; float: left; text-align: center; width: 110px; height: 110px; margin-left: 0px; margin-bottom: 12px; overflow: hidden; } div.search-results-gallery-square + div.search-results-gallery-square { margin-left: 12px; } div.search-results-gallery-square img.product-image { max-height: 100%; max-width: 100%; } div.search-results-gallery-square h4 { position: relative; margin-top: 30%; } div.search-results-gallery-square h4 a { color: black; } div.search-results-gallery-square .subtitle { position: absolute; width: 100%; text-align: center; color: #999999; } html div.search-results-gallery-noflag { width: 108px; height: 108px; border: 1px solid #888888; } div.searchfooter form { margin: 2em 0px; text-align: center; } div.searchfooter li { line-height: 2em; } div.searchfooter input { vertical-align: middle; } div.search-result-item.draggable { cursor: move; } div.search-result-item.draggable div.drag_handle { cursor: move; position: absolute; width: 24px; height: 100%; left: -27px; top: 0px; } div.search-result-item.draggable div.drag_handle img { margin-top: auto; margin-bottom: auto; } .availablelisctext { float: left; font-size: 11px; white-space: nowrap; } .descPeople { float: left; width: 600px; } div.search-result-item h4 { padding: 0px; } div.search-result-item h4 a { font-size: 20px; line-height: 120%; color: #0090ff; text-align: left; } div.search-result-item .long-description { font-size: 20px; line-height: 120%; color: #000; text-align: left; padding-top: 0px; margin-left: 5px; } div.search-result-item .long-description a { color: #0090ff; } div.search-result-item .clearboth { clear: both; } div.search-result-item span.discount { background-color: #f400b7; width: 67px; height: 23px; -moz-border-radius: 5%; border-radius: 5%/17%; color: white; font-size: 14px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; padding: 2px 8px; margin-left: 5px; display: inline-block; box-sizing: border-box; } div.search-result-item div.badge { color: #111111; margin-left: 15px; float: left; background: transparent url("/s/images/iconsets/myfonts/badge_star.png") no-repeat; padding-left: 24px; line-height: 203%; background-position: 0 2px; } div.search-result-item div.font-rank { float: left; background-color: #0096ff; border-radius: 50%; height: 30px; min-width: 30px; font-size: 16px; color: white; text-align: center; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-top: -2px; margin-right: 10px; } div.search-result-item div.font-rank span { float: left; line-height: 175%; margin: 0 auto; width: 30px; } div.search-result-item div.newsletter .news-image { float: left; width: 250px; } div.search-result-item div.newsletter .news-right { margin-left: 250px; } div.search-result-item .leftstuff .num-ff { color: #0090ff; } div.search-result-item a.add_to_cart, div.search-result-item .buying_choices { float: right; } div.search-result-item .SkyFontsDownload { float: right; } div.search-result-item .SkyFontsDownload button { font-size: 11px; margin-left: 4px; } div.search-result-item .SkyFontsDownload *:hover > .help_tooltip { display: none; } div.search-result-item .cart_button_wrapper button.add_to_album_toggle { margin-left: 4px; margin-bottom: 0; } div.search-result-item .ac-favorite-root { float: right; } div.search-result-item .favorite { width: 23px; height: 23px; float: right; margin-left: 0px; border-radius: 3px; } div.search-result-item .fc-authenticate { top: 23px; right: 64px; } .leftstuff_name { float: left; } .availablelisctext { font-size: 14px; color: #111111; text-align: left; } div.release { float: left; } @-moz-document url-prefix() { div.search-result-item .SkyFontsDownload button { line-height: 1; } } .no-touch div.search-result-item .favorite:hover, div.search-result-item .selected .favorite { background-image: url("/s/images/font_cards/favorite_selected.png"); } @media screen and (min-width: 2431px) { div.search-result-item div.product-image { width: 19.6%; margin-right: .4%; } } @media screen and (max-width: 2430px) { div.search-result-item .product-container div:nth-child(5) { display: none; } div.search-result-item .product-container div:nth-child(4) { margin-right: 0; } div.search-result-item .product-container div:first-child + div + div + div + div { display: none; } div.search-result-item .product-container div:first-child + div + div + div { margin-right: 0; } div.search-result-item div.product-image { width: 24.4%; margin-right: .8%; } } @media screen and (max-width: 1945px) { div.search-result-item .product-container div:nth-child(4) { display: none; } div.search-result-item .product-container div:nth-child(3) { margin-right: 0; } div.search-result-item .product-container div:first-child + div + div + div { display: none; } div.search-result-item .product-container div:first-child + div + div { margin-right: 0; } div.search-result-item div.product-image { width: 32.6%; margin-right: 1.1%; } } @media screen and (max-width: 1200px) { div.search-result-item .product-container div:nth-child(3) { display: none; } div.search-result-item .product-container div:nth-child(2) { margin-right: 0; } div.search-result-item .product-container div:first-child + div + div { display: none; } div.search-result-item .product-container div:first-child + div { margin-right: 0; } div.search-result-item div.product-image { width: 49%; margin-right: 2%; } } @media screen and (max-width: 720px) { div.search-result-item .product-container div:nth-child(2) { display: none; } div.search-result-item .product-container div:first-child + div { display: none; } div.search-result-item .product-container div:first-child { margin-right: 0; } div.search-result-item div.product-image { width: 100%; } div.search-result-item div.product-image img { width: 100%; max-height: 360px; } #search_page h1:first-child { font-size: 26px; color: #4A4A4A; font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } } @media screen and (max-width: 1024px) { div.search-result-item div.badge, div.search-result-item div.newbadge, div.search-result-item span.discount, div.search-result-item div.font-rank { display: none; } div.search-result-item div.item-details { margin-top: 2px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { div.search-result-item div.badge { background: transparent url("/s/images/iconsets/myfonts/badge_star@2x.png") no-repeat; background-size: 20px; background-position: 0 2px; } .search-result-item .favorite { background-image: url("/s/images/font_cards/favorite@2x.png"); } .no-touch .search-result-item a.favorite:hover, .search-result-item div.selected .favorite { background-image: url("/s/images/font_cards/favorite_selected@2x.png"); } } @media screen and (max-width: 500px) { div.search-result-item .long-description { font-size: 13px; } div.search-result-item h4 a { font-size: 15px; } div.search-result-item div.item-details .description, div.search-result-item .availablelisctext { display: none; } div.search-result-item .rightstuff, div.search-result-item .leftstuff { width: 50%; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { div.search-result-item .long-description { clear: both; margin-left: 0; } .availablelisctext { display: none; } div.search-result-item div.sample { min-width: initial; padding-top: 0; } div.search-result-item div.item-details { text-align: right; } div.search-result-item h4 a, div.search-result-item .long-description, div.search-result-item div.item-details { font-size: 13px; } div.search-result-item div.newsletter .news-right { margin-left: 0; margin-top: 10px; } .search-result-item .fc-authenticate { left: -100px; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait) { div.search-result-item div.newsletter .news-right { float: left; } } @media only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { div.search-result-item div.newsletter .news-right { float: none; } div.search-result-item div.newsletter .news-right p { -webkit-text-size-adjust: none; } div.search-result-item div.newsletter .news-image { width: inherit; margin-right: 10px; } } 

 #admin_login { background: #fff; margin: 0px auto 0; padding: 20px; width: 400px; } #admin_login h2 { color: #494c53; margin-bottom: 20px; } #admin_login h3.admin_login_error { color: #cc0000; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 5px; } #admin_login input[type=text], #admin_login input[type=password] { display: block; margin-top: 10px; width: 350px; } #admin_login input[type=submit].admin_button { margin-top: 20px; padding: 10px 20px; cursor: pointer; } #admin_login a.register { font-size: 16px; margin-left: 20px; } 

 #secure_affiliate_admin div.structure_box { background-color: #F5F5F5; padding: 12px; margin-bottom: 12px; } #secure_affiliate_admin div.structure_box p { font-size: 11px; } #secure_affiliate_admin table { width: 100%; } #secure_affiliate_admin .note { color: #333; font-size: 11px; } ol.affiliate_list { margin-bottom: 12px; } ol.list_with_examples li, ul.list_with_examples li { padding-top: 3px; padding-bottom: 3px; } #secure_affiliate_admin .example { font-family: Courier, "Courier New", monospace; font-weight: bold; background-color: #FFFF99; padding: 6px; } #secure_affiliate_admin a .example { font-family: inherit; font-weight: inherit; padding-left: 2px; } ol.affiliate_list a.change { font-size: 10px; } ol.affiliate_list ul { font-size: 10px; } ol.affiliate_list ul li:before { content: "\00BB\0020"; font-size: 10px; } #secure_affiliate_admin img.silk { vertical-align: middle; position: relative; top: -2px; width: 16px; height: 16px; padding-right: 3px; } #secure_affiliate_admin h1 { padding-bottom:12px; } #secure_affiliate_admin h3 { padding-top:12px; } #affiliate_refby_status { font-size: 11px; color: #333; padding-left: 1em; padding-right: 1em; } 

 #checkout_page div.indent { padding-left: 33px; } #checkout_page li { line-height: normal; } #checkout_page h2, #checkout_page h3, #checkout_page h4, #checkout_page h5 { margin-top: 1ex; clear: left; } #checkout_page h2.almostdone { margin-top: 0px; } #checkout_page h2.bigstep { clear: both; margin-top: 2em; } .warning { color: red; } ul.checkout_error_list { border: 1px solid red; background-color: #FFF0F0; padding: 1em; } ul.checkout_happy_list { border: 1px solid #008800; background-color: #F0FFF0; padding: 1em; } ul.checkout_error_list li { margin-left: 1em; color: black; } .account_description { font-weight: bold; } #checkout_page table.checkout_table { width: 99%; } #checkout_page table.checkout_table td, #checkout_page table.checkout_table th { vertical-align: top; text-align: left; } #checkout_page table.checkout_table th { font-weight: bold; font-size: 120%; padding-bottom: 1em; padding-top: 1em; } #billing_address_head, #promo_head, #billing_address_cell, #promo_cell, #shipping_address_head, #shipping_address_cell { border-left: 1px solid #999999; padding-left: 20px; } #billing_address_cell, #promo_cell { padding-bottom: 20px; } #promo_head, #promo_cell, #shipping_address_head, #shipping_address_cell { width: 33%; } #promo_cell p { font-size: 12px; } #promo_cell p.note { font-size: 11px; color: #666; } #gift_cert_input { width: 50%; } #checkout_page .checkout_table th.or { text-align: center; padding-left: 20px; padding-right: 20px; } #checkout_page .checkout_table th#new_card_label { position: relative; } #checkout_page .checkout_table img.cards_europe { clip: rect(0px, 149px, 21px, 74px); position: absolute; } #checkout_page .checkout_table td.one_of_these { width: 33%; } #checkout_page li.disabled, #checkout_page .one_of_these .account_note { color: #999999; } #payment_method_list li, #shipping_address_list li { margin-bottom: 3em; } th#new_card_label { white-space: nowrap; } th#new_card_label img { width: 149px; height: 21px; vertical-align: bottom; margin-left: 1em; } div.info_entry { margin-top: 1ex; } div.info_entry span.required { font-weight: bold } div.info_entry input { width: 90%; } div.info_entry.cardNumber { float: left; } div.info_entry.cardNumber input { width: 12em; } div.info_entry.cardSecurityCode { float: left; margin-left: 1em; } div.info_entry.cardSecurityCode input { width: 3em; } div.info_entry.expirationDate { clear: left; width: auto; margin-bottom: 2em; } form.cc_entry_form, form.address_entry_form { clear: left; } div.info_entry.city, div.info_entry.state, div.info_entry.postCode { float: left; } div.info_entry.state, div.info_entry.postCode { margin-left: 1em; } div.info_entry.city input { width: 8em; } div.info_entry.state input, div.info_entry.postCode input { width: 5em; } div.info_entry.countryCode { clear: left; } div.info_entry.remember input { width: auto; } div.info_entry.stateNote { clear: left; font-size: smaller; } div.info_entry.cc_submit, div.info_entry.address_submit { text-align: center; } div.info_entry.cc_submit input, div.info_entry.address_submit input { width: auto; padding: 1em; } div.paypal_button { padding-left: 5em; } #totals_box { border-top: 1px solid black; text-align: right; padding-right:6px; } #totals_box .vat_box { clear: both; padding-top: 15px; } #totals_table td.subtotal_header { border-top-style: none; padding-top: 0px; padding-bottom: 0px; padding-right: 18px; text-align: right; vertical-align: middle; } #totals_table td.subtotal_cell { border-top-style: none; padding-top: 0px; padding-bottom: 2px; text-align: right; vertical-align: middle; font-weight: bold; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } #totals_table td.total_header { font-size: larger; padding-top: 4px; padding-bottom: 2px; padding-right: 18px; border-top-style: none; vertical-align: middle; text-align: right; } #totals_table td.total_cell { font-size: larger; border-top: 1px solid black; text-align: right; vertical-align: middle; font-weight: bold; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; } div.place_my_order { margin-top: 25px; } div.place_my_order input[type=submit] { float: right; } div.place_my_order a.process_order.disabled img { opacity: 0.5; filter: alpha(opacity=50); } p.return_to_cart { margin: 1em auto; } p#read_eula_error { color: red; font-weight: bold; } div#read_eula_error_img { position: relative; float: left; height: 20px; width: 33px; text-align: center; } div#read_eula_input { position: relative; float: left; } div#convert_balance_error { color: red; font-size: 14px; font-weight: bold; margin-top: 10px; } 

#payment_addendum table.contract_info tr td input[type=text] { width: 24em; } #payment_addendum table.contract_info tr td input.city { width: 10em; margin-right: 1em; } #payment_addendum table.contract_info tr td input.state { width: 5em; margin-right: 1em; } #payment_addendum table.contract_info tr td input.zip { width: 5em; } #payment_addendum .sign_input { padding-left: 10px; padding-right: 100px; } #payment_addendum .sign_input input[type=text] { width: 24em; } #payment_addendum .contract { padding-bottom:24px; } #payment_addendum .sign_prefill { font-style: italic; } #payment_addendum form input.error { background-color: #FFE0E0; } 

 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .contract_button, a.contract_button, input[type=button].contract_button, input[type=submit].contract_button { background: #0096FF; border: none; border-radius: 2px; box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.2), inset -2px -2px 5px rgba(0, 0, 0, 0.1); color: #fff!important; font-size: 16px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; letter-spacing: 1px; padding: 8px 20px; text-decoration: none; text-transform: uppercase; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; -ms-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } .contract_button.big, a.contract_button.big, input[type=button].contract_button.big, input[type=submit].contract_button.big { font-size: 18px; padding: 12px 24px; } .contract_button.small, a.contract_button.small, input[type=button].contract_button.small, input[type=submit].contract_button.small { padding: 8px 12px; } .contract_white_button, a.contract_white_button, input[type=button].contract_white_button, input[type=submit].contract_white_button { background: #fff; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px -1px 4px whitesmoke; cursor: pointer; color: #444!important; float: right; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 13px; margin: 0 0 0 5px; padding: 3px 8px; text-decoration: none; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; } .contract_white_button:hover, a.contract_white_button:hover, input[type=button].contract_white_button:hover, input[type=submit].contract_white_button:hover { border-color: #09f; } .contract_white_button.big, a.contract_white_button.big, input[type=button].contract_white_button.big, input[type=submit].contract_white_button.big { letter-spacing: 1px; padding: 5px 10px; text-transform: uppercase; } .contract_button:hover, input[type=button].contract_button:hover, input[type=submit].contract_button:hover { background: #0076DF; } input[type=text].contract_input, input[type=password].contract_input, textarea.contract_input { border: 1px solid #ddd; display: inline-block; font-size: 14px; padding: 5px 7px; -webkit-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -moz-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -ms-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; -o-transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out; } input[type=text].contract_input:focus, input[type=password].contract_input:focus, textarea.contract_input:focus { border-color: #09f; box-shadow: inset 0px 2px 3px #e6e6e6; outline: none; } #contract_wrapper { height: 100%; } body > #contract_wrapper { background: #404040; height: auto; min-height: 100%; } #contract_main { font-family: "Proxima-Nova-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; padding-bottom: 50px; } #contract_main a { color: #09f; } #contract_main b, #contract_main strong { font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #contract_main i, #contract_main em { font-family: "Proxima-Nova-Italic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; } #contract_main .grey { color: #666; } #contract_main h2 + p { margin-top: 1em; } #contract_wrapper + #myfontsLegal { color: #fff; text-align: center; position: relative; margin-top: -50px; height: 14px; padding: 18px 0; clear: both; } #contract_wrapper + #myfontsLegal a { color: #fff; text-decoration: underline; } #contract_wrapper + #myfontsLegal a:hover { color: #09f; } #contract_header { height: 90px; margin: 0 auto; overflow: hidden; position: relative; width: 960px; } .contract_logo { background: url("/s/images/dev/dev_logo.png") center center no-repeat; background-size: 100px 50px; height: 50px; width: 100px; position: absolute; top: 32px; left: 0; } .contract_tools { color: #ccc; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; letter-spacing: 1px; line-height: 14px; text-transform: uppercase; position: absolute; top: 35px; left: 110px; width: 130px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .contract_logo { background: url("/s/images/dev/dev_logo@2x.png") center center no-repeat; background-size: 100px 50px; } } #contract_nav { list-style: none; position: absolute; top: 50px; left: 50%; margin-left: -240px; width: 750px; } #contract_nav li { float: left; height: 40px; margin-left: 40px; font-size: 14px; } #contract_nav li a { color: #fff; display: block; font-family: 'Proxima-Nova-Semibold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; height: 100%; padding-bottom: 4px; text-decoration: none; } #contract_nav li a:hover { color: #ddd; } @media only screen and (-webkit-max-device-pixel-ratio: 1.49) { #contract_nav li a.selected { background: url("/s/images/dev/dev_tab_selected.png") center bottom no-repeat; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #contract_nav li a.selected { background: url("/s/images/dev/dev_tab_selected@2x.png") center bottom no-repeat; background-size: 21.33337px 10px; } } #contract_user_menu { color: #fff; font-size: 12px; position: absolute; top: 6px; right: 0px; } #contract_user_menu .user_name { padding: 0 8px; } #contract_user_menu a { color: #fff; padding-bottom: 3px; margin: 0 8px; text-decoration: none; } #contract_user_menu a:hover { border-bottom: 1px solid #fff; color: #fff; } #contract_main .page { background: #fff; box-sizing: border-box; margin: 0 auto; overflow: auto; padding: 30px; position: relative; width: 960px; } #contract_main .page .sidebar { box-sizing: border-box; float: left; text-align: right; width: 10%; } #contract_main .page .sidebar a { display: block; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; margin-bottom: 12px; } #contract_main .page .sidebar a.selected { color: #000; } #contract_main .page .sidebar a.contract_button, #contract_main .page .sidebar a.contract_white_button { font-size: 14px; margin-bottom: 16px; } #contract_main .page .content { box-sizing: border-box; float: left; padding: 0; width: 80%; } #contract_main .page .content.full { width: 100%; } #contract_main .page .content hr { background: #ddd; border: none; height: 1px; margin-bottom: 10px; } #contract_main .page .content p { margin-bottom: 14px; } #contract_main .page .content ol { counter-reset: li; margin-left: 0; margin-bottom: 1em; padding-left: 0; } #contract_main .page .content ol li { position: relative; margin: 2px 0 2px 1.5em; list-style: none; } #contract_main .page .content ol li:before { content: counter(li) "."; counter-increment: li; position: absolute; top: -2px; left: -1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.5em; margin-right: 8px; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; text-align: center; } #contract_main .page .content .wide { width: 118%; } .contract_checkbox { display: none; display: inline-block\9; } .contract_checkbox + label { display: inline-block; margin-right: 10px; } .contract_checkbox + label .checkbox_image { background: url("/s/images/dev/dev_checkbox.png") center center no-repeat; background-size: 18px 18px; display: inline-block; display: none\9; height: 18px; width: 18px; position: relative; top: 4px; } .contract_checkbox + label:active .checkbox_image, .contract_checkbox:checked + label:active .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_active.png"); } .contract_checkbox:checked + label .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_checked.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .contract_checkbox + label .checkbox_image { background: url("/s/images/dev/dev_checkbox@2x.png") center center no-repeat; background-size: 18px 18px; } .contract_checkbox + label:active .checkbox_image, .contract_checkbox:checked + label:active .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_active@2x.png"); } .contract_checkbox:checked + label .checkbox_image { background-image: url("/s/images/dev/dev_checkbox_checked@2x.png"); } } #contract_dashboard { -webkit-font-smoothing: antialiased; } #contract_dashboard #contract_dashboard_tabs { float: left; width: 60%; } #contract_dashboard #contract_dashboard_tabs a { color: #777; display: inline-block; font-family: 'Proxima-Nova-Semibold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; margin-right: 20px; } #contract_dashboard #contract_dashboard_tabs a.selected { color: #000; font-size: 18px; } #contract_dashboard #contract_dashboard_search { width: 40%; float: right; position: relative; top: -15px; text-align: right; } #contract_dashboard #contract_dashboard_search input[type=text] { color: #666; font-family: 'Proxima-Nova-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 14px; width: 250px; } #contract_dashboard .contract_white_button { float: none; } #contract_dashboard .contract_white_button:hover { background: #fff; } #contract_dashboard .section { clear: both; width: 100%; } #contract_dashboard .section.loading { background: url("/s/images/iconsets/myfonts/spinner.gif") center center no-repeat; padding: 100px 0; } #contract_dashboard .section table { border-collapse: collapse; border-spacing: 0; width: 100%; } #contract_dashboard .section tr.contract td { border-top: 1px solid #ccc; vertical-align: top; padding: 20px 0; } #contract_dashboard ul.steps li { font-size: 16px; list-style: none; line-height: 24px; position: relative; } #contract_dashboard ul.steps li:before { background: #fff; border: 1px solid #999; border-radius: 50%; content: ''; position: absolute; top: 4px; left: -25px; width: 13px; height: 13px; } #contract_dashboard ul.steps li.passed, #contract_dashboard ul.steps li.attention, #contract_dashboard ul.steps li.failed { font-family: 'Proxima-Nova-Semibold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #contract_dashboard ul.steps li.passed:before { background: #009900; border-color: green; } #contract_dashboard ul.steps li.attention:before { background: #FFD24D; border-color: #FF8000; } #contract_dashboard ul.steps li.failed:before { background: #D93600; border-color: #8C0000; } #contract_dashboard #invite input[type=submit].foundry_button.big { position: relative; left: 365px; } #contract_dashboard #invite h2 { font-family: 'Proxima-Nova-Semibold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 22px; } #contract_dashboard #invite table.invite { margin-bottom: 30px; width: 530px; } #contract_dashboard #invite table.invite label { float: right; font-size: 16px; } #contract_dashboard #invite table.invite input[type=text] { width: 220px; } #contract_dashboard #invite table.invite td { padding: 5px 10px 5px 0; } #contract_dashboard #invite table.commission { font-size: 12px; } #contract_dashboard #invite table.commission tr:nth-child(even) { background: #f9f9f9; } #contract_dashboard #invite table.commission th { text-align: left; padding: 5px 5px 5px 10px; } #contract_dashboard #invite table.commission input[type=text] { width: 70px; text-align: right; } #contract_dashboard #invite table.commission td { padding: 5px; } #contract_dashboard #invite table.invited { font-size: 12px; } #contract_dashboard #invite table.invited tr:nth-child(even) { background: #f9f9f9; } #contract_dashboard #invite table.invited th { text-align: left; padding: 5px 5px 5px 10px; } #contract_dashboard #invite table.invited td { padding: 15px; } #contract_dashboard #invite table.invited td.link { padding: 12px 12px 10px 10px; } #contract_dashboard #invite #invite_foundry_selector { position: relative; z-index: 10; } #contract_dashboard #invite #invite_foundry_selector .loading { background-image: url("/s/images/foundry/foundry_selector_loading_grey.gif"); background-position: center center; background-repeat: no-repeat; background-size: 24px 24px; display: none; height: 24px; margin: 0 auto; position: absolute; width: 450px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #contract_dashboard #invite #invite_foundry_selector .loading { background-image: url("/s/images/foundry/foundry_selector_loading_grey@2x.gif"); } } #contract_dashboard #invite #invite_foundry_selector .error { background: #cc0000; border: 1px solid #990000; color: #fff; display: none; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 5px; padding: 2px 7px; position: absolute; text-align: center; top: 30px; width: 250px; } #contract_dashboard #invite #invite_foundry_selector .dropdown { background: #fff; border: 1px solid #ddd; box-shadow: 0px 2px 6px #e6e6e6; border-top: none; display: none; max-height: 250px; overflow: auto; position: absolute; width: 234px; } #contract_dashboard #invite #invite_foundry_selector .dropdown .items { position: relative; } #contract_dashboard #invite #invite_foundry_selector .dropdown ul li { cursor: pointer; font-size: 12px; padding: 8px 12px; } #contract_dashboard #invite #invite_foundry_selector .dropdown ul li:hover { background: #f6f6f6; } #contract_dashboard #invite #invite_foundry_selector .dropdown ul li.selected { background: #09f; color: #fff; } #contract_dashboard .case-nav { background: #fff; height: 90px; padding: 0 25px 0 25px; } #contract_dashboard .case-nav a { color: #000; font-size: 16px; padding: 8px 0; margin: 10px 20px 10px 0; text-decoration: none; } #contract_dashboard .case-nav a:hover, #contract_dashboard .case-nav a.selected { border-bottom: 2px solid #1990FF; } #contract_dashboard .case-nav a.selected { font-weight: bold; } #contract_dashboard .case-nav a#back-to-dash { float: right; padding: 8px 12px; } #contract_dashboard .case-nav a#back-to-dash:hover { border-bottom-width: 1px; } #contract_dashboard .case-nav h1 { font-family: 'Proxima-Nova-Semibold', 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; font-size: 22px; margin-bottom: 10px; } #contract_dashboard .case-nav .new_foundry { font-size: 14px; font-style: italic; color: #1990FF; } #contract_dashboard .case { margin-top: 50px; } #contract_dashboard .case a { color: #000; } #contract_dashboard .case a.add-document, #contract_dashboard .case a.add-comment { background-position: left center; background-repeat: no-repeat; display: inline-block; line-height: 20px; margin-top: 10px; margin-right: 20px; } #contract_dashboard .case a.add-document { background-image: url("/s/images/contract_dashboard/add-document.png"); padding-left: 20px; } #contract_dashboard .case a.add-comment { background-image: url("/s/images/contract_dashboard/add-comment.png"); padding-left: 24px; } #contract_dashboard .case a.add-comment.foundry_button { padding-left: 30px; background-position: 6px center; } #contract_dashboard .case h3 { font-size: 17px; } #contract_dashboard .case h3.inline { display: inline-block; } #contract_dashboard .case .custom-radio { display: none; display: inline-block\9; } #contract_dashboard .case .custom-radio + label { display: inline-block; margin-right: 10px; padding-left: 25px; position: relative; } #contract_dashboard .case .custom-radio + label .radio-image { border: 1px solid #888; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: 9px 9px; display: inline-block; display: none\9; height: 15px; width: 15px; position: absolute; top: 0; left: 0; } #contract_dashboard .case .custom-radio + label:active .radio-image { background-image: url("/s/images/contract_dashboard/radio-selected.png"); } #contract_dashboard .case .custom-radio:checked + label .radio-image { background-image: url("/s/images/contract_dashboard/radio-selected.png"); } #contract_dashboard .case .loading, #contract_dashboard .case .save-success, #contract_dashboard .case .save-error { font-weight: bold; display: inline-block; position: relative; left: 15px; height: 20px; } #contract_dashboard .case .loading { background: url("/s/images/iconsets/myfonts/spinner.gif") center center no-repeat; top: 5px; width: 20px; } #contract_dashboard .case .save-success { color: #006600; } #contract_dashboard .case .save-error { color: #cc0000; } #contract_dashboard .case .dropzone { margin: 10px 0; } #contract_dashboard .case .dropzone .target { background: #fcfcfc; border: 2px dashed #ccc; border-radius: 5px; height: 150px; text-align: center; width: 430px; } #contract_dashboard .case .dropzone .target.hover, #contract_dashboard .case .dropzone .target:active { border-color: #09f; } #contract_dashboard .case .dropzone .target .attach { background: url("/s/images/contract_dashboard/add-document.png") 8px 2px no-repeat; margin: 62px 0; padding-left: 30px; } #contract_dashboard .case .dropzone.active .target { background-image: url("/s/images/iconsets/myfonts/spinner.gif"); background-position: center 100px; background-repeat: no-repeat; } #contract_dashboard .case .dropzone .cancel { display: inline-block; margin-top: 5px; } #contract_dashboard .case textarea { border: 1px solid #ccc; margin-top: 5px; outline: none; padding: 5px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; } #contract_dashboard .case textarea:focus { border-color: #09f; } #contract_dashboard .case .item { margin: 20px 0; } #contract_dashboard .case .item h3 input[type=button] { margin-left: 10px; } #contract_dashboard .case .item textarea { display: block; height: 100px; width: 420px; } #contract_dashboard .case .item .description { display: inline-block; max-width: 700px; } #contract_dashboard .case .foundry-info { margin: 15px 0 30px; } #contract_dashboard .case .foundry-info label { display: inline-block; font-family: 'Proxima-Nova-Semibold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-bottom: 5px; } #contract_dashboard .case .foundry-info p { margin: 0; } #contract_dashboard .case .editable .buttons, #contract_dashboard .case .editing .buttons { margin-top: 10px; overflow: auto; width: 410px; } #contract_dashboard .case .editable .buttons.loading, #contract_dashboard .case .editing .buttons.loading { background: url("/s/images/iconsets/myfonts/spinner.gif") left top no-repeat; } #contract_dashboard .case .editable .buttons .error-msg, #contract_dashboard .case .editing .buttons .error-msg { color: red; } #contract_dashboard .case .editable .buttons .foundry_button, #contract_dashboard .case .editing .buttons .foundry_button { float: right; margin-left: 10px; } #contract_dashboard .case .editable input[type=text], #contract_dashboard .case .editing input[type=text] { margin-right: 5px; } #contract_dashboard .case .editable textarea, #contract_dashboard .case .editing textarea { display: block; width: 400px; height: 80px; } #contract_dashboard .case .editable textarea.error, #contract_dashboard .case .editing textarea.error { border-color: red; } #contract_dashboard .case .document { background: url("/s/images/contract_dashboard/document.png") left top no-repeat; margin: 15px 0; padding-left: 20px; } #contract_dashboard .case .document a { color: black; text-decoration: none; } #contract_dashboard .case .document a:hover { text-decoration: underline; } #contract_dashboard .case .document h4, #contract_dashboard .case .document span { display: inline-block; margin: 3px 10px 3px 0; } #contract_dashboard .case .document .comment { margin: 0; } #contract_dashboard .case .document #file_type { margin: 3px 5px; } #contract_dashboard .case span.document { display: inline-block; line-height: 22px; margin: 0; } #contract_dashboard .case .comment { margin: 15px 0; } #contract_dashboard .case .comment h4 { font-family: 'Proxima-Nova-Semibold', 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; } #contract_dashboard .case .comment h4, #contract_dashboard .case .comment span { display: inline-block; font-weight: normal; margin: 3px 10px 3px 0; } #contract_dashboard .case .comment p { font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 13px; margin: 3px 0; } #contract_dashboard .case .changelog .deleted { opacity: 0.6; } #contract_dashboard .case .changelog td { border-top: 1px solid #eee; padding: 10px; } #contract_dashboard .case .changelog tr:first-child td { border-top: none; } #contract_dashboard .case .changelog .comment { display: block; font-style: italic; margin: 5px 0 0 0; } #contract_dashboard .case .changelog .document { display: block; margin: 5px 0 0 0; padding: 2px 0 2px 20px; } #contract_dashboard .case .questions h3 { margin: 10px 0; } #contract_dashboard .case .questions li { padding-bottom: 20px; } #contract_dashboard .case .questions input[type=radio] + label { margin-bottom: 5px; } #contract_dashboard .new_foundry { font-style: italic; font-size: 12px; } 

 #dev_login { background: #fff; margin: 50px auto 0; padding: 20px; width: 400px; } #dev_login h2 { color: #494c53; margin-bottom: 20px; } #dev_login h3.dev_login_error { color: #cc0000; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 5px; } #dev_login input[type=text], #dev_login input[type=password] { display: block; margin-top: 10px; width: 350px; } #dev_login input[type=submit].dev_button { margin-top: 20px; padding: 10px 20px; cursor: pointer; } #dev_login a.register { font-size: 16px; margin-left: 20px; } 

 #dev_newuser { background: #fff; margin: 50px auto 0; width: 400px; padding: 20px; } #dev_newuser h2 { color: #494c53; margin-bottom: 20px; } #dev_newuser h3.dev_newuser_error { color: #cc0000; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 5px; } #dev_newuser label { display: block; font-family: "Proxima-Nova-Semibold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-top: 10px; } #dev_newuser input[type=text], #dev_newuser input[type=password] { display: block; margin-top: 5px; width: 350px; } #dev_newuser input[type=submit].dev_button { margin-top: 20px; padding: 10px 20px; cursor: pointer; } #dev_newuser select { margin: 5px 0 10px; } 

 #foundry_admin form + h4 { margin-top: 12px; } #foundry_admin p#ask_about_new_user { border: 2px solid red; padding: 1em; } #permissions_description { float: right; border: 1px solid black; padding: 1em; width: 360px; } ul.permlist { padding-bottom: 0.5em; } ul.permlist > li { padding-left: 0.5em; display: inline; } ul.permlist > li.disabled { color: #999; } 

 #foundry_contract { background: #fff; box-sizing: border-box; box-shadow: 0px 0px 15px #e5e5e5; font-family: 'Proxima-Nova-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin: 0 auto 50px; overflow: visible; padding: 30px; width: 960px; } #foundry_contract h2, #foundry_contract h3, #foundry_contract strong { font-family: 'Proxima-Nova-Semibold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } #foundry_contract h2 { font-size: 19px; } #foundry_contract h3.foundry_name { font-size: 19px; margin-top: 20px; } #foundry_contract form label { display: block; font-size: 16px; margin: 15px 0 5px; } #foundry_contract form input[type=text].error { border-color: #cc0000; } #foundry_contract form select { display: block; } #foundry_contract form input[type=submit].foundry_button { margin-top: 10px; } #foundry_contract #contract_body { color: #444; margin-top: 50px; } #foundry_contract #contract_body h1 { font-size: 18px; } #foundry_contract #contract_body p { margin: 1.5em 0; font-size: 16px; } #foundry_contract #contract_body th, #foundry_contract #contract_body td { padding: 10px; font-size: 14px; } #foundry_contract #contract_body #pricing { font-size: 16px; margin: 0.5em 0; } #foundry_contract #overview { margin-top: 30px; } #foundry_contract #overview td { padding: 10px; } #foundry_contract #print_contract { float: right; } 

 #foundry_login { margin: 50px auto 0; width: 400px; } #foundry_login h2 { color: #494c53; margin-bottom: 20px; } #foundry_login h3.foundry_login_error { color: #cc0000; font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 5px; } #foundry_login input[type=text], #foundry_login input[type=password] { display: block; margin-top: 10px; width: 350px; } #foundry_login input[type=submit].foundry_button { margin-top:20px; padding: 10px 20px; cursor: pointer; } 

 #giftcert_widget p.error { border: 1px solid #C00; background-color: #fdd; padding: 12px; } table.giftcert_entry.error, #giftcert_payment.error, #giftcert_about_you.error { background-color: #fdd; } table.giftcert_entry th.error, #giftcert_payment .error, #giftcert_about_you .error { text-align: left; color: #C00; } table.giftcert_entry.success { background-color: #dfd; } table.giftcert_entry th.success { text-align: left; color: black; } table.giftcert_entry, #giftcert_payment, #giftcert_about_you, #giftcert_success { background-color: #f4f4f4; margin-bottom: 6px; } #giftcert_payment, #giftcert_about_you, #giftcert_success { background-color: #f4f4f4; padding: 12px; margin-bottom: 24px; } table.giftcert_entry thead th { text-align: left; } table.giftcert_entry th { padding-left: 12px; padding-top: 6px; padding-bottom: 6px; padding-right: 3px; border-style: none; text-align: right; font-weight: normal; white-space: nowrap; } table.giftcert_entry th.required { font-weight: bold; } table.giftcert_entry td { border-style: none; padding-top: 6px; padding-bottom: 6px; } table.giftcert_entry ul.preset_amounts { display: inline; } table.giftcert_entry ul.preset_amounts li { display: inline; padding-right: 1em; } table.giftcert_entry input[type=number] { width: 6em; } table.giftcert_entry input[type=email] { width: 32em; } table.giftcert_entry textarea { width: 32em; height: 6em; } table.giftcert_entry td.note { font-size: 92%; color: #666; vertical-align: top; padding-left: 12px; padding-right: 12px; } table.giftcert_entry a.remove { position: relative; top: -3px; padding: 3px; display: block; float: right; } table.giftcert_entry a.remove:hover { background-color: white; } #giftcert_about_you span.sender_email { font-style: italic; } #giftcert_about_you input { width: 33%; } ul#giftcert_payment_methods li { padding-bottom: 6px; } 

 .login_errormsg { font-weight: bold; color: #cc0000; } #signInPage { box-sizing: border-box; color: #333; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin: 0 auto; max-width: 665px; padding: 10px 20px; -webkit-font-smoothing: antialiased; } #signInPage form { display: block; max-width: 380px; } #signInPage h1, #signInPage h2, #signInPage input[type=submit] { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #signInPage h1 { font-size: 30px; } #signInPage h2 { font-size: 16px; margin: 10px 0 25px; } #signInPage label { display: block; font-size: 20px; } #signInPage input[type=text], #signInPage input[type=password] { box-sizing: border-box; margin-top: 10px; width: 100%; } #signInPage input[type=text].error, #signInPage input[type=password].error { border-color: #c00; color: #000; } #signInPage input[type=text].error:focus, #signInPage input[type=password].error:focus { border-color: #09f; } #signInPage input[type=submit] { font-size: 20px; padding: 10px 45px; text-transform: uppercase; } #signInPage input[type=checkbox] { display: inline-block\9; float: left; margin: 5px 10px 0 0; } #signInPage .checkbox_image { margin-right: 5px; } #signInPage .error { color: #cc0000; font-size: 16px; font-weight: normal; } #signInPage .field { margin: 15px 0; } #signInPage #reset_password_link { font-size: 14px; float: right; line-height: 24px; } @media (min-width: 640px) { #signInPage { padding: 30px; } #signInPage h2 { font-size: 20px; margin: 10px 0 35px; } #signInPage .field { margin: 25px 0; } } 

 #newuser_page .error { color: red; } div.newuser_field .explanation { font-size: smaller; } div.newuser_field { margin-bottom: 1em; } div.newuser_field input { box-sizing: border-box; width: 100%; } p.newuser_desc { clear: left; font-size: small; } #newuser_firstname, #newuser_password { float: left; width: 15em; } #newuser_lastname, #newuser_confirm { float: left; margin-left: 1em; width: 15em; } #newuser_name, #newuser_email, #newuser_country, #newuser_submit, #newuser_question, #newuser_answer { clear: left; width: 31em; } 

#partner_admin table#new_partner tr td { padding: 3px; } #partner_admin table#new_partner tr td:first-child { text-align: right; } #partner_admin .hidden { visibility: none; } #partner_admin table.results { margin-bottom: 24px; width: 100%; } #partner_admin table.results tr th, #partner_admin table.results tr td { text-align: left; vertical-align: top; border-bottom: 1px solid black; padding: 6px; } #partner_admin table.results tr th { background-color: #999; color: white; } 

 #payments_admin a.cancel { color: red; } #payments_admin .old_browser { border: 3px solid red; background-color: #FFF0F0; padding: 1em; } #manual_payment_form table tr td { padding: 0.5em; } #manual_payment_form table tr td:first-child { text-align: right; } div.page_section { margin-bottom: 1em; border-bottom: 1px solid black; padding-bottom: 1em; } ul.payments_to_approve li { padding-bottom: 0.5em; } ul.payment_plan_include li { display: inline; padding-right: 1em; } div.replace_to_process { display: inline; } div.replace_to_process iframe { width: 360px; height: 24px; border-style: none; } /* #current_payees { float: left; } */ #current_payees > li { margin-bottom: 1em; } #current_payees > li.error { padding: 1em; border: 1px solid red; background-color: #FFF0F0; } #current_payees > li.error div.error { font-weight: bold; color: red; } /* #current_payees > li:hover { background-color: #F8F8F8; } */ ul li form.account_linkup { padding-left: 0.5em; } #add_existing_account { margin-bottom: 24px; } #payments_admin table.add_payee_account { } #payments_admin table.add_payee_account tr th { border-top: 1px solid black; padding: 1em 3px; text-align: left; } #payments_admin table.add_payee_account tr td { padding: 3px; } #payments_admin table.add_payee_account tr td:first-child { text-align: right; } #payments_admin form input.error { background-color: #FFE0E0; } #payments_admin form select.error { color: red; } #payments_admin table.add_payee_account tr td input[type=text] { width: 24em; } #payments_admin table.add_payee_account tr td input.city { width: 10em; margin-right: 1em; } #payments_admin table.add_payee_account tr td input.state { width: 5em; margin-right: 1em; } #payments_admin table.add_payee_account tr td input.zip { width: 5em; } div.payment_methods_terms { border: 1px solid #E58C18; background-color: #FFFFF0; float: right; padding: 12px; } div.payment_methods_terms ul { font-weight: bold; } div.payment_methods_terms ul ul { font-weight: normal; padding-left: 0.5em; } #minimum_payment_method, #minimum_payment_amount { font-weight: bold; } table.royalties { margin-bottom: 24px; width: 100%; } #payments_admin div.income_statement { float: right; } table.form1099 { margin-bottom:24px; border-collapse: collapse; } table.form1099 td { border: 2px solid black; vertical-align: top; padding: 2px 6px 12px; font-family: Courier, monospace; font-size: large; } table.form1099 label { display: block; font-size: x-small; font-family: sans-serif; white-space: nowrap; } table.form1099 label:first-child { margin-bottom: 12px; } table.form1099 label .boxnum { padding-right: 1ex; } table.form1099 #idType label { display: inline-block; margin: 0 5px 0 10px; } table.form1099 #idType label:first-child { margin-left: 0; } table.form1099 input.foundry_button.blue:disabled { background-color: #999; border-color: #999; } table.form1099 h1 { font-family: sans-serif; font-weight: bold; font-size: xx-large; text-align: center; margin: 0; padding: 12px; } table.form1099 td.disclaimer { font-family: sans-serif; font-size: small; border-top-style: none; border-right-style: none; } #payments_admin .autobox-with-tabs .autobox { position: static; padding: 50px 0; } 

 #payments_trans table.trans_search tr td { padding: 3px; } #payments_trans table.trans_search tr td:first-child { text-align: right; } #payments_trans table.search_results { margin-bottom: 24px; width: 100%; } #payments_trans table.search_results tr th, #payments_trans table.search_results tr td { text-align: left; vertical-align: top; border-bottom: 1px solid black; padding: 6px; } #payments_trans table.search_results tr th { background-color: #999; color: white; } #payments_trans #report_hold { } #payments_trans .error { font-weight: bold; color: red; } 

 #pdf_receipts h3 { padding: 12px 0; } #pdf_receipts input[type=search] { width: 24em; } 

 #secure_reports form input[name=url] { width: 32em; } div#scan_results { margin-top: 12px; border: 1px solid black; padding: 12px; } #webfont_scan_filters p { display: inline-block; padding-right: 24px; } table#user_webfont_sites { border-collapse: collapse; } table#user_webfont_sites tr th, table#user_webfont_sites td { vertical-align: top; text-align: left; border: 1px solid black; padding: 3px; } table#user_webfont_sites input[type=number] { width: 2em; } table#user_webfont_sites textarea { width: 16em; height: 3em; } #affiliate_report_form { display: inline-block; border: 1px solid black; padding: 12px; margin-bottom: 24px; } #affiliate_report_form div.select { display: inline-block; padding-right: 12px; } #affiliate_report_table tr th a { color: inherit; } #affiliate_report_table td.number.negative { color: #C00; } 

#webfontbuild tr td { font-size: 0.9em; padding: 10px; text-align: center; } #webfontbuild tr th { font-size: 1.1em; padding: 10px; } #webfontbuild { margin-left:auto; margin-right:auto; } #formelementscontain { margin-left:auto; margin-right:auto; } 

div#secure_webfonts_admin table { width: 60%; } div#secure_webfonts_admin table tr td { padding-bottom: 6px; font-size: 14px; white-space: nowrap; } 

#secure_webfonts_pricing table.pretty_table td { text-align: right; } .invalid { border: 1px #d14646 solid; background-color: #ff9595; padding-bottom: 5px; padding-left: 5px; height:22px; } .suggestedvalue { border: 1px #878d59 solid; background-color: #e6edad; padding-bottom: 5px; padding-left: 5px; height:22px; margin-top: 5px; } .comparebtn { height:30px; background-color:#499709; color:#ffffff; } #resettierdefaults { text-decoration:none; color:#0099ff; font-size: 12px; line-height: 12px; } #secure_webfonts_pricing input[type=radio] { vertical-align:middle; } .jqplot-target { position: absolute; color: #666666; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 1em; /* height: 300px; width: 400px;*/ } .jqplot-axis { font-size: 0.75em; } .jqplot-xaxis { margin-top: 10px; } .jqplot-x2axis { margin-bottom: 10px; } .jqplot-yaxis { margin-right: 10px; } .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis { margin-left: 10px; margin-right: 10px; } .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick { position: absolute; white-space: pre; } .jqplot-xaxis-tick { top: 0px; left: 15px; vertical-align: top; } .jqplot-x2axis-tick { bottom: 0px; left: 15px; vertical-align: bottom; } .jqplot-yaxis-tick { right: 0px; top: 15px; text-align: right; } .jqplot-yaxis-tick.jqplot-breakTick { right: -20px; margin-right: 0px; padding:1px 5px 1px 5px; z-index: 2; font-size: 1.5em; } .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { left: 0px; top: 15px; text-align: left; } .jqplot-yMidAxis-tick { text-align: center; white-space: nowrap; } .jqplot-xaxis-label { margin-top: 10px; font-size: 11pt; position: absolute; } .jqplot-x2axis-label { margin-bottom: 10px; font-size: 11pt; position: absolute; } .jqplot-yaxis-label { margin-right: 10px; font-size: 11pt; position: absolute; } .jqplot-yMidAxis-label { font-size: 11pt; position: absolute; } .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label { font-size: 11pt; margin-left: 10px; position: absolute; } .jqplot-meterGauge-tick { font-size: 0.75em; color: #999999; } .jqplot-meterGauge-label { font-size: 1em; color: #999999; } table.jqplot-table-legend { margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; } table.jqplot-table-legend, table.jqplot-cursor-legend { background-color: rgba(255,255,255,0.6); border: 1px solid #69AF33; position: absolute; font-size: 0.75em; } td.jqplot-table-legend { vertical-align:middle; } /* These rules could be used instead of assigning element styles and relying on js object properties. */ /* td.jqplot-table-legend-swatch { padding-top: 0.5em; text-align: center; } tr.jqplot-table-legend:first td.jqplot-table-legend-swatch { padding-top: 0px; } */ td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active { cursor: pointer; } .jqplot-table-legend .jqplot-series-hidden { text-decoration: line-through; } div.jqplot-table-legend-swatch-outline { border: 1px solid #cccccc; padding:1px; } div.jqplot-table-legend-swatch { width:0px; height:0px; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; border-right-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; } .jqplot-title { top: 0px; left: 0px; padding-bottom: 0.5em; font-size: 1.2em; } table.jqplot-cursor-tooltip { border: 1px solid #cccccc; font-size: 0.75em; } .jqplot-cursor-tooltip { border: 1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; } .jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip { border: 1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; } .jqplot-point-label { font-size: 0.75em; z-index: 2; } td.jqplot-cursor-legend-swatch { vertical-align: middle; text-align: center; } div.jqplot-cursor-legend-swatch { width: 1.2em; height: 0.7em; } .jqplot-error { text-align: center; } .jqplot-error-message { position: relative; top: 46%; display: inline-block; } div.jqplot-bubble-label { font-size: 0.8em; padding-left: 2px; padding-right: 2px; color: rgb(20%, 20%, 20%); } div.jqplot-bubble-label.jqplot-bubble-label-highlight { background: rgba(90%, 90%, 90%, 0.7); } div.jqplot-noData-container { text-align: center; background-color: rgba(96%, 96%, 96%, 0.3); } .optionselected{background-color:#d7ecc5;} .optionnotselected{background-color:#f5f5f5;} .grayheader{background-color:#7a7a7a;border-right: solid 1px white;color:#ffffff;text-align:center;width:110px;height:25px;font-size: 13px;} .greenheader{background-color:#69af33;color:#ffffff;text-align:center;width:100px;font-size: 13px;} .drkgray{background-color:#e2e2e2;border-right: solid 1px white;text-align:right;padding-right:10px;height:22px;} .npdrkgreen{background-color:#d7ecc5;text-align:right;padding-right:10px;} .ltgray{background-color:#f5f5f5;border-right: solid 1px white;text-align:right;padding-right:10px;height:22px;} .npltgreen{background-color:#eef7e6;text-align:right;padding-right:10px;} .stdgrayheader{background-color:#f5f5f5;border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc;padding: 5px 10px 5px 10px;margin-top:10px;margin-bottom:15px;} .stdgrayheaderttl { font-size:14px; width:150px; float:left; margin-top:4px; } .stdgrayheaderdata{ font-size:12px; width:300px; float:left; text-align:left; color:#666666; line-height:40px; } .tieredrowsreadonly{ clear:left; padding:0px; margin:0px; } .tieredrows{ clear:both; padding-top:6px; } .tieredrows div,.tieredrowsreadonly div{float:left;text-align:left; color:#545454;} .removetier{width:30px; cursor: pointer;} .addtier{width:30px; cursor: pointer;} .emptyminustier{width:30px; } .tierfactor{width:50px;} .moreinfolink{margin-right:10px;text-decoration:none;color:#0099ff;} .planheader{font-size:18px;width:150px;float:left;margin-top:3px;line-height:40px;} #secure_webfonts_pricing_unlimited{ padding-top:6px; } .pageviewmonth { font-size:12px;width:125px;float:left;text-align:left; color:#000000;padding-top: 6px;line-height:30px; } .pageviewfactor { font-size:12px;width:150px;float:left;text-align:left; color:#000000;padding-top: 6px;line-height:30px; } #modalchangessaved{text-align: left;} .messagebox {background-color: #F5F5F5;padding:5px;margin:10px 0px;border: 1px solid #DBDBDB;text-align: left;} .confirmbox {background-color:#F2FFDB;color:#151515;border:1px solid #9C6;margin:10px 0px;padding:5px;text-align: left;} .tiermessageholder div { float: left; margin-top:-5px; } .tiermessagepointer { width:9px; height: 35px; background-image: url('/s/images/iconsets/myfonts/tierleftpointergreen.jpg'); background-repeat: no-repeat; background-position: center left; } .tiermessage { height: 30px; width:330px; background-color: #ffffdd; border-top: solid 1px #8ac25f; border-bottom: solid 1px #8ac25f; border-right: solid 1px #8ac25f; padding-left: 5px; padding-top:4px; line-height: 12px; } .tiermessageholderred div { float: left; margin-top:-5px; } .tiermessagepointerred { width:9px; height: 27px; background-image: url('/s/images/iconsets/myfonts/tierleftpointerred.jpg'); background-repeat: no-repeat; background-position: center left; } .tiermessagered { height: 20px; width:270px; background-color: #ffffdd; border-top: solid 1px #fe5955; border-bottom: solid 1px #fe5955; border-right: solid 1px #fe5955; padding-left: 5px; padding-top:6px; line-height: 12px; } .stderror { height: 20px; width:350px; background-color: #ffffdd; border-left: solid 1px #fe5955; border-top: solid 1px #fe5955; border-bottom: solid 1px #fe5955; border-right: solid 1px #fe5955; padding-left: 5px; padding-top:6px; line-height: 12px; } .inputboxerror { background-color:#fe5955; } 

 div.size_slider_widget { position: relative; background-image: url(/s/w/testdrive/slider-bg.gif); background-repeat: no-repeat; width: 96px; height: 18px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { div.size_slider_widget { background-image: url(/s/w/testdrive/slider-bg@2x.gif); background-size: 96px 18px; } } * html div.size_slider_widget { top: 1px; } div.size_slider_track { position: absolute; left: 16px; top: 0px; width: 60px; overflow: visible; } div.size_slider_shoutout { position: absolute; background-color: #FFFFCC; border: 1px solid #808080; color: #666666; text-align: center; font-size: smaller; left: 40%; bottom: 20px; padding: 1px; overflow: visible; } div.size_slider_shoutout .pointy { position: absolute; background-image: url(/s/w/testdrive/pointy.gif); background-repeat: no-repeat; background-position: top center; left: 40%; top: 95%; width: 10px; height: 10px; } div.size_slider_ball { background: #09f; border-radius: 50%; display:inline-block; position: absolute; left: 0px; top: 4px; width: 12px; height: 12px; cursor: ew-resize; } @media only screen and (max-device-width: 1024px) { div.size_slider_ball { width: 20px; height: 20px; top: 0px; } } 

 table#skuset_table tr th { background-color:#333; color: white; font-size: larger; padding: 1em; } table#skuset_table tr td { padding: 3px; } table#skuset_table tr td.styleheader { background-color: #CCC; font-weight: bold; padding: 0.5em; } #skuset_lmg_form a.merger { visibility: hidden; } table#skuset_table tr td.problem a { color: red; } 

.SkyFontsDownload, .SkyFontsDownloadAll, .SkyFontsTrial { display: inline-block; position: relative; } .SkyFontsDownload a.downloadbtn, .SkyFontsDownloadAll a.downloadbtn, .SkyFontsTrial a.downloadbtn { background: #0CB9FF; border-color: #0a95cc; padding: 5px 8px; } .SkyFontsDownload a.downloadbtn:hover, .SkyFontsDownloadAll a.downloadbtn:hover, .SkyFontsTrial a.downloadbtn:hover { background: #079fdb; text-decoration: none; } .SkyFontsDownload a.downloadbtn:active, .SkyFontsDownloadAll a.downloadbtn:active, .SkyFontsTrial a.downloadbtn:active { background: #0092cc; } .SkyFontsDownload button, .SkyFontsDownloadAll button, .SkyFontsTrial button { margin: 0; background: #4B4B4B; font-family: "RooneySans-Medium","Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } .SkyFontsDownload:hover button, .SkyFontsDownloadAll:hover button, .SkyFontsTrial:hover button { background: #000; } .SkyFontsDownload a.help, .SkyFontsDownloadAll a.help, .SkyFontsTrial a.help { overflow: visible; position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-decoration: none; border: 0; height: inherit; width: inherit; } .SkyFontsDownload a.help .help_tooltip, .SkyFontsDownloadAll a.help .help_tooltip, .SkyFontsTrial a.help .help_tooltip { font-size: 14px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; position: relative; top: 36px; left: 50%; margin-left: -185px; width: 340px; } #SkyFontsDialog #DownloadSkyFonts { background: #0CB9FF; padding: 6px 18px; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; margin-bottom: 15px; } #SkyFontsDialog #LearnMore { color: #00B6FF; display: block; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; } #SkyFontsDialog #SkyFontsHead { background: url("/s/images/logo/skyfonts-logo.png") center 10px no-repeat; background-size: 84px 84px; padding: 105px 0 15px; text-align: center; width: 100%; } #SkyFontsDialog #SkyFontsHead p { margin: 1em; } #SkyFontsDialog #SkyFontsBody { padding: 30px 0; text-align: center; } #SkyFontsDialog #SkyFontsSelectAll { color: #999; display: none; font-size: 11px; font-weight: bold; padding: 4px 5px; position: relative; top: -4px; } #SkyFontsDialog #SkyFontsSelectAll:hover { color: #777; text-decoration: none; } #SkyFontsDialog #SkyFontsMachines { background: #f6f6f6; } #SkyFontsDialog #SkyFontsMachines .SkyFontsMachine { background-position: 30px center; background-repeat: no-repeat; background-size: 24px 24px; cursor: pointer; padding: 8px; } #SkyFontsDialog #SkyFontsMachines .SkyFontsMachine.mac { background-image: url("/s/images/logo/apple-logo.png"); } #SkyFontsDialog #SkyFontsMachines .SkyFontsMachine.windows { background-image: url("/s/images/logo/windows-logo.png"); } #SkyFontsDialog #SkyFontsMachines .SkyFontsMachine.selected { background-color: #ffffcc; } #SkyFontsDialog #SkyFontsMachines .SkyFontsMachine input[type=checkbox] { margin-right: 40px; } #SkyFontsDialog #SkyFontsMachines .SkyFontsMachine label { cursor: pointer; } #SkyFontsDialog #SkyFontsMachines input[type=submit] { cursor: pointer; display: block; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; padding: 6px 0; width: 100%; } .skyfonts--modal { box-sizing: border-box; } .skyfonts--modal div, .skyfonts--modal span, .skyfonts--modal applet, .skyfonts--modal object, .skyfonts--modal iframe, .skyfonts--modal h1, .skyfonts--modal h2, .skyfonts--modal h3, .skyfonts--modal h4, .skyfonts--modal h5, .skyfonts--modal h6, .skyfonts--modal p, .skyfonts--modal blockquote, .skyfonts--modal pre, .skyfonts--modal a, .skyfonts--modal abbr, .skyfonts--modal acronym, .skyfonts--modal address, .skyfonts--modal big, .skyfonts--modal cite, .skyfonts--modal code, .skyfonts--modal del, .skyfonts--modal dfn, .skyfonts--modal em, .skyfonts--modal img, .skyfonts--modal ins, .skyfonts--modal kbd, .skyfonts--modal q, .skyfonts--modal s, .skyfonts--modal samp, .skyfonts--modal small, .skyfonts--modal strike, .skyfonts--modal strong, .skyfonts--modal sub, .skyfonts--modal sup, .skyfonts--modal tt, .skyfonts--modal var, .skyfonts--modal b, .skyfonts--modal u, .skyfonts--modal i, .skyfonts--modal center, .skyfonts--modal dl, .skyfonts--modal dt, .skyfonts--modal dd, .skyfonts--modal ol, .skyfonts--modal ul, .skyfonts--modal li, .skyfonts--modal fieldset, .skyfonts--modal form, .skyfonts--modal label, .skyfonts--modal legend, .skyfonts--modal table, .skyfonts--modal caption, .skyfonts--modal tbody, .skyfonts--modal tfoot, .skyfonts--modal thead, .skyfonts--modal tr, .skyfonts--modal th, .skyfonts--modal td, .skyfonts--modal article, .skyfonts--modal aside, .skyfonts--modal canvas, .skyfonts--modal details, .skyfonts--modal embed, .skyfonts--modal figure, .skyfonts--modal figcaption, .skyfonts--modal footer, .skyfonts--modal header, .skyfonts--modal hgroup, .skyfonts--modal menu, .skyfonts--modal nav, .skyfonts--modal output, .skyfonts--modal ruby, .skyfonts--modal section, .skyfonts--modal summary, .skyfonts--modal time, .skyfonts--modal mark, .skyfonts--modal audio, .skyfonts--modal video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: inherit; } .skyfonts--modal article, .skyfonts--modal aside, .skyfonts--modal details, .skyfonts--modal figcaption, .skyfonts--modal figure, .skyfonts--modal footer, .skyfonts--modal header, .skyfonts--modal hgroup, .skyfonts--modal menu, .skyfonts--modal nav, .skyfonts--modal section { display: block; } .skyfonts--modal svg, .skyfonts--modal img { height: auto; max-width: 100%; vertical-align: middle; border: 0; } .skyfonts--modal { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #333; } .skyfonts--modal a { color: #37A0F3; text-decoration: none; } .skyfonts--modal a:hover { text-decoration: underline; } .skyfonts--modal .skyfonts--modal-main { text-align: center; padding: 52px; } .skyfonts--modal .skyfonts--modal-main h3 { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 32px; font-weight: 300; margin: 0 auto 21px; } .skyfonts--modal .skyfonts--modal-main p { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; margin: 0 0 18px 0; font-weight: 400; } .skyfonts--modal .skyfonts--modal-main p:last-of-type { margin: 0; } .skyfonts--modal .skyfonts--modal-main .skyfonts--button-contain { margin-top: 32px; margin-bottom: -26px; } .skyfonts--modal .skyfonts--modal-main .skyfonts--button { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; color: white; text-decoration: none; display: inline-block; vertical-align: middle; border-radius: 3px; background: #37A0F3; padding: 10px 12px; position: relative; } .skyfonts--modal .skyfonts--modal-main .skyfonts--button.skyfonts--button-logo span { display: inline-block; vertical-align: middle; height: 23px; } .skyfonts--modal .skyfonts--modal-main .skyfonts--button.skyfonts--button-logo span:before { position: relative; display: inline-block; vertical-align: middle; width: 12px; content: url("/s/images/skyfonts/skyfonts-logo-white.svg"); margin-right: 12px; } .skyfonts--modal .skyfonts--modal-main .skyfonts--button + p { margin-top: 8px; } .skyfonts--modal .skyfonts--modal-main .skyfonts--specs { font-size: 12px; color: #aaa; font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } .skyfonts--modal .skyfonts--modal-footer { text-align: center; border-top: 1px solid #e7e7e7; padding: 25px; } .skyfonts--modal .skyfonts--modal-footer p { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #6B6B6B; font-size: 12px; margin: 0 0 12px 0; } .skyfonts--modal .skyfonts--modal-footer p:last-of-type { margin: 0; } .skyfonts--modal .skyfonts--modal-footer h4 { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 16px; margin-bottom: 16px; color: #333; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos { margin-bottom: 10px; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos li { display: inline-block; vertical-align: middle; margin: 0 12px; position: relative; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos .google { width: 110px; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos .fontscom { width: 84px; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos .myfonts { width: 70px; top: 4px; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos .linotype { width: 94px; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos .membership { width: 92px; } .skyfonts--modal .skyfonts--modal-footer .skyfonts--channel-logos.skyfonts--gray-logos img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.4; } .skyfonts--modal .skyfonts--install-process { list-style: none; *zoom: 1; max-width: 600px; margin: 40px auto -28px; } .skyfonts--modal .skyfonts--install-process:after { content: ""; display: table; clear: both; } .skyfonts--modal .skyfonts--install-process li { float: left; width: 164px; margin: 0 14px; } .skyfonts--modal .skyfonts--install-process li figure { margin-bottom: 14px; border: 1px solid #d2d2d2; border-radius: 2px; } .skyfonts--modal .skyfonts--install-process li figure img { display: block; } .skyfonts--modal .skyfonts--install-process li p { font-size: 13px; color: #6B6B6B; margin: 0 auto; font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; } .skyfonts--modal .skyfonts--install-process li.step-2 figure { position: relative; } .skyfonts--modal .skyfonts--install-process li.step-2 figure .sync-animation { position: absolute; left: 50%; margin-left: -15px; bottom: 44px; } .skyfonts--modal .skyfonts--onboarding-animation { margin: -10px auto; max-width: 420px; } .skyfonts--modal .sync-animation { background-position: 0; background-repeat: no-repeat; } .skyfonts--modal .sync-animation.animate { animation-duration: 1s; animation-timing-function: steps(30); animation-iteration-count: infinite; } .skyfonts--modal .sync-animation.sync-animation--32 { width: 30px; height: 32px; background-image: url("/s/images/skyfonts/animation/sync-animation-32@2x.png"); background-size: 900px 32px; } .skyfonts--modal .sync-animation.sync-animation--32.animate { animation-name: sync-32; } #family *:hover > .help_tooltip, #stylepage *:hover > .help_tooltip { display: none; } #family .SkyFontsDownload, #family .SkyFontsDownloadAll, #family .SkyFontsTrial, #stylepage .SkyFontsDownload, #stylepage .SkyFontsDownloadAll, #stylepage .SkyFontsTrial { float: right; } #family .SkyFontsDownload:hover a.help .help_tooltip, #family .SkyFontsDownloadAll:hover a.help .help_tooltip, #family .SkyFontsTrial:hover a.help .help_tooltip, #stylepage .SkyFontsDownload:hover a.help .help_tooltip, #stylepage .SkyFontsDownloadAll:hover a.help .help_tooltip, #stylepage .SkyFontsTrial:hover a.help .help_tooltip { display: block; } #family a.help span:first-child, #stylepage a.help span:first-child { display: none; } #family .cart_button_wrapper .SkyFontsDownload, #family .cart_button_wrapper .SkyFontsDownloadAll, #family .cart_button_wrapper .SkyFontsTrial, #stylepage .cart_button_wrapper .SkyFontsDownload, #stylepage .cart_button_wrapper .SkyFontsDownloadAll, #stylepage .cart_button_wrapper .SkyFontsTrial { margin-left: 6px; } #family #add_family_to_cart .SkyFontsDownload button, #family #add_family_to_cart .SkyFontsDownloadAll button, #family #add_family_to_cart .SkyFontsTrial button, #stylepage #add_family_to_cart .SkyFontsDownload button, #stylepage #add_family_to_cart .SkyFontsDownloadAll button, #stylepage #add_family_to_cart .SkyFontsTrial button { padding: 13px 16px; font-size: 14px; line-height: 1em; } #family #add_family_to_cart .SkyFontsDownload:hover a.help .help_tooltip, #family #add_family_to_cart .SkyFontsDownloadAll:hover a.help .help_tooltip, #family #add_family_to_cart .SkyFontsTrial:hover a.help .help_tooltip, #stylepage #add_family_to_cart .SkyFontsDownload:hover a.help .help_tooltip, #stylepage #add_family_to_cart .SkyFontsDownloadAll:hover a.help .help_tooltip, #stylepage #add_family_to_cart .SkyFontsTrial:hover a.help .help_tooltip { top: 51px; left: 50%; } #family .search-result-item .SkyFontsDownload button, #family .search-result-item .SkyFontsDownloadAll button, #family .search-result-item .SkyFontsTrial button, #stylepage .search-result-item .SkyFontsDownload button, #stylepage .search-result-item .SkyFontsDownloadAll button, #stylepage .search-result-item .SkyFontsTrial button { margin: 6px 0; padding: 4px 9px; font-size: 12px; } #family .search-result-item .SkyFontsDownload:hover a.help .help_tooltip, #family .search-result-item .SkyFontsDownloadAll:hover a.help .help_tooltip, #family .search-result-item .SkyFontsTrial:hover a.help .help_tooltip, #stylepage .search-result-item .SkyFontsDownload:hover a.help .help_tooltip, #stylepage .search-result-item .SkyFontsDownloadAll:hover a.help .help_tooltip, #stylepage .search-result-item .SkyFontsTrial:hover a.help .help_tooltip { top: 40px; left: 50%; } #family .search-result-item .SkyFontsDownload a.help, #family .search-result-item .SkyFontsDownloadAll a.help, #family .search-result-item .SkyFontsTrial a.help, #stylepage .search-result-item .SkyFontsDownload a.help, #stylepage .search-result-item .SkyFontsDownloadAll a.help, #stylepage .search-result-item .SkyFontsTrial a.help { left: 0; } @keyframes sync-32 { from { background-position: 0; } to { background-position: -900px; } } .skyfonts--modal .skyfonts--install-process figure .step-image { width: 162px; height: 162px; background-position: 0 0; background-repeat: no-repeat; } .skyfonts--modal .skyfonts--install-process.mac li.step-1 .step-image { background-image: url("/s/images/skyfonts/skyfonts-mac-installation-step-1.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { .skyfonts--modal .skyfonts--install-process.mac li.step-1 .step-image { background-image: url("/s/images/skyfonts/skyfonts-mac-installation-step-1@2x.png"); background-size: 162px 162px; } } .skyfonts--modal .skyfonts--install-process.mac li.step-2 .step-image { background-image: url("/s/images/skyfonts/skyfonts-mac-installation-step-2.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { .skyfonts--modal .skyfonts--install-process.mac li.step-2 .step-image { background-image: url("/s/images/skyfonts/skyfonts-mac-installation-step-2@2x.png"); background-size: 162px 162px; } } .skyfonts--modal .skyfonts--install-process.mac li.step-3 .step-image { background-image: url("/s/images/skyfonts/skyfonts-mac-installation-step-3.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { .skyfonts--modal .skyfonts--install-process.mac li.step-3 .step-image { background-image: url("/s/images/skyfonts/skyfonts-mac-installation-step-3@2x.png"); background-size: 162px 162px; } } .skyfonts--modal .skyfonts--install-process.windows li.step-1 .step-image { background-image: url("/s/images/skyfonts/skyfonts-win-installation-step-1.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { .skyfonts--modal .skyfonts--install-process.windows li.step-1 .step-image { background-image: url("/s/images/skyfonts/skyfonts-win-installation-step-1@2x.png"); background-size: 162px 162px; } } .skyfonts--modal .skyfonts--install-process.windows li.step-2 .step-image { background-image: url("/s/images/skyfonts/skyfonts-win-installation-step-2.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { .skyfonts--modal .skyfonts--install-process.windows li.step-2 .step-image { background-image: url("/s/images/skyfonts/skyfonts-win-installation-step-2@2x.png"); background-size: 162px 162px; } } .skyfonts--modal .skyfonts--install-process.windows li.step-3 .step-image { background-image: url("/s/images/skyfonts/skyfonts-win-installation-step-3.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { .skyfonts--modal .skyfonts--install-process.windows li.step-3 .step-image { background-image: url("/s/images/skyfonts/skyfonts-win-installation-step-3@2x.png"); background-size: 162px 162px; } } 

 #skyfonts_trial_landing { color: #444; text-align: center; } #skyfonts_trial_landing h1 { font-size: 53px; margin: 0.575em 0; } #skyfonts_trial_landing p { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 27px; line-height: 35px; margin: 2em 1em; } #skyfonts_trial_landing p:first-of-type { margin-top: 0; } #skyfonts_trial_landing img.animation { margin: 2em auto; } #skyfonts_trial_landing .foundry_button { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 17px; letter-spacing: 1px; padding: 13px 26px; } #skyfonts_trial_landing .sample { background: #fff; margin: 90px 0; padding: 10px; text-align: left; } #skyfonts_trial_landing .sample a.name { float: left; font-weight: normal; } #skyfonts_trial_landing .sample button.add_to_cart_button, #skyfonts_trial_landing .sample button.add_to_album_toggle { margin-top: 0px; } #skyfonts_trial_landing .sample .price-listing { margin-top: 3px; } #skyfonts_trial_landing .sample .add_to_album_dropdown { color: #000; top: 22px; } #skyfonts_trial_landing #arrow { background: url("/s/images/skyfonts_trial_landing/arrow.png") right center no-repeat; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 15px; height: 22px; line-height: 22px; padding-right: 30px; position: absolute; right: 80px; top: 190px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #skyfonts_trial_landing #arrow { background-image: url("/s/images/skyfonts_trial_landing/arrow@2x.png"); background-size: 19px 22px; } } #skyfonts_trial_landing #trial_demo_zone { background: #344666; color: #fff; height: 500px; margin: 50px 10px; padding: 40px 60px; position: relative; } #skyfonts_trial_landing #trial_demo_zone a.learn_more { color: #fff; } 

.slideshowWidget { position: relative; margin-bottom: 24px; width: 720px; height: 360px; overflow: hidden; } .slideshowWidget.slideshowWidget_promo_poster { width: 600px; height: 375px; } .slideshowWidget .slide_tray { position: relative; width: 720px; height: 360px; } .slideshowWidget .slide_tray.slide_tray_promo_poster { position: relative; width: 600px; height: 375px; } .slideshowWidget .slide_tray .slide { position: absolute; top: 0px; left: 0px; } .slideshowWidget .slide_tray .slide img { width: 720px; height: 360px; } .slideshowWidget .slide_tray.slide_tray_promo_poster .slide img { width: 600px; height: 375px; } .slideshowWidget .slideshow_controls { position: absolute; right: 0px; bottom: 0px; height: 26px; padding: 0px 6px 4px; } .slideshowWidget .slideshow_controls.slideshow_controls_promo_poster { height: 44px; } .slideshowWidget .slideshow_controls .transparent_background { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #F5F5F5; opacity: 0.9; filter: alpha(opacity=90); } .slideshowWidget .slideshow_controls .slideshow_navbutton { position: relative; float: left; width: 38px; padding-top: 4px; padding-left: 1px; margin-left: 3px; text-align: center; } .slideshowWidget .slideshow_controls .slideshow_navbutton.active { background-image: url(/s/w/slideshow/pointy.gif); background-position: top center; background-repeat: no-repeat; } .slideshowWidget .slideshow_controls .slideshow_navbutton img { margin: 1px; padding: 1px; cursor: pointer; width: 36px; height: 18px; } .slideshowWidget .slideshow_controls.slideshow_controls_promo_poster .slideshow_navbutton img { cursor: pointer; width: 36px; height: 36px; } .slideshowWidget .slideshow_controls .slideshow_navbutton.active img { margin: 0px; border: 1px solid #09f; } .slideshowWidget .slideshow_controls .play_pause_frame { position: relative; float: left; margin-left: 12px; padding-top: 6px; } .slideshowWidget .slideshow_controls.slideshow_controls_promo_poster .play_pause_frame { padding-top: 15px; } .slideshowWidget .slideshow_controls .play_pause_frame img:hover { opacity: 0; filter: alpha(opacity=0); } .slideshowWidget .slideshow_controls .play_pause_frame a { display: block; float: left; width: 18px; height: 18px; } .slideshowWidget .slideshow_controls .play_pause_frame a.previous { background-image: url(/s/w/slideshow/previous-hover.gif); } .slideshowWidget .slideshow_controls .play_pause_frame a.play { background-image: url(/s/w/slideshow/play-hover.gif); } .slideshowWidget .slideshow_controls .play_pause_frame a.pause { background-image: url(/s/w/slideshow/pause-hover.gif); } .slideshowWidget .slideshow_controls .play_pause_frame a.next { background-image: url(/s/w/slideshow/next-hover.gif); } 

.imgHover { display: inline; position: relative; } .imgHover .hover { display: none; position: absolute; right:7px; bottom: 9px; z-index: 2; width: 27px; height: 23px; background-color: #ffffff; -moz-box-shadow: 0px 0px 4px 0px #999; -webkit-box-shadow: 0px 0px 4px 0px #999; box-shadow: 0px 0px 4px 0px #999; } #specials-graybar{ background-color:#f5f5f5; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 8px; margin-top:10px; margin-bottom:14px; } .specials-graybartext { font-size:12px; width:500px; float:left; color:#545454; line-height: 14px; } .specials-graybarslideshow { width:150px; float:right; text-align: right; height:24px; cursor: pointer; padding-top:0px; border:solid 0px red; } .slideshowtextheader { font-size:14px; width:110px; float:right; text-align: right; color:#545454; line-height: 24px; height:24px; cursor: pointer; padding-top:0px; border:solid 0px red; } .slideshowiconheader { float:right; width:27px; border:solid 0px red; margin-left:5px; } .specials-enddate,.specials-foundryname{ font-size:14px; color:#000000; text-align:left; line-height: 25px; vertical-align: baseline; height:23px; } .fader { position:absolute; top:0; right:0; height:100%; width:30px; } .specials-enddate-attention{ color:red; font-weight: bold; font-size:14px; text-align:left; line-height: 25px; vertical-align: baseline; height:23px; border:solid 0px red; } .specials-promoname { margin-top:5px; white-space: nowrap; position:relative; overflow: hidden; } .specials-promoname a { color: #0099ff; font-size: 15px; font-weight: bold; line-height: 25px; white-space: nowrap; } #specials_page .poster { margin-bottom:0px; } #specials_page .lazyloadposter { margin-bottom:0px; width:298px; height: 149px; } #specials_page .lazyloadposter4col { margin-bottom:0px; width:216px; height: 108px; } #specials_page .thumbnail { margin-bottom:12px; width: 75px; height: 75px; } #specials_page .promo_entry { margin-top: 12px; clear: left; } #specials_page .text_list img { float: left; margin-right: 12px; } .rss_box img { width: 36px; height: 20px; vertical-align: middle; } .specposters { float: left; margin-bottom: 20px; width: 298px; margin-left: 7px; margin-right: 7px; border: solid 0px red; } .specposters a { font-size: 14px; font-weight: bold; } .specposters a:hover { } #lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; } #lightbox { vertical-align:middle; position: fixed; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } #lightbox img { width: auto; height: auto; cursor: pointer; } #lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 740px; height: 436px; margin: 0 auto; background-image: url(/s/images/lightbox/loading.gif); background-repeat: no-repeat; background-position: center center; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;*/ } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 10px; } .lb-loader { position: absolute; top: 30%; left: 0%; height: 25%; width: 90%; text-align: center; line-height: 0; } .lb-nav { /*position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;*/ } .lb-container > .nav { } .lb-nav a { } .lb-prev, .lb-next { /*width: 49%; height: 100%;*/ /*background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); Trick IE into showing hover display: block;*/ cursor: pointer; font-size: 14px; font-weight: bold; text-decoration: none; } .lb-prev a:hover, .lb-next a:hover{ text-decoration: none; } .lb-prev { height:32px; float: left; width:32px; } .lb-next { width:32px; float: right; height:32px; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 740px; background-color: #ffffff; height: 110px; /*-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;*/ } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 10px; color: #000000; } .lb-data .lb-details { width: 100%; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 15px; font-weight: bold; line-height: 15px; color: #0099ff; height:15px; } .lb-data .lb-number { display: none; clear: left; padding-bottom: 1em; font-size: 11px; } .lb-closeContainer{ position: absolute; bottom: 10px; width: 715px; } .lb-closeContainer a{ text-decoration: none; } .lb-data .lb-close { position: relative; left:140; padding-bottom: 0.7em; outline: none; } .lb-close input { height:34px; background-color:#cccccc; color:#000000; width:70px; border-color: #e9e9e9 #686868 #2e2e2e #dadada; } .lb-data .lb-close:hover, .lb-rev { cursor: pointer; text-decoration: none; } .lb-rev{ color: #0099ff; font-size: 18px; font-weight: bold; float: left; width:500px; line-height: 18px; } .lb-enddate{ width:200px; float: right; text-align: right; font-size: 16px; padding-top:3px; height:15px; } .lb-foundry{ font-size: 16px; margin-top: 10px; height:15px; padding-top: 8px; clear: both; } .lb-image{ width:720px; height:360px; } .clearfloat{ clear: both; } 

 input.state_field { } input.state_field.warning { border: 1px solid #900; background-color: #FEE; } 

 #styleheader { position: relative; width: 768px; margin-bottom: 10px; } #styleheader h1 { display: inline; } #styleheader .huge_slash { font-size: 72pt; color: #000000; font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif; } #title_unreadable_link { position: absolute; right: 0px; top: 0px; } #style_buttons { float: left; margin-left: 12px; width: 180px; } #styleheader h1 { margin-bottom:0px; } #styleheader .price-tag { position: absolute; top: 35%; right: 8px; } .style_waterfall_row { clear:left; padding-top: 0px; margin-top: 24px; } .style_waterfall_full_cell { overflow: hidden; width: 720px; color: gray; } .style_waterfall_half_cell { overflow: hidden; width:348px; float:left; color: gray; } .style_waterfall_half_cell_right { margin-left: 24px; } .style_subset_cell { width:350px; padding-bottom:20px; color: gray; } .style_subset_column { width:350px; float: left; } .style_waterfall_cell_right { margin-left:20px; } .style_waterfall_row .style_waterfall_cell { width:350px; float: left; } .style_subset { width:720px; position: relative; } /* #columns { clear: both; position: relative; margin-top: 8px; } #main_column { position: relative; width: 700px; } #side_column { position: absolute; top: 0px; left: 710px; width: 200px; } */ #wide_bottom { width: 700px; clear: both; } #stylepage h4.styleBreadcrumb { color: #333; font-weight: normal; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-left: 6px; } #stylepage #language_meta_groups ul li { padding-bottom: 12px; } div#specs_pane ul li { overflow: hidden; padding-bottom: 2em; } div#specs_pane ul li ul li { padding-bottom: 0; } div#specs_pane div.add_version_to_cart { float: right; } div#specs_pane div.add_version_to_cart img { vertical-align: middle; padding-left: 1em; } #stylepage .local-tab { z-index: 1; } 

#library_sub * { box-sizing: border-box; } #library_sub img { max-width: 100%; } #library_sub .nowrap { white-space: nowrap; } @media screen and (min-width: 700px) { #library_sub .sticky_header { position: absolute; top: 0; left: 0; right: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 22px; border-bottom: 1px solid #ebebeb; background-color: #fff; max-width: 1130px; margin: 0 auto; } #library_sub .sticky_header.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding: 10px; width: 100%; } } @media screen and (max-width: 319px) { #library_sub { margin-top: 30px; } } #library_sub header { *zoom: 1; clear: both; position: relative; max-width: 1130px; margin: 0 auto; } #library_sub header:after { content: ""; display: table; clear: both; } #library_sub header .title { position: relative; padding-left: 63px; min-height: 68px; } @media screen and (min-width: 480px) { #library_sub header .title { padding-left: 81px; } } @media screen and (min-width: 1000px) { #library_sub header .title { float: left; width: 50%; } } #library_sub header .sub_brand { position: absolute; width: 50px; height: 50px; left: 0; top: 1px; } @media screen and (min-width: 480px) { #library_sub header .sub_brand { width: 65px; height: 65px; } } #library_sub header h1 { line-height: 1; padding: 0; margin: 0 0 4px; font-size: 20px; } @media screen and (min-width: 700px) { #library_sub header h1 { font-size: 24px; } } @media screen and (min-width: 1000px) { #library_sub header h1 { font-size: 28px; } } #library_sub header p { padding: 0; margin: 0; font-size: 12px; display: inline; } @media screen and (min-width: 480px) { #library_sub header p { font-size: 14px; } } @media screen and (min-width: 600px) { #library_sub header p { display: block; } } #library_sub header .cta { border-bottom: 1px solid #ebebeb; padding: 0 0 10px; margin: 10px 0; text-align: center; } #library_sub header .cta > span:first-child { font-size: 14px; margin-top: 16px; display: block; padding-right: 10px; } @media screen and (max-width: 1000px) { #library_sub header .cta > span:first-child { position: absolute; right: 0; top: 12px; } } @media screen and (max-width: 700px) { #library_sub header .cta > span:first-child { position: static; margin-bottom: 15px; margin-top: 0; } } @media screen and (max-width: 480px) { #library_sub header .cta > span:first-child { font-size: 12px; text-align: left; margin-left: 63px; } } @media screen and (min-width: 480px) { #library_sub header .cta { text-align: left; padding-left: 81px; } } @media screen and (min-width: 1000px) { #library_sub header .cta { float: right; text-align: right; width: 50%; border: none; padding: 0; margin: 15px 0 0; } } #library_sub header button { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; background: #f0f; font-size: 13px; border-radius: 4px; margin-left: 10px; letter-spacing: 0; } #library_sub header button:hover { background: #d900d9; } @media screen and (min-width: 480px) { #library_sub header button { margin: 0 0 0 10px; } } @media screen and (min-width: 700px) { #library_sub header button { font-size: 16px; } } @media screen and (min-width: 1000px) { #library_sub header button { font-size: 18px; padding: 6px 12px; margin-left: 18px; } } #library_sub header .sub_price { color: #444; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-left: 10px; font-size: 13px; } @media screen and (min-width: 700px) { #library_sub header .sub_price { font-size: 16px; } } @media screen and (min-width: 1000px) { #library_sub header .sub_price { font-size: 20px; margin-left: 18px; } } #library_sub header .sub_price_switcher { display: inline-block; position: relative; } #library_sub header .sub_price_switcher select { border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #4a4a4a; font-size: 12px; border: 1px solid rgba(155, 155, 155, 0.2); padding: 6px 28px 6px 6px; background: #fff; } @media screen and (min-width: 1000px) { #library_sub header .sub_price_switcher select { padding: 10px 44px 10px 14px; font-size: 14px; } } #library_sub header .sub_price_switcher select:focus { outline: none; } #library_sub header .sub_price_switcher:after { position: absolute; z-index: 2; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 8px; background: url("/s/w/sub_info/select_menu_arrow.svg") 0 0 no-repeat; background-image: url("/s/w/sub_info/select_menu_arrow@2x.png") \9; background-size: 10px 8px; content: ""; pointer-events: none; } #library_sub header .sub_price_switcher select::-ms-expand { display: none; } #library_sub .container { width: 100%; margin: 0 auto; max-width: 1130px; } @media screen and (min-width: 700px) { #library_sub .container { padding-top: 90px; } } @media screen and (min-width: 1000px) { #library_sub .container { padding-top: 80px; } } #library_sub section { border-bottom: 1px solid #ebebeb; padding: 32px 0; } @media screen and (min-width: 1000px) { #library_sub section { padding: 70px 0; } } #library_sub section:last-of-type { border-bottom: none; } #library_sub .sub_content { margin: 0 auto; max-width: 480px; } @media screen and (min-width: 700px) { #library_sub .sub_content { max-width: 915px; } } #library_sub .sub_video { margin-bottom: 60px; max-width: 915px; } #library_sub .sub_video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #library_sub .sub_video .embed-container iframe, #library_sub .sub_video .embed-container object, #library_sub .sub_video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 700px) { #library_sub .sub_intro { padding-left: 313px; position: relative; } } #library_sub .sub_intro .sub_intro_visual { margin: 0 auto 25px; text-align: center; background-image: url("/s/images/sub_info/Tile-collage.png"); background-position: 50% 50%; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_intro .sub_intro_visual { background-image: url("/s/images/sub_info/Tile-collage@2x.png"); background-size: 270px 270px; } } @media screen and (min-width: 700px) { #library_sub .sub_intro .sub_intro_visual { width: 277px; height: 277px; position: absolute; left: 0; top: 0; margin: 0; } } #library_sub .sub_intro h2, #library_sub .sub_intro h3 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; margin: 0 0 10px; } #library_sub .sub_intro h3 { margin-top: 35px; } #library_sub .sub_intro p { font-size: 16px; color: #555; padding: 0; margin-bottom: 25px; } #library_sub .sub_intro button { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; letter-spacing: 0; padding: 6px 12px; margin: 0; } #library_sub .sub_library h3 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; margin: 0 0 25px; } @media screen and (min-width: 700px) { #library_sub .sub_library .colspan { *zoom: 1; margin: 0 -13px; } #library_sub .sub_library .colspan:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 700px) { #library_sub .sub_library .col { float: left; width: 33.3333333333%; padding: 0 13px; } } #library_sub .sub_library .col h4 { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; font-weight: normal; margin: 0 0 10px; } #library_sub .sub_library .col p { font-size: 16px; color: #555; padding: 0; margin-bottom: 25px; } #library_sub .sub_library ul { margin-bottom: 20px; } #library_sub .sub_library li { margin-bottom: 10px; } #library_sub .sub_library li a { display: block; text-decoration: none; } #library_sub .sub_library li a img { display: block; width: 100%; float: left; } #library_sub .sub_library li a .flag { width: 55px; height: 55px; display: inline-block; vertical-align: middle; } #library_sub .sub_library li a .sample { margin-left: 10px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; } @media (min-width: 700px) and (max-width: 1000px) { #library_sub .sub_library li a .sample { max-width: 65%; } } #library_sub .sub_library li a .container { height: 55px; padding-top: 0; } #library_sub .sub_library li a .container .helper { height: 100%; vertical-align: middle; display: inline-block; float: left; } #library_sub .sub_library li a .aptifer-sans .flag { background-image: url("/s/images/sub_info/Aptifer Sans.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .aptifer-sans .flag { background-image: url("/s/images/sub_info/Aptifer Sans@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .aptifer-sans .sample { background-image: url("/s/images/sub_info/samples/Aptifer Sans.png"); width: 174px; height: 33px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .aptifer-sans .sample { background-image: url("/s/images/sub_info/samples/Aptifer Sans@2x.png"); -webkit-background-size: 174px 33px; -moz-background-size: 174px 33px; -o-background-size: 174px 33px; background-size: 174px 33px; } } #library_sub .sub_library li a .avenir-next .flag { background-image: url("/s/images/sub_info/Avenir Next.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .avenir-next .flag { background-image: url("/s/images/sub_info/Avenir Next@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .avenir-next .sample { background-image: url("/s/images/sub_info/samples/Avenir Next.png"); width: 195px; height: 39px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .avenir-next .sample { background-image: url("/s/images/sub_info/samples/Avenir Next@2x.png"); -webkit-background-size: 195px 39px; -moz-background-size: 195px 39px; -o-background-size: 195px 39px; background-size: 195px 39px; } } #library_sub .sub_library li a .din-next .flag { background-image: url("/s/images/sub_info/DIN Next.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .din-next .flag { background-image: url("/s/images/sub_info/DIN Next@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .din-next .sample { background-image: url("/s/images/sub_info/samples/DIN Next.png"); width: 148px; height: 28px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .din-next .sample { background-image: url("/s/images/sub_info/samples/DIN Next@2x.png"); -webkit-background-size: 148px 28px; -moz-background-size: 148px 28px; -o-background-size: 148px 28px; background-size: 148px 28px; } } #library_sub .sub_library li a .franklin-gothic .flag { background-image: url("/s/images/sub_info/Franklin Gothic.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .franklin-gothic .flag { background-image: url("/s/images/sub_info/Franklin Gothic@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .franklin-gothic .sample { background-image: url("/s/images/sub_info/samples/Franklin Gothic.png"); width: 191px; height: 20px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .franklin-gothic .sample { background-image: url("/s/images/sub_info/samples/Franklin Gothic@2x.png"); -webkit-background-size: 191px 20px; -moz-background-size: 191px 20px; -o-background-size: 191px 20px; background-size: 191px 20px; } } #library_sub .sub_library li a .helvetica-neue .flag { background-image: url("/s/images/sub_info/Helvetica Neue.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .helvetica-neue .flag { background-image: url("/s/images/sub_info/Helvetica Neue@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .helvetica-neue .sample { background-image: url("/s/images/sub_info/samples/Helvetica Neue.png"); width: 199px; height: 22px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .helvetica-neue .sample { background-image: url("/s/images/sub_info/samples/Helvetica Neue@2x.png"); -webkit-background-size: 199px 22px; -moz-background-size: 199px 22px; -o-background-size: 199px 22px; background-size: 199px 22px; } } #library_sub .sub_library li a .univers .flag { background-image: url("/s/images/sub_info/Univers.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .univers .flag { background-image: url("/s/images/sub_info/Univers@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .univers .sample { background-image: url("/s/images/sub_info/samples/Univers.png"); width: 148px; height: 31px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .univers .sample { background-image: url("/s/images/sub_info/samples/Univers@2x.png"); -webkit-background-size: 148px 31px; -moz-background-size: 148px 31px; -o-background-size: 148px 31px; background-size: 148px 31px; } } #library_sub .sub_library li a .quire-sans .flag { background-image: url("/s/images/sub_info/Quire Sans.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .quire-sans .flag { background-image: url("/s/images/sub_info/Quire Sans@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .quire-sans .sample { background-image: url("/s/images/sub_info/samples/Quire Sans.png"); width: 174px; height: 46px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .quire-sans .sample { background-image: url("/s/images/sub_info/samples/Quire Sans@2x.png"); -webkit-background-size: 174px 46px; -moz-background-size: 174px 46px; -o-background-size: 174px 46px; background-size: 174px 46px; } } #library_sub .sub_library li a .vag-rounded .flag { background-image: url("/s/images/sub_info/VAG Rounded.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .vag-rounded .flag { background-image: url("/s/images/sub_info/VAG Rounded@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .vag-rounded .sample { background-image: url("/s/images/sub_info/samples/VAG Rounded.png"); width: 189px; height: 25px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .vag-rounded .sample { background-image: url("/s/images/sub_info/samples/VAG Rounded@2x.png"); -webkit-background-size: 189px 25px; -moz-background-size: 189px 25px; -o-background-size: 189px 25px; background-size: 189px 25px; } } #library_sub .sub_library li a .frutiger-next .flag { background-image: url("/s/images/sub_info/Frutiger Next.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .frutiger-next .flag { background-image: url("/s/images/sub_info/Frutiger Next@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .frutiger-next .sample { background-image: url("/s/images/sub_info/samples/Frutiger Next.png"); width: 193px; height: 34px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .frutiger-next .sample { background-image: url("/s/images/sub_info/samples/Frutiger Next@2x.png"); -webkit-background-size: 193px 34px; -moz-background-size: 193px 34px; -o-background-size: 193px 34px; background-size: 193px 34px; } } #library_sub .sub_library li a .clarendon .flag { background-image: url("/s/images/sub_info/Clarendon.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .clarendon .flag { background-image: url("/s/images/sub_info/Clarendon@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .clarendon .sample { background-image: url("/s/images/sub_info/samples/Clarendon.png"); width: 164px; height: 23px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .clarendon .sample { background-image: url("/s/images/sub_info/samples/Clarendon@2x.png"); -webkit-background-size: 164px 23px; -moz-background-size: 164px 23px; -o-background-size: 164px 23px; background-size: 164px 23px; } } #library_sub .sub_library li a .calvert .flag { background-image: url("/s/images/sub_info/Calvert.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .calvert .flag { background-image: url("/s/images/sub_info/Calvert@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .calvert .sample { background-image: url("/s/images/sub_info/samples/Calvert.png"); width: 148px; height: 33px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .calvert .sample { background-image: url("/s/images/sub_info/samples/Calvert@2x.png"); -webkit-background-size: 148px 33px; -moz-background-size: 148px 33px; -o-background-size: 148px 33px; background-size: 148px 33px; } } #library_sub .sub_library li a .trade-gothic-next .flag { background-image: url("/s/images/sub_info/Trade Gothic Next.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .trade-gothic-next .flag { background-image: url("/s/images/sub_info/Trade Gothic Next@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .trade-gothic-next .sample { background-image: url("/s/images/sub_info/samples/Trade Gothic Next.png"); width: 199px; height: 19px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .trade-gothic-next .sample { background-image: url("/s/images/sub_info/samples/Trade Gothic Next@2x.png"); -webkit-background-size: 199px 19px; -moz-background-size: 199px 19px; -o-background-size: 199px 19px; background-size: 199px 19px; } } #library_sub .sub_library li a .neo-sans .flag { background-image: url("/s/images/sub_info/Neo Sans.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .neo-sans .flag { background-image: url("/s/images/sub_info/Neo Sans@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .neo-sans .sample { background-image: url("/s/images/sub_info/samples/Neo Sans.png"); width: 141px; height: 27px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .neo-sans .sample { background-image: url("/s/images/sub_info/samples/Neo Sans@2x.png"); -webkit-background-size: 141px 27px; -moz-background-size: 141px 27px; -o-background-size: 141px 27px; background-size: 141px 27px; } } #library_sub .sub_library li a .neue-haas-unica .flag { background-image: url("/s/images/sub_info/Neue Haas Unica.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .neue-haas-unica .flag { background-image: url("/s/images/sub_info/Neue Haas Unica@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .neue-haas-unica .sample { background-image: url("/s/images/sub_info/samples/Neue Haas Unica.png"); width: 186px; height: 18px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .neue-haas-unica .sample { background-image: url("/s/images/sub_info/samples/Neue Haas Unica@2x.png"); -webkit-background-size: 186px 18px; -moz-background-size: 186px 18px; -o-background-size: 186px 18px; background-size: 186px 18px; } } #library_sub .sub_library li a .ginkgo .flag { background-image: url("/s/images/sub_info/Ginkgo.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .ginkgo .flag { background-image: url("/s/images/sub_info/Ginkgo@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .ginkgo .sample { background-image: url("/s/images/sub_info/samples/Ginkgo.png"); width: 120px; height: 39px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .ginkgo .sample { background-image: url("/s/images/sub_info/samples/Ginkgo@2x.png"); -webkit-background-size: 120px 39px; -moz-background-size: 120px 39px; -o-background-size: 120px 39px; background-size: 120px 39px; } } #library_sub .sub_library li a .oranda .flag { background-image: url("/s/images/sub_info/Oranda.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .oranda .flag { background-image: url("/s/images/sub_info/Oranda@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .oranda .sample { background-image: url("/s/images/sub_info/samples/Oranda.png"); width: 116px; height: 28px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .oranda .sample { background-image: url("/s/images/sub_info/samples/Oranda@2x.png"); -webkit-background-size: 116px 28px; -moz-background-size: 116px 28px; -o-background-size: 116px 28px; background-size: 116px 28px; } } #library_sub .sub_library li a .pmn-caecilia .flag { background-image: url("/s/images/sub_info/PMN Caecilia.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .pmn-caecilia .flag { background-image: url("/s/images/sub_info/PMN Caecilia@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .pmn-caecilia .sample { background-image: url("/s/images/sub_info/samples/PMN Caecilia.png"); width: 193px; height: 24px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .pmn-caecilia .sample { background-image: url("/s/images/sub_info/samples/PMN Caecilia@2x.png"); -webkit-background-size: 193px 24px; -moz-background-size: 193px 24px; -o-background-size: 193px 24px; background-size: 193px 24px; } } #library_sub .sub_library li a .cardamon .flag { background-image: url("/s/images/sub_info/Cardamon.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .cardamon .flag { background-image: url("/s/images/sub_info/Cardamon@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .cardamon .sample { background-image: url("/s/images/sub_info/samples/Cardamon.png"); width: 161px; height: 26px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .cardamon .sample { background-image: url("/s/images/sub_info/samples/Cardamon@2x.png"); -webkit-background-size: 161px 26px; -moz-background-size: 161px 26px; -o-background-size: 161px 26px; background-size: 161px 26px; } } #library_sub .sub_library li a .miramonte-pro .flag { background-image: url("/s/images/sub_info/Miramonte Pro.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .miramonte-pro .flag { background-image: url("/s/images/sub_info/Miramonte Pro@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .miramonte-pro .sample { background-image: url("/s/images/sub_info/samples/Miramonte Pro.png"); width: 201px; height: 23px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .miramonte-pro .sample { background-image: url("/s/images/sub_info/samples/Miramonte Pro@2x.png"); -webkit-background-size: 201px 23px; -moz-background-size: 201px 23px; -o-background-size: 201px 23px; background-size: 201px 23px; } } #library_sub .sub_library li a .plantin .flag { background-image: url("/s/images/sub_info/Plantin.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .plantin .flag { background-image: url("/s/images/sub_info/Plantin@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .plantin .sample { background-image: url("/s/images/sub_info/samples/Plantin.png"); width: 129px; height: 30px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .plantin .sample { background-image: url("/s/images/sub_info/samples/Plantin@2x.png"); -webkit-background-size: 129px 30px; -moz-background-size: 129px 30px; -o-background-size: 129px 30px; background-size: 129px 30px; } } #library_sub .sub_library li a .gill-sans-nova .flag { background-image: url("/s/images/sub_info/Gill Sans Nova.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .gill-sans-nova .flag { background-image: url("/s/images/sub_info/Gill Sans Nova@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .gill-sans-nova .sample { background-image: url("/s/images/sub_info/samples/Gill Sans Nova.png"); width: 194px; height: 24px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .gill-sans-nova .sample { background-image: url("/s/images/sub_info/samples/Gill Sans Nova@2x.png"); -webkit-background-size: 194px 24px; -moz-background-size: 194px 24px; -o-background-size: 194px 24px; background-size: 194px 24px; } } #library_sub .sub_library li a .electra .flag { background-image: url("/s/images/sub_info/Electra.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .electra .flag { background-image: url("/s/images/sub_info/Electra@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .electra .sample { background-image: url("/s/images/sub_info/samples/Electra.png"); width: 113px; height: 31px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .electra .sample { background-image: url("/s/images/sub_info/samples/Electra@2x.png"); -webkit-background-size: 113px 31px; -moz-background-size: 113px 31px; -o-background-size: 113px 31px; background-size: 113px 31px; } } #library_sub .sub_library li a .din-next-slab .flag { background-image: url("/s/images/sub_info/DIN Next Slab.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .din-next-slab .flag { background-image: url("/s/images/sub_info/DIN Next Slab@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .din-next-slab .sample { background-image: url("/s/images/sub_info/samples/DIN Next Slab.png"); width: 189px; height: 22px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .din-next-slab .sample { background-image: url("/s/images/sub_info/samples/DIN Next Slab@2x.png"); -webkit-background-size: 189px 22px; -moz-background-size: 189px 22px; -o-background-size: 189px 22px; background-size: 189px 22px; } } #library_sub .sub_library li a .lubalin-graph .flag { background-image: url("/s/images/sub_info/ITC Lubalin Graph.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .lubalin-graph .flag { background-image: url("/s/images/sub_info/ITC Lubalin Graph@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .lubalin-graph .sample { background-image: url("/s/images/sub_info/samples/ITC Lubalin Graph.png"); width: 203px; height: 20px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .lubalin-graph .sample { background-image: url("/s/images/sub_info/samples/ITC Lubalin Graph@2x.png"); -webkit-background-size: 203px 20px; -moz-background-size: 203px 20px; -o-background-size: 203px 20px; background-size: 203px 20px; } } #library_sub .sub_library li a .rockwell .flag { background-image: url("/s/images/sub_info/Rockwell.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .rockwell .flag { background-image: url("/s/images/sub_info/Rockwell@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .rockwell .sample { background-image: url("/s/images/sub_info/samples/Rockwell.png"); width: 138px; height: 23px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .rockwell .sample { background-image: url("/s/images/sub_info/samples/Rockwell@2x.png"); -webkit-background-size: 138px 23px; -moz-background-size: 138px 23px; -o-background-size: 138px 23px; background-size: 138px 23px; } } #library_sub .sub_library li a .avant-garde-gothic .flag { background-image: url("/s/images/sub_info/ITC Avant Garde Gothic.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .avant-garde-gothic .flag { background-image: url("/s/images/sub_info/ITC Avant Garde Gothic@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .avant-garde-gothic .sample { background-image: url("/s/images/sub_info/samples/ITC Avant Garde Gothic.png"); width: 216px; height: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .avant-garde-gothic .sample { background-image: url("/s/images/sub_info/samples/ITC Avant Garde Gothic@2x.png"); -webkit-background-size: 216px 15px; -moz-background-size: 216px 15px; -o-background-size: 216px 15px; background-size: 216px 15px; } } #library_sub .sub_library li a .balega .flag { background-image: url("/s/images/sub_info/Balega.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .balega .flag { background-image: url("/s/images/sub_info/Balega@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .balega .sample { background-image: url("/s/images/sub_info/samples/Balega.png"); width: 121px; height: 36px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .balega .sample { background-image: url("/s/images/sub_info/samples/Balega@2x.png"); -webkit-background-size: 121px 36px; -moz-background-size: 121px 36px; -o-background-size: 121px 36px; background-size: 121px 36px; } } #library_sub .sub_library li a .quitador .flag { background-image: url("/s/images/sub_info/Quitador.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .quitador .flag { background-image: url("/s/images/sub_info/Quitador@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .quitador .sample { background-image: url("/s/images/sub_info/samples/Quitador.png"); width: 150px; height: 31px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .quitador .sample { background-image: url("/s/images/sub_info/samples/Quitador@2x.png"); -webkit-background-size: 150px 31px; -moz-background-size: 150px 31px; -o-background-size: 150px 31px; background-size: 150px 31px; } } #library_sub .sub_library li a .stilla .flag { background-image: url("/s/images/sub_info/Stilla.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .stilla .flag { background-image: url("/s/images/sub_info/Stilla@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .stilla .sample { background-image: url("/s/images/sub_info/samples/Stilla.png"); width: 124px; height: 26px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .stilla .sample { background-image: url("/s/images/sub_info/samples/Stilla@2x.png"); -webkit-background-size: 124px 26px; -moz-background-size: 124px 26px; -o-background-size: 124px 26px; background-size: 124px 26px; } } #library_sub .sub_library li a .bodoni .flag { background-image: url("/s/images/sub_info/Bodoni.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .bodoni .flag { background-image: url("/s/images/sub_info/Bodoni@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .bodoni .sample { background-image: url("/s/images/sub_info/samples/Bodoni.png"); width: 133px; height: 31px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .bodoni .sample { background-image: url("/s/images/sub_info/samples/Bodoni@2x.png"); -webkit-background-size: 133px 31px; -moz-background-size: 133px 31px; -o-background-size: 133px 31px; background-size: 133px 31px; } } #library_sub .sub_library li a .pueblo .flag { background-image: url("/s/images/sub_info/Pueblo.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .pueblo .flag { background-image: url("/s/images/sub_info/Pueblo@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .pueblo .sample { background-image: url("/s/images/sub_info/samples/Pueblo.png"); width: 98px; height: 28px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .pueblo .sample { background-image: url("/s/images/sub_info/samples/Pueblo@2x.png"); -webkit-background-size: 98px 28px; -moz-background-size: 98px 28px; -o-background-size: 98px 28px; background-size: 98px 28px; } } #library_sub .sub_library li a .julius-primary .flag { background-image: url("/s/images/sub_info/Julius Primary.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .julius-primary .flag { background-image: url("/s/images/sub_info/Julius Primary@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .julius-primary .sample { background-image: url("/s/images/sub_info/samples/Julius Primary.png"); width: 193px; height: 37px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .julius-primary .sample { background-image: url("/s/images/sub_info/samples/Julius Primary@2x.png"); -webkit-background-size: 193px 37px; -moz-background-size: 193px 37px; -o-background-size: 193px 37px; background-size: 193px 37px; } } #library_sub .sub_library li a .tannhauser .flag { background-image: url("/s/images/sub_info/Tannhauser.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .tannhauser .flag { background-image: url("/s/images/sub_info/Tannhauser@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .tannhauser .sample { background-image: url("/s/images/sub_info/samples/Tannhauser.png"); width: 149px; height: 29px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .tannhauser .sample { background-image: url("/s/images/sub_info/samples/Tannhauser@2x.png"); -webkit-background-size: 149px 29px; -moz-background-size: 149px 29px; -o-background-size: 149px 29px; background-size: 149px 29px; } } #library_sub .sub_library li a .fluidum .flag { background-image: url("/s/images/sub_info/Fluidum.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .fluidum .flag { background-image: url("/s/images/sub_info/Fluidum@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .fluidum .sample { background-image: url("/s/images/sub_info/samples/Fluidum.png"); width: 210px; height: 34px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .fluidum .sample { background-image: url("/s/images/sub_info/samples/Fluidum@2x.png"); -webkit-background-size: 210px 34px; -moz-background-size: 210px 34px; -o-background-size: 210px 34px; background-size: 210px 34px; } } #library_sub .sub_library li a .squire .flag { background-image: url("/s/images/sub_info/Squire.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .squire .flag { background-image: url("/s/images/sub_info/Squire@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .squire .sample { background-image: url("/s/images/sub_info/samples/Squire.png"); width: 105px; height: 43px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .squire .sample { background-image: url("/s/images/sub_info/samples/Squire@2x.png"); -webkit-background-size: 105px 43px; -moz-background-size: 105px 43px; -o-background-size: 105px 43px; background-size: 105px 43px; } } #library_sub .sub_library li a .mateo .flag { background-image: url("/s/images/sub_info/Mateo.png"); width: 55px; height: 55px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .mateo .flag { background-image: url("/s/images/sub_info/Mateo@2x.png"); -webkit-background-size: 55px 55px; -moz-background-size: 55px 55px; -o-background-size: 55px 55px; background-size: 55px 55px; } } #library_sub .sub_library li a .mateo .sample { background-image: url("/s/images/sub_info/samples/Mateo.png"); width: 120px; height: 33px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #library_sub .sub_library li a .mateo .sample { background-image: url("/s/images/sub_info/samples/Mateo@2x.png"); -webkit-background-size: 120px 33px; -moz-background-size: 120px 33px; -o-background-size: 120px 33px; background-size: 120px 33px; } } #library_sub .sub_faqs h3 { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 20px; margin: 0 0 20px; color: #505050; } #library_sub .sub_faqs dl { max-width: 680px; } #library_sub .sub_faqs dt { font-family: "RooneySans-Bold", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #000000; font-size: 17px; } #library_sub .sub_faqs dd { color: #000000; font-size: 17px; margin: 0 0 20px; line-height: 1.4; } 

.subList * { box-sizing: border-box; } .subList img { max-width: 100%; } .subList .nowrap { white-space: nowrap; } .subList header { *zoom: 1; clear: both; position: relative; max-width: 1130px; margin: 0 auto; border-bottom: 1px solid #ebebeb; } .subList header:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1000px) { .subList header { padding-bottom: 22px; } } .subList header .title { position: relative; padding-left: 63px; min-height: 68px; } @media screen and (min-width: 480px) { .subList header .title { padding-left: 81px; } } @media screen and (min-width: 1000px) { .subList header .title { float: left; width: 60%; } } .subList header .sub_brand { position: absolute; left: 0; top: 1px; width: 50px; height: 50px; background-image: url("/s/images/logo/MLS-icon.png"); background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) { .subList header .sub_brand { background-image: url("/s/images/logo/MLS-icon@2x.png"); background-size: 50px 50px; } } @media screen and (min-width: 480px) { .subList header .sub_brand { width: 65px; height: 65px; } } @media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 480px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 480px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 480px) and (min-device-pixel-ratio: 2), only screen and (min-width: 480px) and (min-resolution: 144dpi), only screen and (min-width: 480px) and (min-resolution: 2dppx) { .subList header .sub_brand { background-image: url("/s/images/logo/MLS-icon@2x.png"); background-size: 65px 65px; } } .subList header h1 { line-height: 1; padding: 0; margin: 0 0 4px; font-size: 20px; } @media screen and (min-width: 700px) { .subList header h1 { font-size: 24px; } } @media screen and (min-width: 1000px) { .subList header h1 { font-size: 28px; } } .subList header p { padding: 0; margin: 0; font-size: 12px; display: inline; } @media screen and (min-width: 480px) { .subList header p { font-size: 14px; } } @media screen and (min-width: 600px) { .subList header p { display: block; } } @media screen and (min-width: 700px) { .subList header p { max-width: 80%; } } @media screen and (min-width: 850px) { .subList header p { max-width: 100%; } } .subList header .cta-hide { display: none; } .subList header .cta { padding: 0 0 10px; margin: 10px 0; text-align: center; } .subList header .cta > span:first-child { font-size: 14px; margin-top: 16px; display: block; padding-right: 10px; } @media screen and (max-width: 1000px) { .subList header .cta > span:first-child { position: absolute; right: 0; top: 12px; } } @media screen and (max-width: 700px) { .subList header .cta > span:first-child { position: static; margin-bottom: 15px; margin-top: 0; } } @media screen and (max-width: 480px) { .subList header .cta > span:first-child { font-size: 12px; text-align: left; margin-left: 63px; } } @media screen and (min-width: 480px) { .subList header .cta { text-align: left; padding-left: 81px; } } @media screen and (min-width: 1000px) { .subList header .cta { float: right; text-align: right; width: 40%; padding: 0; margin: 15px 0 0; } } .subList header button { font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; background: #f0f; font-size: 13px; border-radius: 4px; margin-left: 10px; letter-spacing: 0; } .subList header button:hover { background: #d900d9; } @media screen and (min-width: 480px) { .subList header button { margin: 0 0 0 10px; } } @media screen and (min-width: 700px) { .subList header button { font-size: 16px; } } @media screen and (min-width: 1000px) { .subList header button { font-size: 18px; padding: 6px 12px; margin-left: 18px; } } .subList header .sub_price { color: #444; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; margin-left: 10px; font-size: 13px; } @media screen and (min-width: 700px) { .subList header .sub_price { font-size: 16px; } } @media screen and (min-width: 1000px) { .subList header .sub_price { font-size: 20px; margin-left: 18px; } } .subList header .sub_price_switcher { display: inline-block; position: relative; } .subList header .sub_price_switcher select { border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #4a4a4a; font-size: 12px; border: 1px solid rgba(155, 155, 155, 0.2); padding: 6px 28px 6px 6px; background: #fff; } @media screen and (min-width: 1000px) { .subList header .sub_price_switcher select { padding: 10px 44px 10px 14px; font-size: 14px; } } .subList header .sub_price_switcher select:focus { outline: none; } .subList header .sub_price_switcher:after { position: absolute; z-index: 2; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 8px; background: url("/s/w/sub_info/select_menu_arrow.svg") 0 0 no-repeat; background-image: url("/s/w/sub_info/select_menu_arrow@2x.png") \9; background-size: 10px 8px; content: ""; pointer-events: none; } .subList header .sub_price_switcher select::-ms-expand { display: none; } .subList .container { width: 100%; margin: 0 auto; max-width: 1130px; } .subList .subSearch .related_tags { display: none; } .subList .tabLine { padding-top: 30px; } .subList .tabLine .local-tabs { float: left; margin-top: 30px; } .subList .tabLine #subSearchForm #searchBox { width: 285px; } .subList .subSearchFilter { margin-bottom: 12px; } 

#superuser_bar { background-color: #FFC; border-style: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; padding: 3px 12px; } #superuser_bar input[type=text] { font-size: 13px; padding: 2px 4px; } #superuser_bar input[type=submit] { margin: 0px; padding: 2px; } 

 #tag_admin_table tr th { text-align: left; font-size: larger; padding-top: 1ex; } #tag_admin_table form { white-space: nowrap; } #tag_admin_table form input[type=text] { width: 300px; } #tag_admin_table form .status { color: red; background-color: #FFFF99; } #tag_admin_table tr td:first-child { text-align: right; } #tag_admin_table tr:hover { background-color: #FFEECC; } 

ul.tag_cloud_widget li.xtra_link { padding-top: 12px; } ul.tag_cloud_list { margin: 0px; padding: 0px; list-style-type: none; text-align: justify; font-family: "Helvetica Neue", "Neue Helvetica", Arial, Helvetica, sans-serif; line-height: 18pt; } ul.tag_cloud_list li { display: inline; padding-right: 12px; } 

 div.tag_description { position: relative; } div.tag_description a.edit { position: absolute; bottom: 0px; right: 0px; } 

 #tag_game form { border: 1px solid #999; text-align: center; } #tag_game .do_you_agree { color: #999; font-size: 24px; margin: 24px auto; } #tag_game #tag_game_the_quoted_tag { color: #999; font-size: 48px; font-family: Georgia, serif; } #tag_game #tag_game_the_tag_description { color: #999; width: 640px; margin: 12px auto; text-align: left; } #tag_game #tag_game_previous_details { color: #666; font-size: 18px; padding-bottom: 24px; } #tag_game form input.button { margin: 24px 12px; font-size: 18px; padding-right:24px; padding-left: 24px; border-width: 3px; } #tag_game form input.yes_button { background-color: #093; border-color: #9cffa8 #186821 #093410 #58d560; } #tag_game form input.yes_button:active, #tag_game form input.yes_button.active { background-color: #060; border-color: #093410 #58d560 #9cffa8 #186821; } #tag_game form input.skip_button { color: #444; background-color: #CCC; border-color: #f2f2f2 #666666 #333333 #e5e5e5; } #tag_game form input.skip_button:active, #tag_game form input.skip_button.active { color: #000; background-color: #666; border-color: #333333 #e5e5e5 #f2f2f2 #666666; } #tag_game form input.no_button { background-color: #cc0000; border-color: #f5919b #4b0000 #320000 #db5464; } #tag_game form input.no_button:active, #tag_game form input.no_button.active { background-color: #660000; border-color: #320000 #db5464 #f5919b #4b0000; } 

 div.tags_widget div.mytags { float:right; } div.tags_widget ul { overflow: hidden; } div.tags_widget li.none { font-style: italic; } div.taginput { margin: 6px 0px; } div.instructions { font-size: smaller; } img.taggit { width: 63px; height: 25px; } div.tags_widget form div.tag_input_controls { white-space: nowrap; } div.tags_widget form input.tags_input { margin-right: 6px; } 

 #terms { box-sizing: border-box; color: #333; font-family: 'St-Marie-Pro-Regular', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 18px; } #terms p { font-size: 18px; word-spacing: 0.07em; } #terms h1 { color: #333; font-family: 'St-Marie-Pro-Black', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 54px; } #terms h2 { color: #333; font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 34px; font-weight: normal; margin: 0.8em 0 0.5em; padding-right: 35px; } #terms h3 { color: #000; font-family: 'St-Marie-Pro-Thin', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 34px; font-weight: normal; margin: 0.8em 0 0.5em; } #terms h4 { font-family: 'St-Marie-Pro-Extra-Bold', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 19px; font-weight: normal; margin: 1em 0 0.6em; } #terms h5 { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; font-size: 19px; margin: 1em 0 0.6em; } #terms em { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-style: normal; font-size: 19px; } #terms .light { color: #000; font-family: 'St-Marie-Pro-Light', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #terms .right { text-align: right; } #terms .ryde { font-family: 'St-Ryde-Medium-Italic', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; } #terms .smallcaps { font-variant: small-caps; text-transform: lowercase; } #terms .smallcaps span.shrink { font-size: 0.75em; } #terms #colophon { border-top: 1px solid #ccc; margin: 60px 0 0; padding: 30px 0 0; } #terms header { margin-top: 20px; } #terms .sidebar { float: left; padding: 0 15px; margin-top: 10px; width: 200px; } #terms .sidebar a { display: block; margin: 1em 25px 1em 0; } #terms .sidebar a.selected { color: #000; } #terms .content { float: right; padding: 0 15px; width: 640px; } #terms .content ul.bullets { list-style-type: disc; } #terms .content li { line-height: 1.4em; margin: 0.8em 0 0.8em 30px; } #terms .content li ul.address { margin-top: 0.8em; } #terms .content li ul.address li { margin-top: 0; margin-bottom: 0; } #terms .content #what-myfonts-is { margin-top: 30px; } 

 #testdrive_controls { position: relative; background-color: #F5F5F5; border-style: solid; border-width: 1px 0px; border-color: #CCCCCC; padding: 0px; width: 720px; height: 35px; margin: 0px auto; top: 1px; z-index: 1; clear: both; } #testdrive_controls_loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color:white; opacity:0.80; } #testdrive_controls_loading div { opacity: 1.0; color:#333; text-align: center; padding-top: 11px; } /* #testdrive_switch { position: absolute; top: -1px; right: 720px; cursor: default; margin: 0px; padding: 0px 6px; width: 22px; height: 35px; font-family: Verdana, sans-serif; font-weight: normal; font-size: 9px; background-color: #F5F5F5; border-width: 1px 0px 1px 1px; border-color: #CCCCCC; border-style: solid; } #testdrive_switch #testdrive_switch_bg { position: absolute; right: 4px; top: 6px; height: 23px; width: 10px; border: 1px solid #666666; background-color: #999999; } #testdrive_switch #testdrive_switch_fg { position: absolute; left: 0px; width: 8px; height: 8px; border: 1px solid #666; background-color: #FFFFFF; } #testdrive_switch #testdrive_switch_fg.w { top: 0px; bottom: auto; } #testdrive_switch #testdrive_switch_fg.d { top: auto; bottom: 0px; } #testdrive_switch #testdrive_switch_label_w { position: absolute; text-align: right; right: 13px; top: -2px; background-color: #09F; color: white; padding: 1px; } #testdrive_switch #testdrive_switch_label_d { position: absolute; text-align: right; right: 14px; padding: 1px; bottom: -2px; } */ ul#testdrive_switch li { font-family: Verdana; font-size: 9px; cursor: default; } ul#testdrive_switch li.selected { font-weight: bold; } ul#testdrive_switch li.selected span.radio { font-weight: normal; color: #06C; } #testdrive_controls .punchdown { top: 4px; } * html #testdrive_controls .punchdown { top: 0px; } #testdrive_webfont_controls, #testdrive_desktop_controls { float: left; padding: 0; margin: 0; } #testdrive_switch, #testdrive_label, #testdrive_sampletext_cell, #testdrive_slider_cell, #testdrive_fit_cell, #testdrive_webfont_controls > div { position: relative; float: left; padding: 4px 0px 4px 12px; height: 22px; margin: 0px; } #testdrive_fit_cell { padding-top: 4px; } #testdrive_controls #testdrive_label { top: 6px; } * html #testdrive_controls #testdrive_label { top: 4px; } #testdrive_controls .menu_trigger { position: absolute; top: 0px; padding: 6px; padding-bottom: 4px; height: 24px; font-size: smaller; margin: 0px; line-height: 1; cursor: pointer; } #testdrive_controls #testdrive_goodies { left: 672px; padding-right: 12px; } #testdrive_controls #testdrive_goodies.menu_active { left: 671px; } #testdrive_controls #testdrive_opentype { left: 630px; ; } #testdrive_controls #testdrive_opentype.menu_active { left: 629px; } #testdrive_controls #testdrive_color_squares { left: 596px; ; } #testdrive_controls #testdrive_color_squares.menu_active { left: 595px; } #testdrive_controls .menu_trigger img.img_button { padding: 2px; } #testdrive_controls .menu_trigger.menu_active { border: 1px solid #333333; background-color: white; z-index: 503; top: -1px; } #testdrive_controls img.menu_icon { height: 18px; width: 30px; padding-top: 1px; } #testdrive_controls img.menu_item_icon { height: 18px; width: 18px; padding-top: 1px; } #testdrive_controls .menu_pane { display: none; position: absolute; cursor: default; top: 35px; right: -1px; background-color: white; border: 1px solid #333333; margin: 0px; white-space: nowrap; z-index: 502; padding: 0px; opacity: 0.97; filter: alpha(opacity=97); } #testdrive_controls .menu_pane.colormenu { opacity: 1; filter: alpha(opacity=100); } #testdrive_controls .menu_active .menu_pane { display: block; } #testdrive_controls .menu_pane .borderdiv { position: absolute; background-color: #F5F5F5; border-style: solid; border-color: white; border-width: 2px 4px; right: 0px; top: -3px; width: 0px; height: 1px; font-size: 1px; overflow: hidden; z-index: 504; } #testdrive_controls .menu_pane ul, #testdrive_controls .menu_pane table { margin: 4px; } #testdrive_controls .menu_pane ul ul { } #testdrive_controls .menu_pane ul li { margin-top: 4px; margin-bottom: 4px; } #testdrive_controls .menu_pane ul#testdrive_ot_feature_list li { font-weight: bold; margin-top: 8px; margin-bottom: 8px; } #testdrive_controls .menu_pane ul#testdrive_ot_feature_list li ul li { font-weight: normal; margin-top: 4px; margin-bottom: 4px; } #testdrive_controls .menu_pane ul li.divider { margin-top: 6px; padding-top: 4px; } #testdrive_controls .menu_pane table tr td { padding: 4px 2px; vertical-align: middle; white-space: nowrap; } #testdrive_controls .menu_pane table tr td.icon { text-align: center; } /* #testdrive_controls .menu_pane table tr:first-child td { border-top: 0px none #F3F3F3; } */ #sampletext_dropdown { width: 190px; } #testdrive_desktop_controls .testdrive_spinner { position: absolute; left: 564px; ; padding: 8px 6px; } #testdrive_webfont_controls .testdrive_spinner { position: absolute; left: 640px; ; padding: 8px 6px; } #testdrive_spinner img { width: 16px; height: 16px; } .shuffle_arrow { font-family: "Arial Unicode MS","MS PGothic","Free Serif" } #testdrive_color_squares { width: 22px; height: 22px; } #testdrive_controls .color_square { position: absolute; border: 1px solid #808080; width: 14px; height: 14px; cursor: pointer; } #testdrive_colorwheel { padding: 4px; } #testdrive_controls #testdrive_fg_square { position: absolute; background-color: black; left: 6px; top: 6px; } #testdrive_controls #testdrive_bg_square { position: absolute; background-color: white; right:6px; bottom: 6px; } div.fontsample { position: relative; overflow: hidden; } div.fontsample img.overlay { position: relative; background-color: white; } div.fontsample img.overlay + img.overlay { position: absolute; top: 0px; padding-left: 12px; padding-right: 50%; } table.fontsample { width: 100%; border-collapse: collapse; } table.fontsample tr td { vertical-align: top; border-style: none; } table.fontsample tr td + td { border-left: 12px solid white; } table.fontsample tr td div { overflow-x: hidden; } .sample1x { display: block; } .sample2x { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { .sample1x { display: none; } .sample2x { display: block; } } 

#font-testdrive-new, #font-testdrive-new * { -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'RooneySans-Regular', 'Trebuchet MS', sans-serif; padding: 0px; margin: 0px; } #font-testdrive-new #font-options .dropdown-modal ul:first-child:after , #font-testdrive-new #font-options .dropdown-modal ul:first-child:before , #font-testdrive-new #font-options .dis-options ul:first-of-type:before, #font-testdrive-new #font-options .dis-options ul:first-of-type:after { bottom: 100%; left: 37px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #font-testdrive-new #font-options .adv-options ul:first-child:before { border-bottom-color: rgb(251,251,251); border-width: 12px; margin-left: -15px; z-index: 1; } #font-testdrive-new #font-options .adv-options ul:first-child:after { border-bottom-color: rgb(221,221,221); border-width: 13px; margin-left: -16px; } #font-testdrive-new #font-options .dis-options ul:first-of-type:before { border-bottom-color: rgb(251,251,251); border-width: 12px; margin-left: -15px; z-index: 1; } #font-testdrive-new #font-options .dis-options ul:first-of-type:after { border-bottom-color: rgb(221,221,221); border-width: 13px; margin-left: -16px; } #font-testdrive-new { width: 100%; background: #fbfbfb; margin-bottom: -1px; } .font-testdrive-inner { border: 1px solid rgb(221,221,221); } #font-testdrive-new ul { list-style-type: none; } #font-testdrive-new a { text-decoration: none; color: inherit; } #font-testdrive-new .clear { clear:both; } #font-testdrive-new .left { float:left; } #font-testdrive-new .right{ float:right; } #font-testdrive-new .blue { background: #09f; color: #fff; } #font-testdrive-new .tools-section { height: 60px; padding: 12px 0; margin-left: 5px; } #font-testdrive-new .dropdown-anchor, #font-testdrive-new .dropdown { position:relative; } #font-testdrive-new .dropdown { z-index: 1000; } #font-testdrive-new .dropdown.selected + .dropdown-modal { display:block; } #font-testdrive-new .dropdown-modal { display:none; /* border: 1px solid #7d7d7d; background: #fff; */ padding: 10px 0px 20px 0px; position:absolute; z-index: 1001; color: #333; background-color:rgb(251,251,251); border-color:rgb(221,221,221); border-width:1px; border-style:solid; -moz-box-shadow:2px 7px 4px rgba(0,0,0,0.08); -webkit-box-shadow:2px 7px 4px rgba(0,0,0,0.08); box-shadow:2px 7px 4px rgba(0,0,0,0.08); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=7,Color=#14000000,Positive=true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=7,Color=#14000000,Positive=true); } #font-testdrive-new #dropdown-box .arrow-down { border-top: 10px solid #fff; margin-top: 7px; margin-left: 2px; } #font-testdrive-new .dropdown-modal label { display:block; } #font-testdrive-new #font-text .dropdown-modal { width: 522px; top: 34px; padding: 20px; } #font-testdrive-new #font-text .dropdown-modal .left, #advanced-options + .dropdown-modal .left { width: 50%; } #font-testdrive-new .dropdown-modal ul { padding: 0px 0px 20px 0px; } #font-testdrive-new .dropdown-modal .option-group { font-weight: bold; padding-bottom: 3px; } #font-testdrive-new .dropdown-modal .option { font-weight:normal; padding: 2px 0 2px 15px; } #font-testdrive-new input[type="radio"], #font-testdrive-new input[type="checkbox"] { display:none; } #font-testdrive-new #font-text label:hover, #font-testdrive-new .checkbox label:hover { cursor: pointer; } #font-testdrive-new #font-text label:hover{ color: #09f; } #font-testdrive-new #text-selector .blue { padding: 6px 7px; margin-left: 1px; -webkit-border-radius: 3px; border-radius: 3px; } #font-testdrive-new #font-box { text-align:center; width: 117px; height: 33px; overflow:hidden; -moz-border-radius:2%; -webkit-border-radius:1%/6%; border-radius:1%/6%; } #font-testdrive-new #font-box span { overflow:hidden; display:block; white-space:nowrap; font-size: 16px; } #font-testdrive-new #dropdown-box { cursor:pointer; background-color:rgb(0,150,255); width:31px; height:33px; -moz-border-radius:10%; -webkit-border-radius:9%/9%; border-radius:9%/9%; } #font-testdrive-new #font-text input[type="text"] { padding: 7px; border: 1px solid #7d7d7d; outline:none; margin-left: 10px; margin-right: 10px; background-color:rgb(255,255,255); width:140px; height:33px; font-size: 14px; border-color:rgb(170,170,170); border-width:1px; -moz-border-radius:1%; -webkit-border-radius:0%/2%; border-radius:0%/2%; border-style:solid; } ::-webkit-input-placeholder { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; } :-moz-placeholder { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; } ::-moz-placeholder { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; } :-ms-input-placeholder { font-family: "RooneySans-Light", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; } #font-testdrive-new #font-slider { width: 130px; margin: 13px 0; } #font-testdrive-new #font-slider.ui-slider-horizontal { height: 8px; background: #ccc; -webkit-border-radius: 4px; border-radius:4px; } #font-testdrive-new #font-slider.ui-slider-horizontal .ui-slider-handle { background: #09f; -webkit-border-radius: 50%; border-radius: 50%; width: 14px; height: 14px; cursor: ew-resize; margin-left: -7px; top: -3px; outline: none; border: none; } #font-testdrive-new .ui-widget-content { border: none; } #font-testdrive-new .ui-widget-header { background: none; } #font-testdrive-new .ui-slider-handle.ui-state-hover, #font-testdrive-new .ui-slider-handle.ui-state-focus { border: none; } #font-testdrive-new #font-size .text { line-height: 22px; margin: 6px 5px; color: #7d7d7d; } #font-testdrive-new #font-size #font-slider { position: relative; } #font-testdrive-new #font-size #font-slider #font-size-tag { font-size: 11px; display:block; position: absolute; top: -30px; left: 0%; padding: 2px 0; width: 24px; height: 24px; text-align: center; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/s/images/testdrive_new/font-tag.png',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/s/images/testdrive_new/font-tag.png',sizingMethod='scale')"; background-image: url('/s/images/testdrive_new/font-tag.png'); background-repeat: no-repeat; background-size: 100%; background-position: center center; } #font-testdrive-new #font-size .small { font-size: 12px; } #font-testdrive-new #font-size #font-slider-wrap-mobile .small { margin-right:1px; } #font-testdrive-new #font-size .large { font-size: 22px; } #font-testdrive-new #fit-width{ width: 130px; font-size: 14px; padding: 7px; margin-left:0px; } /********************* #FONT-OPTIONS *********************/ #font-options { margin-right: 1px; } #font-testdrive-new #font-options .dropdown { width:50px; height: 44px; text-align:center; padding: 0px 4px; margin-right: 0px; border:none; top: 0px; left: 0px; cursor: pointer; } #font-testdrive-new #font-options.tools-section { padding: 9px 0; } #font-testdrive-new #font-options .dropdown.selected { /* border: 1px solid #7d7d7d; border-bottom: none; */ top: 0px; left: 0px; } #font-testdrive-new #font-options .dropdown-modal { top: 60px; } #font-options .dropdown-modal #color-toggle:after , #font-options .dropdown-modal #color-toggle:before { bottom: 100%; left: 45px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #font-options .dropdown-modal #color-toggle:after { border-bottom-color: rgb(251,251,251); border-width: 12px; margin-left: -26px; } #font-options .dropdown-modal #color-toggle:before { border-bottom-color: rgb(221,221,221); border-width: 13px; margin-left: -27px; } #font-testdrive-new #progress .loading { margin: 0 auto; margin-top: 22px; margin-left: 20px; width: 70px; display: none; } #font-testdrive-new #progress .loading div { width: 15px; height: 15px; background-color: rgb(0,150,255); display: inline-block; border-radius: 10px 10px; margin-right: 3px; -webkit-animation: opacity 1.5s infinite; -moz-animation: opacity 1.5s infinite; -o-animation: opacity 1.5s infinite; animation: opacity 1.5s infinite; } #font-testdrive-new #progress .loading div:nth-of-type(1) { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } #font-testdrive-new #progress .loading div:nth-of-type(2) { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } #font-testdrive-new #progress .loading div:nth-of-type(3) { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } @-webkit-keyframes opacity { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } @-moz-keyframes opacity { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } @-o-keyframes opacity { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } @keyframes opacity { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } #font-testdrive-new #color-picker { position: relative; background-position: 4px -3px; margin-right: 10px !important; } #font-testdrive-new #color-picker + .dropdown-modal { left: -9px; width: 335px; } .color-container { width: 33px; height: 40px; background-color: #fbfbfb; } .no-touch #font-testdrive-new #color-picker:hover, #font-testdrive-new #color-picker.selected { background-position: 4px -38px; } #font-testdrive-new #color-picker .icon { border: 1px solid #7d7d7d; width: 16px; height: 16px; position: absolute; } #font-testdrive-new #color-picker #foreground-color { top: 6px; left: 10px; background: #000; z-index: 100; } #font-testdrive-new #color-picker #background-color{ top: 14px; left: 18px; background: #fff; z-index: 90; } #font-testdrive-new #color-toggle { margin-bottom: 20px; } #font-testdrive-new #color-toggle .toggle { display: block; width:140px; height: 50px; border: 1px solid #fff; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; padding: 10px 8px; margin: 0 10px; } #font-testdrive-new #color-toggle .toggle.active { border: 1px solid #09f; } #font-testdrive-new #color-toggle span { color: #333; display:block; height: 30px; line-height: 30px; } #font-testdrive-new #color-toggle .swatch { width: 30px; height: 30px; border: 1px solid #333; } #font-testdrive-new #color-toggle .fground .swatch { background: #000; } #font-testdrive-new #color-toggle .bground .swatch { background: #fff; } #font-testdrive-new .ui-slider-vertical{ height: 235px; border: 1px solid #333; margin: 0px 13px; -webkit-border-radius:1px; border-radius: 1px; } #font-testdrive-new #hue, #font-testdrive-new #bhue { width: 125px; } #font-testdrive-new #hue.ui-slider-vertical .ui-slider-handle, #font-testdrive-new #bhue.ui-slider-vertical .ui-slider-handle { width: 141px; } #font-testdrive-new .ui-slider-vertical .ui-slider-handle { background: transparent; -webkit-border-radius: 1px; border-radius: 1px; width: 76px; height: 14px; margin-bottom: -7px; cursor: ns-resize; left: -9px; outline:none; border: 1px solid #fff; -webkit-box-shadow: 0px 2px 5px -2px #666; box-shadow: 0px 2px 5px -2px #666; } #font-testdrive-new #saturation, #font-testdrive-new #luminosity, #font-testdrive-new #bsaturation, #font-testdrive-new #bluminosity { width: 60px; } #font-testdrive-new #hue.ui-slider-vertical, #font-testdrive-new #bhue.ui-slider-vertical { background-image:-webkit-linear-gradient(top, hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1)); background-image:-moz-linear-gradient(top, hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1)); background-image:-ms-linear-gradient(top, hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1)); background-image:-o-linear-gradient(top, hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1)); background-image:linear-gradient(top, hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1)); } #font-testdrive-new #hue, #font-testdrive-new #bhue { background: url('/s/images/testdrive_new/color_spectrum.png') no-repeat; } #font-testdrive-new #ie-sat { width: 60px; } #font-testdrive-new .shade { height: 20px; cursor: pointer; } #font-testdrive-new .black, #font-testdrive-new .white { width: 40px; height: 40px; border: 1px #000 solid; cursor: pointer; } #font-testdrive-new .black { background: black; } #font-testdrive-new .white { background: white; } #font-testdrive-new .hue-section { height: 16%; } #font-testdrive-new .hue-1 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FFFF00',GradientType=0); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFF00', endColorStr='#FFFFFF', GradientType=0); } #font-testdrive-new .hue-2 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#2BFF00',GradientType=0); } #font-testdrive-new .hue-3 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2BFF00', endColorstr='#0055FF',GradientType=0); } #font-testdrive-new .hue-4 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055FF', endColorstr='#FF00FF',GradientType=0); } #font-testdrive-new .hue-5 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF00FF', endColorstr='#FF002B',GradientType=0); } #font-testdrive-new #saturation.ui-slider-vertical, #font-testdrive-new #bsaturation.ui-slider-vertical { background-image:-webkit-linear-gradient(top, hsla(0, 0%, 50%, 1),hsla(0, 20%, 50%, 1),hsla(0, 40%, 50%, 1),hsla(0, 60%, 50%, 1),hsla(0, 80%, 50%, 1),hsla(0, 100%, 50%, 1)); background-image:-moz-linear-gradient(top, hsla(0, 0%, 50%, 1),hsla(0, 20%, 50%, 1),hsla(0, 40%, 50%, 1),hsla(0, 60%, 50%, 1),hsla(0, 80%, 50%, 1),hsla(0, 100%, 50%, 1)); background-image:-ms-linear-gradient(top, hsla(0, 0%, 50%, 1),hsla(0, 20%, 50%, 1),hsla(0, 40%, 50%, 1),hsla(0, 60%, 50%, 1),hsla(0, 80%, 50%, 1),hsla(0, 100%, 50%, 1)); background-image:-o-linear-gradient(top, hsla(0, 0%, 50%, 1),hsla(0, 20%, 50%, 1),hsla(0, 40%, 50%, 1),hsla(0, 60%, 50%, 1),hsla(0, 80%, 50%, 1),hsla(0, 100%, 50%, 1)); background-image:linear-gradient(top, hsla(0, 0%, 50%, 1),hsla(0, 20%, 50%, 1),hsla(0, 40%, 50%, 1),hsla(0, 60%, 50%, 1),hsla(0, 80%, 50%, 1),hsla(0, 100%, 50%, 1)); } #font-testdrive-new #luminosity.ui-slider-vertical, #font-testdrive-new #bluminosity.ui-slider-vertical { background-image:-webkit-linear-gradient(top, hsla(0, 100%, 0%, 1),hsla(0, 100%, 20%, 1),hsla(0, 100%, 40%, 1),hsla(0, 100%, 60%, 1),hsla(0, 100%, 80%, 1),hsla(0, 100%, 100%, 1)); background-image:-moz-linear-gradient(top, hsla(0, 100%, 0%, 1),hsla(0, 100%, 20%, 1),hsla(0, 100%, 40%, 1),hsla(0, 100%, 60%, 1),hsla(0, 100%, 80%, 1),hsla(0, 100%, 100%, 1)); background-image:-ms-linear-gradient(top, hsla(0, 100%, 0%, 1),hsla(0, 100%, 20%, 1),hsla(0, 100%, 40%, 1),hsla(0, 100%, 60%, 1),hsla(0, 100%, 80%, 1),hsla(0, 100%, 100%, 1)); background-image:-o-linear-gradient(top, hsla(0, 100%, 0%, 1),hsla(0, 100%, 20%, 1),hsla(0, 100%, 40%, 1),hsla(0, 100%, 60%, 1),hsla(0, 100%, 80%, 1),hsla(0, 100%, 100%, 1)); background-image:linear-gradient(top, hsla(0, 100%, 0%, 1),hsla(0, 100%, 20%, 1),hsla(0, 100%, 40%, 1),hsla(0, 100%, 60%, 1),hsla(0, 100%, 80%, 1),hsla(0, 100%, 100%, 1)); } #font-testdrive-new #foreground{ display:block; } #font-testdrive-new #background{ display:none; } #font-testdrive-new .icons { background: transparent url('/s/images/testdrive_new/fonttools_icon_sprite.png') no-repeat; background-size: 320px 250px; } /* #font-testdrive-new .icons.selected { background: #fff url('/s/images/testdrive_new/fonttools_icon_sprite.png') no-repeat; } */ #font-testdrive-new #advanced-options { background-position: -5px -3px; } #font-testdrive-new #advanced-options + .dropdown-modal { padding: 20px 15px; left: 42px; width: 450px; } .no-touch #font-testdrive-new #advanced-options:hover, #font-testdrive-new #advanced-options.selected { background-position: -5px -38px; } #font-testdrive-new #display-options { background-repeat: no-repeat; background-position: -62px -2px; } #font-testdrive-new #display-options + .dropdown-modal { padding: 20px 20px; left: 92px; width: 330px; } #font-testdrive-new #advanced-options + .dropdown-modal .option { padding-left: 0px; } #font-testdrive-new #display-options + .dropdown-modal ul { padding-bottom: 5px; } #font-testdrive-new #display-options + .dropdown-modal .option { padding:5px 0 10px 0; } .no-touch #font-testdrive-new #display-options:hover, #font-testdrive-new #display-options.selected { background-position: -62px -37px; } #font-testdrive-new .checkbox { display:block; } #font-testdrive-new .quickset div { cursor: pointer; } #font-testdrive-new .checkbox label, #font-testdrive-new .quickset div { background: url('/s/images/testdrive_new/fonttools_icon_sprite.png') no-repeat; padding-left: 32px; } #font-testdrive-new .dis-options .checkbox div { background: url('/s/images/testdrive_new/fonttools_icon_sprite.png') no-repeat; padding-left: 39px; line-height: 160%; } #font-testdrive-new .dis-options .checkbox label, #font-testdrive-new .dis-options .quickset div { padding-left: 42px; } #font-testdrive-new #display-options + .dropdown-modal .checkbox label, #font-testdrive-new .quickset div { padding-top: 3px; padding-bottom: 3px; } #font-testdrive-new .checkbox label { background-position: -7px -104px; } #font-testdrive-new #display-options + .dropdown-modal .checkbox label { background-position: -7px -103px; } #font-testdrive-new #fit-width.checkbox label { background-position: -7px -102px; font-size:16px; line-height:120%; color:rgb(84,84,84); text-align:left; } #font-testdrive-new .checkbox label.checked { background-position: -7px -82px; } #font-testdrive-new #display-options + .dropdown-modal .checkbox label.checked { background-position: -7px -81px; } #font-testdrive-new #fit-width.checkbox label.checked { background-position: -7px -81px; } #font-testdrive-new #reset { background-position: -8px -157px; } #font-testdrive-new #shuffle { background-position: -12px -187px; } #font-testdrive-new #permalink { background-position: -12px -127px; } #font-testdrive-new .right-options { float: right; } #font-testdrive-new .checkbox_label { margin-top: 3px; margin-right: 5px; font-size:16px; color:rgb(82,82,82); padding-left: 32px; display: inline-block; cursor: pointer; background: url('/s/images/testdrive_new/fonttools_icon_sprite.png') no-repeat; background-position: -7px -102px; line-height: 120%; } #font-testdrive-new .image_checkbox label.checked { background-position: -7px -81px; } #font-testdrive-new .image_checkbox { margin: 18px 15px; } /* #font-testdrive-new .image_checkbox input[type="checkbox"] { display: inline-block; } */ #font-testdrive-new .sort-by { color: rgb(82,82,82); margin-top: 9px; font-size: 16px; line-height: 120%; } #font-testdrive-new #sort-container { padding: 12px 0; position: relative; } #font-testdrive-new #sort-container div { float: left; vertical-align: middle; } #font-testdrive-new .sortby_dropdown .arrow-down { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #000; margin: 6px 5px 0 14px; } #font-testdrive-new .relevance { font-weight:bold; color:rgb(34,34,34); font-size:16px; font-weight:bold; line-height:120%; } #font-testdrive-new .sort-options .dropdown { width: 50px; height: 45px; text-align: center; padding: 0px 4px; margin-right: 0px; border: none; position: relative; top: 1px; left: 1px; } #font-testdrive-new #sort-options { background-position: -5px -2px; } #font-testdrive-new .arrow-down { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #000; margin: 5px 5px 0 14px; } #font-testdrive-new .sortby_dropdown { margin-top: 9px; position: relative; z-index: 2; margin-left: 14px; cursor: pointer; } /* #font-testdrive-new #sort-container .dropdown-modal { padding: 30px 0 0 7px; right: 32px; width: 153px; top: 13px; z-index: 1; } */ #font-testdrive-new #sort-container .dropdown-modal { padding: 28px 0 0 12px; left: 59px; width: 180px; top: 7px; z-index: 1; } #font-testdrive-new ul.sort-options { list-style-type: none; font-family:"RooneySans-Regular"; font-size:16px; line-height:120%; color:rgb(68,68,68); } #font-testdrive-new #sort-container .sort-options li { margin-top: 16px; cursor: pointer; } #font-testdrive-new .back-to-top { float: right; padding: 20px 10px; height: 60px; font-family: "RooneySans-Regular"; color: rgb(82,82,82); } /* #font-testdrive-new .back-to-top .topBtn:hover { background-position: -129px -44px; } */ #font-testdrive-new .back-to-top .top-hoverOn { background-position: -129px -44px; } #font-testdrive-new .top-txtOn { color: rgb(0,153,255); } #font-testdrive-new .back-to-top div { float: left; } #font-testdrive-new .topBtn { width: 22px; height: 28px; background: url('/s/images/testdrive_new/top_icons.png') no-repeat -3px -7px; } .no-touch #font-testdrive-new .topBtn:hover { background-position: -29px -7px; } #font-testdrive-new #display-layout { width: 420px; display:none; } .fluid #font-testdrive-new #display-layout { display:block; } #font-testdrive-new .dropdown-modal .sample_toggle { display: none; } #font-testdrive-new.sticky { position: fixed; z-index: 100; opacity: .25; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } #font-testdrive-new.sticky.show { opacity: 1; transition: opacity 500ms; -webkit-transition: opacity 500ms; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } #font-slider-wrap-mobile { display: none; } #font-testdrive-new #font-text .cust-text-mobile #cust-text { padding: 0; margin: 0; width: 100%; padding-left: 5px; margin-bottom: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 2dppx) { #font-testdrive-new .icons { background: transparent url('/s/images/testdrive_new/fonttools_icon_sprite@2x.png') no-repeat; background-size: 320px 250px; } #font-testdrive-new #advanced-options { background-position: -1px 2px; } .no-touch #font-testdrive-new #advanced-options:hover, #font-testdrive-new #advanced-options.selected { background-position: -1px -34px; } #font-testdrive-new #color-picker { background-position: 7px 2px; } .no-touch #font-testdrive-new #color-picker:hover, #font-testdrive-new #color-picker.selected { background-position: 7px -34px; } #font-testdrive-new #display-options { background-position: -54px 2px; } .no-touch #font-testdrive-new #display-options:hover, #font-testdrive-new #display-options.selected { background-position: -54px -34px; } #font-testdrive-new #fit-width.checkbox label { background-position: -3px -197px; } #font-testdrive-new #fit-width.checkbox label.checked { background-position: -3px -161px; } #font-testdrive-new .checkbox label, #font-testdrive-new .quickset div { background: url('/s/images/testdrive_new/fonttools_icon_sprite@2x.png') no-repeat; padding-left: 32px; background-position: -3px -197px; background-size: 320px 250px; } #font-testdrive-new .checkbox label.checked { background-position: -3px -161px; } #font-testdrive-new .image_checkbox label { background: url('/s/images/testdrive_new/fonttools_icon_sprite@2x.png') no-repeat; background-size: 320px 250px; background-position: -3px -197px; } #font-testdrive-new .image_checkbox label.checked { background-position: -3px -161px; } #font-testdrive-new .topBtn { background: url('/s/images/testdrive_new/top_icons@2x.png') no-repeat -2px -7px; background-size: 100px 100px; } .no-touch #font-testdrive-new .topBtn:hover { background-position: -28px -7px; } #font-testdrive-new .dis-options .checkbox div { background: url('/s/images/testdrive_new/fonttools_icon_sprite@2x.png') no-repeat; background-size: 320px 250px; } #font-testdrive-new #reset { background-position: -130px -5px; } #font-testdrive-new #permalink { background-position: -3px -226px; } } @media (max-width: 1023px) { #font-testdrive-new .right-options { width: 100%; border-top: 1px solid rgb(221, 221, 221); padding: 0 5px; } #font-testdrive-new .image_checkbox { float: right !important; } #font-testdrive-new .back-to-top { float: right; } #font-testdrive-new .image_checkbox { margin: 0; margin-top: 18px; } #font-testdrive-new #font-options { float: right; } #font-testdrive-new #color-picker + .dropdown-modal { left: -281px; } #font-testdrive-new #font-options .dropdown-modal #color-toggle:before { margin-left: 246px; } #font-testdrive-new #font-options .dropdown-modal #color-toggle:after { margin-left: 247px; } #font-testdrive-new #advanced-options + .dropdown-modal { left: -296px } #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 328px; left: 34px; } #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 327px; left: 34px; } #font-testdrive-new #display-options + .dropdown-modal { left: -175px; } #font-testdrive-new #font-options .dis-options ul:first-child:before { margin-left: 251px; } #font-testdrive-new #font-options .dis-options ul:first-child:after { margin-left: 250px; } } @media (max-width: 1100px) { #font-testdrive-new .image_checkbox { margin-right: 5px; margin-left: 5px; } #font-testdrive-new .back-to-top { margin-left: 0; } #font-testdrive-new #font-slider { width: 100px; } #font-testdrive-new #fit-width { width: 125px; padding: 7px 4px; } #font-testdrive-new #font-options { margin: 0; } } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { body {-webkit-text-size-adjust: none;} .noScroll { overflow: hidden; } .sample1x { display:block; } .sample2x { display:none; } #font-testdrive-new .tools-section { padding: 0; margin-top: 5px; margin-left: 2px; } #font-testdrive-new { background-color: rgb(251,251,251); width: 100%; height: 45px; border-color:rgb(221,221,221); padding: 0; position: relative; } #font-testdrive-new .tools-section { height: initial; } #font-testdrive-new #dropdown-box span{ font-family:"RooneySans-Medium"; font-size:16px; line-height:120%; color:rgb(34,34,34); text-align:left; margin-left: 7px; } #font-testdrive-new #dropdown-box { background-color:rgb(204,204,204); width: 111px; height:32px; -moz-border-radius:2%; -webkit-border-radius:1%/6%; border-radius:1%/6%; } #font-testdrive-new #dropdown-box .arrow-down { display: none; } #font-testdrive-new #font-options { float: left; } #font-testdrive-new #font-options .dropdown { width: 47px; } #font-testdrive-new #font-options.tools-section { padding: 0; margin: 0; } #font-testdrive-new .dropdown-anchor, #font-testdrive-new .dropdown { position: static; } #font-testdrive-new .dropdown-modal { } #font-testdrive-new .dropdown.selected + .dropdown-container .dropdown-modal { display: block; } #font-testdrive-new .dropdown-modal .option { padding: 0; background-color: transparent; border-color: rgb(221,221,221); border-width: 1px; border-style: solid; border-bottom-style: none; background-color: rgb(255,255,255); } #font-testdrive-new .dropdown-modal ul li.option:nth-child(2) { border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; } #font-testdrive-new .dropdown-modal ul li.option:last-child { border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-style: solid; } #font-testdrive-new .dropdown-modal .option-group { font-family: "RooneySans-Bold"; font-size: 16px; font-weight: normal; line-height: 120%; color: rgb(17,17,17); text-align: left; margin-bottom: 7px; } #font-testdrive-new .dropdown-modal label { display: inline-block; font-family: "RooneySans-regular"; font-size: 16px; line-height: 120%; color: rgb(17,17,17); text-align: left; width:100%; padding: 13px 12px; padding-right: 3px; } #font-testdrive-new .dropdown-modal span.mobileChecked { font-family: "Social-Network-Icons"; font-size: 24px; line-height: 30%; color: rgb(0,153,255); text-align: left; position: relative; top: 4px; float:right; } #font-testdrive-new .right-options { display: none; } #font-testdrive-new .menu-handle-outer { padding: 20px 0; } #font-testdrive-new .menu-handle-inner { display: table; width: 100%; background-color: rgb(237,237,237); } #font-testdrive-new #font-box { display: none; } #font-testdrive-new #font-size { cursor: pointer; } #font-testdrive-new #font-text .dropdown-modal { left: 0; right: 0; width: initial; top: 187px; } #font-testdrive-new #font-text .dropdown-modal .left{ width: 100%; } #font-testdrive-new #font-text .dropdown-modal { padding: 10px; } #font-testdrive-new .dropdown-modal .dropdown-inner { overflow-y: scroll; } #font-testdrive-new .dropdown-modal .menu-handle { height: 21px; margin-top: 15px; display: table; margin: 0 auto; vertical-align: middle; } #font-testdrive-new .menu-handle .handle-circle { display: inline-block; background: rgb(170,170,170); width: 8px; height: 8px; border-radius: 50%; margin: 1px; margin-top: 7px; } #font-testdrive-new #font-text .dropdown-modal:after , #font-testdrive-new #font-text .dropdown-modal:before { bottom: 100%; left: 45px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #font-testdrive-new #font-text .dropdown-modal:after { border-bottom-color: rgb(251,251,251); border-width: 12px; margin-left: -1px; } #font-testdrive-new #font-text .dropdown-modal:before { border-bottom-color: rgb(221,221,221); border-width: 13px; margin-left: -2px; } #font-testdrive-new #font-slider-wrap { display: none; } #font-testdrive-new #font-slider-wrap-mobile { display: block; } #font-testdrive-new #font-slider-wrap-mobile + .dropdown-modal { left: 0; right: 0; width: initial; top: 187px; padding: 20px 0; } #font-testdrive-new #font-text input[type="text"] { margin-left: 0px; margin-bottom: 15px; background-color:rgb(251,251,251); height:45px; border-color:rgb(221,221,221); border-width:1px; -moz-border-radius:1%; -webkit-border-radius:1%/6%; border-radius:1%/6%; border-style:solid; font-family:"RooneySans-Regular"; font-size:16px; line-height:120%; text-align:left; } #font-testdrive-new #font-slider.ui-slider-horizontal .ui-slider-handle { width: 28px; height: 28px; top: -11px; } #font-testdrive-new #fit-width.checkbox label { width: inherit; background: url('/s/images/testdrive_new/fonttools_icon_sprite.png') no-repeat; background-position: -7px -105px; padding: 0 0 0 32px; } #font-testdrive-new *::-webkit-input-placeholder { color: #000000; font-size: 16px; font-family: "rooneysans-regular"; } #font-testdrive-new *:-moz-placeholder { color: #000000; font-size: 16px; font-family: "rooneysans-regular"; } #font-testdrive-new *::-moz-placeholder { color: #000000; font-size: 16px; font-family: "rooneysans-regular"; } #font-testdrive-new *:-ms-input-placeholder { color: #000000; font-size: 16px; font-family: "rooneysans-regular"; } #font-testdrive-new #font-size .dropdown-modal:after , #font-testdrive-new #font-size .dropdown-modal:before { bottom: 100%; left: 42px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #font-testdrive-new #font-size .dropdown-modal:after { border-bottom-color: rgb(251,251,251); border-width: 12px; margin-left: 84px; } #font-testdrive-new #font-size .dropdown-modal:before { border-bottom-color: rgb(221,221,221); border-width: 13px; margin-left: 83px; } #font-testdrive-new #font-slider { width: 75%; } #font-testdrive-new #font-slider-mobile .small { font-size: 18px; line-height: 21px; padding-right: 7px; padding-left: 8px; } #font-testdrive-new #font-slider-mobile .large { font-size: 28px; padding-left: 5px; } #font-testdrive-new #font-size #font-slider #font-size-tag { display: none; } #font-testdrive-new #fit-width { margin-top: 40px; } #font-testdrive-new #color-picker { background-position: 5px -2px; margin-right: 0 !important; } #font-testdrive-new #color-picker #foreground-color { left: 18px; } #font-testdrive-new #color-picker #background-color { left: 26px; } #font-testdrive-new #color-toggle .toggle { width: 42%; } #font-testdrive-new .ui-slider { margin: 0px 10px; } #font-testdrive-new #color-picker:hover, #font-testdrive-new #color-picker.selected { background-position: 7px -40px; } #font-testdrive-new .color-container { height: 39px; width: 44px; } #font-testdrive-new #color-picker.dropdown, #font-testdrive-new #color-picker.dropdown.selected { top: 3px; background: none; } #font-testdrive-new #color-picker + .dropdown-modal { left: 0; right: 0; width: initial; top: 187px; } #font-testdrive-new #color-picker .dropdown-modal .left{ width: 100%; } #font-testdrive-new #color-picker .dropdown-modal { padding: 10px; } #font-testdrive-new #font-options .dropdown-modal #color-toggle:after, #font-options .dropdown-modal #color-toggle:before { left: -73px; } #font-testdrive-new #advanced-options { background-position: 10px -81px; } #font-testdrive-new #advanced-options.selected { background-position: 1px -40px; } #font-testdrive-new #advanced-options + .dropdown-modal { left: 0; right: 0; width: initial; top: 187px; padding: 10px; } #font-testdrive-new #advanced-options + .dropdown-modal .left{ width: 100%; } #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 184px; } #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 185px; } .no-touch #font-testdrive-new #advanced-options:hover, #font-testdrive-new #advanced-options.selected { background-position: 10px -117px; } #font-testdrive-new #display-options { background-repeat: no-repeat; background-position: -45px -80px; } .no-touch #font-testdrive-new #display-options:hover, #font-testdrive-new #display-options.selected { background-position: -45px -116px; } #font-testdrive-new #display-options + .dropdown-modal { left: 0; right: 0; width: initial; top: 187px; } #font-testdrive-new #font-options .dis-options ul:first-of-type:before { margin-left: 221px; left: 41px; } #font-testdrive-new #font-options .dis-options ul:first-of-type:after { margin-left: 220px; left: 41px; } #font-testdrive-new .dropdown-modal .option.quickset { border: none; } #font-testdrive-new #display-options + .dropdown-modal .left{ width: 100%; } #font-testdrive-new #display-options + .dropdown-modal { padding: 10px; } #font-testdrive-new #display-options + .dropdown-modal ul li.option:nth-child(1) { border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; } #font-testdrive-new #display-options + .dropdown-modal ul li.option:nth-child(2) { border-top-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } #font-testdrive-new #display-options + .dropdown-modal ul li.option:last-child { border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-style: solid; } #font-testdrive-new #display-options + .dropdown-modal .checkbox label, #font-testdrive-new #display-options + .dropdown-modal .checkbox a div { margin: 0; padding: 13px 12px; padding-right: 3px; width:100%; } #font-testdrive-new .checkbox_label span{ float:right; } #font-testdrive-new .dis-options ul { clear: both; } #font-testdrive-new .dis-options .half { float: left; width: 45%; border-color: rgb(221,221,221); border-width: 1px; border-style: solid; border-radius: 5px 5px; } #font-testdrive-new .dropdown-modal.dis-options label { width: 90%; } #font-testdrive-new .dis-options .checkbox div { background: none; padding-left: 0; line-height: 100%; } #font-testdrive-new #display-options + .dropdown-modal .option { padding: 0; height: 45px; } #font-testdrive-new .dis-options .option a { display: block; width: 100%; height: 100%; line-height: 200%; font-family: "RooneySans-regular"; font-size: 16px; color: rgb(17,17,17); } #font-testdrive-new .dropdown-modal .sample_toggle { display: block; } #font-testdrive-new .dis-options .image_checkbox_mobile { width: 100%; border-bottom-style: solid; } #font-testdrive-new .dis-options .left .checkbox_label { background: none; } #font-testdrive-new #display-options + .dropdown-modal .left { width: 100%; } #font-testdrive-new .image_checkbox { margin: 0; float: left !important; } #font-testdrive-new #fit-width.checkbox label { background-position: -3px -102px; } #font-testdrive-new #fit-width.checkbox label.checked { background-position: -3px -81px; } #font-testdrive-new .checkbox label { background: none; } } @media screen and (max-width: 620px) { .no-touch #progress { display: none !important; } } @media screen and (max-width: 551px) { #font-testdrive-new #font-size #font-slider-wrap, #font-testdrive-new #font-size > #fit-width { display: none; } } @media only screen and (min-width : 321px) { } @media only screen and (max-width : 320px) { #font-testdrive-new #hue, #font-testdrive-new #bhue { width: 118px; } #font-testdrive-new #hue.ui-slider-vertical .ui-slider-handle, #font-testdrive-new #bhue.ui-slider-vertical .ui-slider-handle { width: 133px; } } #font-testdrive-new input, textarea { color: #000; } #font-testdrive-new .placeholder { border: 1px solid #000000; } #font-testdrive-new input .placeholder:focus { border: 1px solid #000000; } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 320px) { #font-testdrive-new #fit-width.checkbox label { background: url('/s/images/testdrive_new/fonttools_icon_sprite@2x.png') no-repeat; background-size: 320px 250px; background-position: -3px -197px; } #font-testdrive-new #fit-width.checkbox label.checked { background-position: -3px -161px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) { #font-testdrive-new #font-options .dropdown { width: 59px; } #font-size { width: 59px; } #font-slider-wrap-mobile { padding-left: 10px; } #font-testdrive-new #font-size .dropdown-modal::before { margin-left: 91px; } #font-testdrive-new #font-size .dropdown-modal::after { margin-left: 92px; } #font-testdrive-new #color-picker #foreground-color { left: 18px; } #font-testdrive-new #color-picker #background-color { left: 26px; } #font-testdrive-new #font-options .dropdown-modal #color-toggle:after, #font-options .dropdown-modal #color-toggle:before { left: -51px; } #font-testdrive-new #font-options .adv-options ul:first-child:before { margin-left: 216px; } #font-testdrive-new #font-options .adv-options ul:first-child:after { margin-left: 215px; } #font-testdrive-new #font-options .dis-options ul:first-of-type:before { margin-left: 265px; } #font-testdrive-new #font-options .dis-options ul:first-of-type:after { margin-left: 264px; } #font-testdrive-new #fit-width.checkbox label { background-position: -3px -198px; } #font-testdrive-new #fit-width.checkbox label.checked { background-position: -3px -162px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #font-testdrive-new .ui-slider-vertical { height: 125px; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { #font-testdrive-new .ui-slider-vertical { height: 125px; } } @media screen and (device-aspect-ratio: 40/71) { #font-testdrive-new .ui-slider-vertical { margin-right: 4px; } #font-testdrive-new #color-toggle span { width: 72px; position: relative; } #font-testdrive-new .dropdown-modal label { width: 100% } #font-testdrive-new #color-picker #foreground-color { left: 15px; } #font-testdrive-new #color-picker #background-color { left: 23px; } #font-testdrive-new #font-slider-wrap-mobile { padding-left: 4px; } #font-testdrive-new #font-options .dis-options ul:first-of-type:before, #font-testdrive-new #font-options .dis-options ul:first-of-type:after { left: 44px; } #font-testdrive-new #color-toggle .swatch { width: 27px; height: 27px; } } 

 div.done_message { border: 1px solid #0C0; background-color: #EFE; padding: 12px; font-weight: bold; margin: 24px 0px; } div.user_edited_article_section + div.user_edited_article_section { clear: both; padding-top: 24px; } div.article_diff { padding-bottom: 12px; } #user_edited_article div.original_article, #user_edited_article div.edited_article { width: 440px; border: 1px solid black; padding: 12px; } #user_edited_article div.original_article { float: left; } #user_edited_article div.edited_article { float: right; } #user_edited_article span.deleted { padding: 2px; text-decoration: line-through; background-color: #FCC; } #user_edited_article span.added { padding: 2px; background-color: #9F9; font-weight: bold; } 

 #Custom_kit_form input[disabled]{ /*background-color: #CCCCCC; border: 1px solid #666;*/ } .webfont_kit_wrapper { clear:both; } .webfontkitbuilder_title { font-size: 17px; padding-top:3px; float: left; width:500px; color: #000000; } .webfont_kit table.options { width: 100%; border-spacing: 0; } .webfont_kit table.options tr:first-child td { border-top: 1px solid #CCCCCC; } #Cancel_Configure_kit_btn { background-color: #888888; border-color: #777; float: right; width: 100px; margin-right:20px; font-size:12px; } #Cancel_Configure_kit_btn:hover { background-color: #777; } #Custom_kit_form_sub { color:#ffffff; } .webfont_kit table.options tr td { vertical-align: top; border-bottom: 1px solid #CCCCCC; padding: 12px 0px; font-size: larger; } .webfont_kit table.options tr td:first-child { font-weight: bold; width: 23%; } .webfont_kit table.options #Custom_kit_selected_placeHolder { font-weight: light; color: #666; font-size:larger; } ul.Custom_kit_cus_expando { padding-left: 9px; } ul#Custom_kit_cus_inc, ul#Custom_kit_cus_rem { padding-top:2px; padding-bottom:2px; } .webfont_kit .Custom_kit_Family_Control { display: inline-block; font-weight: light; width:100%; padding-left:4px; padding-top:2px; padding-bottom:2px; position: relative; left: -15px; margin-bottom:5px; font-size:larger; color: #666; background-color: whiteSmoke; } .webfont_kit table.options #Custom_kit_selected_fonts li.odd { background-color: #666; } .webfont_kit table.options tr#Custom_kit_adv_opt_toggle { cursor: pointer; } .webfont_kit table.options tr#Custom_kit_adv_opt_toggle td { border-bottom: none; border-top: none; } .webfont_kit table.options span#Custom_kit_expand { padding-right: 4px; color: #666; } .webfont_kit table.options span.Custom_kit_style_cont span { font-size:smaller; padding-right: 4px; } li.Custom_kit_Options_Pop_Item { padding-left: 4px; } li.Custom_kit_Options_Pop_Item { padding-left: 8px; } span.Custom_kit_Options_Pop_Warning{ position:absolute; left: 65px; display:block; width: 135px; margin-top:-5px; float:left; clear:right; padding-left: 3px; padding-top: 2px; padding-bottom: 2px; background-color: #FFD; border: 1px solid #E58C17; font-size:12px; line-height:1.4; } .Custom_kit_Sample_img span { position:relative; } li.Custom_kit_Options_Pop_Header { font-weight:bold; font-size:bigger; padding-top:3px; padding-bottom:5px; } .Custom_kit_Options_Pop_Item input { padding: 5px; margin-right: 5px; } .Custom_kit_Options_Control { background-color: whiteSmoke; margin-top:10px; clear: left; } .Custom_kit_Options_Openable { cursor: pointer; } .Custom_kit_Options_Openable:hover{ background-color:rgba(118,173,252,0.1); } .webfont_kit table.options .Custom_kit_style_cont { color: #666; cursor: pointer; } .webfont_kit tbody#Custom_kit_adv_opt, .webfont_kit table.options li.Custom_kit_style{ margin-left:20px; } .webfont_kit tbody#Custom_kit_adv_opt tr:first-child td { border-top: none; } .webfont_kit table.options tr td div.note { font-size: 11px; } .webfont_kit table.options tr td span.horizontal_option { padding-right: 12px; } .webfont_kit .Custom_kit_checkbox_wrap { float:right; margin-right:15px; } #kitonradio{ margin-right:5px; margin-left:5px; vertical-align: middle } #kitoffradio{ margin-right:5px; margin-left:15px; vertical-align: middle } .kitradiolbl { font-size:12px; color:#000000; } .webfont_kit .Custom_kit_checkbox_text { float: left; font-size:small; padding-top:2px; padding-right:5px; } .Custom_kit_checkbox { display: block; width: 85px; float:right; overflow: hidden; -moz-border-radius:6px;-webkit-border-radius: 6px;border-radius:6px; text-align: center; line-height: 18px; height: 20px; cursor: pointer; -webkit-user-select: none; right: 2px; top: 5px; } .Custom_kit_checkbox > input[type="checkbox"] { display: none; } .Custom_kit_checkbox .Custom_kit_checkbox_thumb { -moz-border-radius:7px;-webkit-border-radius: 7px;border-radius:7px; position: relative; top:-20px; z-index: 3; border: solid 1px #919191; } .Custom_kit_checkbox .Custom_kit_checkbox_thumb span { display: block; height: 17px; width: 34px; border-top: solid 1px #efefef; -moz-border-radius:6px;-webkit-border-radius: 6px;border-radius:6px; background: #cecece; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#fbfbfb'); background: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fbfbfb)); background: -moz-linear-gradient(top, #cecece, #fbfbfb); border-top: solid 1px #efefef; position:relative; } .Custom_kit_checkbox .Custom_kit_checkbox_on { display: block; color: #295ab2; background: #76adfc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#295ab2', endColorstr='#76adfc'); background: -webkit-gradient(linear, left top, left bottom,from(#295ab2),to(#76adfc)); background: -moz-linear-gradient(top, #295ab2, #76adfc); width: 48px; padding-right: 4px; border: solid 1px #093889; -moz-border-top-left-radius:6px;-webkit-border-top-left-radius: 6px;border-top-left-radius:6px; -moz-border-bottom-left-radius:6px;-webkit-border-bottom-left-radius: 6px;border-bottom-left-radius:6px; margin-right: -6px; height: 18px; position: relative; } .Custom_kit_checkbox .Custom_kit_checkbox_off { color: #666; top:-40px; left:38px; background: #cecece; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#cecece'); background: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), color-stop(0.50, #fff)); background: -moz-linear-gradient(top, #b5b5b5, #cecece); display: block; width: 48px; padding-left: 4px; border: solid 1px #a1a1a1; -moz-border-top-right-radius:6px;-webkit-border-top-right-radius: 6px;border-top-right-radius:6px; -moz-border-bottom-right-radius:6px;-webkit-border-bottom-right-radius: 6px;border-bottom-right-radius:6px; margin-left: -6px; height: 18px; position: relative; } .Custom_kit_Sample { cursor:pointer; float:left; width: 70%; overflow:hidden; } .Custom_kit_Sample_Container{ border-top: solid 1px #cfcfcf; clear:both; min-height:75px; padding-right: 15px; padding-bottom:10px; } .Custom_kit_Sample img { width:95% } .Custom_kit_Sample_img { vertical-align:middle; } .Custom_kit_Link_UI { clear:right; float:right; margin-top:3px; } .Custom_kit_Link_UI .Custom_kit_Link_Clicked { background-color:#76adfc; position:relative; top:1px; } .Custom_kit_Link_UI input[type="button"]{ color:#08233e; width: 28px; font-size:22px; font-family: 'times new roman' sans-serif; padding-top:3px; padding-bottom:3px; margin: 2px; background-color:whiteSmoke; border:1px solid grey; border-bottom:1px solid grey; cursor:pointer; } .Custom_kit_Link_UI input[type="button"][disabled], .Custom_kit_Link_UI input[type="button"][disabled]:hover, .Custom_kit_Link_UI input[type="button"][disabled]:active { background-color:#ababab; color:#696969; position:relative;top:0px; cursor:default; } .Custom_kit_Link_UI input[type="button"]:hover{ background-color:rgba(72,182,255,0.2); color: #009bfb; } .Custom_kit_Link_UI input[type="button"]:active{position:relative;top:2px;} input[type="button"].Custom_kit_Link_Clicked{ background-color:#ffffff; } input[type="button"].Custom_kit_Link_Clicked:hover { background-color:rgba(118,173,252,0.8); } .Custom_kit_Link_UI input[type="button"][value='B']{ font-weight:bold; } .Custom_kit_Link_UI input[type="button"][value='R']{ font-weight:normal; } .Custom_kit_Link_UI input[type="button"][value='I']{ font-style:italic; font-weight:regular; } .Custom_kit_Link_UI input[type="button"][name='BI']{ font-weight:bold; font-style:italic; } #kithoverbtn { width:30px; text-align: center; padding-left:7px; } .kitmsg{ font-size:10px; width: 130px; float:right; padding-right: 5px; padding-top:5px; } 

 #webfont_landing { color: #444; text-align: center; } #webfont_landing h1 { font-size: 53px; margin: 0.575em 0 0.25em; } #webfont_landing p { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 27px; line-height: 35px; margin: 1em; } #webfont_landing p:first-of-type { margin-top: 0; } #webfont_landing .foundry_button { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 17px; letter-spacing: 1px; padding: 13px 26px; } #webfont_landing #webfont_banner_one { background: url("/s/images/webfont_landing/webfont_banner_one.gif") center center no-repeat; background-size: 885px 575px; height: 575px; margin: 0 auto; padding: 25px 0; position: relative; width: 885px; } #webfont_landing #webfont_banner_two { background: url("/s/images/webfont_landing/webfont_banner_two.gif") center center no-repeat; background-size: 885px 575px; height: 575px; margin: 0 auto; padding: 25px 0; position: relative; width: 885px; } 

 /* #webfont_preview_controls #webfont_preview_label #webfont_compare_label { padding-top: 10px; padding-bottom:4px; } * html #webfont_preview_controls #webfont_preview_label #webfont_compare_label { top: 4px; } */ #webfont_preview_container { position: relative; overflow: hidden; } #webfont_preview_container_left { width: 348px; } #webfont_preview_browser0 { position: relative; } #webfont_preview_container_right { position: absolute; top: 0px; left:348px; width: 348px; padding-left: 24px; background-color: white; overflow:hidden; } #webfont_preview_container select + button { visibility: hidden; } #webfont_preview_browser1 { position:relative; background-color: white; } #webfont_preview_container div.wfpspinner { position: absolute; top: 40%; left: 10%; padding: 12px; border: 1px solid #999; background-color: white; } #webfont_preview_container div.browser_tile { margin-bottom: 12px; } #webfont_preview_container div.browser_tile + div.browser_tile h3 { padding-top: 12px; margin-top: 12px; border-top: 1px solid #999; } 

 a.mfPreviewButton { background: #fefefe; border: 1px solid; border-color: #e3e3e3 #d9d9d9 #d5d5d5 #d9d9d9; border-radius: 1px; box-shadow: inset -1px -1px 3px rgba(0, 0, 0, 0.15); display: inline-block; color: #444!important; font-size: 16px; letter-spacing: 2px; line-height: 24px; margin: 0px 5px; padding: 6px 15px; text-decoration: none; text-transform: uppercase; -webkit-transition: background 200ms ease-in-out, border 200ms ease-in-out; -moz-transition: background 200ms ease-in-out, border 200ms ease-in-out; -ms-transition: background 200ms ease-in-out, border 200ms ease-in-out; -o-transition: background 200ms ease-in-out, border 200ms ease-in-out; transition: background 200ms ease-in-out, border 200ms ease-in-out; } a.mfPreviewButton:hover { color: #07c!important; } a.mfPreviewButton.blue { background: #09f; border-color: #09f; box-shadow: inset -1px -1px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 3px rgba(255, 255, 255, 0.25); color: #fff!important; } a.mfPreviewButton.blue:hover { background: #078adb; border-color: #007acb; } div#mfPreviewBarShow { background: #09f; color: #fff; cursor: pointer; font-family: 'mfPreviewClose'; font-size: 30px; height: 30px; line-height: 36px; width: 30px; border-radius: 50%; position: absolute; top: 17px; right: 17px; text-align: center; } div#mfPreviewBarShow:hover { background: #06c; } #mfPreviewBar { background: #0092F5; box-sizing: content-box; color: #fff; font-family: "mfPreviewBar", Helvetica, Arial, sans-serif; font-size: 16px; height: 38px; line-height: 38px; overflow: hidden; padding: 12px 0px; position: static; top: 0px; right: 0px; left: 0px; text-align: left; z-index: 999; } #mfPreviewBar * { box-sizing: content-box; } #mfPreviewBar span#mfPreviewBarText { display: block; float: left; margin: 0px 10px 0 20px; max-width: 425px; } #mfPreviewBar a#mfPreviewBarLogo { background-image: url("/s/images/webfont_preview_bar/logo.png"); background-position: center center; background-repeat: no-repeat; background-size: 71px 35px; display: block; float: left; height: 35px; margin-right: 20px; position: relative; top: 5px; width: 71px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #mfPreviewBar a#mfPreviewBarLogo { background-image: url("/s/images/webfont_preview_bar/logo@2x.png"); } } #mfPreviewBar a#mfPreviewBarLearn { color: #fff; font-size: 14px; margin: 0px 20px; padding: 0; text-decoration: none; } #mfPreviewBar a#mfPreviewBarClose { border: 2px solid #005492; border-radius: 14px; color: #005492; font-family: 'mfPreviewClose'; font-size: 24px; height: 24px; line-height: 24px; position: absolute; top: 17px; right: 17px; text-align: center; text-decoration: none; width: 24px; } #mfPreviewBar a#mfPreviewBarClose:hover { border-color: #04284C; color: #04284C; } #mfPreviewBar.expired, #mfPreviewBar.pvlimit, #mfPreviewBar.nflimit, #mfPreviewBar.invalidkey { background: #FFDC73; color: #444; } #mfPreviewBar.expired span#mfPreviewBarText, #mfPreviewBar.pvlimit span#mfPreviewBarText, #mfPreviewBar.nflimit span#mfPreviewBarText, #mfPreviewBar.invalidkey span#mfPreviewBarText { height: 38px; line-height: 19px; } #mfPreviewBar.expired a#mfPreviewBarLogo, #mfPreviewBar.pvlimit a#mfPreviewBarLogo, #mfPreviewBar.nflimit a#mfPreviewBarLogo, #mfPreviewBar.invalidkey a#mfPreviewBarLogo { background-image: url("/s/images/webfont_preview_bar/logo_dark.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #mfPreviewBar.expired a#mfPreviewBarLogo, #mfPreviewBar.pvlimit a#mfPreviewBarLogo, #mfPreviewBar.nflimit a#mfPreviewBarLogo, #mfPreviewBar.invalidkey a#mfPreviewBarLogo { background-image: url("/s/images/webfont_preview_bar/logo_dark@2x.png"); } } #mfPreviewBar.expired a#mfPreviewBarLearn, #mfPreviewBar.pvlimit a#mfPreviewBarLearn, #mfPreviewBar.nflimit a#mfPreviewBarLearn, #mfPreviewBar.invalidkey a#mfPreviewBarLearn { color: #444; } #mfPreviewBar.expired a#mfPreviewBarClose, #mfPreviewBar.pvlimit a#mfPreviewBarClose, #mfPreviewBar.nflimit a#mfPreviewBarClose, #mfPreviewBar.invalidkey a#mfPreviewBarClose { display: none; } #mfPreviewBar.adContent { background: rgba(255, 255, 255, 0.75); border: 1px solid #000; color: #000; position: absolute; top: 50%; left: 50%; width: 150px; height: 280px; margin-left: -75px; margin-top: -140px; text-align: center; line-height: 32px; } #mfPreviewBar.adContent span#mfPreviewBarText { font-size: 23px; margin: 15px 0; } #mfPreviewBar.adContent a#mfPreviewBarLogo { background-image: url("/s/images/webfont_preview_bar/logo_dark.png"); display: inline-block; float: none; margin: 18px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #mfPreviewBar.adContent a#mfPreviewBarLogo { background-image: url("/s/images/webfont_preview_bar/logo_dark@2x.png"); } } #mfPreviewBar.adContent a#mfPreviewBarClose { border: none; color: #000; top: 5px; right: 5px; } @media (min-width: 300px) { #mfPreviewBar.adContent { width: 280px; height: 140px; margin-left: -140px; margin-top: -70px; } #mfPreviewBar.adContent span#mfPreviewBarText { font-size: 23px; } #mfPreviewBar.adContent a#mfPreviewBarLogo { margin: 10px 0; } } @media (min-width: 600px) { #mfPreviewBar.adContent { width: 570px; margin-left: -295px; height: 35px; padding: 20px 0 20px 20px; text-align: left; } #mfPreviewBar.adContent a#mfPreviewBarLogo { display: block; float: left; margin: 0 5px 0 0; } } 

.wfStatus_family_status { } .open { } .wfStatus_family_container {} .wfStatus_style { font-style:bold; } .wfStatus_style_container { padding-bottom: 6px; } .wfStatus_style_status { } .wfStatus_version_status { } 

 #webfont_tracking_tree ul { background-color: #FFFFFF; list-style: disc outside none; padding: 5px 5px 5px 20px; } 

.webfont_usage_wrapper { width: 939px; clear:both; } .webfont_usage_usagerowheader { padding-top: 14px; background-color: white; font-weight: bold; padding-left:5px; } .webfont_usage_usagerow { background-color: #f4f4f4; border-top: 4px solid white; padding:6px; clear: both; } .webfont_usage_fontname{ float: left; width:300px; border: solid 0px red; } .webfont_usage_urls{ float: left; width:200px; } .webfont_usage_pvstats{ float: left; width:400px; border: solid 0px red; } .webfont_usage_buymore{ float: right; width:200px; margin-top: 0px; text-align: right; border: solid 0px red; } .webfont_usage_buymore .expand_details { display: inline-block; margin-right: 10px; } .webfont_usage_details { border-top: 1px solid #bbb; display: none; margin-top: 8px; } .expanded .webfont_usage_details { display: block; } .webfont_build_row{ background: #f4f4f4; padding: 10px; } .webfont_build_row .webfont_build_pvstats { overflow: auto; width: 100%; } .webfont_build_row .webfont_build_pvstats h4 { color: #444; float: left; line-height: 28px; width: 290px; } .webfont_build_row .webfont_build_pvstats .progressbar { float: left; width: 400px; } .webfont_build_row .webfont_build_domains { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 8px; list-style: none; font-size: 12px; line-height: 16px; } .notforsale { margin-top: 10px; } .webfont_usage_buymore a:hover{ text-decoration: none; } .webfont_usage_clearfloat { clear: both; } .webfont_usage_usagerow .webfont_usage_fontname { margin-top: 0px; font-size: 16px; } .webfont_usage_usagerow .foundryname { margin-top: 0px; font-size: 10px; } .webfont_usage_usagerow .webfont_usage_urls { margin-top: 10px; } .webfont_usage_usagerow .webfont_usage_pvstats { margin-top: 5px; } .webfont_usage_usagerow .webfont_usage_buymore { } .webfont_usage_wrapper h2 { margin-top:25px; } .greybtn { background-color:#cccccc;color:#000000;width:70px;border-color: #e9e9e9 #686868 #2e2e2e #dadada; } .ui-progressbar { position:relative; } .pblabel { position: absolute; width: 100%; text-align: center; line-height: 1.9em; } .ui-progressbar.beginning .ui-progressbar-value { border-right: 0px; background: url('/s/images/progressbars/webusegeprogressbar.png') no-repeat left center; } .ui-progressbar.beginning2x .ui-progressbar-value { border-right: 0px; background-size: 398px 28px; background: url('/s/images/progressbars/webusegeprogressbar@2x.png') no-repeat left center; } .adjustForm input[type="text"] { width: 80px; } .adjustForm { margin-top: -3px; } .adjustSuccess { width: 150px; float: right; margin-right: 50px; } .adjustError { width: 150px; float: right; margin-right: 30px; color: red; } 

 #what_is_skyfonts { color: #444; text-align: center; } #what_is_skyfonts h1 { font-size: 53px; margin: 0.575em 0 0.25em; } #what_is_skyfonts p { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 27px; line-height: 35px; margin: 1em; } #what_is_skyfonts p:first-of-type { margin-top: 0; } #what_is_skyfonts .foundry_button { font-family: "RooneySans-Regular", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size: 17px; letter-spacing: 1px; padding: 13px 26px; } #what_is_skyfonts #skyfonts_banner_one { background: url("/s/images/what_is_skyfonts/skyfonts_banner_one.png") center center no-repeat; height: 208px; margin: 0 auto; padding: 50px 0; position: relative; width: 894px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #what_is_skyfonts #skyfonts_banner_one { background-image: url("/s/images/what_is_skyfonts/skyfonts_banner_one@2x.png"); background-size: 894px 208px; } } #what_is_skyfonts #skyfonts_banner_one .a_icon { opacity: 0; position: absolute; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; } #what_is_skyfonts #skyfonts_banner_one #a_left { background: url("/s/images/what_is_skyfonts/a_left.png") center center no-repeat; height: 41px; width: 41px; top: 112px; left: 106px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #what_is_skyfonts #skyfonts_banner_one #a_left { background-image: url("/s/images/what_is_skyfonts/a_left@2x.png"); background-size: 41px 41px; } } #what_is_skyfonts #skyfonts_banner_one #a_center { background: url("/s/images/what_is_skyfonts/a_center.png") center center no-repeat; height: 46px; width: 46px; top: 110px; left: 442px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #what_is_skyfonts #skyfonts_banner_one #a_center { background-image: url("/s/images/what_is_skyfonts/a_center@2x.png"); background-size: 46px 46px; } } #what_is_skyfonts #skyfonts_banner_one #a_right { background: url("/s/images/what_is_skyfonts/a_right.png") center center no-repeat; height: 37px; width: 37px; top: 118px; left: 764px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #what_is_skyfonts #skyfonts_banner_one #a_right { background-image: url("/s/images/what_is_skyfonts/a_right@2x.png"); background-size: 37px 37px; } } #what_is_skyfonts #skyfonts_banner_two { background: url("/s/images/what_is_skyfonts/skyfonts_banner_two.png") center center no-repeat; height: 545px; margin: 0 auto; padding: 50px 0; position: relative; width: 753px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #what_is_skyfonts #skyfonts_banner_two { background-image: url("/s/images/what_is_skyfonts/skyfonts_banner_two@2x.png"); background-size: 753px 545px; } } #what_is_skyfonts #skyfonts_banner_two .sync_icon { position: absolute; } #what_is_skyfonts #skyfonts_banner_two #sync_left { background: url("/s/images/what_is_skyfonts/sync_left.png") center center no-repeat; height: 84px; width: 84px; top: 321px; left: 117px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #what_is_skyfonts #skyfonts_banner_two #sync_left { background-image: url("/s/images/what_is_skyfonts/sync_left@2x.png"); background-size: 84px 84px; } } #what_is_skyfonts #skyfonts_banner_two #sync_right { background: url("/s/images/what_is_skyfonts/sync_right.png") center center no-repeat; height: 65px; width: 65px; top: 322px; left: 551px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #what_is_skyfonts #skyfonts_banner_two #sync_right { background-image: url("/s/images/what_is_skyfonts/sync_right@2x.png"); background-size: 65px 65px; } } :root * > #what_is_skyfonts #skyfonts_banner_one .a_icon { margin-top: -40px; } 

 #whatsnew_widget .header { float: left; margin-bottom: 12px; } #whatsnew_widget h3.subtitle { color: #666666; font-size:11pt; font-weight:bold; margin-bottom:1pt; margin-left:10px; margin-top:0px; } #whatsnew_widget #searchfilter_widget { float: right; width: 535px; margin-right: 192px; } .bhvr_whats_new_191 { background:none; border:none; font-family: "RooneySans-Medium", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-size:15px; } .bhvr_whats_new_191 > span { font-size:13px; } .subhead { font-size: 16px; font-weight: normal; margin-left: 10px; margin-bottom: 4px; margin-top: 8px; float: right; } select#whatsnewtime { margin-right: 1px; -webkit-appearance: initial; border: 0; background: url("/s/images/searchfilter/downarrow.png") center no-repeat; background-position: right 7px top 6px; font-family: "rooneysans-medium"; font-size: 16px; width: 160px; margin-left: 5px; } @media only screen and (max-device-width: 414px) and (min-device-width: 320px) and (orientation: portrait), only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) { .subhead { float: left; margin: 10px 5px; } } 

 .album_headline { font-size: 14pt; } .subheading { font-size: 11pt; margin: 3px 0px 5px 0px; } .upload_div { background-color: #F1F1F1; height: 94px; } .wtf_upload_method { font-weight:bold; font-size:11pt; line-height:47px; vertical-align:middle; padding-left: 10px; } .wtf_attention_getting_text { font-weight:bold; font-size:11pt; } div#wtf_progress { float: right; margin-right: 333px; margin-top: 15px; } div#main_box .left { float: left; } div#main_box .right{ padding: 10px 10px 10px 25px; float: right; text-align: right; } div#arrowdiv { margin-top: 0; float: right; padding: 10px 10px 10px 20px; } img#wtf_search { margin-top: 10px; } div.char_field { margin-top: 10px; } 

 #wtf_solved_filter { float: right; padding-top: 2px; } #wtf_list_options { float: left; } #wtf_forum_index table { width: 720px; } #wtf_forum_index table tr th, #wtf_forum_index table tr td { clear: both; text-align: left; padding: 12px 6px; } #wtf_forum_index table tr th { font-weight: bold; vertical-align: bottom; } #wtf_forum_index table tr td { border-top: 1px solid #CCCCCC; vertical-align: middle; } #wtf_forum_index table.searchresults_table tr td { border-top: none; } #wtf_forum_index table tr td ul { padding: 0px; margin: 0px; } #wtf_forum_index table tr th.replies, #wtf_forum_index table tr td.replies { text-align: center; } #wtf_forum_index table tr th.img, #wtf_forum_index table tr td.img { text-align: center; padding-left: 0px; } #wtf_forum_index tr td .when_started { color:#999; font-size: smaller; } #wtf_forum_index table tr td.status { white-space: nowrap; padding-right: 0px; } #wtf_forum_index table tr td .dot { position: relative; font-size: xx-large; top: 5px; } #wtf_forum_index table tr td.status .solved_Y.dot, #wtf_forum_index table tr td.status .solved_NotFont.dot { color: #CCCCCC; } #wtf_forum_index table tr td.status .solved_N.dot { color: red; } #wtf_forum_index table tr td.status .solved_Partly.dot { color: #FFCC00; } #wtf_forum_index table a.external { color: #E58C18; } #wtf_forum_index table tr#wtf_first_row td, #wtf_forum_index table tr#wtf_last_row td { text-align: center; vertical-align: middle; padding: 0px; padding-top: 12px; } #wtf_forum_index table tr#wtf_first_row td a, #wtf_forum_index table tr#wtf_last_row td a, #wtf_forum_index table #wtf_loader { display: block; border: 1px solid #999999; background-color: #EEEEEE; padding: 24px 0px; text-align: center; font-size: larger; } #wtf_forum_index table tr#wtf_first_row td a:hover, #wtf_forum_index table tr#wtf_last_row td a:hover, #wtf_forum_index table #wtf_first_row:hover { background-color: white; } #wtf_search_input { width: 110px; } #wtf_search_submit { font-size: smaller; } #wtf_stats_box ul li { padding-top: 6px; } div#wtf_newthread_block { margin-top: 24px; } div.form_row { margin: 12px 0px 36px 0px; padding: 5px 0px 5px 0px; overflow: hidden; } div.form_row div { } .form_row .left_col { clear:left; float: left; width: 80px; text-align: right; } .form_row .mid_col { width: 355px; float: left; margin-left: 12px; } .form_row .mid_col input.text{ width:355px; } .form_row .right_col { width: 240px; float: left; margin-left: 12px; } div.styleSelect { border: 1px solid #000000; padding: 3px; background-color: #FFFFAA; opacity: .85; } 

 #wtf_right_column { position: relative; width: 245px; float: right; margin-left: 12px; z-index: 20; } #wtf_status_field { float:left; padding: 4px; padding-left: 0px; } #wtf_change_status, #wtf_close_status_menu { float:left; padding: 4px; } div.wtf_status { float: left; padding: 4px; } #wtf_change_status_menu { float: left; } #wtf_change_status_menu .wtf_status { margin-left: 4px; } div.wtf_status a, div.wtf_status a:hover { text-decoration: none; color: black; } div.wtf_status.part_solved, div.wtf_in_post_id span.similar { background-color: #FFCC00; } div.wtf_status.unsolved, div.wtf_status.unsolved a { background-color: #CC3333; color: white; } div.wtf_status.solved, div.wtf_in_post_id span.exact { background-color: #33CC33; } div.wtf_status.not_font, div.wtf_status.not_font a { background-color: #999999; color: white; } #wtf_image { clear: left; padding: 12px 0px; } #wtf_image img { border: 1px solid #999999; } #wtf_posted_by{ position: relative; height: 55px; } div.wtf_user_avatar { position: absolute; top: 0; left: 0; } div.wtf_forum_post:not(:first-child) { clear: left; margin-bottom: 12px; border-bottom: 1px solid #CCC; padding-bottom: 12px; position: relative; } div.wtf_forum_post h3 { padding-top: 12px; padding-bottom: 12px; } div.wtf_forum_post .msg_body { padding-top: 6px; } div.wtf_in_post_id span.status { padding:4px; } div.wtf_message_meta { margin-top: 12px; } div.wtf_forum_time_ago{ color: #b4b4b4; font-size: 7pt; } div.wtf_message_admin { float: right; font-size: 7pt; } div.wtf_forum_post form { text-align: right; } div.wtf_forum_post form textarea { width: 100%; margin-bottom: 4px; } div.wtf_forum_post form input.cancel_button { font-size: smaller; } div.wtf_forum_post form input.submit_button { font-size: larger; } div#wtf_font_ids{ margin-top: 10px; background-color: #f5f5f5; padding: 12px; } div.wtf_idfont { margin-top: 10px; border-top: solid 1px #CCCCCC; padding-top: 10px; } div.wtf_idfont .identified_by { font-size: smaller; } div.wtf_idfont_sample { } div.wtf_id_links { font-size: smaller; margin-top: 6px; } div.wtf_id_links .disputed { color: #990000; } .wtf_dispute_form { padding: 5px; } .wtf_dispute_form textarea { width: 100%; height: 36px; } .wtf_dispute_form .dispute_submit { text-align: right; } form.wtf_change_sample_text { width: 300px; } div.wtf_id_links form.wtf_change_sample_text { display: none; } form.wtf_change_sample_text div { margin-bottom: 6px; } form.wtf_change_sample_text input.size_select { width: 2em; } form.wtf_change_sample_text input.text_select { width: 12em; } a.dispute { font-size: smaller; } #wtf_identify_header { margin: 0px; padding: 0px; } #wtf_identify_header div.wtf_check_float { float: left; padding: 6px 12px; margin-right: 24px; } #wtf_identify_header div.wtf_check_float.on { background-color: #F0F0F0; } #wtf_identify_table .required { color: #CC3333; } #wtf_identify_table { position: relative; clear: left; margin: 0px; padding: 0px; border-style: none; background-color: #F0F0F0; width: 100%; } #wtf_identify_table td { font-size: smaller; padding: 6px; } #wtf_identify_table td.label { text-align: right; white-space: nowrap; } #wtf_identify_table td.input { } #wtf_identify_table td input { width: 98%; } #wtf_identify_table td.required_note { text-align: right; vertical-align: bottom; font-size: xx-small; } #wtf_additional_comment { margin-top: 12px; } #wtf_reply_form textarea { width: 100%; margin: 6px 0px; border-style: inset; border-width: 2px; border-color: #666666; } #wtf_stylelist_popup { position: absolute; border: 2px solid black; padding: 12px; background-color: white; z-index: 200; } #wtf_popup_img { float: right; padding-left: 6px; padding-bottom: 6px; } #wtf_style_list { height: 400px; overflow: auto; border: 1px solid gray; } #wtf_style_list ul li { margin-top: 12px; } #wtf_search_input { width: 110px; } #wtf_search_submit { font-size: smaller; } 

 .newcase_warning { color: red; } 

 #wtf_iphone_page .two_column_layout .side_column .autobox div { margin-top: 6px; } #wtf_iphone__content img { position: relative; top: -1px; float: right; width: 240px; height: 512px; margin-left: 12px; } #wtf_iphone_screenshots_content div.screenshot_box { float: left; width: 322px; margin-right: 24px; margin-bottom: 24px; } #wtf_iphone_screenshots_content div.screenshot_box.sideways { width: 720px; } #wtf_iphone_screenshots_content img { margin-top: 6px; border: 1px solid black; width: 320; height: 460; } #wtf_iphone_screenshots_content img.sideways { border-style: none; width: 742px; height: 386px; } ul#wtf_support_main_list li { clear: both; margin-bottom: 12px; } ul#wtf_support_main_list li:before { content: "\25B8\0020"; } ul#wtf_support_main_list li.active:before { content: "\25BE\0020"; } ul#wtf_support_main_list li em { text-decoration: underline; font-weight: bold; font-style: normal; } ul#wtf_support_main_list li p, ul#wtf_support_main_list li ul { font-size: inherit; display:none; padding-left: 1em; } ul#wtf_support_main_list li p img { float: right; margin-left: 12px; } ul#wtf_support_main_list li.active p, ul#wtf_support_main_list li.active ul { display: inherit; } ul#wtf_support_main_list li ul li { clear: none; margin-bottom: 0px; } ul#wtf_support_main_list li ul li:before { content: "\2022\0020"; } 

 #wtf_iphone_page .two_column_layout .side_column .autobox div { margin-top: 6px; } #wtf_iphone__content img { position: relative; top: -1px; float: right; width: 240px; height: 512px; margin-left: 12px; } #wtf_iphone_screenshots_content div.screenshot_box { float: left; width: 322px; margin-right: 24px; margin-bottom: 24px; } #wtf_iphone_screenshots_content div.screenshot_box.sideways { width: 720px; } #wtf_iphone_screenshots_content img { margin-top: 6px; border: 1px solid black; width: 320; height: 460; } #wtf_iphone_screenshots_content img.sideways { border-style: none; width: 742px; height: 386px; } ul#wtf_support_main_list li { clear: both; margin-bottom: 12px; } ul#wtf_support_main_list li:before { content: "\25B8\0020"; } ul#wtf_support_main_list li.active:before { content: "\25BE\0020"; } ul#wtf_support_main_list li em { text-decoration: underline; font-weight: bold; font-style: normal; } ul#wtf_support_main_list li p, ul#wtf_support_main_list li ul { font-size: inherit; display:none; padding-left: 1em; } ul#wtf_support_main_list li p img { float: right; margin-left: 12px; } ul#wtf_support_main_list li.active p, ul#wtf_support_main_list li.active ul { display: inherit; } ul#wtf_support_main_list li ul li { clear: none; margin-bottom: 0px; } ul#wtf_support_main_list li ul li:before { content: "\2022\0020"; } 

#wtfpage_view_options ul li { margin-top: 12px; }