/* Theme Name: clickteam Theme URI: https://www.clickteam.com/ Author: Nicolas Sourdeval Author URI: https://www.clickteam.com Version: 3.1.2017.2 Tags: grey, white, blue */ /*Global*/ * { margin: 0; padding: 0; border: 0; outline: 0; list-style-type: none; } /*Body Styling*/ html, body { height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust: none; } body { font-family: Verdana, Geneva, sans-serif; color: #4A5E70; background: #F8F8F8 url(img/bkgrnd-top.gif) repeat-x; font-size: 14px; line-height: 21px; } #wrapper { position: relative; min-height: 100%; height: auto!important; width: 960px; margin: 0 auto -104px auto; } #push { width: 960px; height: 104px; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .break { height: 24px; } .invisible { visibility: hidden; } /*The Grid*/ .grid1, .grid2, .grid3, .grid4, .grid4school, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 { display: inline; float: left; position: relative; margin-left: 9px; margin-right: 9px; } .grid1 { width: 62px; } .grid2 { width: 142px; } .grid3 { width: 222px; } .grid4 { width: 302px; } .grid4school { width: 287px; padding-left: 15px; } .grid5 { width: 382px; } .grid6 { width: 462px; } .grid7 { width: 542px; } .grid8 { width: 622px; } .grid9 { width: 702px; } .grid10 { width: 782px; } .grid11 { width: 862px; } .grid12 { width: 942px; } .space20 { margin-right: 20px; } .space40 { margin-right: 40px; } .space60 { margin-right: 60px; } .sideline { width: 283px; border-left: 1px solid #CCC; padding-left: 18px; margin-top: 10px; } .half-col { float: left; width: 460px; padding: 0 15px; } /*Text Styling*/ a:link, a:visited, a:active { color: #2C6FE3; text-decoration: none; outline: none; } a:hover { color: #0D4BB5; text-decoration: underline; } p, h4 { margin-top: 21px; } p.short { margin-top: 4px; } p.lessshort { margin-top: 9px; } p.none { margin-top: 0px; } p.little, span.little { font-size: 10px; } .separator { position: relative; width: 100%; padding: 5px; display: block; height: 11px; width: 942px; ; line-height: 30px; background: url(img/stripes.gif) 0px 11px repeat-x; } .red { color: #F00; } p em { display: block; padding-left: 35px; } .list ul { margin-top: 7px; display: block; margin-left: 35px; } .list ul li { background: url(img/bullet.gif) 0px 8px no-repeat; text-indent: 10px; } h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 32px; font-weight: normal; background: url(img/stripes.gif) 0px 11px repeat-x; } h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px; font-weight: normal; background: url(img/stripes.gif) 0px 11px repeat-x; } h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; } h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: normal; } h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 70px; font-weight: normal; margin-top: -5px; } h1 span { background: #F6F6F6; padding-right: 12px; } h2 span { background: #F8F8F8; padding-right: 12px; } h2.higher span { background: #f5f5f5; padding-right: 12px; } h1 span span, h2 span span, h3 span { color: #2C6FE3; padding-right: 0px; } h4:first-child { margin-top: 0px; } h4.padded { margin-top: 21px; } h2.padded { margin-top: 16px; } h2.reduced { font-size: 28px; line-height: 28px; } hr { margin: 4px 0px; height: 1px; background: #CCC; margin-top: 8px; } .blue { color: #2c6fe3; } .orange { color: #FF9933; } .dark { color: #222222; } blockquote { padding: 25px 0px 0px 0px; text-align:center; font-size:16px;} /*Header*/ #header { position: relative; width: 942px; height: 95px; padding: 17px 9px 0px 9px; background: url(img/groove.png) 9px 104px no-repeat; margin-bottom: 10px; } #header .logo { display: block; width: 82px; height: 68px; } #buttons_header { display: block; width: 125px; position: relative; top: -50px; right: 0px; float: right; } #buttons_header a { margin-bottom: 5px; } #header .shareIcons { position: absolute; top: 36px; right: 158px; display: block; width: 116px; height: 20px; z-index: 400; } #header .shareIcons img { float: left; } #header .shareIcons .fb { float: left; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(img/icon-facebook.gif) no-repeat; margin-right: 8px; } #header .shareIcons .tw { float: left; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(img/icon-twitter.gif) no-repeat; margin-right: 8px; } /*Main Menu*/ #mainmenu, #mainmenuFr { position: absolute; top: 51px; left: 105px; min-height: 58px; width: 738px; z-index: 1250; } #mainmenu ul li, #mainmenuFr ul li { float: left; position: relative; cursor: pointer; background: none; } #mainmenu ul li ul, #mainmenuFr ul li ul { position: absolute; left: -9999px; top: auto; margin-top: 62px; background: #FFF; padding: 8px; -moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999; box-shadow: 0px 0px 3px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; min-width: 90%; z-index: 1250; } #mainmenu ul li a { display: block; height: 56px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2C6FE3; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 44px; white-space: nowrap; padding: 6px 12px 0px 10px; text-rendering: geometricPrecision; } #mainmenuFr ul li a { display: block; height: 56px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2C6FE3; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 44px; white-space: nowrap; padding: 6px 6px 0px 10px; text-rendering: geometricPrecision; } #mainmenu ul li ul, #mainmenuFr ul li ul { background: #fff; } #mainmenu ul li ul li, #mainmenuFr ul li ul li { float: none; z-index: 1250; } #mainmenu ul li ul a, #mainmenuFr ul li ul a { float: none; position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; height: 30px; line-height: 30px; padding: 3px 10px; } #mainmenu ul li.current-menu-parent a, #mainmenu ul li.current-menu-item a, #mainmenu ul li:hover a, #mainmenu ul li.home a:hover, #mainmenuFr ul li.current-menu-parent a, #mainmenuFr ul li.current-menu-item a, #mainmenuFr ul li:hover a, #mainmenuFr ul li.home a:hover { color: #4A5E70; background: url(img/menu-hilighter.png) center 7px no-repeat; } #mainmenu ul li:hover a, #mainmenuFr ul li:hover a { position: relative; background: url(img/drop-tail.png) center 45px no-repeat; z-index: 1300; } #mainmenu ul li:hover li:hover a, #mainmenuFr ul li:hover li:hover a, #mainmenu ul li:hover li a:hover, #mainmenuFr ul li:hover li a:hover { color: #192F42; background: #DDE0E2; } #mainmenu ul li:hover li a, #mainmenuFr ul li:hover li a { color: #4A5E70; background: #F3F3F3; } #mainmenu ul li:hover ul, #mainmenuFr ul li:hover ul { top: -9px; left: 0; } #mainmenu .hidden, #mainmenuFr .hidden { display: none; } #mainmenu #menu-item-5064 a, #mainmenuFr #menu-item-5064 a { background-color: #4A5E70; height: 1px; margin: 0px; padding: 0px; cursor: default; } /*Language Menu*/ #languageMenu { position: absolute; top: 22px; right: 270px; z-index: 1550; height: 20px; width: 104px; } #languageMenuFr { position: absolute; top: 22px; right: 250px; z-index: 1550; height: 20px; width: 104px; } #languageMenu ul li, #languageMenuFr ul li { float: left; position: relative; cursor: pointer; list-style-type: none; background: none; } #languageMenu ul li ul, #languageMenuFr ul li ul { position: absolute; left: -9999px; top: auto; margin-top: 49px; background: #FFF; padding: 8px; -moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999; box-shadow: 0px 0px 3px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; min-width: 90%; z-index: 1550; } #languageMenu ul li a, #languageMenuFr ul li a { display: block; height: 39px; font-family: Verdana, Geneva, sans-serif; color: #4A5E70; text-decoration: none; font-weight: normal; font-size: 12px; line-height: 34px; white-space: nowrap; padding: 6px 2px 0px 2px; } #languageMenu ul li img, #languageMenuFr ul li img, { border: 0; vertical-align: 1px; } #languageMenu ul li ul, #languageMenuFr ul li ul { background: #fff; } #languageMenu ul li ul li, #languageMenuFr ul li ul li { float: none; z-index: 1550; } #languageMenu ul li ul a, #languageMenuFr ul li ul a { float: none; position: relative; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; height: 30px; line-height: 30px; padding: 3px 10px; } #languageMenu ul li:hover a.down, #languageMenuFr ul li:hover a.down { position: relative; background: url(img/drop-tail.png) 77px 32px no-repeat; z-index: 1600; } #languageMenu ul li:hover li:hover a, #languageMenuFr ul li:hover li:hover a { color: #192F42; background: #DDE0E2; } #languageMenu ul li:hover li a, #languageMenuFr ul li:hover li a { color: #4A5E70; background: #F3F3F3; } #languageMenu ul li:hover ul, #languageMenuFr ul li:hover ul { top: -9px; left: -32px; } img.mainicon { position: relative; top: 5px; left: 3px; border: 1px solid #06F; padding: 2px; } img.langicon { position: relative; top: 2px; margin-right: 6px; } /*Slider*/ .tp-overflow-hidden {overflow:hidden;} /*Home News Feed*/ #newsFeed { position: relative; width: 942px; height: 100px; margin: 10px 9px 19px 9px; } #newsFeed ul { margin-top: 7px; width: 638px; } #newsFeed ul li { background: url(img/bullet.gif) 0px 8px no-repeat; text-indent: 10px; } #newsFeed ul li a { color: #4A5E70; } #newsFeed a.getDemo { position: absolute; top: 0px; right: 0px; display: block; width: 305px; height: 97px; background: url(img/purchase-prod.png) 0px 0px no-repeat; text-indent: -9999px; } #newsFeed a.getDemo:hover { background-position: 0px -97px; } #newsFeed a.getDemofr { position: absolute; top: 0px; right: 0px; display: block; width: 305px; height: 97px; background: url(img/purchase-prod-fr.png) 0px 0px no-repeat; text-indent: -9999px; } #newsFeed a.getDemofr:hover { background-position: 0px -97px; } /*Standout and Link Boxes*/ #standouts { margin-bottom: -7px; } .standout { padding-bottom: 13px;} .standout a { position: relative; display: block; background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); padding: 5px; } .linkbox a { position: relative; display: block; } .linkbox img { border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); } .standout a:hover { -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); box-shadow: 0px 0px 4px rgba(0,0,0,0.6); text-decoration: none; } .linkbox a:hover img { -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); box-shadow: 0px 0px 4px rgba(0,0,0,0.6); text-decoration: none; } .standout a img, .linkbox a img { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .linkbox a span { position: absolute; top: 5px; right: 5px; width: 56px; height: 56px; background: url(img/zoom-tag.png) 0px 0px no-repeat; } .linkbox a:hover span { background-position: 0px -56px; } .standout a span { position: absolute; bottom: 5px; width: 212px; padding: 7px 0px 6px 0px; display: block; background: #FFF; color: #2B4053; text-align: center; font-size: 12px; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; } .standout a span p { margin-top: 0px; } .standout a:hover span { filter: alpha(opacity=80); opacity: 0.8; color: #103146; } .standout a span strong { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; font-weight: bold; } /*Products Page*/ .prodSlider { float: right; margin: 3px 0px 3px 0px; padding-left: 18px; background: url(img/prod-slider-mask.gif) repeat-x; } .prodSlider img { border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); } .prodSlider p { font-size: 0.7em; color: #000; margin-top: 7px; margin-bottom: 7px; text-align: center } .videoBorder { border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4);} /*Buttons*/ .buttonsRight { display: block; height: 0px; margin-top: -100px; float: right; } .buttonsRight-products { position: relative; width: 275px; float: left; margin: 5px 0px 20px 30px; } .buttonsRight-products a { margin-bottom: 15px; } .buttonsCenter-products { position: relative; width: 100%; margin: 10px 10px 20px 0px;} .buttonsCenter-products a { margin-bottom: 15px; } a.BIG_button_purchase { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #2c6fe3; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_purchase span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_purchase:hover, a.BIG_button_purchase:focus, a.BIG_button_purchase:active { background: #5e97f8; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_purchase span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat -128px center transparent; } a.BIG_button_download { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #78a019; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_download span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_download:hover, a.BIG_button_download:focus, a.BIG_button_download:active { background: #9dc739; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_download span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat 0px center transparent; } a.MED_button_download { width: 255px; height: 49px; display: inline-block; text-align: left; vertical-align: middle; padding: 5px 10px; border-radius: 5px; background: #78a019; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; margin-bottom: 5px !important; overflow: hidden;} a.MED_button_download:hover, a.MED_button_download:focus, a.MED_button_download:active { background: #9dc739; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.MED_button_download span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.MED_button_download span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat 0px 2px transparent; } a.MED_button_discover { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 7px 10px; border-radius: 5px; background: #af0000; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; margin-bottom: 5px !important; overflow: hidden;} a.MED_button_discover span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.MED_button_discover:hover, a.MED_button_discover:focus, a.MED_button_discover:active { background: #e02222; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.MED_button_discover span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat -64px center transparent; } a.BIG_button_discover { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #af0000; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_discover span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_discover:hover, a.BIG_button_discover:focus, a.BIG_button_discover:active { background: #e02222; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_discover span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat -64px center transparent; } /* DISCOVER PLUS BUTTON */ a.BIG_button_discover_plus { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #f28e00; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_discover_plus span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_discover_plus:hover, a.BIG_button_discover_plus:focus, a.BIG_button_discover_plus:active { background: #FFB148; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_discover_plus span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat -64px center transparent; } /* DISCOVER DEV BUTTON */ a.BIG_button_discover_dev { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #642896; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_discover_dev span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_discover_dev:hover, a.BIG_button_discover_dev:focus, a.BIG_button_discover_dev:active { background: #9050c6; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_discover_dev span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat -64px center transparent; } a.BIG_button_try { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #000000; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_try span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_try:hover, a.BIG_button_try:focus, a.BIG_button_try:active { background: #959595; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_try span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat -64px center transparent; } a.BIG_button_steam { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #4C4C4C; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_steam span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_steam:hover, a.BIG_button_steam:focus, a.BIG_button_steam:active { background: #777777; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_steam span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 128px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("img/big_icons_buttons.png") no-repeat -192px center transparent; } a.BIG_button_prices { width: 255px; height: 55px; display: inline-block; text-align: left; vertical-align: middle; padding: 15px 10px; border-radius: 5px; background: #fb9819; font: bold 22px "Verdana", Geneva, sans-serif; text-transform: uppercase; color: #ffffff; text-decoration: none; } a.BIG_button_prices span { display: block; text-align: left; vertical-align: middle; border-radius: 5px; font: normal 16px "Verdana", Geneva, sans-serif; text-transform: capitalize; color: #ffffff; text-decoration: none; line-height: 20px; } a.BIG_button_prices:hover, a.BIG_button_prices:focus, a.BIG_button_prices:active { background: #fdbe73; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.BIG_button_prices span:after { content: "\0000a0"; display: inline-block; float: right; height: 64px; width: 64px; margin: 0 5px -6px -30px; position: relative; top: -32px; left: 5px; background: url("https://www.clickteam.com/wp-content/uploads/dollar.png") no-repeat 0px center transparent; } a.button_purchase { display: inline-block; text-align: left; vertical-align: middle; padding: 10px 9px; border-radius: 5px; background: #2c6fe3; font: bold 20px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.button_purchase:hover, a.button_purchase:focus, a.button_purchase:active { background: #5e97f8; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.button_purchase:after { content: "\0000a0"; display: inline-block; height: 32px; width: 32px; line-height: 30px; margin: -5px 5px -6px 40px; position: relative; top: -32px; left: 5px; background: url("img/icons_buttons.png") no-repeat -64px center transparent; } a.button_download { display: inline-block; text-align: left; vertical-align: middle; padding: 10px 9px; border-radius: 5px; background: #78a019; font: bold 20px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.button_download:hover, a.button_download:focus, a.button_download:active { background: #9dc739; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.button_download:after { content: "\0000a0"; display: inline-block; height: 32px; width: 32px; line-height: 30px; margin: -5px 5px -6px 40px; position: relative; top: 0px; left: 0px; background: url("img/icons_buttons.png") no-repeat -96px center transparent; } a.button_clickstore { display: inline-block; text-align: left; vertical-align: middle; padding: 10px 9px; border-radius: 5px; background: #d8a00a; font: bold 20px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.button_clickstore:hover, a.button_clickstore:focus, a.button_clickstore:active { background: #f4bb22; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.button_clickstore:after { content: "\0000a0"; display: inline-block; height: 32px; width: 32px; line-height: 30px; margin: -5px 5px -6px 40px; position: relative; top: 0px; left: 0px; background: url("img/icons_buttons.png") no-repeat 0px center transparent; } a.button_send { display: inline-block; text-align: left; vertical-align: middle; padding: 10px 9px; border-radius: 5px; background: #959595; font: bold 20px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.button_send:hover, a.button_send:focus, a.button_send:active { background: #c0c0c0; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.button_send:after { content: "\0000a0"; display: inline-block; height: 32px; width: 32px; line-height: 30px; margin: -5px 5px -6px 40px; position: relative; top: 0px; left: 0px; background: url("img/icons_buttons.png") no-repeat -32px center transparent; } a.button_cf { display: inline-block; text-align: left; vertical-align: middle; padding: 10px 9px; border-radius: 5px; background: #af0000; font: bold 20px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.button_cf:hover, a.button_cf:focus, a.button_cf:active { background: #e02222; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.button_cf:after { content: "\0000a0"; display: inline-block; height: 32px; width: 32px; line-height: 30px; margin: -5px 5px -6px 15px; position: relative; top: 0px; left: 0px; background: url("img/icons_buttons.png") no-repeat -128px center transparent; } a.mini_button_purchase { width: 105px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; padding: 3px 10px; border-radius: 3px; background: #2c6fe3; font: bold 13px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.mini_button_purchase:hover, a.mini_button_purchase:focus, a.mini_button_purchase:active { background: #5e97f8; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.mini_button_purchase:after { content: "\0000a0"; display: inline-block; height: 16px; width: 16px; line-height: 16px; margin: 0 -4px -6px 5px; position: relative; top: 0px; left: 0px; background: url("img/mini_icons_buttons.png") no-repeat -32px center transparent; } a.mini_button_download { width: 105px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; padding: 3px 10px; border-radius: 3px; background: #78a019; font: bold 13px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.mini_button_download:hover, a.mini_button_download:focus, a.mini_button_download:active { background: #9dc739; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.mini_button_download:after { content: "\0000a0"; display: inline-block; height: 16px; width: 16px; line-height: 16px; margin: 0 -4px -6px 5px; position: relative; top: 0px; left: 0px; background: url("img/mini_icons_buttons.png") no-repeat -48px center transparent; } a.mini_button_clickstore { width: 105px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; padding: 3px 10px; border-radius: 3px; background: #d8a00a; font: bold 13px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.mini_button_clickstore:hover, a.mini_button_clickstore:focus, a.mini_button_clickstore:active { background: #f4bb22; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.mini_button_clickstore:after { content: "\0000a0"; display: inline-block; height: 16px; width: 16px; line-height: 16px; margin: 0 -4px -6px 5px; position: relative; top: 0px; left: 0px; background: url("img/mini_icons_buttons.png") no-repeat 0px center transparent; } a.mini_button_send { cursor: pointer; width: 105px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; padding: 3px 10px; border-radius: 3px; background: #959595; font: bold 13px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.mini_button_send:hover, a.mini_button_send:focus, a.mini_button_send:active { background: #c0c0c0; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a.mini_button_send:after { content: "\0000a0"; display: inline-block; height: 16px; width: 16px; line-height: 16px; margin: 0 -4px -6px 5px; position: relative; top: 0px; left: 0px; background: url("img/mini_icons_buttons.png") no-repeat -16px center transparent; } a.mini_button_news { margin: 10px 10px -20px 0px; width: 105px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; padding: 5px 10px; border-radius: 3px; background: #2c6fe3; font: bold 13px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } a.mini_button_news:hover, a.mini_button_news:focus, a.mini_button_news:active { background: #5e97f8; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } form div#subbutton input { clear: both; border: none; margin: 15px 0px 0px -20px; cursor: pointer; width: 125px; height: 40px; display: inline-block; text-align: center; vertical-align: middle; border-radius: 3px; background: #d8a00a; font: bold 14px "Verdana", Geneva, sans-serif; color: #ffffff; text-decoration: none; } div#subbutton input:hover, div#subbutton input:focus, div#subbutton input:active { background: #f4bb22; color: #ffffff; text-decoration: none; webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } div#subbutton input:after { content: "\0000a0"; display: inline-block; height: 16px; width: 16px; line-height: 16px; margin: 0 -4px -6px 10px; position: relative; top: 0px; left: 0px; background: url("img/mini_icons_buttons.png") no-repeat -16px center transparent; } .dl { position: relative; display: inline-block; margin-top: 20px; } /*Icons*/ .iconBox { float: left; width: 291px; border-right: 1px solid #DADADA; margin: 20px 0px 0px 18px; padding-right: 10px; } .iconBox:first-child { margin-left: 0px; } .iconBox:last-child { border-right: none; width: 301px; padding-right: 0px; } .iconBox p { margin-top: 8px; } .object:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) 0px 0px no-repeat; width:48px; height:48px; content:"";} .box2d:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -48px 0px no-repeat; width:48px; height:48px; content:"";} .dx11:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -1152px 0px no-repeat; width:48px; height:48px; content:"";} .childevent:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -1200px 0px no-repeat; width:48px; height:48px; content:"";} .build:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -96px 0px no-repeat; width:48px; height:48px; content:"";} .camera:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -144px 0px no-repeat; width:48px; height:48px; content:"";} .flexible:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -192px 0px no-repeat; width:48px; height:48px; content:"";} .free:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -240px 0px no-repeat; width:48px; height:48px; content:"";} .gamecenter:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -288px 0px no-repeat; width:48px; height:48px; content:"";} .gps:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -336px 0px no-repeat; width:48px; height:48px; content:"";} .question:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -384px 0px no-repeat; width:48px; height:48px; content:"";} .hwa:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -432px 0px no-repeat; width:48px; height:48px; content:"";} .iad:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -480px 0px no-repeat; width:48px; height:48px; content:"";} .istore:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -528px 0px no-repeat; width:48px; height:48px; content:"";} .libs:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -576px 0px no-repeat; width:48px; height:48px; content:"";} .license:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -624px 0px no-repeat; width:48px; height:48px; content:"";} .multi:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -672px 0px no-repeat; width:48px; height:48px; content:"";} .multitouch:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -720px 0px no-repeat; width:48px; height:48px; content:"";} .nocode:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -768px 0px no-repeat; width:48px; height:48px; content:"";} .sound:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -816px 0px no-repeat; width:48px; height:48px; content:"";} .support:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -864px 0px no-repeat; width:48px; height:48px; content:"";} .fast:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -912px 0px no-repeat; width:48px; height:48px; content:"";} .tools:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -960px 0px no-repeat; width:48px; height:48px; content:"";} .graphic:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -1008px 0px no-repeat; width:48px; height:48px; content:"";} .web:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -1056px 0px no-repeat; width:48px; height:48px; content:"";} .uwp:before { display: block; float:left; margin: 0px 10px 0px 0px; background: url(img/icons.png) -1104px 0px no-repeat; width:48px; height:48px; content:"";} .warning-icon:before { content: ""; display: block; background: url("img/warning-icon.png") no-repeat; width: 16px; height: 16px; float: left; margin: 3px 7px 0 10px; } .more_info_icon:before { content: ""; display: block; background: url("img/moreinfo-icon.png") no-repeat; width: 16px; height: 16px; float: left; margin: 3px 7px 0 0; } .iconBoxGroove { width: 942px; height: 29px; background: url(img/groove.png) 0px 24px no-repeat; visibility: visible; } .exporters-list { list-style: none; margin-top: 20px; width: 1200px; } .exporters-list li { float: left; text-align: center; margin-right: 75px; width: 179px; font-size: 12px; margin-bottom: 15px; } .exporters { background: url('img/runtimes-logos.png'); width: 179px; height: 78px; display: block; margin-bottom: 0px; } .runtime-win { background-position: 0px 0px; } .runtime-ios { background-position: -181px 0px; } .runtime-flash { background-position: -363px 0px; } .runtime-xna { background-position: -544px 0px; } .runtime-android { background-position: -726px 0px; } .runtime-html5 { background-position: -907px 0px; } .buildGamesGroove { width: 942px; height: 49px; background: url(img/groove.png) 0px 24px no-repeat; visibility: visible; } .exportersBar { position: relative; height: 60px; margin: 25px auto; } .exportersBar img { float: left; margin-right: 6px; padding: 0px; } .LinkToCF { position: relative; display: block; margin-top:15px;} .LinkToCF h4 { margin: 0px; padding: 0px; text-align:center; } .LinkToCF p { margin: 0px; padding-bottom: 15px; text-align:center;} .LinkToCF a { position: relative; top:-2px; right: -330px; } .minSpecs p { color: #6E6E6E; font-size: 12px; text-align: center; } #fallback img { text-align: center; margin: 35px 0px 0px 35px; } .see-exttable:before { content: ""; display: block; background: url("img/exttable.png") no-repeat; width: 32px; height: 32px; float: left; margin: -3px; padding-left: 10px; } .see-exttable { -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); padding: 15px; margin: 15px;} /*Webshop Entry*/ div#options { float: right; position: absolute; padding-top: 220px; padding-left: 300px; } .wwmap { margin-top: 25px; margin-left: 15px; } #CountrySelector { font-size: 15px; color: #303030; border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px rgba(0,0,0,0.75); } /*Product Comparisons*/ .tableCell { background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); padding: 5px; margin-top: 27px; } table { border-collapse: collapse; } table.noborder td { border:none !important; } td.alt { background: #f7fbff } .row2 { background: #f4f9fe; border-left: none; } .row1 { background: #f9fcfe; border-left: none; } td { color: #678197; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; padding: 6px 8px; text-align: center; } th { font-weight: normal; color: #678197; text-align: left; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; padding: 6px 8px; } th.head { background: #f4f9fe; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #2C6FE3; padding: 10px; } tr:last-child td, tr:last-child th { border-bottom: none; } tr.sectionHead td, tr.sectionHead th { background: #4a5e70; color: #FFF; border-left-color: #758390; } tr.sectionHead th { font-weight: bold; } /*Product Comparisons - New */ .tableFullComp { background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); padding: 5px; margin-top: 27px; } .tableFullComp .tablepress thead th { border-left: 1px solid #dadada; background-color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #2C6FE3; text-align: center; } .tableFullComp .tablepress tbody .column-1 { text-align: left; } .tableFullComp .tablepress tbody .column-2, .tablepress tbody .column-3, .tablepress tbody .column-4 { width: 200px; } .tableFullComp .tablepress tbody td { vertical-align: middle; } .tableFullComp .tablepress tbody .even.row-2 td { background: #4a5e70; color: #FFF; border-left: 1px solid #dadada; font-weight: bold; } .tableFullComp .tablepress tbody td { color: #678197; border-left: 1px solid #dadada; padding: 6px 8px; text-align: center; } .tableFullComp .tablepress tbody .odd td { background-color: #f4f9fe; border-left: 1px solid #dadada; } .tableFullComp .tablepress tbody .even td { background-color: #f9fcfe; border-left: 1px solid #dadada; } .tableFullComp .tablepress tbody .odd .column-1, .tableFullComp .tablepress tbody .even .column-1 { border-left: none; } .tableFullComp .tablepress .odd .column-1, .tableFullComp .tablepress .even .column-1 { border-left: none; } /*Product Comparisons - Exporters pages */ .tableCompExp { background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); padding: 5px; margin-top: 27px; } .tableCompExp .tablepress thead th { border-left: 1px solid #dadada; background-color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #2C6FE3; text-align: center; } .tableCompExp .tablepress tbody .column-1 { text-align: left; width: 200px; } .tableCompExp .tablepress tbody .column-2, .tableCompExp .tablepress tbody .column-3 { width: 150px; } .tableCompExp .tablepress tbody td { vertical-align: middle; } .tableCompExp .tablepress tbody .even.row-2 td { background: #4a5e70; color: #FFF; border-left: 1px solid #dadada; font-weight: bold; } .tableCompExp .tablepress tbody td { color: #678197; border-left: 1px solid #dadada; padding: 6px 8px; text-align: center; } .tableCompExp .tablepress tbody .odd td { background-color: #f4f9fe; border-left: 1px solid #dadada; } .tableCompExp .tablepress tbody .even td { background-color: #f9fcfe; border-left: 1px solid #dadada; } .tableCompExp .tablepress tbody .odd .column-1, .tableCompExp .tablepress tbody .even .column-1 { border-left: none; } .tableCompExp .tablepress .odd .column-1, .tableCompExp .tablepress .even .column-1 { border-left: none; } /*CEM - Table*/ #cemtable thead th { border-bottom: 1px solid #dadada; border-left: none; border-right: none; background-color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #2C6FE3; text-align: center; } #cemtable th.ext_platforms { width: 170px;} #cemtable .icons img { margin: 5px; } #cemtable tbody td { color: #678197; border: 0px solid #dadada; padding: 6px 8px; text-align: center; } #cemtable tr:nth-child(even) { background: #F1F1F1; } #cemtable tr:nth-child(odd) { background: #FFF; } #cemtable_filter.dataTables_filter input, #cemtable_wrapper.dataTables_wrapper select { border: 1px solid #B4B4B4; padding: 3px; } /*Download Table*/ table .icon { padding-right: 5px; vertical-align: middle; } table td .download { display: block; position: relative; width: 149px; height: 28px; background: url(img/button-download.gif) 0px 0px no-repeat; text-indent: -9999px; } table td .download:hover { background-position: 0px -28px; } /*News*/ .hfeed { margin-top: 22px; } li.hentry { background: url("img/dropshadow.png") no-repeat; padding: 20px 0px 19px 0px; background-size: 100% 10%; } li.hentry:first-child { background: none; padding-top: 0px; } li.hentry a img { float: left; border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin: 2px 16px 32px 16px; } li.hentry a:hover img { -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); box-shadow: 0px 0px 4px rgba(0,0,0,0.6); } li.hentry h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: normal; background: none; } li.hentry p { margin-top: 0px; } .hentry iframe { border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); float: left; margin-right: 10px; } .hentry img { border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin-top: 21px; } #archiveList h3 { margin-top: 21px; } #archiveList ul { margin-top: 4px; font-weight: bold; } #archiveList ul ul { margin: 0px; font-weight: normal; } .paging { position: relative; border: 7px solid #FFF; background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin: 2px 0 6px 0; text-align: center; } .paging a.prev { position: absolute; left: 5px; } .paging a.next { position: absolute; right: 5px; } /*li.hentry p.excerpt:before {content:"...";}*/ .newsPic { float: left; width: 321px; } .newsPic img { border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin-top: 3px; } .articleFoot { position: relative; border: 7px solid #FFF; background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin: 21px 0 6px 0; text-align: center; } .articleFoot a.goBack { position: absolute; right: 5px; } .entry-content ul { list-style-type: disc; margin-left: 18px; margin-top: 4px; } .entry-content ul li { list-style-type: disc; } /*Klikdisc*/ #klikpurchase { float: left; display: block; width: 146px; height: 39px; text-indent: -9999px; background: url(img/kd-order-button.png) no-repeat; margin-top: 12px; } #klikpdf { float: left; display: block; width: 146px; height: 39px; text-indent: -9999px; background: url(img/kd-download-button.png) no-repeat; margin-left: 12px; margin-top: 12px; } /*Forms*/ .contacts p { margin-top: 10px; } span.required { color: #F00; } .supportForm form div { margin-top: 12px; } .supportForm form label { display: block; } .supportForm form input { padding: 3px 4px; border: 2px solid #CACACA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; outline: none; width: 235px; } .supportForm form select { padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; border: 2px solid #CACACA; outline: none; width: 247px; } .supportForm form textarea { border: 2px solid #CACACA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; padding: 3px 4px; width: 235px; } .supportForm form span.error { color: #F00; font-weight: bold; margin-left: 4px; } .supportForm form .subButton input { color: #FFF; font-weight: bold; padding: 6px 6px; border: 2px solid #1A61D8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; outline: none; width: 100px; margin-top: 6px; background: url(img/btn-gradient.gif) 0px 0px repeat-x; } .supportForm form .subButton input:hover { background-position: 0px -34px; border-color: #2383E6; cursor: pointer; } /*Sort Form - Tutorials page*/ .sortForm { margin: 15px 0px; } .sortForm form label { display: inline; } .sortForm form select { padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; border: 2px solid #CACACA; outline: none; width: 200px; } .sortForm form textarea { border: 2px solid #CACACA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; padding: 3px 4px; width: 235px; } .sortForm form span.error { color: #F00; font-weight: bold; margin-left: 4px; } /*.sortForm form input {padding: 3px 4px; border:2px solid #CACACA; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -khtml-border-radius:4px; outline:none; width:235px;}*/ /*Tab Pages*/ .ui-tabs { margin-top: 21px; } .ui-tabs-nav { list-style: none; border-bottom: 1px solid #d7d7d7; } .ui-tabs-nav { position: relative; height: 40px; } .ui-tabs-nav li { display: inline-block; float: left; margin-right: 5px; } .ui-tabs-nav li a { display: block; font-size: 16px; font-weight: bold; padding: 9px 10px 10px 10px; background: #eee; color: #999; border: 1px solid #d7d7d7; text-decoration: none; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; font-weight: normal; } .ui-tabs-nav li a.tutscategory { font-size: 14px; font-weight: bold; } .ui-tabs-nav li a:hover { text-decoration: none; background: #e7e7e7; } .ui-tabs-nav li.ui-state-active a { background: #fcfcfc; color: #2C6FE3; border: 1px solid #ccc; border-bottom: 1px solid #fcfcfc; } .ui-tabs-hide { display: none; } #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9, #tabs-10 { padding: 15px; } .ui-tabs-panel { border: 1px solid #d7d7d7; border-top: none; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: #fcfcfc; } .ui-tabs-panel p:first-child { margin-top: 0px; } .ui-tabs-panel ul { list-style-type: disc; margin-left: 18px; margin-top: 4px; } .ui-tabs-panel ul li { list-style-type: disc; } /*Tab Pages Images*/ .thumb-caption { width: 175px; float: left; margin-left: 8px; } .xnathumb { width: 271px; margin-left: 48px; } .thumb-caption:first-child, .xnathumb:first-child { margin-left: 0px; } .thumb-caption p.thumb-caption-text { margin: 0px; text-align: center; } .thumbrow { margin-top: 12px; } .thumbrowone { margin-top: 0px; } .infopic { float: left; border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin-right: 18px; } .picborder { border: 5px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); } .halfpad { margin-top: 14px; } .copycredit { font-size: 12px; text-align: center; } #order_link { float: left; display: block; width: 172px; height: 66px; text-indent: -9999px; background: url(img/order-button.png) 0px 0px no-repeat; margin-right: 15px; margin-top: 21px; } #order_link_fr { float: left; display: block; width: 172px; height: 66px; text-indent: -9999px; background: url(img/order-button-fr.png) 0px 0px no-repeat; margin-right: 15px; margin-top: 21px; } #order_link:hover, #order_link_fr:hover { background-position: 0px -66px; } #more_info_link { float: left; display: block; width: 172px; height: 66px; text-indent: -9999px; background: url(img/moreinfo-button.png) 0px 0px no-repeat; margin-top: 21px; } #more_info_link_fr { float: left; display: block; width: 172px; height: 66px; text-indent: -9999px; background: url(img/moreinfo-button-fr.png) 0px 0px no-repeat; margin-top: 21px; } #more_info_link:hover, #more_info_link_fr:hover { background-position: 0px -66px; } .iosrow { margin-left: 4px; } .iosfirst { margin-top: 21px; } .iosfirst a { float: left; margin-left: 33px; } .iosfirst a:first-child { margin-left: 0px; } /*Download Centre*/ ul#dlCategories { border-right: 1px solid #CCC; } ul#dlCategories li { position: relative; cursor: pointer; background: none; margin-top: 12px; } ul#dlCategories li:first-child { margin-top: 0px; } ul#dlCategories li a { display: block; height: 39px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2C6FE3; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 39px; white-space: nowrap; padding: 0px 0px 0px 46px; text-rendering: geometricPrecision; } ul#dlCategories li a.default { background: url(img/dc-default.png) no-repeat; } ul#dlCategories li a.cf25free { background: url(img/dc-cf25free.png)no-repeat; } ul#dlCategories li a.tgf2 { background: url(img/dc-tgf2.png)no-repeat; } ul#dlCategories li a.mmf2 { background: url(img/dc-mmf2.png) no-repeat; } ul#dlCategories li a.mmf2dev { background: url(img/dc-mmf2dev.png) no-repeat; } ul#dlCategories li a.swf { background: url(img/dc-swfexporter.png) no-repeat; } ul#dlCategories li a.ios { background: url(img/dc-iosexporter.png) no-repeat; } ul#dlCategories li a.android { background: url(img/dc-androidexporter.png) no-repeat; } ul#dlCategories li a.xna { background: url(img/dc-xnaexporter.png) no-repeat; } ul#dlCategories li a.install { background: url(img/dc-installcreator.png) no-repeat; } ul#dlCategories li a.patch { background: url(img/dc-patchmaker.png) no-repeat; } ul#dlCategories li:hover, ul#dlCategories li.active { background: url(img/dc-hilighter.png) no-repeat; } .oneDemo { position: relative; margin-bottom: 21px; } .oneDemo p { width: 310px; } .oneDemo a.getDemo { position: absolute; top: 44px; right: -2px; display: block; width: 305px; height: 105px; background: url(img/demo-dl-home.png) 0px 0px no-repeat; text-indent: -9999px; } .oneDemo a.getDemo:hover { background-position: 0px -105px; } .oneDemo a.getDemofr { position: absolute; top: 44px; right: -2px; display: block; width: 305px; height: 105px; background: url(img/demo-dl-home-fr.png) 0px 0px no-repeat; text-indent: -9999px; } .oneDemo a.getDemofr:hover { background-position: 0px -105px; } .dc { position: relative; margin-bottom: 21px; z-index: -1; } .dc p { width: 310px; padding-top: 11px; } .dc a.tryfreeversion { position: absolute; top: 44px; right: -2px; display: block; width: 305px; height: 105px; background: url(img/try-free-prod.png) 0px 0px no-repeat; text-indent: -9999px; } .dc a.tryfreeversion:hover { background-position: 0px -105px; } .dc a.tryfreeversionfr { position: absolute; top: 44px; right: -2px; display: block; width: 305px; height: 105px; background: url(img/try-free-prod-fr.png) 0px 0px no-repeat; text-indent: -9999px; } .dc a.tryfreeversionfr:hover { background-position: 0px -105px; } #wrap .latestVersions p { margin-top: 2px; } #wrap .downloadSet h4:first-child { margin: 21px 0 0 0; } ul.dlbullets { list-style-type: disc; margin-left: 18px; margin-top: 4px; } ul.dlbullets li { list-style-type: disc; } /*Tutorials*/ .tutentry { border: 1px solid #FFF; padding: 9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); margin-top: 15px; } .tutentry:first-child { margin-top: 0px; } .tutentry h4 { margin-top: 0px; } .tutentry p.short { margin-top: 0px; } .tutentry .tuthead { border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; padding-bottom: 7px; } .tutentry img { float: left; margin-right: 12px; } .tutentry ul { list-style-type: disc; margin-left: 18px; margin-top: 4px; } .tutentry ul li { list-style-type: disc; } /*Education Partners*/ .partner { border: 1px solid #FFF; padding: 9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4); background: #fcfcfc; margin-top: 17px; } .partner:first-child { margin-top: 21px; } .partner h4 { margin-top: 0px; } .partner .description p { margin-top: 8px; } .partner .description p:first-child { margin-top: 2px; } .partner .partnerimages { float: left; width: 198px; margin-right: 14px; } .partner .partnerimages img { margin-top: 10px; } .partner .partnerimages img:first-child { margin-top: 0px; } .partner p.footnote { margin-top: 0px; } span.quotes { font-weight: bold; color: #2C6FE3; } p.schools { font-size: 13px; line-height: 24px; } /*Contact Forms*/ #fauxtabs { margin-top: 21px; } #fauxtabs ul { list-style: none; border-bottom: 1px solid #d7d7d7; } #fauxtabs ul { position: relative; height: 40px; } #fauxtabs ul li { display: inline-block; float: left; margin-right: 5px; } #fauxtabs ul li a, #fauxtabs ul li span { display: block; font-size: 16px; font-weight: bold; padding: 9px 20px 10px 20px; background: #eee; color: #999; border: 1px solid #d7d7d7; text-decoration: none; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; font-weight: normal; } #fauxtabs ul li a:hover { text-decoration: none; background: #e7e7e7; } #fauxtabs ul li.fauxactive span { background: #fcfcfc; color: #2C6FE3; border: 1px solid #ccc; border-bottom: 1px solid #fcfcfc; } #tabnull { border: 1px solid #d7d7d7; border-top: none; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: #fcfcfc; padding: 15px; } #tabnull p:first-child { margin-top: 0px; } form div { margin-top: 10px; } form div label { display: inline-block; font-weight: bold; width: 200px; width: 165px; } form div#enqlabel label { position: relative; top: -93px; } form div input { position: relative; top: -20px; border: 2px solid #DDD; padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 240px; float: right; } form div select { border: 2px solid #DDD; padding: 3px; position: relative; top: -20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 250px; float: right; } form div textarea { border: 2px solid #DDD; padding: 3px; margin-top: -20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 240px; height: 100px; float: right; } form p { margin-bottom: 21px; } form div span.error { display: block; background: #ff6161; color: #fff; font-weight: bold; padding: 3px 8px; width: 404px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; } form div input[type=radio] { float: left; margin: 5px; border: none; margin-left: 160px; top: 0px; } form div input[type=checkbox] { float: left; position: relative; margin: 5px; border: none; margin-left: -110px; margin-right: -110px; top: 0px; } form div p.agreement { padding: 25px; width: 900px; } form div label { width: 100%; position: relative; display: inline-block; } form div .radiolist input { width: 20px; margin: 5px; border: none; float: left; margin-left: 270px; } form div .radiolist input[type=radio] { position: relative; float: left; } .attachment { margin-right: 302px; width: 238px; } #wpcf7-f5907-p5908-o1 { width: 775px; margin: 0 auto; } form .captcha-img { position: relative; margin-left: 150px; margin-top: -20px; clear: both; } form .captcha-txt { } form .widefield { width: 540px; } form div#areabox label { width: 500px; } form div#areabox div.radbox { margin-top: 5px; } form div#areabox input { width: 20px; margin: 5px; border: none; float: left; } form p#note { font-size: 12px; margin: 0px; margin-top: -25px; } form .wpcf7-not-valid-tip-no-ajax { font-size: 12px; color: #FFF; background-color: #FF4B4B; border: 1px solid #FF4B4B; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; text-align: center; margin-top: 5px; position: relative; top: 5px; left: 5px; } form .wpcf7-validation-errors { font-size: 12px; color: #FFF; background-color: #FF4B4B; border: 1px solid #FF4B4B; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; text-align: center; margin-top: 5px; position: relative; top: 5px; left: 5px; } form .wpcf7-mail-sent-ok { font-style: italic; font-size: 13px; text-align: center; color: #0A0; } /*Useful Resources*/ div.grid6 img.icon { padding-top: 25px; padding-right: 10px; vertical-align: middle; float: left; } ul.resource li { margin-top: 12px; } ul.resource li a { margin: -3px 0px -14px 5px; } ul.resource li.desc { margin: -2px 10px -3px 5px;} ul.resource li.separator { background: url("img/dropshadow.png") 0px 14px no-repeat; visibility: visible; background-size: 50% 50%; width: 932px; height:15px;} .external_link_icon:before { content: ""; display: block; background: url("img/external_link-icon.png") no-repeat; width: 16px; height: 16px; float: left; margin: 3px 3px 0 0; } .iconResourcesBox { display:block;float: left; width: 100%; margin: 25px 0px 15px 0px; } .iconResourcesBox h4 { line-height: 45px; padding-right: 110px; } /*ClickJam and iD*/ .cjphotos { margin-top: 18px; margin-bottom: 20px; } .idpics { margin-top: 18px; } .cjphotos img, .idpics img { margin-left: 18px; } .cjphotos img:first-child, .idpics img:first-child { margin-left: 0px; } /*WP Alignments*/ img.alignright { float: right; margin: 0 0 1em 1em } img.alignleft { float: left; margin: 0 1em 1em 0 } img.aligncenter { display: block; margin-left: auto; margin-right: auto } .alignright { float: right; padding-left: 5px; background-color: #FFFFFF; } .alignleft { float: left; padding-right: 5px; background-color: #FFFFFF; } .aligncenter { display: block; margin-left: auto; margin-right: auto } /*Footer*/ #footer { width:100%; height: 104px; bottom: 0px; background: url(img/foot-bkgrnd.gif) 0px 16px repeat-x; display:inline-table; } #footContent { position: relative; width: 947px; margin: 0px auto; padding-top: 43px; } #footContent p { margin: 0px; font-size: 12px; line-height: 21px; color: #FFF; } #footContent p a { color: #FFF; text-decoration: none; } #footContent p a:hover { text-decoration: underline; } #footContent p span { padding: 0px 9px; color: #525252; } #footContent .copyright { position: absolute; top: 35px; right: 0px; background: #933; padding: 8px 0px 8px 58px; background: url(img/clickteam-logo-footer.png) 0px 6px no-repeat; } #footContent .copyright p { color: #999; line-height: 20px; text-align:right; } /* NEW STYLES ADDED FOR THE MENU RE-JIG, BY SIMON */ hr.ctMenuDivider {background-color: #FFF; cursor: default;} span.ctMenuSectionHead {background-color: #2c6fe3; width: 100%; display: inline-block; text-align: center; margin: 10px 0px 0px 0px; color: #FFF; font-size: 12px; font-weight: bold; border-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; cursor: default;} /* NEW CSS STYLES ADDED BY SIMON FOR THE F3 DEV BLOG BOXES ETC. */ div.f3homeblogdiv {width: 935px; height: 186px; margin: 0px auto; position: relative; top: -25px; color: #ffffff; cursor: pointer;} div.f3homeblogbuttons {float: right; width: 275px; height: 110px;} .f3homeblogbgcol {background-color: #1D1E1C !important;} div.f3homeblogcontent {width: 645px; height: 186px; border-radius: 5px 5px 0px 5px; position: absolute; overflow: hidden;} a.BIG_button_f3_important {margin: 16px 0px 0px -15px !important; border-radius: 0px 5px 5px 0px; width: 256px; padding-left: 24px;} /* OVERRIDE MAIN BUTTON CLASS TO EXTEND IT LEFT, REPAD AND SHIFT LEFT TO MEET BLOG DIV */ div.f3homeblogimg {width: 166px; height: 166px; background-color: #aaaaff; position: absolute; top: 10px; left: 10px; border-radius: 5px;} div.f3homeblogtext {position: absolute; top: 10px; right: 10px; width: 449px; height: 166px; overflow: hidden;} h1.f3homeblog {color: #32d23b !important; background: none; font-size: 20px; font-weight: bold; margin-bottom: 8px;} /* NEW CSS STYLES ADDED BY DANIEL FOR THE F3 DEV BLOG PAGE */ div.f3_page {width: 946px; height: 100%; margin: 0px auto;} div.f3_banner {width: 946px; height: 243px; background: url(https://www.clickteam.com/wp-content/uploads/f3_banner.png) no-repeat 0 0; margin-bottom: 20px; box-shadow: 0px 0px 5px #000000;} div.f3_previous {width: 33%; height: 600px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .4); float: right;} div.f3_welcome {width: 66%; height: 220px; background: rgb(163, 120, 64); background: rgba(163, 120, 64, .33); float: left;} div.f3_content {width: 66%; height: auto; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .4); float: left; margin-top: 10px; margin-bottom: 60px;} div.f3_heading {width: auto; height: 40px; margin: 10px; background: #000000; border-left: 3px solid #ffffff; border-right: 1px solid #565656; padding-left: 10px; line-height: 40px; font-size: 26px; font-weight: normal; font-family: 'Anton', sans-serif; color: #32d23b; letter-spacing: 0px;} div.f3_double_heading {width: auto; height: 80px; margin: 10px; background: #000000; border-left: 3px solid #ffffff; border-right: 1px solid #565656; padding-left: 10px; line-height: 36px; font-size: 26px; font-weight: normal; font-family: 'Anton', sans-serif; color: #32d23b; letter-spacing: 0px;} div.f3_text {color: #FFFFFF; margin: 10px;} div.f3_date {color: #cfba71; margin: 10px;} div.f3_welcome_text {color: #ffffff; margin: 20px; font-weight: bold;} a.f3:link, a.f3:visited, a.f3:active {color: rgb(144, 114, 64);} .f3_text a:link {color: rgb(144, 114, 64);} .f3_text a:visited {color: rgb(144, 114, 64);} .f3_text a:active {color: rgb(144, 114, 64);} /* NEW CSS STYLES ADDED BY SIMON FOR THE FOCUS ON GREENLIGHT PAGE */ div.fsgl_page {width: 946px; height: 100%; margin: 0px auto;} div.fsgl_banner {width: 946px; height: 212px; background: url(https://www.clickteam.com/wp-content/uploads/focusgreenlight.png) no-repeat 0 0; margin-bottom: 20px; box-shadow: 0px 0px 5px #000000;} div.fsgl_welcome {width: 100%; height: 190px; background: rgb(255, 255, 255); box-shadow: 0px 0px 10px #777777; margin-bottom: 30px;} div.fsgl_content {width: 100%; height: auto; background: rgb(255, 255, 255); box-shadow: 0px 0px 10px #777777; margin-bottom: 30px;} div.fsgl_content table {margin: 0px auto 0px auto !important;} div.fsgl_content td {border: none;} div.fsgl_heading {width: 940px; height: 40px; margin: 0px; padding-left: 10px; background: #797979; line-height: 40px; font-size: 26px; font-weight: normal; font-family: 'Anton', sans-serif; color: #ffffff; letter-spacing: 0px; position: relative; top: 12px; left: 10px; -webkit-box-shadow: 0px 4px 4px -2px #888;} img.fsgl_blip {position: absolute; bottom: -6px; right: 0px; width: 14px; height: 6px;} div.fsgl_footer {width: 940px; height: 30px; margin: 0px; padding-right: 10px; background: #CCCCCC; line-height: 30px; font-size: 20px; font-weight: normal; font-family: 'Anton', sans-serif; color: #ffffff; letter-spacing: 0px; position: relative; bottom: 12px; right: 14px; -webkit-box-shadow: 0px 4px 4px -2px #888; text-align: right;} img.fsgl_footerblip {position: absolute; top: -6px; left: 0px; width: 14px; height: 6px;} div.fsgl_footer > a {color: #1a5f68 !important; text-decoration: none;} div.fsgl_footer > a:hover {color: #268C9B !important; text-decoration: none;} div.fsgl_text {color: #222222; margin: 10px;} div.fsgl_date {color: #cfba71; margin: 10px;} div.fsgl_welcome_text {color: #222222; margin: 20px; font-weight: bold;} a.f3:link, a.f3:visited, a.f3:active {color: rgb(144, 114, 64);} .fsgl_text a:link {color: rgb(144, 114, 64);} .fsgl_text a:visited {color: rgb(144, 114, 64);} .fsgl_text a:active {color: rgb(144, 114, 64);} /* NEW CSS STYLES ADDED BY SIMON FOR THE NEW MULTI BLOG PAGE */ div.ctblog_page {width: 946px; height: 100%; margin: 0px auto;} div.ctblog_banner {width: 946px; height: 243px; background: url('/wp-content/uploads/blog/blogtitle.jpg') no-repeat 0 0; margin-bottom: 20px; box-shadow: 0px 0px 5px #000000; border-radius: 15px;} div.ctblog_previous {width: 320px; height: 600px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .4); float: right;} div.ctblog_welcome {width: 600px; height: 220px; background: rgb(163, 120, 64); background: rgba(163, 120, 64, .33); float: left; margin-bottom: 16px;} div.ctblog_catpanel {width: 320px; height: 220px; background: rgb(163, 120, 64); background: rgba(163, 120, 64, .33); position: absolute; right: 8px; margin-bottom: 16px;} div.ctblog_catpull {position: absolute; bottom: 0px; width: 100%; height: 30px; background: rgba(163, 120, 64, .33); border-radius: 0px 0px 12px 12px; text-align: center;} div.ctblog_catwrapper {width: 100%; height: 130px; overflow: hidden;} div.ctblogCatTree {padding: 8px 0px 10px 0px;} div.ctblog_content {width: 600px; width: 946px; height: auto; background: rgb(0, 0, 0); background: rgba(8, 8, 20, .4); float: left; margin-top: 20px; margin-bottom: 45px;} div.ctblog_heading {width: auto; height: 40px; padding: 10px 10px 10px 20px; line-height: 40px; font-size: 30px; font-weight: normal; font-family: 'Encode Sans Condensed', sans-serif; color: #2d616f; letter-spacing: 0px; text-shadow: 1px 1px 5px #888888; background-color: rgba(200,200,200,0.5); border-radius: 12px 12px 0px 0px;} div.ctblog_double_heading {width: auto; height: 80px; margin: 10px; background: #000000; border-left: 3px solid #ffffff; border-right: 1px solid #565656; padding-left: 10px; line-height: 36px; font-size: 26px; font-weight: normal; font-family: 'Encode Sans Condensed', sans-serif; color: #32d23b; letter-spacing: 0px;} div.ctblog_text {color: #FFFFFF; padding: 0px 20px 30px 20px; font-family: Verdana;} div.ctblog_text img {box-shadow: 0px 0px 5px #333333; border-radius: 4px; max-width: 100% !important; width: auto; height: auto;} div.ctblog_text iframe {box-shadow: 0px 0px 5px #333333; border-radius: 4px;} .ctblog_noshade {box-shadow: none !important; border: 0px !important; border-radius: 0px !important;} .ctblog_trans {background-color: transparent !important;} div.ctblog_date {color: #333333; margin: 20px;} div.ctblog_welcome_text {color: #444466; margin: 20px; font-weight: bold; font-family: Roboto;} .ctblog_roundbox {border-radius: 12px; box-shadow: 0px 0px 5px #888888;} img.ctblog_boxicon {width: 62px; max-width: 100%; height: 62px; float: right; margin: -12px -10px 0px 0px;} div.ctblog_page h1 {width: 900px; max-width: 100%; height: 40px; margin: 30px 0px 30px 0px; background-color: rgba(100,100,100,0.5); border-radius: 5px 0px 0px 5px; line-height: 40px; font-size: 22px; font-weight: normal; font-family: 'Encode Sans Condensed', sans-serif; color: #FFFFFF; letter-spacing: 0px; position: relative; right: -6px; background-image: none; padding-left: 20px; box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.9);} div.ctblog_page h2 {width: 906px; max-width: 100%; height: 40px; margin: 30px 0px 30px 0px; background-color: rgba(120,120,120,0.5); border-radius: 5px 0px 0px 5px; line-height: 40px; font-size: 22px; font-weight: normal; font-family: 'Encode Sans Condensed', sans-serif; color: #FFFFFF; letter-spacing: 0px; background-image: none; padding-left: 20px; box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.9);} a.f3:link, a.f3:visited, a.f3:active {color: rgb(144, 114, 64);} .ctblog_text a:link, .ctblog_text a:visited, .ctblog_text a:active {color: #FFFF33;} img.ctblog_blindpull {position: relative; top: 4px; opacity: 0.7; cursor: grab;} img.ctblog_socialicon {margin: 0px 10px;} div.ctblog_socialicon {width: 100%; text-align: center; margin-top: 50px;} div.ctbloghomediv {width: 935px; height: 186px; margin: 0px auto; position: relative; top: -25px; color: #ffffff; cursor: pointer;} div.ctbloghomebuttons {float: right; width: 275px; height: 110px;} .ctbloghomebgcol {background-color: #0063c3 !important;} div.ctbloghomecontent {width: 645px; height: 186px; border-radius: 5px 5px 0px 5px; position: absolute; overflow: hidden;} a.BIG_button_f3_important {margin: 16px 0px 0px -16px !important; border-radius: 0px 5px 5px 0px; width: 257px; padding-left: 24px;} /* OVERRIDE MAIN BUTTON CLASS TO EXTEND IT LEFT, REPAD AND SHIFT LEFT TO MEET BLOG DIV */ div.ctbloghomeimg {width: 166px; height: 166px; background-color: #aaaaff; position: absolute; top: 10px; left: 10px; border-radius: 5px; box-shadow: 0px 0px 5px #111111;} div.ctbloghometext {position: absolute; top: 10px; right: 10px; width: 449px; height: 166px; overflow: hidden;} h1.ctbloghome {color: #f6ff9b !important; background: none; font-size: 20px; font-weight: bold; margin-bottom: 8px;} div.blogvidcenter {text-align: center;} .rewards_fuel_contest_frame {box-shadow: none !important; border-radius: none !important;} /* GDPR TOOL STYLES */ .GDPRsubheading {background: #E1F4FF !important; border-radius: 8px; clear: both; box-sizing: border-box; padding: 15px;} .GDPRsubwarning {background: #FFDD1C !important; border-radius: 8px; clear: both; box-sizing: border-box; padding: 15px; color: black; font-size: larger;} .GDPRoptbox {background: #F2F3E0 !important; border-radius: 8px; clear: both; box-sizing: border-box; padding: 15px; color: black; box-shadow: 0px 0px 5px #666;} .GDPRoptboxHeadline {color: #29327A; font-size: 28px; font-weight: bold; text-shadow: 2px 2px 2px #aaaaaa;} .GDPRoptsubbox {background: #DDD !important; border-radius: 6px; display: inline-block; box-sizing: border-box; padding: 15px; border: 1px solid #CCC; width: 900px; overflow: hidden;} .GDPRoptsubboxtitle {width: 285px; display: inline-block; margin-right: 15px; color: #29327A; font-weight: bold; font-size: larger; text-align: left; vertical-align: center;} .GDPRoptsubboxtitle > span {color: red;} .GDPRoptsubboxtitleInfo {display: inline-block; width: 18px; height: 18px; vertical-align: middle; cursor: pointer; background-image: url('/extra/gdprinfo.png');} .GDPRlinkbox {display: none; background: #E1F4FF !important; border-radius: 8px; clear: both; box-sizing: border-box; padding: 15px; box-shadow: 0px 0px 5px #777;} .GDPRlinkboxHeadline {color: #0080FF; font-size: 28px; font-weight: bold; text-shadow: 2px 2px 2px #ccc;} .GDPRlinksubbox {position: relative; background: #DEFDFF; border-radius: 6px; display: inline-block; box-sizing: border-box; padding: 15px 100px; border: 1px solid #CCC; width: 900px;} .GDPRlinksubbox > img {position: absolute; top: 50%; width: 68px; height: 60px; margin: -30px 10px 0px 10px;} .GDPRlinksubbox > span {font-size: larger; font-weight: bold;} .GDPRlinkboxInput {border: 1px solid #AAA; padding: 5px; border-radius: 5px; width: 80%;} .GDPRlinkboxButton {position: relative; border: 1px solid #AAA; padding: 5px; border-radius: 5px; width: 10%; background: #CCC; top: 0px; left: 0px; margin-left: 10px; cursor: pointer;} .GDPRlinkboxButton:hover {background: #AAA;} .GDPRlinkboxButton:active {top: 1px; left: 1px; background: #8A8;} .GDPRoptopt {display: inline-block; border: 2px solid #888; border-radius: 6px; box-sizing: border-box; padding: 5px 10px; box-shadow: 0px 0px 5px #777; font-weight: bold; width: 260px; cursor: pointer; vertical-align: middle; margin: 2px 0px;} .GDPRoptopt > span {font-size: larger; border-right: 10px solid transparent;} .GDPRoptYES {background: #AAFFAA;} .GDPRoptYES:hover {background: #40FF40;} .GDPRoptNO {background: #FFAAAA;} .GDPRoptNO:hover {background: #FF4040;} .GDPRpopupContainer {display: none; position: fixed; width: 100%; height: 100%; box-sizing: border-box; top: 0px; left: 0px; z-index: 999999; background-color: rgba(0,0,0,0.4);} .GDPRpopupBox {position: absolute; display: block; width: 500px; height: 300px; background: #FFF; vertical-align: middle; left: 50%; margin-left: -250px; top: 50%; margin-top: -150px; border-radius: 6px; box-shadow: 0px 0px 15px #111111;} .GDPRpopupBoxTitle {position: absolute; top: 0px; left: 0px; background-color: #CCC; width: 100%; height: 40px; border-bottom: #BBB; border-radius: 6px 6px 0px 0px; color: black; font-size: 24px; text-align: center; box-sizing: border-box; padding: 10px 0px 0px 0px; cursor: move;} .GDPRpopupBoxTitle > span {color: #D70000; font-weight: bold;} .GDPRpopupBoxClose {position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; cursor: pointer; background-image: url('/extra/gdprclose.png');} .GDPRpopupBoxBlurb {background: #EEEEEE; width: 480px; height: 240px; margin: 50px 10px 10px 10px; padding: 10px; box-sizing: border-box; overflow-y: auto; color: #1A1A1A;} .GDPRpopupBoxBlurb li {list-style: disc; margin-left: 20px;} .GDPRpopupBoxBlurb > span {color: red;} .GDPRpopupAskerBox {background: #DDDDDD; width: 480px; height: 100px; margin: 10px 10px 0px 10px; text-align: center; color: #1A1A1A;} .GDPRpopupAskerTitle {display: inline-block; width: 100%; margin-top: 5px;} .GDPRpopupAskerButtons {display: inline-block; width: 100%; text-align: center; margin-top: 10px;} .GDPRpopupAskerButtons > div {position: relative; display: inline-block; background: #FFF; width: 220px; height: 38px; border: 2px solid #888; border-radius: 6px; box-sizing: border-box; padding: 5px 10px; box-shadow: 0px 0px 5px #777; font-weight: bold; cursor: pointer; vertical-align: middle;} .GDPRpopupAskerButtons > div:hover {background: #AAA; color: #FFF;} .GDPRpopupAskerButtons > div:active {top: 1px; left: 1px; background: #8A8; color: #BFB;} .GDPRpopupAskerButLeft {margin-right: 10px;} .GDPRpopupAskerButRight {} /* NEW STYLES ADDED FOR PRO SERVICES PAGES AND POSTS */ .ctpsBigImageRounded {border-radius: 25px;} .ctpsLeftMargin10 {margin-left: 10px !important;} .ctpsStudioLogo {background: transparent !important;} #ctps_contact {box-shadow: 0px 0px 4px #AAA; font-size: 14px; font-weight: bold; background-color: #CAD8DF; border-radius: 15px; padding: 10px 30px 10px 30px; margin-top: 20px;} #ctps_contact input,textarea {width: 100%; padding: 5px; margin-top: 15px; border-radius: 5px; box-shadow: 0px 0px 6px #AAA; min-height: 40px; box-sizing: border-box; font-weight: normal; color: #1A1A1A; font-family: verdana; font-size: 12px;} #ctps_contact textarea {min-height: 200px;} .wpcf7-submit {font-family: verdana !important; font-size: 14px !important; font-weight: bold !important; cursor: pointer;} .ctps_page_cont {width: 940px; height: 161px; margin-bottom: 20px; margin-left: 10px; background: url('/wp-content/uploads/CTProServicesLogo940x161.png') no-repeat top left; cursor: pointer;} .ctps_post_body {width: 940px; margin-left: 10px; background-color: rgba(255,0,0,0.0);} .ctps_post_content {} .ctps_foot_cont {clear: both; background-color: rgba(0,255,0,0.2); width: 940px; margin: 0px auto;} .ctps_foot_head {} .ctps_foot_body {width: 280px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 10px; color: rgb(144, 114, 64);} a[rel=wp-video-lightbox] {display: inline-block; margin: 6px 1px 0px 0px;} a[rel=wp-video-lightbox] > img{width: 230px; height: 172px;} .ctps_post_body ul {margin: 20px 0px 0px 19px;} .ctps_post_body li {list-style-type: disc; margin-bottom: 3px;} .ctps_linkbox {width: 444px; height: 200px; margin: 0px auto; box-shadow: 0px 0px 4px #000; margin-top: 20px;} .ctps_linkbox_a {} .ctps_linkbox_a > img {} .ctps_linkbox, .ctps_linkbox_left, .ctps_linkbox_right {border-radius: 15px;} .ctps_linkbox_left {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .ctps_linkbox_right {border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .ctps_linkbox_not-allowed {cursor: not-allowed;} #ctps_post_body > div > div > p > a > img {border-radius: 25px 25px 0px 0px;} .bulletsOn {list-style-position: outside !important; margin: 10px 0px 20px 30px !important;} .bulletsOn > li {list-style-type: disc !important;} .bulletsOn > li > ul {margin: 20px 0px 0px 50px;} .bulletsOn > li > ul > li {list-style-type: circle !important;} .bulletsOn > li > ul > li > ul {margin: 10px 0px 0px 50px;} .bulletsOn > li > ul > li > ul > li {list-style-type: square !important;} .bordersOff td {border: 0px !important;} .wp5tablecell50 td {width: 50% !important;} a[rel=wp-video-lightbox] {margin: 0px !important;} #rev_slider_1_1, #rev_slider_2_1 {width: 960px !important; position: relative; top: -25px;} /* STUCK INSIDE CLASSES */ div.si-bg-tl {background-image: url('/extra/si/stuckinside-bg-tl.png'); background-size: 309px 367px; background-repeat: no-repeat; min-height: 503px;} img.si-headline {float: right; clear: both; width: 567px; height: 36px;} div.si-byline {float: right; clear: both; width: 567px; text-align: center; font-variant: small-caps; line-height: 20px !important; color: transparent; margin-top: 14px;} div.si-byline [class*="word"] {margin-bottom: 14px;} div.si-body {clear: both; padding-top: 30px; text-align: center; font-family: 'Futura'; font-size: 20px;} div.si-codebox {border: 10px solid #444444; border-radius: 20px; font-family: 'Futura'; font-weight: bold; font-size: 40px; width: 615px; height: 50px; padding-top: 25px; display: inline-block; box-shadow: 0px 0px 5px #777; background-color: #f5ef89; margin-top: 10px;} p.si-dllink {font-family: 'Futura'; font-color: blue; font-size: 30px; font-variant: small-caps;} p.si-dllink img {vertical-align: middle; margin: 0px 15px;} p.si-dllink a:hover {text-decoration: none; color: #A33838;}