/* Minification failed. Returning unminified contents. (3943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4030,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4032,21): run-time error CSS1039: Token not allowed after unary operator: '-bodyFont' (4035,20): run-time error CSS1039: Token not allowed after unary operator: '-modeTransition' (4049,15): run-time error CSS1039: Token not allowed after unary operator: '-headingColor' (4054,15): run-time error CSS1039: Token not allowed after unary operator: '-linkColor' (4058,15): run-time error CSS1039: Token not allowed after unary operator: '-rolloverColor' (4061,15): run-time error CSS1039: Token not allowed after unary operator: '-visitedColor' (4064,15): run-time error CSS1039: Token not allowed after unary operator: '-visitedHoverColor' (4067,15): run-time error CSS1039: Token not allowed after unary operator: '-introColor' (4070,26): run-time error CSS1039: Token not allowed after unary operator: '-color11' (4071,31): run-time error CSS1039: Token not allowed after unary operator: '-color11' (4075,22): run-time error CSS1039: Token not allowed after unary operator: '-color11' (4078,43): run-time error CSS1039: Token not allowed after unary operator: '-tabHoverBorderColor' (4081,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4087,26): run-time error CSS1039: Token not allowed after unary operator: '-highlightColor' (4090,21): run-time error CSS1039: Token not allowed after unary operator: '-headingFont' (4109,21): run-time error CSS1039: Token not allowed after unary operator: '-bodyFont' (4114,21): run-time error CSS1039: Token not allowed after unary operator: '-headingFont' (4120,21): run-time error CSS1039: Token not allowed after unary operator: '-headingFont' (4130,25): run-time error CSS1039: Token not allowed after unary operator: '-themeShade' (4131,26): run-time error CSS1039: Token not allowed after unary operator: '-backgroundImage' (4132,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4135,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4138,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4144,15): run-time error CSS1039: Token not allowed after unary operator: '-linkColor' (4150,15): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor' (4153,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4154,22): run-time error CSS1039: Token not allowed after unary operator: '-defaultBgColor' (4157,26): run-time error CSS1039: Token not allowed after unary operator: '-color4' (4160,26): run-time error CSS1039: Token not allowed after unary operator: '-color4' (4164,15): run-time error CSS1039: Token not allowed after unary operator: '-helpBlockColor' (4168,17): run-time error CSS1039: Token not allowed after unary operator: '-flagOpacity' (4172,23): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4176,16): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4180,26): run-time error CSS1039: Token not allowed after unary operator: '-tabActiveBgColor' (4181,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4185,15): run-time error CSS1039: Token not allowed after unary operator: '-helpBlockColor' (4193,26): run-time error CSS1039: Token not allowed after unary operator: '-defaultDisabledBgColor' (4196,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4197,20): run-time error CSS1039: Token not allowed after unary operator: '-modeTransition' (4201,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4206,23): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4209,20): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4215,26): run-time error CSS1039: Token not allowed after unary operator: '-tagColor' (4223,20): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4226,23): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle2' (4234,20): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4237,26): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4240,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4243,26): run-time error CSS1039: Token not allowed after unary operator: '-tintBgColor' (4246,22): run-time error CSS1039: Token not allowed after unary operator: '-color4' (4251,26): run-time error CSS1039: Token not allowed after unary operator: '-color12' (4256,15): run-time error CSS1039: Token not allowed after unary operator: '-color10' (4261,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4281,21): run-time error CSS1039: Token not allowed after unary operator: '-headingFont' (4339,22): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (4343,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (4352,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (4376,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (4390,26): run-time error CSS1039: Token not allowed after unary operator: '-tabActiveColor' (4391,22): run-time error CSS1039: Token not allowed after unary operator: '-tabActiveColor' (4394,21): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4395,22): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4396,23): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4401,15): run-time error CSS1039: Token not allowed after unary operator: '-tabActiveColor' (4402,26): run-time error CSS1039: Token not allowed after unary operator: '-tabActiveBgColor' (4403,16): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4404,29): run-time error CSS1039: Token not allowed after unary operator: '-tabActiveBorderBottomColor' (4407,22): run-time error CSS1039: Token not allowed after unary operator: '-tabHoverBorderColor' (4411,26): run-time error CSS1039: Token not allowed after unary operator: '-tabHoverBorderColor' (4414,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4417,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4421,26): run-time error CSS1039: Token not allowed after unary operator: '-color9' (4425,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4437,26): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4438,22): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4441,26): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4442,15): run-time error CSS1039: Token not allowed after unary operator: '-color10' (4517,21): run-time error CSS1039: Token not allowed after unary operator: '-headingFont' (4533,26): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4556,26): run-time error CSS1039: Token not allowed after unary operator: '-color3' (4592,21): run-time error CSS1039: Token not allowed after unary operator: '-headingFont' (4596,26): run-time error CSS1039: Token not allowed after unary operator: '-backgroundImage' (4599,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4646,15): run-time error CSS1039: Token not allowed after unary operator: '-headingColor' (4649,15): run-time error CSS1039: Token not allowed after unary operator: '-headingColor' (4650,33): run-time error CSS1039: Token not allowed after unary operator: '-underlineColor' (4653,26): run-time error CSS1039: Token not allowed after unary operator: '-stripeBg1' (4656,26): run-time error CSS1039: Token not allowed after unary operator: '-color11' (4657,22): run-time error CSS1039: Token not allowed after unary operator: '-color4' (4658,15): run-time error CSS1039: Token not allowed after unary operator: '-color10' (4681,15): run-time error CSS1039: Token not allowed after unary operator: '-linkColor' (4684,15): run-time error CSS1039: Token not allowed after unary operator: '-rolloverColor' (4687,15): run-time error CSS1039: Token not allowed after unary operator: '-rolloverColor' (4734,26): run-time error CSS1039: Token not allowed after unary operator: '-color13' (4737,15): run-time error CSS1039: Token not allowed after unary operator: '-color14' (4752,26): run-time error CSS1039: Token not allowed after unary operator: '-color7' (4755,26): run-time error CSS1039: Token not allowed after unary operator: '-color6' (4758,15): run-time error CSS1039: Token not allowed after unary operator: '-underlineColor' (4762,26): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4765,26): run-time error CSS1039: Token not allowed after unary operator: '-color8' (4768,21): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4769,22): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4770,15): run-time error CSS1039: Token not allowed after unary operator: '-headingColor' (4773,21): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4774,22): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4777,26): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4780,15): run-time error CSS1039: Token not allowed after unary operator: '-color3' (4791,23): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4802,23): run-time error CSS1039: Token not allowed after unary operator: '-borderStyle1' (4809,26): run-time error CSS1039: Token not allowed after unary operator: '-color1' (4825,15): run-time error CSS1039: Token not allowed after unary operator: '-bodyColor' (4889,26): run-time error CSS1039: Token not allowed after unary operator: '-mainBgColor' (4890,26): run-time error CSS1039: Token not allowed after unary operator: '-popupBorderColor' (4893,26): run-time error CSS1039: Token not allowed after unary operator: '-stripeBg1' (4896,26): run-time error CSS1039: Token not allowed after unary operator: '-stripeBg2' (4925,26): run-time error CSS1039: Token not allowed after unary operator: '-color4' */ /* * easy-autocomplete * jQuery plugin for autocompletion * * @author Łukasz Pawełczak (http://github.com/pawelczak) * @version 1.3.5 * Copyright License: */ .easy-autocomplete { position: relative; } .easy-autocomplete input { border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #555; float: none; padding: 6px 12px; } .easy-autocomplete input:hover, .easy-autocomplete input:focus { box-shadow: none; } .easy-autocomplete a { display: block; } .easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category { border-color: #66afe9; } .easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected { background-color: #ecf5fc; } .easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category { border-color: #41DB00; } .easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected { background-color: #9eff75; } .easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category { border-color: #ff5b5b; } .easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected { background-color: #ff8e8e; } .easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category { border-color: #ffdb00; } .easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected { background-color: #ffe233; } .easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category { border-color: #333; } .easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected { background-color: #4d4d4d; color: #fff; } .easy-autocomplete.eac-dark { color: #fff; } .easy-autocomplete.eac-dark input { background-color: #404040; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-dark ul { border-color: #333; } .easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category { background-color: #404040; border-color: #333; } .easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected { background-color: #737373; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass { color: #fff; } .easy-autocomplete.eac-dark-glass input { background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus { border-color: rgba(0, 0, 0, 0.8); box-shadow: 0; } .easy-autocomplete.eac-dark-glass ul { border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected { background-color: rgba(64, 64, 64, 0.8); color: #f6f6f6; } .easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child { border-radius: 0 0 4px 4px; } .easy-autocomplete.eac-blue { color: #fff; } .easy-autocomplete.eac-blue input { background-color: #6d9ed1; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-blue input::-webkit-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input::-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-ms-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus { border-color: #5A91CB; box-shadow: 0; } .easy-autocomplete.eac-blue ul { border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category { background-color: #6d9ed1; border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected { background-color: #94b8dd; color: #f6f6f6; } .easy-autocomplete.eac-yellow { color: #333; } .easy-autocomplete.eac-yellow input { background-color: #ffdb7e; border-color: #333; border-radius: 4px; box-shadow: 0; color: #333; } .easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-yellow ul { border-color: #333; } .easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category { background-color: #ffdb7e; border-color: #333; } .easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected { background-color: #ffe9b1; color: #333; } .easy-autocomplete.eac-purple { color: #333; } .easy-autocomplete.eac-purple input { background-color: #d6d1e7; border-color: #b8afd5; box-shadow: 0; color: #333; } .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-purple ul { border-color: #333; } .easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category { background-color: #d6d1e7; border-color: #333; } .easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected { background-color: #ebe8f3; color: #333; } .easy-autocomplete.eac-bootstrap input { border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; color: #555; padding: 6px 12px; } .easy-autocomplete-container { left: 0; position: absolute; width: 100%; z-index: 2; } .easy-autocomplete-container ul { background: none repeat scroll 0 0 #ffffff; border-top: 1px dotted #ccc; display: none; margin-top: 0; padding-bottom: 0; padding-left: 0; position: relative; top: -1px; } .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { background: inherit; border-color: #ccc; border-image: none; border-style: solid; border-width: 0 1px; display: block; font-size: 14px; font-weight: normal; padding: 4px 12px; } .easy-autocomplete-container ul li:last-child { border-radius: 0 0 2px 2px; border-width: 0 1px 1px; } .easy-autocomplete-container ul li.selected { background: none repeat scroll 0 0 #ebebeb; cursor: pointer; } .easy-autocomplete-container ul li.selected div { font-weight: normal; } .easy-autocomplete-container ul li div { display: block; font-weight: normal; word-break: break-all; } .easy-autocomplete-container ul li b { font-weight: bold; } .easy-autocomplete-container ul .eac-category { color: #aaa; font-style: italic; } .eac-description .eac-item span { color: #aaa; font-style: italic; font-size: 0.9em; } .eac-icon-left .eac-item img { margin-right: 4px; max-height: 30px; } .eac-icon-right .eac-item { margin-top: 8px; min-height: 24px; position: relative; } .eac-icon-right .eac-item img { margin-left: 4px; max-height: 30px; position: absolute; right: -4px; top: -8px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .hid, .jsshow { display: none; } input.placeholder { color: #999; } .table-hover > tbody > tr:hover { cursor: pointer; } .navbar { margin-bottom: 0; } .media, .media-body { overflow: visible; } .media-left, .media > .pull-left { padding-right: 14px; } .media-left > div, .media > .pull-left > div { max-height: 180px; overflow: hidden; text-align: center; width: 156px; } .media-left img, .media > .pull-left img { height: auto; max-height: 120px; width: auto; max-width: 140px; } body { font: 14px/20px 'Open Sans', 'Arial', sans-serif; background-color: #000000; word-wrap: break-word; } a:hover, a:focus { text-decoration: none; } h1, h2, h3 { margin-bottom: 20px; } h3::first-letter { text-transform: uppercase; } .pagetype { position: relative; } .pagetype h3 { font-size: 28px; margin: 0 0 20px 0; } .maincontent .pagetype h3 { margin-top: 10px; } .sideboxes h3 { margin-top: 10px; margin-bottom: 16px; } .sideboxes h4 { margin-top: 20px; } h4 > span { display: inline-block; } h4::first-letter, h4 > span::first-letter { text-transform: uppercase; } h5 { text-transform: uppercase; } h6 { color: #999999; } th { text-transform: capitalize; } #maincontentcontainer { padding: 20px 0 40px 0; background-color: #ffffff; } .date { font-size: 11px; color: #999999; } .logo { text-align: center; } .headline { font-weight: bold; font-size: 20px; line-height: 23px; margin-bottom: 4px; } .maincontent .headline { font-size: 24px; line-height: 1.3; } .intro { color: #777; } .maincontent .intro { line-height: 1.4; margin-bottom: 4px; } .from { color: #666666; font-variant: small-caps; font-size: 12px; } .newsList .from { float: right; margin-left: 12px; } .newsItem .newsType { float: left; margin-right: 10px; font-size: 11px; color: #999999; font-variant: small-caps; } .newsList .title { display: none; } #pane-Company-assets .title { display: none; } /*fieldset.textinputs li.formRequired label { &:after { content: "*"; opacity: 0.6; } }*/ /*.form-group.formRequired label::after, li.formRequired label::after { content: "*"; opacity: 0.6; }*/ /*fieldset.textinputs li.formRequired label.no-style { // For nested labels e.g. email preferences font-weight: normal; &:after { content: ""; } }*/ /*.form-group.formRequired label.no-style, li.formRequired label.no-style { font-weight: normal; &:after { content: ""; } }*/ .infoBox { margin: 20px 0; } .infoBoxItem { margin-bottom: 10px; } .infoBoxItem:last-child { margin-bottom: 0; } .infoBoxLabel { display: inline-block; vertical-align: top; margin-right: 8px; font-weight: bold; opacity: 0.8; } .infoBoxData { display: inline-block; } .bodytext img, .bodytext iframe { max-width: 100%; } html.page { width: 100%; } body.page { position: relative; width: 100%; min-height: 100%; } .limit-width { max-width: 250px; } .row-no-header { padding-top: 20px; } .sideboxes aside { padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; margin-bottom: 25px; } .sideboxes aside header { position: relative; } .sideboxes aside .table { margin-bottom: 0; } .sideboxes aside .table > tbody > tr > td, .sideboxes aside .table > tbody > tr > th, .sideboxes aside .table > tfoot > tr > td, .sideboxes aside .table > tfoot > tr > th, .sideboxes aside .table > thead > tr > td, .sideboxes aside .table > thead > tr > th { border-top: 1px solid #eee; } .sideboxes aside .pager { margin: 15px 0 0 0; } .sideboxes aside .asideContent { margin-bottom: 10px; } .sideboxes-left aside { margin-bottom: 25px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); border: 1px solid #ddd; padding: 15px; } .sideboxes-right aside:last-child { border-bottom: none; } @media (min-width: 992px) { .sideboxes-right { border-left: 1px solid #dbdbdb; } .sideboxes-right aside { padding-left: 5px; } } .sideboxes-right { margin-top: 30px; } @media (min-width: 768px) { .ViewNews .sideboxes-right { margin-top: 0; border-left: 1px solid #dbdbdb; } .ViewNews .sideboxes-right aside { padding-left: 5px; } .container-content { min-height: 400px; } } .navbar-nav-main > li > a { text-transform: capitalize; } .search-container > li { float: none; } .search-container > li .form-group { display: inline-block; margin: 0 auto; } .search-container .input-group-btn > .btn { z-index: 2; } .nav-login > li, .nav-login > li.countryselect { display: inline-block; } .nav-login > li a, .nav-login > li.countryselect a { display: inline-block; } .nav-login > li { float: left; } .nav-login > li.nav-toggle-container { float: right; } .navbar-toggle { margin-top: 0; } .navbar-text { display: inline-block; line-height: 20px; margin: 0 15px; padding: 10px 0; } @media (min-width: 768px) { .nav-login > li { display: inline-block; } .navbar-text { padding: 15px 0; } .search-container { margin-left: 15px; } } .sortableList { list-style: none; padding: 0; } .sortableList > li { margin-bottom: 20px; } @media (min-width: 992px) { .sideboxes aside footer .pager { text-align: right; } .sideboxes aside footer .pager li > a { padding: 3px 6px; font-size: 12px; } } .moreLinkContainer { text-align: right; margin-top: 12px; } .newsList, .LatestAdditionsList, .attachmentList, .itemTextList { list-style: none; padding: 0; } .newsItem, .LatestAdditionsList > li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dddddd; } .itemText { margin-bottom: 10px; } .itemText .title { font-weight: bold; } .attachment { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eeeeee; } .attachment .thumbnailset { margin-top: 10px; } .attachmentListOrphan .attachment:first-child { padding-top: 0; border-top: none; } .presskitList .attachment:first-child { border-top: none; } .fileCollectionList { list-style-type: none; padding: 0; margin: 0; opacity: 0.8; font-size: 90%; } .fileCollectionList li { display: inline-block; margin-right: 8px; } .fileCollectionList li i { padding-right: 2px; } .fileCollectionList li { display: inline-block; margin-right: 8px; } .fileCollectionList li i { padding-right: 4px; } .maincontent .attachmentTextList.isAttachment { margin: 5px 0 0 0; } .maincontent .attachmentTextList.isAttachment::before { content: "+"; display: block; float: left; } .maincontent .attachmentTextList.isAttachment .fileCollectionList { margin-left: 20px; } .fileCol { display: inline-block; } .assetsList { padding: 0 15px; } .assetsListItem { padding-bottom: 20px; padding-top: 10px; border-top: 1px solid #eeeeee; } .assetsListItem:first-child { padding-top: 0; border-top: none; } .assetInfo { margin-bottom: 20px; } .docDownload { position: relative; margin-bottom: 10px; } .doc { display: inline-block; *display: inline; *zoom: 1; height: 16px; line-height: 16px; vertical-align: middle; padding-left: 22px; background: url('/Content/shared/images/doc-DOC.png') left center no-repeat; } .doc-PDF { background: url('/Content/shared/images/doc-PDF.png') left center no-repeat; } .latestFeed .itemImage { margin-right: 10px; } .TeamIndexIntro > span, .TeamIndexIntro > .textitem > span { display: block; margin-bottom: 30px; } .contact-info { list-style: none; padding: 0; } .TeamJobTitle { font-weight: bold; } .ViewItem .pagetype h1 { display: none; } .ViewItem .HeaderPanel h2 { margin-bottom: 0; } .infoBox { margin: 20px 0; } .productLogoContainer { text-align: center; } .productKeyFeatures { margin-top: 24px; } .productKeyFeatures li { margin-top: 12px; } .ViewItem a.formatFilterButton.selected { color: #aaa; font-weight: bold; cursor: default; } .tableSchedule th { text-transform: uppercase; } .table.tableSchedule > tbody > tr > td { vertical-align: middle; } .td-prod, .td-name { font-weight: bold; } .sortable { white-space: nowrap; } .sort { display: inline-block; margin-left: 8px; width: 1em; } .sort .sort-asc, .sort .sort-desc { color: #666; display: none; } .sort-none { color: #ccc; } .sorted .sort-none { display: none; } .sorted .sort-asc { display: inline-block; } .sorted.sortreverse .sort-none { display: none; } .sorted.sortreverse .sort-desc { display: inline-block; } .sorted.sortreverse .sort-asc { display: none; } .featuredProductsList .tn:not(.ph) { vertical-align: middle; } .ItemsFeatured .itemCaption { display: none; } .featuredTitlesDates .itemText { margin-bottom: 0; } .featuredTitlesDates .date-date { font-weight: bold; } .featuredTitlesDates .date-format:after { content: ": "; } .widgetLatestAssetsThumbs .asideContent, .widgetLatestAssetsVideos .asideContent { padding-top: 8px; } .widgetLatestAssetsVideos .tn:not(.ph) .tn-inner { margin-right: 0; } .promoImage .imageItem img { max-width: 100%; height: auto; } .newsHero { text-align: center; margin: 30px 0; } .newsHero img { margin: 0 auto; max-width: 100%; } .boilerplate { margin-top: 20px; } .boilerplateHeader { font-weight: bold; } .boilerplateHeader, .boilerplateText { font-size: 90%; line-height: 120%; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; } .flag, .flag-wrapper { display: inline-block; width: 16px; height: 11px; } .flag { font-size: 0; } .flag-wrapper { position: relative; font-size: 10px; line-height: 11px; text-align: center; } .flag.flag-wrapped { position: absolute; left: 0; top: 0; } .flag.worldflag { width: 16px; height: 16px; background: url(/Content/shared/images/world.png) no-repeat center center; } .flag-td { text-align: center; } .flag-td .flag { display: inline-block; margin: 2px; } .RegionSelectContainer h1 { text-align: center; font-size: 1.5em; } .RegionSelectContainer ul { list-style: none; text-align: center; font-size: 2em; line-height: 2em; padding-left: 0; font-weight: bold; } .pageFooter { color: #9d9d9d; padding: 10px 0 30px 0; } .pageFooter a, .pageFooter a:focus, .pageFooter a:visited { color: #9d9d9d; } .pageFooter a:hover { color: #dddddd; text-decoration: none; } .pageFooter h4 { text-transform: uppercase; margin: 20px 0 10px 0; } .pageFooter .footer-links > div { margin-bottom: 10px; } .pageFooter .footer-links > div > a { display: inline-block; } .pageFooter .footer-links > div > a::first-letter { text-transform: capitalize; } .pageFooter .container-links { padding: 0 20px 20px 20px; } .pageFooter .container-legal, .pageFooter .container-logout { text-align: center; font-size: 11px; } .pageFooter .col-copyright { text-align: left; color: #666666; } .pageFooter .legal-links { text-align: right; } .pageFooter .legal-links > div { display: inline-block; margin-left: 20px; } .pageFooter .site-credit { text-align: center; margin-top: 20px; } .pageFooter .site-credit-text:before { display: block; content: "Press site by"; font-size: 0.9em; } .pageFooter .site-credit-logo { display: block; width: 108px; height: 47px; background-image: url('/Content/Themes/Default/img/gp_logo.png'); background-repeat: no-repeat; margin: 0 auto; } .loginFormContainer { width: 240px; } .loginFormContainer > form { padding: 15px; } .loginFormContainer .form-control { margin-bottom: 10px; } .loginButtonContainer { text-align: center; margin-bottom: 10px; } .loginReminder { font-size: 85%; } .checkbox-inline, .radio-inline { margin-top: 0; margin-left: 10px; } .tandcslink input { margin-right: 8px; } .ViewUsers #pageContainer select.form-control { padding: 12px 12px; height: auto; } .countrylist .flag { margin-right: 4px; } .hid, .jsshow { display: none; } body.cke_show_borders { width: auto; min-width: 0; } body.cke_editable, body.cke_ltr { height: auto; background: #ffffff; } .ZipDownloading .ZipMessage { margin-top: 12px; } .ZipDownloading .ZipLink { margin: 12px 0; text-align: center; } #zipCollectionHeading:focus { outline: none; } .loadingOuter { position: absolute; height: 100%; width: 100%; left: 0; display: none; margin: 0 auto; } .loadingBg { position: absolute; height: 100%; width: 100%; left: 0; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); } .loadingInner { height: 100%; width: 100%; background-image: url('/Content/Themes/Default/img/ajax-loader.gif'); background-position: center; background-repeat: no-repeat; text-indent: -10000px; } #filterLoading { left: -90000px; } .CssThemeDark #pageContainer .loadingInner, .loadingInnerDark { background-image: url('/Content/Themes/Default/img/ajax-loader-white.gif'); } .loadingOverlay { position: absolute; background-repeat: no-repeat; z-index: 99999; background-image: url('/Content/Themes/Default/img/ajax-loader-big.gif'); background-position: center center; } .big .loadingInner { background-image: url('/Content/Themes/Default/img/ajax-loader-big.gif'); background-position: center 33%; } .butLoading, .butLoading:hover, .btn-primary.butLoading { color: rgba(0, 0, 0, 0) !important; background-color: #fff !important; min-width: 24px !important; background-position: center !important; background-repeat: no-repeat !important; background-image: url('/Content/Themes/Default/img/ajax-loader.gif') !important; cursor: default !important; } .CssThemeDark #pageContainer .butLoading, .CssThemeDark #pageContainer .butLoading:hover { background-color: #000 !important; background-image: url('/Content/Themes/Default/img/ajax-loader-white.gif'); } .searchPlaceholder { display: block; height: 24px; } #FilesLightboxContainer a, #FilesLightboxContainer a:hover, #FilesLightboxContainer a:visited, #FilesLightboxContainer a:focus { color: #ffffff; } #thumbPlayContainer, #FilesLightboxContainer { display: none; position: absolute; width: 100%; height: 100%; background-color: #000000; background-color: rgba(0, 0, 0, 0.8); z-index: 10000; color: #ffffff; } #thumbPlayContainerInner, #FilesLightboxWindow { position: relative; } #thumbPlayClose, #FilesLightboxClose { position: absolute; top: 7%; right: 5%; cursor: pointer; display: block; font-size: 2em; padding: 20px; margin: -20px -20px 0 0; color: #fff; } #FilesLightboxClose { top: 15%; } #FilesLightboxInner { text-align: center; position: relative; } #FilesLightboxLoading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/Content/Themes/Default/img/ajax-loader-white.gif') center center no-repeat; } #FilesLightboxImage { position: absolute; top: 0; left: 0; } #FilesLightboxDesc { text-align: center; margin-bottom: 10px; font-size: 1.1em; } #FilesLightboxDetails { text-align: left; margin-top: 10px; font-size: 0.9em; } #FilesLightboxPrev a, #FilesLightboxNext a { display: block; position: absolute; top: 50%; font-size: 6em; padding: 20px; } #FilesLightboxPrev a { left: 5%; margin: -20px 0 -20px 0; } #FilesLightboxNext a { right: 5%; margin: -20px -20px 0 0; } .dividerbar { width: 1px; height: 1em; margin: 0 0.8em; display: inline-block; background-color: #555; } #FilesLightboxContainer .dividerbar { background-color: #fff; } #FilesLightboxDownload { float: right; } #FilesLightboxDownload a, #FilesLightboxDownload a:hover, #FilesLightboxDownload a:visited, #FilesLightboxDownload a:focus { display: inline-block; font-size: 1.2em; color: #fff; } .attachedAssets #filedownload.btn-primary.fixed { position: fixed; z-index: 50; -webkit-box-shadow: 0 0 10px 5px #fff; -moz-box-shadow: 0 0 10px 5px #fff; box-shadow: 0 0 10px 5px #fff; } #filedownload.btn-default { cursor: default; } #filedownload.btn-primary { cursor: pointer; } @media print { .lightboxOpen #pageContainer, .lightboxOpen #adminBar, .lightboxOpen #FilesLightboxDownload, .lightboxOpen #FilesLightboxPrev, .lightboxOpen #FilesLightboxNext { display: none; } .lightboxOpen .lightbox, .lightboxOpen #FilesLightboxWindow, .lightboxOpen #FilesLightboxContainerInner { display: block; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; } } .firstParaOnly p { display: none; } .firstParaOnly p:first-child { display: block; } .presskitList .size { color: #999; } .button-container { text-align: center; } .ViewCodesDetails .bodyContent { text-align: center; } .ViewCodesRequest .bodyContent ul { margin-top: 20px; } .review-code { text-align: center; font-size: 2em; line-height: 2em; font-family: "Lucida Console", Monaco, monospace; background-color: rgba(0, 0, 0, 0.1); } .review-code-list { list-style-type: none; margin: 0; } .AsideProductCodes .button-container, .ReviewCodes .button-container { margin-bottom: 15px; } #socialnetworkwidget .infoBoxItem a { display: block; overflow: hidden; text-overflow: ellipsis; word-break: break-all; margin-bottom: 10px; } .socialList { display: inline-block; margin-top: 2px; list-style: none; padding: 0; } .socialList .socialLink { margin: 2px 0; } .SocialButtons { list-style: none; padding: 0; margin: 0; } .SocialButtons li { display: inline-block; margin-right: 7px; } .SocialButtons li .add-icon:before { margin: 0; cursor: pointer; } .SocialButtons .google .icon, .SocialButtons .google .label { display: none; } .add-icon:before { display: inline-block; margin-right: 0.5em; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: white; background-color: #000000; padding: 4px 3px 3px 3px; width: 1.4em; font-size: initial; text-align: center; border-radius: 3px; } .add-icon.fa-twitter:before { background-color: #55acee; } .add-icon.fa-facebook:before { background-color: #3a5795; } .add-icon.fa-google:before { background-color: #DC4E41; } .add-icon.fa-youtube:before { background-color: #cf3427; } .add-icon.fa-instagram:before { background-color: #ce6f2d; } .add-icon.fa-twitch:before { background-color: #6441a5; } .add-icon.fa-vine:before { background-color: #00bf8f; } .add-icon.fa-pinterest:before { background-color: #bd2126; } .add-icon.fa-snapchat:before { background-color: #fffc00; } .add-icon.fa-globe:before, .add-icon.fa-weblink:before { background-color: #87d37c; content: "\f0ac"; } .add-icon.fa-id-badge:before { background-color: #6F638E; content: "\f2c1"; } .add-icon.fa-xbla:before, .add-icon.fa-psn:before, .add-icon.fa-periscope:before { content: '\f0a9'; background-color: #999; } .add-icon .form-control { width: auto; display: inline-block; } .feed-yt { padding: 0; } .feed-yt-li { list-style: none; margin: 0 0 12px 0; } .feed-yt-li a { position: relative; display: block; height: 100%; } .feed-yt-image img { width: 100%; display: block; } .feed-yt-title { position: absolute; width: 100%; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; font-size: 0.9em; bottom: 0; overflow: hidden; text-overflow: ellipsis; } .feed-yt-title div { padding: 4px 6px; } .tabLoading { height: 150px; background-image: url(/Content/Themes/Default/img/ajax-loader-big.gif); background-position: center; background-repeat: no-repeat; } .tabbox .btn-download { float: right; margin-bottom: 10px; } .tabbox .nav-tabs > li > a > span { display: inline-block; font-weight: bold; } .tabbox .nav-tabs > li > a > span::first-letter { text-transform: uppercase; } .tabbox .nav-tabs .dropdown-menu > li > a { font-weight: bold; } .tabbox .nav-tabs .dropdown-menu > li > a::first-letter { text-transform: uppercase; } #maincontentcontainer .tabbox label { font-weight: normal; color: #999999; } .tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .tabboxInner { padding-top: 20px; min-height: 400px; } .field-validation-error, .validation-summary-errors, .errorAlert { display: block; margin-top: 6px; color: #a94442; } .validation-summary-errors ul { padding: 0; margin-bottom: 10px; list-style: none; } .validation-summary-errors li, .errorAlert, .field-validation-error { font-size: 90%; padding-left: 18px; color: #e93535; background: url('/Content/Themes/Default/img/icon_error.png') 0 1px no-repeat; text-align: left; } .contactsList { list-style: none; padding: 0; } .WidgetTeamItem { margin-bottom: 16px; } .WidgetTeamItemName { font-weight: bold; } .ViewTeamIndex .title { font-weight: bold; font-size: 20px; margin: 0 0 4px 0; } n .fa-pphead.fa-bar-chart { background-color: grey; } .fa-pphead.fa-commenting-o { background-color: grey; } .fa-pphead.fa-fire { background-color: orange; } .notlive.fullPage { margin-bottom: 6px; } .notlive > .itemStatus, .notlive .itemStatusShort { color: #fff; font-size: 11px; padding: 2px 5px; } .notlive.fullPage > .itemStatus { font-size: 14px; padding: 6px 0 10px 0; } .tabbox .notlive > .itemStatus { padding: 6px 10px 10px 10px; margin-bottom: 10px; } .tabbox .notlive > .itemStatus { font-size: 0.9em; } .notlive > .itemStatusHead { font-weight: bold; } .notlive.fullPage > .itemStatus { margin-bottom: 12px; } .productList .notlive .itemStatusShort { display: inline-block; *display: inline; margin-left: 8px; height: 1em; line-height: 1em; padding: 3px; } .notlive { outline: 1px solid #888888; outline: 1px solid rgba(136, 136, 136, 0.8); } .notlive > .itemStatus { background-color: #888888; background-color: rgba(136, 136, 136, 0.8); } .notlive.status-exclusive { outline: 1px solid #01b2f1; outline: 1px solid rgba(1, 178, 241, 0.8); } .notlive.status-exclusive > .itemStatus, .notlive.status-exclusive .itemStatusShort { background-color: #01b2f1; background-color: rgba(1, 178, 241, 0.8); } .notlive.status-exclusive:hover { outline: 1px solid rgba(1, 178, 241, 0.8); } .status-exclusive.active p { border: 1px solid #01b2f1; border: 1px solid rgba(1, 178, 241, 0.8); } .topbar { display: none; } .ajaxErrorInfoMsg { font-size: 12px; } .breadcrumb a { display: inline-block; } .breadcrumb a::first-letter { text-transform: uppercase; } .breadcrumb br { display: none; } .agegate { margin: 20px 0; padding: 16px; border: 1px solid #ddd; border-radius: 4px; } .expandable { float: right; cursor: pointer; } .expandable-open { display: none; } .assetsListItem.collapsed .expandable-close, .assetsListItem.collapsed .butTickAll { display: none; } .assetsListItem.collapsed .expandable-open { display: block; } .assetsListItem.collapsed:hover { cursor: pointer; } .assetHeader { min-height: 21px; } .assetHeader .date { display: inline-block; padding-top: 4px; } .ViewFiles .assetHeader .date { padding-left: 0; } .assetsListItem .assetInfo { margin-bottom: 0; } .assetsListItem .thumbnailset { margin-top: 20px; } .expandable { color: #069edb; } .expandable:hover { color: #00518C; } .assetsListItem.collapsed:hover { background-color: rgba(0, 0, 0, 0.05); } .assetsListItem.collapsed:hover .expandable-open { color: #00518C; } .add-icon.fa-star:before { display: none; } .language-select .adminPulldown .flag { margin-right: 4px; } .language-select-but { font-size: 0; line-height: 0; display: inline-block; margin-right: 4px; padding: 2px; border: 2px solid transparent; } .language-select-but.selected { border: 2px solid #aaa; } .localisations { display: inline-block; } .lang { display: inline-block; background-color: #eee; padding: 0 6px; margin-left: 6px; font-size: 85%; line-height: 1.6em; } .expandable { float: right; cursor: pointer; } .expandable-open { display: none; } .assetsListItem.collapsed .expandable-close, .assetsListItem.collapsed .butTickAll { display: none; } .assetsListItem.collapsed .expandable-open { display: block; } .assetsListItem.collapsed:hover { cursor: pointer; } .assetHeader .date { padding-top: 4px; } .assetsListItem .assetInfo { margin-bottom: 0; } .assetsListItem .thumbnailset { margin-top: 20px; } .expandable { color: #069edb; } .expandable:hover { color: #00518C; } .assetsListItem.collapsed:hover { background-color: rgba(0, 0, 0, 0.05); } .assetsListItem.collapsed:hover .expandable-open { color: #00518C; } .spaceAbove { margin-top: 16px; } .maxzipmessage { font-size: 85%; } .pointer { cursor: pointer; } @media (max-width: 767px) { .format-nav.list-group { box-shadow: none; } .format-nav.list-group .list-group-item { display: inline-block; margin-bottom: 6px; } .format-nav.list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } } .inline-form { display: inline-block; margin: 10px 8px; } .ViewArticle .g-recaptcha > div { margin: 20px auto; } .ViewContact .article-banner { display: none; } .ViewTAndCs .bodytext table { border: none; } .ViewTAndCs .bodytext table th, .ViewTAndCs .bodytext table td { padding: 4px 8px; border: none; border-top: 1px solid #eceeef; } .ViewTAndCs .bodytext table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .pp-tag { display: inline-block; margin-right: 0.2em; color: #fff; padding: 0.1em 0.5em; font-size: 0.7em; line-height: 1.6; vertical-align: text-bottom; border-radius: 1em; background-color: #999; } .pp-tag.disabled { background-color: #ccc; text-decoration: line-through; } .admin.pp-tag:hover { cursor: pointer; } .msgContent .pp-tag { font-size: 1em; vertical-align: baseline; } .pp-tag-e3 { background-color: #D9A800; } .pp-tag-gc { background-color: #00a0dd; } .cookie-bar { position: fixed; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.9); padding: 20px 40px; color: #fff; display: flex; align-items: center; justify-content: flex-end; } .cookie-bar .btn { float: right; margin-left: 30px; } .infoBox .hoverReveal2, .subhead .hoverReveal2 { z-index: 2; } a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; margin-top: 50px; } a.skip-main:focus, a.skip-main:active { color: #000; background-color: #fff; box-shadow: 2px 2px #000; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 80px 35%; padding: 5px; border-radius: 15px; text-align: center; font-size: 1.2em; z-index: 999; } .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .moreParas { margin-top: 12px; } .dropdown-toggle:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; } .tipContainer { position: relative; } .tipContent { position: absolute; z-index: 10000; display: none; background: #eee; color: #333; border: 1px solid #ccc; padding: 10px; border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); font-weight: normal; text-align: left; } .tipContent table { border-collapse: collapse; } .tipContent td { padding: 3px; white-space: nowrap; } .tipContainer:hover .tr-trigger { outline: 2px solid yellow; } .tip-right:before, .tip-bottom:before, .tip-right:after, .tip-bottom:after { position: absolute; display: inline-block; content: ''; } .tip-right:before { border-top: 7px solid transparent; border-right: 7px solid #eee; border-bottom: 7px solid transparent; border-right-color: rgba(0, 0, 0, 0.2); left: -7px; top: 20px; } .tip-right:after { border-top: 6px solid transparent; border-right: 6px solid #eee; border-bottom: 6px solid transparent; left: -6px; top: 21px; } .tip-bottom:before { border-right: 7px solid transparent; border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 20px; } .tip-bottom:after { border-right: 6px solid transparent; border-bottom: 6px solid #eee; border-left: 6px solid transparent; top: -6px; left: 21px; } .dark-mode #pageContainer .tipContent, .CssThemeDark #pageContainer .tipContent { background: #333; color: #ddd; border: 1px solid #555; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .dark-mode #pageContainer .tip-right:before, .CssThemeDark #pageContainer .tip-right:before { border-right: 7px solid #555; } .dark-mode #pageContainer .tip-right:after, .CssThemeDark #pageContainer .tip-right:after { border-right: 6px solid #333; } .dark-mode #pageContainer .tip-bottom:before, .CssThemeDark #pageContainer .tip-bottom:before { border-bottom: 7px solid #555; } .dark-mode #pageContainer .tip-bottom:after, .CssThemeDark #pageContainer .tip-bottom:after { border-bottom: 6px solid #333; } .filter-item { padding: 0; } .filter-item > button { margin: 0; padding: 9px 15px 7px 15px; text-align: left; border: 0; overflow: hidden; width: 100%; background-color: transparent; } .filter-item > button h3, .filter-item > button h4 { margin: 0; } .filter-option-container .list-group-item:first-child { border-radius: 0; } .filter-category-list.list-group-item { padding: 0; } .filter-group button:hover { background-color: #aaa; cursor: pointer; } .filter-active-list button:hover { background-color: #aaa; cursor: pointer; } #filterLoading.big .loadingInner { background-position: center 10%; } #filterLoading.clone { left: 0; } @media (min-width: 768px) { .filter-active-list button:hover { background-color: inherit; cursor: default; } } .filter-option-list { padding: 0 15px 4px 15px; border-top: 1px solid #eeeeee; display: none; width: 100%; position: relative; padding-top: 10px; } .filter-option-list label { display: block; } .filter-option-list label:hover { background-color: #eee; } .filter-option-list .checkbox { display: inline-block; margin-right: 10px; margin-top: 0; margin-bottom: 0; padding-bottom: 6px; } .filter-option-list .checkbox.hidden-filter { display: none; } .filter-option-list .form-control { margin: 10px 0; } .filter-option-list .filter-o { display: block; } .filter-itemtype .filter-o:first-letter, .filter-filetype .filter-o:first-letter { text-transform: uppercase; } .filter-option-list-overlay { box-shadow: inset 1px 2px 5px 17px #ffffff; height: 100%; width: 100%; position: absolute; } .filter-activity { font-size: 0; float: left; color: #33CC33; transition: font-size 0.3s, margin-right 0.3s; margin-top: -2px; } .filterActive .filter-activity { font-size: 1em; margin-right: 8px; } .filter-status { float: right; line-height: 16px; } .filter-status .filter-up { display: none; } .filter-group.open .filter-status .filter-up { display: inline-block; } .filter-group.open .filter-status .filter-down { display: none; } .filter-selections { display: none; padding: 6px 9px 8px 15px; } .filter-selections .btn { margin: 0 6px 6px 0; white-space: normal; } .filter-selections .btn .fa { opacity: 0.5; } .filter-selections .btn:hover .fa { opacity: 1; color: #CC3333; } .filter-selection-template { display: none; } @media (min-width: 768px) { .filter-option-list .checkbox { display: block; margin-right: 0; } } .filter-more { display: block; padding-bottom: 10px; } .filter-more span::first-letter { text-transform: uppercase; } .thumbnailset { margin: 0 -10px 0 0; padding: 0; clear: both; margin-top: 6px; font-size: 0px; font-size: 0rem; } .tn { margin-bottom: 10px; transition: opacity 0.25s ease-in-out; } .tabbox .tn, .LatestAdditionsList .tn, aside .tn { width: 100%; } .tabbox .tn.externalLink, .LatestAdditionsList .tn.externalLink, aside .tn.externalLink { width: 100%; } .tabbox .tn.externalLink.no-thumbnail .tn-inner, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner, aside .tn.externalLink.no-thumbnail .tn-inner { font-size: 0; text-align: center; background-color: #ddd; } .tabbox .tn.externalLink.no-thumbnail .tn-inner a, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner a, aside .tn.externalLink.no-thumbnail .tn-inner a { padding: 8px; color: #333; } .tabbox .tn.externalLink.no-thumbnail .tn-inner a .fa, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner a .fa, aside .tn.externalLink.no-thumbnail .tn-inner a .fa { font-size: 14px; margin-right: 6px; } .tabbox .tn.externalLink.no-thumbnail .tn-inner a:hover, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner a:hover, aside .tn.externalLink.no-thumbnail .tn-inner a:hover { color: #666; } .tabbox .tn.externalLink.no-thumbnail .tn-inner a::after, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner a::after, aside .tn.externalLink.no-thumbnail .tn-inner a::after { font-size: 14px; content: "External link"; } .tabbox .tn.externalLink.no-thumbnail .tn-inner .thumbActions, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner .thumbActions, aside .tn.externalLink.no-thumbnail .tn-inner .thumbActions { display: none; } @media (min-width: 260px) { .tabbox .tn, .LatestAdditionsList .tn, aside .tn { width: 50%; } } @media (min-width: 480px) { .tabbox .tn, .LatestAdditionsList .tn, aside .tn { width: 33.33333%; } } @media (min-width: 670px) { .tabbox .tn, .LatestAdditionsList .tn, aside .tn { width: 25%; } .tabbox .tn.collapsed, .LatestAdditionsList .tn.collapsed, aside .tn.collapsed { width: 50%; } } @media (min-width: 768px) { aside .tn { width: 100%; } } @media (min-width: 992px) { aside .tn { width: 50%; } aside .tn.collapsed { width: 100%; } .tabbox .tn, .LatestAdditionsList .tn { width: 33.33333%; } } @media (min-width: 1200px) { .tabbox .tn, .LatestAdditionsList .tn { width: 25%; } .tabbox .tn.collapsed, .LatestAdditionsList .tn.collapsed { width: 50%; } .tabbox .tn.externalLink, .LatestAdditionsList .tn.externalLink { width: 50%; } } aside .tn.tn-videoThumb { width: 100%; } .tn:not(.ph) { position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 10px; color: #666666; line-height: 1; vertical-align: top; } .tn:not(.ph) .tn-inner { padding: 4px; border: 1px solid #dddddd; border-radius: 4px; margin-right: 10px; } .tn:not(.ph) .tn-inner > a { text-align: center; } .tn:not(.ph) .tn-inner > a .fa-tn { font-size: 6em; margin: 0.08em; } .tn:not(.ph) a { display: block; position: relative; } .tn:not(.ph) a img { display: block; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; margin: 0 auto; height: auto; } .tn:not(.ph) a img:hover { opacity: 0.8; } .tn:not(.ph) a img:not(.fileicon) { width: 100%; } .tn:not(.ph) .thumbActions { text-align: left; margin-top: 8px; } .tn:not(.ph) .thumbActions .thumbDescription { font-size: 12px; padding: 2px 0; } .tn:not(.ph) .thumbActions .thumbOptions { clear: both; } .tn:not(.ph) .thumbActions .thumbOptions label { display: inline-block; margin-top: 4px; padding-left: 18px; background-image: url('/Content/Themes/Default/img/tickall.png'); background-position: left 0; background-repeat: no-repeat; vertical-align: middle; height: 13px; line-height: 13px; cursor: pointer; font-weight: inherit; color: #999999; } .tn:not(.ph) .thumbActions .thumbOptions label input { clip: rect(0 0 0 0); position: absolute; } .tn:not(.ph) .thumbActions .thumbOptions label.untick { background-position: left -13px; } .tn:not(.ph) .thumbActions .thumbOptions label .thumbDescription { display: inline-block; } .tn:not(.ph) .thumbActions .thumbOptions .thumbDL { display: inline-block; float: right; font-size: 120%; opacity: 0.8; } .tn:not(.ph) .thumbActions .thumbOptions .fa-download { padding: 6px 0 0 5px; } .tn:not(.ph).hidden { display: none !important; cursor: pointer; } .tn:not(.ph) .tipContent { font-size: 11px; line-height: 1.3; cursor: default; } .tn-more { display: block; font-size: 14px; text-align: center; } .tn-more a { cursor: pointer; } .tn-more a:after { content: '...'; } .media-left .fa-tn { font-size: 5em; margin-right: 16px; } .thumbnailset .collapsed:not(.ph) .thumbActions .thumbOptions { cursor: default; } .thumbnailset .collapsed:not(.ph) .thumbActions .thumbOptions label { display: inline-block; vertical-align: middle; margin-top: 4px; } .thumbnailset .collapsed:not(.ph) .thumbActions .thumbOptions label .thumbDescription { display: inline; color: #666666; } .thumbnailset .collapsed:not(.ph) .thumbActions .thumbOptions .thumbViewButton { display: none; } .thumbnailset .collapsed:not(.ph) .thumbActions .thumbOptions a { display: inline-block; float: right; margin-top: 4px; vertical-align: middle; height: 13px; /*background: url('/Content/shared/images/download_small_dark.png') bottom right no-repeat;*/ } .thumbnailset .collapsed:not(.ph) .thumbActions .thumbOptions .ft { display: inline-block; float: right; vertical-align: middle; } /*.CssThemeDark .thumbnailset .externalLink.collapsed:not(.ph) .thumbActions .thumbOptions a { background-image: url('/Content/shared/images/download_small_light.png'); }*/ .thumbnailset .ph.requested { height: 30px; width: 100%; background-image: url('/Content/shared/images/ajax-loader.gif'); background-position: center top; background-repeat: no-repeat; } .CssThemeDark .thumbnailset .ph.requested { background-image: url('/Content/shared/images/ajax-loader-white.gif'); } .btn-download-container { text-align: center; margin-bottom: 12px; } .btn-download-container.floating { text-align: right; margin-top: -20px; } .btn-download-container { text-align: center; margin-bottom: 12px; } .thumbPlay { position: relative; display: block; } .thumbPlayButton { position: absolute; width: 100%; height: 100%; opacity: 0.8; background: url('/Content/shared/images/thumbPlay.png') center center no-repeat; top: 0; left: 0; } .thumbPlayButton:hover { opacity: 1; } .thumbViewButton { position: absolute; width: 100%; height: 100%; opacity: 0; background: url('/Content/shared/images/thumbView.png') center center no-repeat; top: 0; left: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .thumbViewButton:hover { opacity: 0.8; } .butTickAll { display: block; float: right; cursor: pointer; padding-right: 18px; background-image: url('/Content/Themes/Default/img/tickall.png'); background-position: right 0; background-repeat: no-repeat; vertical-align: middle; height: 13px; line-height: 13px; overflow: hidden; margin: 4px 0 8px 8px; } .butTickAll.untick { background-position: right -13px; } #zipCollection { display: none; position: absolute; top: 0; left: 0; z-index: 11000; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } #zipCollectionInner { position: relative; width: 480px; margin: auto; border: 1px solid #16359f; padding: 20px; background-color: #fff; -moz-box-shadow: 5px 5px 10px #000; -webkit-box-shadow: 5px 5px 10px #000; box-shadow: 5px 5px 10px #000; } #zipCollectionList { width: 100%; padding-top: 12px; max-height: 300px; overflow-y: auto; } .ZCLitem { padding: 2px 10px 2px 10px; background-color: #ededed; } .ZCLitem:nth-child(even) { background-color: #f8f8f8; } #zipCollectionList div div { display: inline-block; *display: inline; *zoom: 1; } .ZCLname { width: 75%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } .ZCLsize { width: 20%; opacity: 0.6; padding: 0 6px; } .zipCollectionRemove { width: 5%; text-align: right; height: 12px; background: url('/Content/Themes/Default/img/zip_delete.png') no-repeat center right; cursor: pointer; } #ZCLclose { position: absolute; top: -14px; right: -14px; width: 28px; height: 28px; background: url('/Content/Themes/Default/img/zip_close.png') no-repeat center center; cursor: pointer; } #zipCollectionSizeContainer { padding: 10px 0 20px 0; text-align: right; } #zipCollectionSize { font-weight: bold; } #zipCollectionPostZip { overflow: hidden; text-overflow: ellipsis; } #ZCLdownloadbut { text-align: right; } #ZCLbutClear { float: left; } #ZCLbutDownload { float: right; } #ZCLbutCopy, #ZCLbutCreate { opacity: 0.5; margin-right: 8px; } #ZCLclipboard { border: 1px solid #aaa; border-radius: 4px; padding: 10px; margin-top: 10px; } .CssThemeDark #ZCLclipboard.admin { background-color: #eee; } #ZCLpassword input, #ZCLexpiryDays input { border: none; background-color: transparent; background-color: #ddd; padding: 3px 6px 3px 6px; margin: 0 4px; } #ZCLpassword input { width: 150px; } #ZCLexpiryDays input { width: 20px; text-align: center; } #ZCLlink, .ZCLlinkEditable { text-align: center; margin: 0 auto; background-color: #ddd; padding: 2px 12px 2px 12px; } .ZCLlinkEditable { font-weight: bold; } #ZCLlink input { width: 100%; font-weight: bold; border: none; background-color: transparent; text-align: center; padding: 3px 6px 3px 6px; } #ZCLshowLink, .ZCLlinkInfo, .ZCLlinkEditorButtons { text-align: right; margin-top: 5px; font-size: 0.9em; } .ZCLbutEditSeoTitle { float: left; } .ZCLnonLiveWarning { font-size: 90%; margin-top: 8px; } .ViewKit .LatestAdditionsList { margin-top: 24px; } .kitDetails { display: block; padding-bottom: 12px; } .kitDetails .kitImage { float: left; height: 44px; width: 64px; background: url('/Content/Themes/Default/img/kit-icon.png') no-repeat center center; } .kitDetails .kitImage a { display: block; width: 100%; height: 100%; } .kitDetails .kitTitle, .kitDetails .kitContents, .kitDetails .kitButtons { margin-left: 72px; } .kitDetails .kitTitle a { font-weight: bold; } .kitDetails .kitSize { display: inline-block; margin-left: 8px; font-size: 0.9em; opacity: 0.8; } .kitDetails .kitButtons a { display: inline-block; margin-right: 8px; } .attachedAssets .kitDetails { padding-bottom: 18px; border-bottom: 1px solid #eeeeee; margin-bottom: 12px; } .NewsItemNews .attachments:before { content: '+\00a0\00a0'; } .NewsItemFiles .attachments:before { content: '-\00a0\00a0'; } .fa-file-word-o, .fa-file-word-o:hover { color: #2B579A; } .fa-file-excel-o, .fa-file-excel-o:hover { color: #217346; } .fa-file-pdf-o, .fa-file-pdf-o:hover { color: #FF3500; } .fa-file-powerpoint-o, .fa-file-powerpoint-o:hover { color: #D24726; } .fileCol .fa, .fileCol .fa:hover { color: #666666; } .ViewUsersBoxed #pageHeader { max-width: 600px; } .ViewUsersBoxed #pageContainer { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .ViewUsersBoxed #contentContainer { background-color: #ffffff; } .ViewUsersBoxed #maincontentcontainer { background: none; } .ViewUsersBoxed #maincontent { background-color: #ffffff; padding-top: 20px; padding-bottom: 20px; max-width: 600px; } .ViewUsersBoxed nav { text-align: center; margin-top: 20px; } fieldset { margin: 10px 0; } @media (min-width: 640px) { .ViewUsersBoxed #maincontent { margin-top: 20px; margin-bottom: 20px; padding: 20px 25px; } } .registrationRequiredInfo { font-size: 80%; margin-bottom: 20px; } .loginLostPassword { text-align: center; margin-top: 20px; } #UserProfileRemove { float: left; margin-right: 12px; } #UserProfileUpdateButton, #UserProfileCancel { float: right; margin-left: 12px; } .fast-track-container { padding: 18px 16px; margin-bottom: 32px; background-color: rgba(137, 127, 179, 0.3); } .fast-track-container legend { border-bottom: 1px solid rgba(137, 127, 179, 0.5); padding-top: 16px; background-image: url(/Content/Themes/Default/img/gp_logo_onwhite_80px.png); background-repeat: no-repeat; background-position: top right; } .fast-track-container legend .optional { text-transform: none; opacity: 0.6; font-size: 80%; } .fast-track-container a, .fast-track-container a:visited { color: #333366; } .fast-track-container a:hover { color: #666699; } .fast-track-container .btn-primary, .fast-track-container .list-group-item.active, .fast-track-container .list-group-item.active:focus, .fast-track-container .list-group-item.active:hover { background-image: -webkit-linear-gradient(top, #8878AF 0, #5F547A 100%); background-image: -o-linear-gradient(top, #8878AF 0, #5F547A 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#8878AF), to(#5F547A)); background-image: linear-gradient(to bottom, #8878AF 0, #5F547A 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8878AF', endColorstr='#ff5F547A', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #5F547A; } .fast-track-container .btn-primary:focus, .fast-track-container .btn-primary:hover { background-color: #5F547A; background-position: 0 -15px; } .fast-track-container .butLoading { background-image: url(/Content/Themes/Default/img/ajax-loader.gif); } .login-footer-text span { display: block; text-align: center; margin-top: 30px; font-size: 12px; } .style-as.post-dated { background-color: #ff9900; background-color: rgba(255, 153, 0, 0.5); color: #fff; } .but-hide-postdated .icon-active { display: none; } .hidden-items-summary { display: none; padding: 10px 16px; } .hide-postdated .but-hide-postdated .icon-active { display: inline-block; } .hide-postdated .but-hide-postdated .icon-disabled { display: none; } .hide-postdated .hidden-items-summary.post-dated { display: block; } .msgInfoPanel { border: 1px solid #ccc; background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 12px 12px 12px 12px; margin: 0 0 20px 0; } .msgInfoPanel i { float: left; margin: 3px 0 0 2px; } .msgInfoPanel div { padding-left: 30px; } .msgInfoPanel .msgButtons { margin-top: 8px; } .assetsListItem.notlive { margin-top: 8px; } .pulldownArea.no-bg, .pulldownArea.no-bg.open { margin: 0; background-color: inherit; box-shadow: none; } body { font-family: 'Lato', sans-serif; } a, a:visited { color: #0892D0; } a:hover, a:focus { color: #0872B0; } .intro { color: #333; } .pressreleaseContent h2 { font-size: 20px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.3; } .sideboxes h3 { margin-top: 0px; margin-bottom: 12px; } .maincontent .pagetype h3 { margin-top: 0; } .mainmenu > li > a { text-transform: uppercase; font-size: 16.666666px; color: #cccccc; } .formats { opacity: 0.8; font-size: 90%; } .scheduleType { font-size: 90%; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 10px; background-color: #666666; color: #ffffff; border: 0; border-radius: 0; } .pager li > a:hover, .pager li > span:hover, .pager li > a:focus, .pager li > span:focus { opacity: 0.8; background-color: #666666; } @media (min-width: 992px) { .sideboxes aside footer .pager li > a { padding: 2px 8px; font-size: 12px; } } .add-icon.fa-fire:before { background-color: orange; } .add-icon.fa-video-camera:before { background-color: #C1392D; } .add-icon.fa-star:before { background-color: #0892d0; } .add-icon.fa-bar-chart:before { width: 1.4em; } .add-icon.fa-bar-chart:before, .widgetCharts .pager li > a { background-color: #16a085; } .add-icon.fa-commenting-o:before, .widgetForum .pager li > a { background-color: #34495e; } .add-icon.fa-calendar:before, .widgetLatestDateChanges .pager li > a { background-color: #3498db; } .add-icon.fa-handshake-o:before { width: 1.7em; background-color: #817CB4; } .socialnetworkList { margin-top: 12px; } .btn:not(.btn-search) { border-radius: 0; border: 0; } .btn.btn-default:not(.btn-search) { border: 1px solid #ccc; } .btn-primary, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-image: none; filter: none; border-color: #0872B0; } .btn-primary:focus, .btn-primary:hover { background-color: #0872B0; background-position: 0 -15px; } a.btn-primary { color: #ffffff; } .btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] { background-color: #0872B0; background-image: none; } .btn-simple:not(.btn-search) { border: 1px solid #aaa; } .btn-simple.focus, .btn-simple:focus, .btn-simple:hover { color: #0872B0; background-color: #ccc; } .list-group { box-shadow: none; -webkit-box-shadow: none; } .list-group-item { border: 0; } .list-group-item:first-child { border-radius: 0; } .filter-option-list { margin-bottom: 0; border-top: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .filter-selections { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 9px 4px 15px; } .filter-item header { background-color: #ccc; } .filter-item.filter-active-list header { background-color: #888; color: #fff; } .ViewChartsDetails .list-group-item { background-color: #eee; } .table-charts th:first-child, .table-charts td:first-child { text-align: right; width: 1%; } .table-charts td:nth-child(2) { width: 1%; opacity: 0.6; } .table-charts td:nth-child(3) { font-weight: bold; } .table-charts td:nth-child(5) { text-align: center; width: 1%; } .footnote { margin-top: 30px; font-size: 95%; } .navbar-main { font-size: 12px; margin-bottom: 0; background-image: url('/Content/Themes/Aggregator/img/binding_dark.png'); background-repeat: repeat; -webkit-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.55); box-shadow: 0px 10px 17px -9px rgba(0, 0, 0, 0.55); } .navbar-main .container-fluid { max-width: 1138px; } a.navbar-brand { width: 150px; height: 75px; background-image: url('/Content/Themes/Aggregator/img/placeholder_logo.png'); background-position: 10px 10px; background-repeat: no-repeat; background-size: 90%; text-indent: 100%; white-space: nowrap; overflow: hidden; } #countrytext { display: none; } .navbar-nav { margin: 0 -15px; } @media (min-width: 768px) { a.navbar-brand { width: 259px; height: 110px; background-size: auto; } #countrytext { display: inline; } } .navbar-header::after { display: inline-block; content: "Tagline goes in right here"; color: #fff; font-weight: bold; font-size: 20px; text-align: left; padding: 15px 10px 12px 10px; max-width: 200px; } @media (min-width: 550px) { .navbar-header::after { padding: 40px 10px 11px 10px; width: auto; max-width: none; } } @media (min-width: 768px) { .navbar-header { width: 444px; } .navbar-header::after { width: 200px; padding: 35px 0; } } .navbar-search { background-image: none; background-color: #555; } .search-container { display: block; float: none !important; text-align: center; margin: 8px 0; } .search-container li { display: inline-block; color: #fff; } .search-container .navbar-form { border: none; margin: 0; padding: 0 15px; box-shadow: none; } .search-container .input-group-btn > .btn { border: 0; line-height: 22px; } .search-container .easy-autocomplete-container li, .search-container .easy-autocomplete-container li a { color: #666; } .nav-countryselect { float: left; } @media (min-width: 768px) { .nav-countryselect { margin-left: 10px; } } .nav-login li.login { margin-left: 20px; } .nav-login p.account-text { margin-left: 20px; } @media (min-width: 768px) { .navbar-form .input-group .form-control#searchtext { width: 400px; } } .input-group .form-control#searchtext { float: none; } body .easy-autocomplete-container { top: auto; } body .easy-autocomplete-container ul { text-align: left; } body .easy-autocomplete-container ul .eac-category { color: #666; font-weight: bold; font-style: normal; text-transform: uppercase; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 120%; padding-top: 18px; padding-bottom: 6px; } body .easy-autocomplete-container ul li:last-child { padding-bottom: 20px; } .eac-item .flag { margin-left: 6px; } .pp-autocomplete-value { font-weight: bold; font-size: 110%; } .easy-autocomplete-container ul li .pp-autocomplete-value b { display: inline-block; background-color: yellow; } .pp-autocomplete-date { color: #999; } .pp-autocomplete-extrainfo { color: #999; font-size: 90%; display: block; } .pp-autocomplete-from { font-weight: bold; } .pp-autocomplete-value.pp-autocomplete-more { font-weight: normal; text-transform: none; font-size: 90%; padding-top: 0; padding-bottom: 0; font-family: 'Open Sans', 'Arial', sans-serif; } #maincontentcontainer { transition: opacity 0.5s; } .autocomplete-active #maincontentcontainer { opacity: 0.5; } .navbar-btn { padding: 0 11px; margin-top: 14px; margin-bottom: 14px; font-size: 12px; font-weight: 400; line-height: 20px; border-radius: 11px; background-image: none; border: 1px solid transparent; background-color: #666666; color: #ffffff; } .navbar.navbar-inverse { border-color: transparent; border-radius: 0; } .navbar-inverse .navbar-nav.navbar-nav-main > li > a > span { display: inline-block; color: #ffffff; } .navbar-inverse .navbar-nav.navbar-nav-main > li > a > span:first-child { border-bottom: 2px solid transparent; line-height: 30px; } .navbar-inverse .navbar-nav.navbar-nav-main > li > a:hover > span:first-child { border-bottom: 2px solid #aaaaaa; } .navbar-inverse .navbar-nav.navbar-nav-main > .active > a > span:first-child, .navbar-inverse .navbar-nav.navbar-nav-main > .active > a:focus > span:first-child, .navbar-inverse .navbar-nav.navbar-nav-main > .active > a:hover > span:first-child { border-bottom: 2px solid #ffffff; } .account-text { max-height: 20px; overflow: visible; } .search-container li.navbar-social-icons { font-size: 0; float: right; display: none; } .search-container li.navbar-social-icons a { display: inline-block; margin: 4px; padding: 0; color: #fff; font-size: 0; line-height: 0; } .search-container li.navbar-social-icons a:hover, .search-container li.navbar-social-icons a:focus { color: #0892D0; background-color: transparent; } .search-container li.navbar-social-icons a .fa { font-size: 24px; } .search-container li.navbar-social-icons a i { font-size: 24px; } @media (min-width: 768px) { .search-container li.navbar-social-icons { display: inline-block; } } .navbar-inverse .navbar-nav-main > li > a { font-weight: bold; display: block; line-height: 40px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; color: #ffffff; font-size: 1.4em; } @media (min-width: 768px) { .navbar-inverse .navbar-nav-main > li > a { padding-top: 0; } } @media (min-width: 992px) { .navbar-inverse .navbar-nav-main > li > a { padding-top: 15px; } } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: transparent; background-image: none; box-shadow: none; } .container-breadcrumb { display: none; } .breadcrumb { margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 4px; font-size: 90%; } article.container { background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); padding: 20px 0 40px 0; } .container.container-breadcrumb { padding: 10px 0 0 0; } article.container.notlive { padding: 0 0 40px 0; border-left: 0; border-right: 0; } @media (min-width: 768px) { article.container { padding: 30px 15px 40px 15px; } .container.container-breadcrumb { padding: 10px 15px 0 15px; } article.container.notlive { padding: 0 15px 40px 15px; border-left: 0; border-right: 0; } } .row-content, .row-pagetype { margin-right: 0; margin-left: 0; } #maincontentcontainer { background-image: url(/Content/Themes/Aggregator/img/witewall_3.png); padding: 0; } .tableSchedule { table-layout: fixed; } .ViewCat .tableSchedule th:first-child { width: 60%; } .ViewUsersBoxed article.container { border-top: 1px solid #ddd; } .ViewUsersBoxed #pageContainer { background-image: url('/Content/Themes/Aggregator/img/witewall_3.png'); } .ViewUsersBoxed #contentContainer { background-color: transparent; } .ViewUsersBoxed #pageHeader { background-image: url(/Content/Themes/Aggregator/img/binding_dark.png); } .ViewUsersBoxed #maintitle { height: 100px; background-image: url('/Content/Themes/Aggregator/img/placeholder_logo.png'); background-position: center left; background-repeat: no-repeat; margin: 20px 40px; } @media (min-width: 640px) { .ViewUsersBoxed #maincontent { margin-top: 0; } .ViewUsersBoxed #pageHeader { margin-top: 20px; } } .tandcslink .form-check-input { margin: 5px 0 0 5px; vertical-align: top; } .media-left, .media > .pull-left { padding-right: 0; padding-top: 6px; } .media-left img, .media > .pull-left img { height: auto; margin-right: 16px; } .maincontent .intro { line-height: 22px; } .maincontent .platforms, .maincontent .platforms:hover, .maincontent .platforms:visited, .maincontent .platforms:focus, .td-plat { font-size: 14px; color: #999; font-weight: normal; font-style: normal; } .media-body .flag { margin-left: 4px; } .itemSpecs .infoBoxItem { display: inline-block; margin-right: 20px; vertical-align: top; } @media (min-width: 992px) { .itemSpecs .infoBoxItem { display: block; margin-right: 0; } .itemSpecs .infoBoxLabel { width: 29%; text-align: right; } .itemSpecs .infoBoxData { width: 65%; overflow: hidden; text-overflow: ellipsis; } } .viaText { opacity: 0.6; font-size: 80%; } .newsList .title { display: block; } .infoBox { margin: 0; } .infoBox figure { text-align: center; } .productLogoContainer img { margin-bottom: 20px; max-width: 100%; height: auto; } .sideboxes-left aside { background-color: #eee; padding: 20px 20px 20px 20px; border-radius: 0; margin-bottom: 20px; } .sideboxes-left aside .asideContent { margin-bottom: 0; } .companyLogo img { max-width: 100%; margin-bottom: 20px; height: auto; } .ViewNews .bodytext { max-width: 600px; } .ViewArticle .bodytext { font-size: 14px; line-height: 20px; } .ViewArticle .bodytext h1 { border-bottom: 1px solid #aaa; } .ViewArticle .bodytext h2 { border-bottom: 1px solid #ccc; font-size: 24px; } .ViewArticle .bodytext a { text-decoration: underline; } .ViewArticle .bodytext ul { margin: 6px 0 10px 0; } .ViewArticle .sideboxes .textitem a { text-decoration: underline; } .widgetPartner.is-partner a, .widgetPartner.is-partner a:visited { color: #cc0066; } .widgetPartner.is-partner .pager a, .widgetPartner.is-partner .pager a:visited { color: #ffffff; } .widgetPartner.is-partner .asideContent, .widgetPartner.is-partner footer { padding: 0 8px; } .widgetPartner.is-partner .partner-latest .item { border-top: 1px solid #aa9999; padding: 4px 0; } .widgetPartner.is-partner .partner-latest .item.notlive { border-top: 0; padding: 0 0 4px 0; margin-bottom: 8px; } .widgetPartner.is-partner .partner-latest .item.notlive a { display: block; padding: 0 4px; } .widgetPartner.is-partner .itemStatusShort { display: block; } .widgetPartner.is-partner h5 { color: #333; text-align: left; font-weight: bold; text-transform: none; margin-top: 16px; } .expandable { color: #0892D0; } .expandable:hover { color: #0872B0; } .assetsListItem.collapsed:hover .expandable-open { color: #0872B0; } @media (min-width: 992px) { .sideboxes-right aside { padding-left: 0; } } .add-icon.fa-pencil:before, .widgetPartner .pager li > a { background-color: #cc0066; } .partner-control .btn-primary { background-image: -webkit-linear-gradient(top, #8878AF 0, #5F547A 100%); background-image: -o-linear-gradient(top, #8878AF 0, #5F547A 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#8878AF), to(#5F547A)); background-image: linear-gradient(to bottom, #fc3096 0, #cc0066 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8878AF', endColorstr='#ff5F547A', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #cc0066; } .partner-control .btn-primary:focus, .partner-control .btn-primary:hover { background-color: #cc0066; background-position: 0 -15px; } .actionlist { margin: 0; padding: 0 0 0 20px; } #pageContainer .partner-control .adminButton, #pageContainer .partner-control button, #pageContainer .partner-control .msgButton, #pageContainer .partner-control .adminButton:visited, #pageContainer .partner-control .adminText, #pageContainer .partner-control .statsSummary span { font-size: 13px; line-height: 18px; font-weight: 500; background-color: #cc0066; padding: 2px 7px; } #pageContainer .partner-control .adminButton:hover, #pageContainer .partner-control button:hover, #pageContainer .partner-control .msgButton:hover, #pageContainer .partner-control .adminButton:visited:hover, #pageContainer .partner-control .adminText:hover, #pageContainer .partner-control .statsSummary span:hover { background-color: #aa0044; } #pageContainer .partner-control .adminButton.buttonSecondary, #pageContainer .partner-control button.buttonSecondary, #pageContainer .partner-control .msgButton.buttonSecondary, #pageContainer .partner-control .adminButton:visited.buttonSecondary, #pageContainer .partner-control .adminText.buttonSecondary, #pageContainer .partner-control .statsSummary span.buttonSecondary { background-color: #999; } #pageContainer .partner-control .adminButton.buttonSecondary:hover, #pageContainer .partner-control button.buttonSecondary:hover, #pageContainer .partner-control .msgButton.buttonSecondary:hover, #pageContainer .partner-control .adminButton:visited.buttonSecondary:hover, #pageContainer .partner-control .adminText.buttonSecondary:hover, #pageContainer .partner-control .statsSummary span.buttonSecondary:hover { background-color: #777; } #pageContainer .control-big button { font-size: 15px; line-height: 20px; padding: 4px 9px; } #pageContainer .partner-control:not(.control-primary) { opacity: 0; transition: opacity 0.25s; } #pageContainer .hoverTrigger2:hover .hoverReveal2.partner-control:not(.control-primary) { opacity: 1; } #pageContainer .partner-control .adminButton.adminMore, #pageContainer .partner-control .adminButton.adminMore:visited { padding: 2px 18px 2px 7px; } #pageContainer .partner-control .adminButton.buttonStats { padding-left: 19px; } .assetsSummaryText { min-height: 22px; } .zipCollectionInfo { padding: 12px; margin-bottom: 20px; background-color: rgba(0, 0, 0, 0.1); font-size: 90%; line-height: 1.5; } .pro-status, .partner-status { position: relative; display: inline-block; font: 11px 'Open Sans', sans-serif; font-weight: bold; background-color: #E8C535; color: #000; padding: 1px 4px; border-radius: 8px; height: 16px; line-height: 16px; margin-left: 3px; text-transform: uppercase; } .partner-status { background-color: #EB008B; color: #fff; padding: 1px 5px; } .status-warning { display: block; position: absolute; top: -8px; right: -12px; color: red; font-size: 110%; } .status-warning-overlay { color: #fff; font-size: 70%; } .dropdown-menu.account-info { background-color: #666; margin: 4px 0; } .dropdown-menu.account-info::after { content: " "; position: absolute; bottom: 100%; /* At the top of the tooltip */ right: 5%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #666 transparent; } .dropdown-menu.account-info .account-info-inner { display: block; padding: 2px 8px; color: #fff; text-align: center; } .dropdown-menu.account-info .account-info-link-container { display: block; } .dropdown-menu.account-info .account-info-link { display: inline-block; background-color: #fff; color: #000; padding: 0 6px; margin: 6px 0; font-size: 90%; font-weight: bold; border-radius: 2px; } .dropdown-menu.account-info .account-info-link:hover { background-color: #ccc; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu.account-info { background-color: #666; } } .widgetTopPages .title, .widgetLatestDateChanges .title { text-transform: uppercase; font-weight: bold; } .widgetTopPages .date, .widgetLatestDateChanges .date { display: inline-block; margin-left: 4px; font-size: 90%; } .account-container nav { margin: 30px 0 20px 0; } .account-info-container { display: block; padding: 20px; border-radius: 10px; margin: 16px 0; min-width: 280px; background-color: #eee; vertical-align: middle; } .account-info-inner { display: inline-block; line-height: 50px; vertical-align: middle; margin: 0 2px; } .account-info-inner button { margin-left: 10px; } .credits-text, .credits-counter { font-size: 120%; } .credits-counter { font-weight: bold; } .low-credits { color: #B4171E; } .account-invoices { text-align: center; margin-top: 20px; } .account-container .table { margin-top: 20px; } .account-container .table caption { font-weight: bold; color: #333; } .account-container .table .btn { padding: 2px 6px; } .account-container .table .btn:hover { background-color: #ccc; } .account-container label { font-weight: normal; } .pp-options-list { margin: 20px; } .pp-option { display: inline-block; margin: 0 12px; background-color: #ddd; line-height: 26px; border-radius: 13px; padding: 0 12px; } label.pp-option { font-weight: normal; } .pp-option input { vertical-align: text-top; } .monospace { font-family: "Lucida Console", Monaco, monospace; text-align: center; } .contact-form { background-color: #eee; padding: 20px; margin-top: 30px; border-radius: 10px; } .contact-form header { margin-bottom: 20px; } .contact-form header img { max-width: 20%; height: auto; } .contact-form header span { display: inline-block; vertical-align: bottom; margin-left: 8px; font-size: 22px; font-weight: bold; text-transform: capitalize; } .ViewArticle .article-container { padding-bottom: 40px; } .ViewArticle .bodytext table { width: 80%; margin: 0 auto; margin-bottom: 32px; } .ViewArticle .bodytext table th { text-align: center; } .ViewArticle .bodytext table th img { display: inline-block; max-width: 100px; padding: 12px 0; } .ViewArticle .bodytext table tbody tr:nth-child(odd) { background-color: #eee; } .ViewArticle .bodytext table td { text-align: center; padding: 2px 9px; } .ViewArticle .bodytext table td:nth-child(1) { text-align: left; font-weight: bold; } .ViewArticle .sideboxes-right { margin-top: 0; } @media (min-width: 992px) { .ViewArticle .sideboxes-right { border-left: none; } } .ViewArticle .bodytext .fa { font-size: 0; } .ViewArticle .bodytext .fa:before { font-size: initial; } .AboutPartnerFooter, .AboutProFooter { padding-bottom: 30px; } .flag { background: url('/Content/Themes/Aggregator/img/flags.png') no-repeat; } .flag.flag-GB { background-position: 0 -11px; } .flag.flag-PT { background-position: -16px -22px; } .flag.flag-AU { background-position: 0 -22px; } .flag.flag-JP { background-position: -32px -11px; } .flag.flag-NZ { background-position: -48px -11px; } .flag.flag-FR { background-position: -48px 0; } .flag.flag-DE { background-position: -16px 0; } .flag.flag-US { background-position: -48px -22px; } .flag.flag-TR { background-position: -32px -22px; } .flag.flag-IT { background-position: -16px -11px; } .flag.flag-PL { background-position: 0 -22px; } .flag.flag-ES { background-position: -32px 0; } .flag { background: url('/Content/Themes/Games Press/img/flags.png') no-repeat; } .flag.flag-GB { background-position: 0 -11px; } .flag.flag-PT { background-position: -16px -22px; } .flag.flag-AU { background-position: 0 -33px; } .flag.flag-JP { background-position: -32px -11px; } .flag.flag-NZ { background-position: -48px -11px; } .flag.flag-FR { background-position: -48px 0; } .flag.flag-DE { background-position: -16px 0; } .flag.flag-US { background-position: -48px -22px; } .flag.flag-TR { background-position: -32px -22px; } .flag.flag-IT { background-position: -16px -11px; } .flag.flag-PL { background-position: 0 -22px; } .flag.flag-ES { background-position: -32px 0; } .flag.flag-CA { background-position: -16px -33px; } .flag.flag-CN { background-position: -32px -33px; } .flag.flag-SE { background-position: -48px -33px; } .flag.flag-AT { background-position: 0 -44px; } .flag.flag-BR { background-position: -16px -44px; } .flag.flag-CZ { background-position: -32px -44px; } .flag.flag-NL { background-position: -16px -66px; } .flag.flag-FI { background-position: 0 -55px; } .flag.flag-DK { background-position: -48px -44px; } .flag.flag-NO { background-position: -32px -66px; } .flag.flag-BR { background-position: -16px -44px; } .flag.flag-IE { background-position: -32px -55px; } .flag.flag-HU { background-position: -16px -55px; } .flag.flag-MX { background-position: 0 -66px; } .flag.flag-IN { background-position: -48px -55px; } .flag.flag-RU { background-position: 0 -77px; } .flag.flag-KR { background-position: -16px -77px; } .flag.flag-CH { background-position: -32px -77px; } .flag.flag-RS { background-position: -48px -77px; } .flag.flag-UA { background-position: 0 -88px; } .flag.flag-AR { background-position: -16px -88px; } .flag.flag-BE { background-position: -32px -88px; } .flag.flag-HR { background-position: -48px -88px; } .flag.flag-GR { background-position: 0 -99px; } .flag.flag-IL { background-position: -16px -99px; } .flag.flag-PH { background-position: -32px -99px; } .flag.flag-RO { background-position: -48px -99px; } .flag.flag-SG { background-position: 0 -110px; } .flag.flag-SK { background-position: -32px -110px; } .flag.flag-ZA { background-position: -48px -110px; } .flag.flag-TH { background-position: 0 -121px; } .flag.flag-EU { background-position: -16px -121px; } :root { --mainBgColor: #fff; --defaultBgColor: #ddd; --themeShade: light; --bodyColor: #333; --linkColor: #6F638E; --rolloverColor: #9A89C6; --visitedColor: #9384BC; --visitedHoverColor: #9384BC; --highlightColor: rgba(138, 122, 178, 0.2); --primaryColor: #5F547A; --bodyFont: 'Open Sans', 'Arial', sans-serif; --headingFont: Verdana, Arial, Helvetica, sans-serif; --backgroundImage: url(/Content/Themes/Aggregator/img/witewall_3.png); --borderStyle1: 1px solid #ddd; --borderStyle2: 2px solid #ccc; --borderStyle3: 1px solid #ddd; --tabColor: #6f638e; --tabBgColor: none; --popupBorderColor: #16359f; --stripeBg1: #ededed; --stripeBg2: #f8f8f8; --defaultDisabledBgColor: #e0e0e0; --tabActiveBorderBottomColor: #fff; --tabHoverBorderColor: #eee; --flagOpacity: 1; --helpBlockColor: #737373; --color1: #eee; --color2: #888; --color3: #999; --color4: #ccc; --color5: #888; --color6: #888; --color7: #ccc; --color8: #aaa; --color9: #eee; --color10: #555; --color11: #fff; --color12: #ccccff; --color13: #bbb; --color14: #000; --tintBgColor: rgba(255, 255, 255, 0.5); --underlineColor: #eee; --tagColor: #eee; --modeTransition: 0.1s; } :root .dark-mode { --mainBgColor: #222; --defaultBgColor: #999; --linkColor: #9A89C6; --rolloverColor: #BAA9E6; --themeShade: dark; --bodyColor: #eee; --headingColor: #aaa; --introColor: #ddd; --backgroundImage: url(/Content/Themes/Aggregator/img/dark-hex-bg.png); --borderStyle1: 1px solid #444; --borderStyle2: 2px solid #555; --borderStyle3: none; --tabActiveColor: #eee; --tabActiveBgColor: #444; --tabActiveBorderBottomColor: transparent; --popupBorderColor: #333; --stripeBg1: #666; --stripeBg2: #777; --defaultDisabledBgColor: #666; --tabHoverBorderColor: #444; --flagOpacity: 0.8; --helpBlockColor: #ddd; --color1: #444; --color2: #333; --color3: #666; --color4: #666; --color5: #444; --color6: #555; --color7: #444; --color8: #666; --color9: #222; --color10: #ddd; --color11: #222; --color12: #6F6F89; --color13: #555; --color14: #fff; --tintBgColor: rgba(255, 255, 255, 0.1); --underlineColor: #aaa; --tagColor: #000; } body { color: var(--bodyColor); background-color: #000000; font-family: var(--bodyFont); font-size: 14px; line-height: 22px; transition: var(--modeTransition); } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--headingColor); } a, a:visited, .pp-autocomplete-value { color: var(--linkColor); } a:hover, a:focus { color: var(--rolloverColor); } .headline a:visited { color: var(--visitedColor); } .headline a:visited:hover { color: var(--visitedHoverColor); } .intro { color: var(--introColor); } #pageContainer .easy-autocomplete-container ul { background-color: var(--color11); border-top: 1px dotted var(--color11); } #pageContainer .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { border-color: var(--color11); } #pageContainer .easy-autocomplete-container ul li.selected { background: none repeat scroll 0 0 var(--tabHoverBorderColor); } #pageContainer .easy-autocomplete.eac-bootstrap input { color: var(--bodyColor); } #pageContainer .easy-autocomplete-container li:hover .pp-autocomplete-value { color: #8A7AB2; } #pageContainer .easy-autocomplete-container ul li .pp-autocomplete-value b { background-color: var(--highlightColor); } h3 { font-family: var(--headingFont); font-size: 16.666666px; font-weight: bold; text-transform: uppercase; } .pagetype h3 { font-size: 20px; } @media (min-width: 768px) { .ViewNewsAndAssets .pagetype h3 { font-size: 28px; } } .ViewItem .pagetype h3 { display: none; } .ViewCat .pagetype h3 { font-size: 36px; font-weight: 500; font-family: var(--bodyFont); text-transform: none; margin: 20px 0 0 0; } h4 { font-family: var(--headingFont); font-size: 14px; font-weight: bold; text-transform: uppercase; } .maincontent .headline { font-family: var(--headingFont); font-size: 22px; line-height: 1.3; } .tabbox .tn.externalLink.no-thumbnail .tn-inner, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner, aside .tn.externalLink.no-thumbnail .tn-inner { background-color: #ccccff; } #maincontentcontainer { scrollbar-color: var(--themeShade); background-image: var(--backgroundImage); background-color: var(--mainBgColor); } #maincontentcontainer .easy-autocomplete.eac-bootstrap input { color: var(--bodyColor); } #maincontentcontainer .admin { color: var(--bodyColor); } #maincontentcontainer .admin.adminButton { color: #fff; } #maincontentcontainer .admin a { color: var(--linkColor); } #maincontentcontainer .admin a.msgButton { color: #fff; } #maincontentcontainer .admin a:hover { color: var(--hoverColor); } #maincontentcontainer .admin .adminPulldown { background-color: var(--mainBgColor); border-color: var(--defaultBgColor); } #maincontentcontainer .admin .adminPulldown li a:not(.greyedout):hover { background-color: var(--color4); } #maincontentcontainer .inputgroup { background-color: var(--color4); } #maincontentcontainer .help-block, #zipCollection .help-block { color: var(--helpBlockColor); } #maincontentcontainer .flag, #zipCollection .flag { opacity: var(--flagOpacity); } #maincontentcontainer .nav-tabs, #zipCollection .nav-tabs { border-bottom: var(--borderStyle1); } #maincontentcontainer .tn:not(.ph) .tn-inner, #zipCollection .tn:not(.ph) .tn-inner { border: var(--borderStyle1); } #maincontentcontainer .btn-default, #zipCollection .btn-default { background-color: var(--tabActiveBgColor); color: var(--bodyColor); } #maincontentcontainer .btn-default:hover, #zipCollection .btn-default:hover { color: var(--helpBlockColor); } #maincontentcontainer .btn-default.disabled, #zipCollection .btn-default.disabled, #maincontentcontainer .btn-default:disabled, #zipCollection .btn-default:disabled, #maincontentcontainer .btn-default[disabled], #zipCollection .btn-default[disabled] { background-color: var(--defaultDisabledBgColor); } #maincontent { background-color: var(--mainBgColor); transition: var(--modeTransition); } article.container, .article-container { background-color: var(--mainBgColor); } .newsItem, .LatestAdditionsList > li, .sideboxes aside { border-bottom: var(--borderStyle1); } .assetsListItem { border-top: var(--borderStyle1); } .assetsListItem:first-child { border-top: 0; } .lang { background-color: var(--tagColor); } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top: var(--borderStyle1); } .table > thead > tr > th { border-bottom: var(--borderStyle2); } .sideboxes aside .table > tbody > tr > td, .sideboxes aside .table > tbody > tr > th, .sideboxes aside .table > tfoot > tr > td, .sideboxes aside .table > tfoot > tr > th, .sideboxes aside .table > thead > tr > td, .sideboxes aside .table > thead > tr > th { border-top: var(--borderStyle1); } .sideboxes-left aside { background-color: var(--color1); } .list-group-item { background-color: var(--mainBgColor); } .loadingBg { background-color: var(--tintBgColor); } #headerContainer .easy-autocomplete.eac-bootstrap input { border-color: var(--color4); } .tabbox .tn.externalLink.no-thumbnail .tn-inner, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner, aside .tn.externalLink.no-thumbnail .tn-inner { background-color: var(--color12); } .tabbox .tn.externalLink.no-thumbnail .tn-inner:hover a, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner:hover a, aside .tn.externalLink.no-thumbnail .tn-inner:hover a { color: var(--color10); } .tabbox .tn.externalLink.no-thumbnail .tn-inner a, .LatestAdditionsList .tn.externalLink.no-thumbnail .tn-inner a, aside .tn.externalLink.no-thumbnail .tn-inner a { color: var(--bodyColor); } .navbar-main .container { position: relative; } .navbar-outer-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; margin: auto; max-width: 1370px; background-image: url('/Content/Themes/Games Press/img/gp_controllers_dark_fade2.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; } .navbar-main-menu > li > a { font-family: var(--headingFont); } a.navbar-brand { background-image: url('/Content/Themes/Games Press/img/gpv3_logo.png'); } .navbar-header { position: relative; } .navbar-header::after { content: "The resource for games journalists"; height: 75px; } @media (min-width: 768px) { .navbar-header::after { padding: 52px 0 0 0; } } .navbar-inverse .navbar-nav > li > a, .account-text { color: #ffffff; font-size: 130%; } .navbar-inverse .navbar-nav > li > a:hover { color: #dddddd; } @media (min-width: 992px) { .navbar-header { position: absolute; } .navbar-nav-main { padding-left: 460px; } } .search-container li.navbar-social-icons { display: none; } @media (min-width: 768px) { .search-container li.navbar-social-icons { display: none; } } .btn-default { background-image: none; text-shadow: none; box-shadow: none; background-color: #ddd; } .btn-primary, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-image: -webkit-linear-gradient(top, #8878AF 0, #5F547A 100%); background-image: -o-linear-gradient(top, #8878AF 0, #5F547A 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#8878AF), to(#5F547A)); background-image: linear-gradient(to bottom, #8878AF 0, #5F547A 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8878AF', endColorstr='#ff5F547A', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: var(--primaryColor); } .btn-primary:focus, .btn-primary:hover { background-color: var(--primaryColor); background-position: 0 -15px; } a.btn-primary { color: #ffffff; } .btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] { background-color: var(--primaryColor); background-image: none; } .btn-simple.focus, .btn-simple:focus, .btn-simple:hover { color: #6F638E; } .partner-control .btn-primary { background-image: none; background-color: #cc0066; } .partner-control .btn-primary:hover { background-color: #ee2288; } .pager a { text-transform: capitalize; padding: 6px 12px; font-size: 14px; } .tn-more a { display: inline-block; padding: 4px 12px; font-size: 14px; background-color: var(--primaryColor); color: #fff; margin-top: 6px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #888; background-image: none; filter: none; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: var(--tabActiveColor); border-color: var(--tabActiveColor); } #maincontentcontainer .tab-content { border-left: var(--borderStyle1); border-right: var(--borderStyle1); border-bottom: var(--borderStyle1); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: var(--tabActiveColor); background-color: var(--tabActiveBgColor); border: var(--borderStyle1); border-bottom-color: var(--tabActiveBorderBottomColor); } .nav-tabs > li > a:hover { border-color: var(--tabHoverBorderColor); } .nav > li > a:focus, .nav > li > a:hover { background-color: var(--tabHoverBorderColor); } .dropdown-menu { background-color: var(--mainBgColor); } .dropdown-menu > li > a { color: var(--bodyColor); } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: var(--color9); background-image: none; filter: none; background-repeat: repeat-x; color: var(--bodyColor); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #888; background-image: none; filter: none; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: var(--color1); border-color: var(--color1); } .ViewChartsDetails .list-group-item { background-color: var(--color1); color: var(--color10); } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { color: #fff; } .ViewArticle .bodytext { font-size: 15px; line-height: 1.6; } .ViewArticle .bodytext h1, .ViewArticle .bodytext h2 { margin-bottom: 20px; } @media (min-width: 992px) { .ViewArticle .bodytext { margin: 0 auto; font-size: 16px; line-height: 1.8; } .ViewArticle .bodytext h1, .ViewArticle .bodytext h2 { margin-bottom: 24px; } } .article-banner { min-height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; margin-bottom: 30px; } .article-banner-responsive { min-height: 100px; background-size: 140%; } @media (min-width: 440px) { .article-banner-responsive { min-height: 150px; } } @media (min-width: 768px) { .article-banner-responsive { min-height: 250px; } } @media (min-width: 992px) { .article-banner-responsive { min-height: 300px; background-size: cover; } } .about-circle-text { font-size: 16px; line-height: 1.4; } .ViewTAndCs h2 a, .ViewTAndCs h2 a:hover { color: #333; } .ViewArticle h3 { font-family: 'Open Sans', 'Arial', sans-serif; font-size: 20px; margin: 0 0 12px 0; border-bottom: 1px solid #999; font-weight: bold; text-transform: none; } .ViewArticle .bodytext h2 { font-size: 28px; } .ViewArticle .article-banner .bodytext h1 { border: none; font-family: var(--headingFont); font-weight: 900; color: #fff; display: inline-block; position: absolute; margin: 0; top: 200px; background-color: #333; padding: 6px 20px; } @media (min-width: 768px) { .ViewArticle .container-content { min-height: 0; } } .ViewArticle .article-box-1 { background-color: var(--color1); margin-bottom: 20px; } .ViewArticle .article-box-2 { background-color: #817CB4; padding: 20px 20px 20px 20px; color: #fff; border-radius: 10px; margin-bottom: 16px; } .ViewArticle .article-box-2 h3 { color: #fff; border-bottom: 0; } .ViewArticle .article-box-2 ul { margin: 0; padding-left: 20px; } .ViewArticle .article-box-2 a { color: #fff; text-decoration: underline; } .ViewArticle .article-box-3 { background-color: var(--color3); padding: 20px 20px 20px 20px; color: #fff; border-radius: 10px; margin-bottom: 16px; } .ViewArticle .article-box-3 h3 { color: #fff; } .ViewArticle .submit-container { text-align: center; margin-bottom: 20px; } .topbar { display: block; } .pressreleaseContent h1 { font-size: 3.5rem; line-height: 4rem; margin-bottom: 2.5rem; } .pressreleaseContent h2 { font-size: 2.5rem; line-height: 3rem; margin-bottom: 2.5rem; } .pressreleaseContent .bodytext { font-size: 1.6rem; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; } .ViewItem .pagetype h1 { display: block; } .ViewCat .title { font-family: var(--headingFont); font-weight: bold; } .ViewUsersBoxed #pageContainer { background-image: var(--backgroundImage); } .ViewUsersBoxed #maincontent { background-color: var(--mainBgColor); } .ViewUsersBoxed #pageHeader { position: relative; } .ViewUsersBoxed #pageHeader .row { position: relative; } .ViewUsersBoxed #headerInnerBg { position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-image: url('/Content/Themes/Games Press/img/gp_controllers_dark_fade.png'); background-repeat: no-repeat; background-size: cover; background-position: top left; } .ViewUsersBoxed #maintitle { background-image: url('/Content/Themes/Games Press/img/gpv3_logo.png'); background-size: contain; margin: 20px 20px; height: 70px; } .ViewUsersBoxed #maintitle::before { content: "beta"; position: absolute; left: 156px; bottom: 15px; color: #fff; font-size: 10px; } .ViewUsersBoxed #maintitle::after { padding: 35px 0; content: "The resource for games journalists"; display: inline-block; color: #fff; font-weight: bold; font-size: 20px; padding: 0 10px 0 10px; text-align: left; max-width: 160px; margin-left: 170px; margin-top: 6px; } .ViewUsersBoxed label { color: var(--headingColor); } .ViewUsersBoxed legend { color: var(--headingColor); border-bottom: 1px solid var(--underlineColor); } .ViewUsersBoxed .password-progress { background-color: var(--stripeBg1); } .form-control { background-color: var(--color11); border-color: var(--color4); color: var(--color10); } @media (min-width: 420px) { .ViewUsersBoxed #maintitle::after { padding: 15px 10px 12px 10px; max-width: 200px; } } @media (min-width: 768px) { .ViewUsersBoxed #maintitle { height: 100px; } .ViewUsersBoxed #maintitle::before { left: 215px; bottom: 16px; font-size: 12px; } .ViewUsersBoxed #maintitle::after { margin-left: 230px; margin-top: 26px; } } .expandable { color: var(--linkColor); } .expandable:hover { color: var(--rolloverColor); } .assetsListItem.collapsed:hover .expandable-open { color: var(--rolloverColor); } .pageFooter .site-credit-text:before { content: ""; } .addServiceLogo { padding-left: 110px; background-repeat: no-repeat; background-position: 16px 13px; background-size: 80px; } h3.addServiceLogo { padding-left: 94px; background-position: 0 0; height: 32px; line-height: 32px; } .addLogoPro { background-image: url('/Content/Themes/Games Press/img/GP_logo_pro_300px.png'); } .addLogoElite { background-image: url('/Content/Themes/Games Press/img/GP_logo_elite_300px.png'); } .addLogoPP { background-image: url('/Content/Themes/Games Press/img/temp_zip_pp_logo.png'); } .pro-btn-tag { display: inline-block; padding-right: 57px; background-image: url('/Content/Themes/Games Press/img/GP_logo_pro_300px.png'); background-repeat: no-repeat; background-position: right center; background-size: 50px; } .serviceInfoInner { font-size: 80%; line-height: 1.4em; padding-left: 90px; } .serviceInfoInner.addServiceLogo { background-position: 0 0; padding-left: 94px; min-height: 32px; } .serviceInfo { padding: 10px 15px; margin-bottom: 25px; background-color: var(--color13); } .serviceInfo a { color: var(--color14); } .sideboxes-right aside.attachedAssets { border-bottom: none; margin-bottom: 0; } .sideboxes-left aside { -webkit-box-shadow: none; box-shadow: none; border: none; } .sideboxes-left .filter-list.list-group { margin-bottom: 40px; } .filter-item > button { background-color: var(--color7); } .filter-item.filter-active-list > button { background-color: var(--color6); } .filter-item.filter-active-list > button h3 { color: var(--underlineColor); } .table-hover > tbody > tr:hover, .filter-option-list label:hover { background-color: var(--color1); } .filter-group > button:hover { background-color: var(--color8); } .filter-option-list { border-left: var(--borderStyle1); border-right: var(--borderStyle1); color: var(--headingColor); } .filter-selections { border-left: var(--borderStyle1); border-right: var(--borderStyle1); } .filter-selections .btn { background-color: var(--color1); } .filter-selections .btn:hover { color: var(--color3); } .sideboxes-right aside.promoImage { display: inline-block; text-align: center; margin: 30px 10px 30px 10px; padding-bottom: 0; border-bottom: 0; } @media (min-width: 992px) { .sideboxes-right { border-left: var(--borderStyle1); } .sideboxes-right aside.promoImage { display: block; text-align: center; padding-bottom: 0; border-bottom: 0; } } @media (min-width: 768px) { .ViewNews .sideboxes-right { border-left: var(--borderStyle1); } } .sideboxes aside.widgetPartner { line-height: 20px; } .sideboxes aside.widgetPartner { background-color: var(--color1); padding: 15px; border-bottom: none; } .sideboxes aside.widgetPartner.is-partner header { background-image: url('/Content/Themes/Games Press/img/GP_logo_elite_300px.png'); background-repeat: no-repeat; height: 40px; background-size: contain; margin-bottom: 16px; margin-left: 6px; } .sideboxes aside.widgetPartner.is-partner header h3 { display: none; } .sideboxes aside.widgetPartner.is-partner h5 { color: var(--bodyColor); } .sideboxes aside.widgetPartner.is-partner .loginFormContainer { width: auto; } .ViewError .error-media { display: inline-block; background: url('/Content/Themes/Games Press/img/bug_sad.png') no-repeat; background-size: contain; width: 120px; height: 300px; margin-left: 20px; margin-right: 40px; margin-top: 20px; } .ViewError .error-text { display: inline-block; vertical-align: top; } .itemStatus .is-press-site::before { display: inline-block; width: 70px; height: 20px; background-image: url('/Content/Themes/Games Press/img/temp_zip_pp_logo.png'); background-repeat: no-repeat; background-size: contain; content: ' '; vertical-align: top; } .itemStatus .is-elite::before { display: inline-block; width: 60px; height: 20px; background-image: url('/Content/Themes/Games Press/img/GP_logo_elite_300px.png'); background-repeat: no-repeat; background-size: contain; content: ' '; vertical-align: top; } .alert-tag::after { font: normal normal normal 14px/1 FontAwesome; font-size: 1.2em; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f071"; color: yellow; margin-left: 6px; animation: blinker 0.8s linear infinite; } .alert-tag-inline { background-color: #999; color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 8px; margin-left: 4px; white-space: nowrap; } @keyframes blinker { 50% { opacity: 0.2; } } #zipCollectionInner { background-color: var(--mainBgColor); border: 1px solid var(--popupBorderColor); } .ZCLitem { background-color: var(--stripeBg1); } .ZCLitem:nth-child(even) { background-color: var(--stripeBg2); } body .dark-mode-on { display: none; margin-left: 8px; } body .dark-mode-off { display: inline-block; margin-left: 8px; } body.dark-mode .dark-mode-off { display: none; } body.dark-mode .dark-mode-on { display: inline-block; } body .pulldownAreaControl { color: #666; } body #maincontentcontainer .pulldownArea.admin { color: #666; } body #maincontentcontainer .pulldownArea.admin h3 { color: #666; } #maincontentcontainer .pp-tag.admin { color: #fff; } .pp-tag.disabled { background-color: var(--color4); } .ViewContact .row-pagetype { display: none; } .ViewContact .article-banner { display: block; background-image: url(/Content/Themes/Default/img/contactimage.jpg); margin: 0; } .ViewContact .container-content { padding-top: 30px; }