@font-face { font-family: "Standard"; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Delicate"; src: url("/content/fonts/AmaticSC-Bold.ttf") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Plain"; src: url("/content/fonts/GOTHMBOL.ttf") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Typewriter"; src: local('Graduate'), local('Graduate-Regular'), url(https://fonts.gstatic.com/s/graduate/v5/C8cg4cs3o2n15t_2YygW43w.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Script"; src: url("/content/fonts/Cookie-Regular.ttf") format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Sporty"; src: url("/content/fonts/Bebas Neue.ttf") format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Comic Book"; src: url("/content/fonts/CantedComic-Bold.ttf") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Rounded"; src: url("/content/fonts/Comfortaa-Bold.ttf") format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Athletico Clean"; src: url("/content/fonts/ATHLETICO CLEAN.ttf") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Maiandra GD"; src: url("/content/fonts/Maiandb.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Courgette"; src: url("/content/fonts/Courgette-Regular.ttf") format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Roboto Slab"; src: url("/content/fonts/RobotoSlab-Bold.ttf") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Komika Title"; src: url("/content/fonts/KOMTIT.ttf") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Gill"; src: url("/content/fonts/Gill Sans MT Bold.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "New Athletic M54"; src: url("/content/fonts/New Athletic M54.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Cooper Std Black"; src: url("/content/fonts/COOPBL.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Berkshire Swash"; src: url("/content/fonts/berkshireswash-regular.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Alegreya Sans SC"; src: url("/content/fonts/alegreyasanssc-bold.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Games"; src: url("/content/fonts/games.regular.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "Shlop"; src: url("/content/fonts/games.regular.TTF") format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: "BubbleGum"; src: url("/content/fonts/bubblegum.TTF") format('truetype'); font-weight: normal; font-style: normal; }

/*Font Definitions for Illustrator naming conventions*/
@font-face { font-family: "RobotoSlab-Bold"; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Graduate-Regular"; src: local('Graduate'), local('Graduate-Regular'), url(https://fonts.gstatic.com/s/graduate/v5/C8cg4cs3o2n15t_2YygW43w.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Comfortaa-Regular"; src: local('Comfortaa'), local('Comfortaa-Regular'), url(https://fonts.gstatic.com/s/comfortaa/v12/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Comfortaa-Bold"; src: local('Comfortaa Bold'), local('Comfortaa-Bold'), url(https://fonts.gstatic.com/s/comfortaa/v12/1Ptpg8LJRfWJmhDAuUsw9qR_AtCb.woff2) format('woff2'); font-style: normal; }
@font-face { font-family: "Cookie-Regular"; src: local('Cookie-Regular'), url(https://fonts.gstatic.com/s/cookie/v8/syky-y18lb0tSbf9kgqS.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "GreatVibes-Regular"; src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Oswald-Regular"; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Lobster1.3"; src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoKmMw.woff2) format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "TimesNewRomanPSMT"; src: local('Times New Roman'); font-weight: normal; font-style: normal; }
@font-face { font-family: "ArialMT"; src: local('Arial'); font-weight: normal; font-style: normal; }


div.fontSelect { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #222; border: 1px solid #999; padding: 6px 8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.fontSelect { position: relative; padding: 3px; cursor: pointer; text-align: left; }

    .fontSelect span { overflow: hidden; margin-left: 7px; font-weight: bold; }

    .fontSelect .icon-downarrow { position: absolute; right: 10px; top: 10px; color:#999; }

.fontSelectUl { list-style: none; padding: 10px 0; width: 100%; background: #fff; position: absolute; left: 0; top: 35px; z-index: 100; border: 1px solid #999; border-top-color: #ccc; margin: 0 !important; }

    .fontSelectUl li { height: 24px; line-height: 24px; overflow: hidden; padding: 0 15px; cursor: pointer; font-size: 14px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; font-weight: bold; }

        .fontSelectUl li:hover { transition: none; background: #DDD; }