@font-face {
  font-family: 'Gotham-Book-Italic';
  src: url('/css/fonts/gotham-book-italic-webfont.eot');
  src: url('/css/fonts/gotham-book-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/gotham-book-italic-webfont.ttf') format('truetype'), url('/css/fonts/gotham-book-italic-webfont.svg#gotham_bookitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('/css/fonts/gotham-book-webfont.eot');
  src: url('/css/fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/gotham-book-webfont.ttf') format('truetype'), url('/css/fonts/gotham-book-webfont.svg#GothamBookRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('/css/fonts/gotham-light-webfont.eot');
  src: url('/css/fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/gotham-light-webfont.ttf') format('truetype'), url('/css/fonts/gotham-light-webfont.svg#GothamLightRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('/css/fonts/gotham-medium-webfont.eot');
  src: url('/css/fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/gotham-medium-webfont.ttf') format('truetype'), url('/css/fonts/gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Primary Colour Palette */
/* End Primary Colour Palette */
/* Secondary Colour Palette */
/* End Secondary Colour Palette */
/* Greyscale Tints */
/* End Greyscale Tints */
/* Fonts */
/* End Fonts */

/* Common Styles */

body {
  background: #e5e5e5;
}
#wrap {
  background-image: url('../images/common/main_bg.gif');
}
a {
  color: #00b4f0;
  text-decoration: underline;
}
a:hover {
  color: #005782;
  text-decoration: none;
}
video {
  margin: 20px;
}
input[type="submit"],
button,
button[type="reset"],
input[type="button"],
.button,
.btn,
.documentLibrary ul li div a.btn,
.showAllContainer a,
#aDownload {
  background-color: #00b4f0;
  color: white;
  font: normal 14px/18px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
  padding: 6px 15px;
}
.download-content .button,
.download-content .btn,
.documentLibrary ul li div a.btn {
  font-size: 12px;
  margin: 0 7px 10px;
  padding: 4px 14px 4px 14px;
}
input[type="submit"]:hover,
button,
button[type="reset"]:hover,
input[type="button"]:hover,
.button:hover,
.btn:hover,
.documentLibrary ul li div a.btn:hover,
.showAllContainer a:hover,
#aDownload:hover {
  background-color: #005782;
  color: white;
  border: 0;
}
/* Add reset button for Asset share */

button[type="reset"],
.button.reset {
  background-color: #cccccc;
  color: #372e2c;
}
button[type="reset"]:hover,
.button.reset:hover {
  background-color: #005782;
  color: white;
}
/* End reset button for Asset share */

.ui-selectmenu-menu ul {
  background-color: white;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #372e2c;
}
.ui-selectmenu:hover,
.ui-state-active {
  color: #00b4f0 !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-color: white;
}
.ui-selectmenu-menu li.ui-selectmenu-item-focus a {
  background-color: #00b4f0;
  color: white;
}
.redNumber {
  color: #00b4f0;
}
p.download-header {
  padding: 6px 0 2px 26px;
  background-position: 0 -75px;
}
p.download-header:hover {
  background-position: 0 -127px;
}
p.download-header.open {
  font-weight: bold;
  background-position: 0 -101px;
}
p.download-header.open,
.download-content {
  background-color: white;
  border-color: #e5e5e5;
}
.infoDetails .infoDetailsActions {
  background-color: #f2f2f2;
  border-color: #e5e5e5;
  padding: 7px 10px 4px 10px;
}
.addToAlbumSelected.infoDetails {
  width: 195px;
}
.download-content ul {
  float: left;
  margin: 10px 0 0;
}
.download-content ul li {
  background-position: 0 -133px;
  margin: 0;
}
.download-content ul li a {
  color: black;
  padding: 0 0 8px;
  text-decoration: none;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
  float: left;
}
.download-content ul li a:hover {
  color: #00b4f0;
}
.infoDetails .infoDetailsActions li {
  font: normal 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.infoDetails .infoDetailsActions li a {
  font: normal 14px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.fileType {
  font: 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
  width: 42px !important;
}
.expiryWarning {
  font: 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
  width: 286px !important;
}
.download-content .info {
  background-position: -6px -30px;
}
.download-content .info:hover {
  background-position: -6px -56px;
}
.download-content ul li .rightCol .fileType {
  margin-top: 0;
}
.download-content .downloadAll {
  background-color: #f2f2f2;
  border-color: #cccccc;
}
/* End Common Styles */

/* Header */

#header {
  background: #00b4f0;
  height: 130px;
}
#company_logo {
  background: url('../images/common/brandtoolboxlogo.png') top left no-repeat;
  float: left;
  margin: 21px 25px;
  width: 280px;
  height: 60px;
  background-size: 280px;
}
/* Search */

ul.loggedin {
  margin: 13px 25px 10px 0;
}
#search fieldset {
  width: 350px;
  margin: 0 25px 0 0;
  border-radius: 4px;
}
#search fieldset label {
  color: white;
  font: normal 12px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  width: 50px;
  margin: 0;
}
#search fieldset input[type=text] {
  font: normal 12px/30px 'Gotham-Book', Arial, Helvetica, sans-serif;
  color: #666666;
  width: 195px;
  height: 30px;
}
#search fieldset input[type=text]:focus {
  color: black;
  outline: 0;
}
#search fieldset input[type=button] {
  background-position: 0 4px;
  height: 30px;
}
#search fieldset input[type=button]:hover,
#search fieldset input[type=button]:active {
  background-position: 0 -18px;
}
#search fieldset #searchOption-button {
  background-color: white;
  float: left;
  height: 30px;
  width: 77px !important;
  margin-right: 2px;
  border-radius: 2px;
  background: white;
  padding: 0;
  border: 0;
}
#search fieldset #searchOption-button .ui-selectmenu-status,
#search fieldset #searchOption-button .ui-selectmenu-text {
  font-size: 12px;
  line-height: 30px;
  color: #666666;
  padding: 0 6px;
}
#search fieldset #searchOption-button .ui-selectmenu-status:hover,
#search fieldset #searchOption-button .ui-selectmenu-text:hover,
#search fieldset #searchOption-button .ui-selectmenu-status:active,
#search fieldset #searchOption-button .ui-selectmenu-text:active,
#search fieldset #searchOption-button .ui-selectmenu-status:focus,
#search fieldset #searchOption-button .ui-selectmenu-text:focus {
  color: black;
}
#search fieldset #searchOption-button .ui-selectmenu-icon,
#search fieldset #searchOption-button span.ui-icon {
  height: 30px !important;
  background: white url(/images/common/searchBox_icons.png) 0 2px no-repeat !important;
  top: 0;
  right: 0;
  width: 20px;
  margin: 0;
}
#search fieldset #searchOption-button .ui-selectmenu-icon:hover,
#search fieldset #searchOption-button span.ui-icon:hover,
#search fieldset #searchOption-button .ui-selectmenu-icon:active,
#search fieldset #searchOption-button span.ui-icon:active,
#search fieldset #searchOption-button .ui-selectmenu-icon:focus,
#search fieldset #searchOption-button span.ui-icon:focus {
  background-position: 0 -26px !important;
}
#searchOption-menu {
  border: 0;
  border-radius: 2px;
  font-size: 12px !important;
  width: 130px !important;
  box-sizing: border-box;
  padding-bottom: 5px !important;
}
.ui-selectmenu-open {
  z-index: 8000 !important;
}
.ui-selectmenu-open .ui-menu .ui-menu-item {
  border: 0;
  padding: 4px 15px;
}
.ui-selectmenu-open .ui-menu .ui-state-focus,
.ui-selectmenu-open .ui-menu .ui-state-active {
  background: #00b4f0;
  color: white;
  margin: 0;
}
/* End Header */

#mainContent {
  /*overflow:visible !important;overflow-x:visible !important;*/
  float: left;
  /*min-height:auto !important;*/
  background: white url('/images/common/main_bg.gif') top right repeat-y;
  /*padding:0;*/

}
/* RHS Column */

.pageOptions {
  background-color: white;
  width: 120px;
}
ul.pageTools a.print_page,
ul.pageTools a.share_page {
  color: #00b4f0;
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif;
}
ul.pageTools li.open a.share_page {
  color: #005782;
}
ul.pageTools .share_page_container fieldset label {
  color: black;
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif;
}
ul.pageTools .share_page_container input[type="text"] {
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  color: black;
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif;
  width: 120px;
  border-radius: 1px;
}
ul.pageTools .share_page_container input[type="text"]:focus {
  background-color: white;
  border: 1px solid #cccccc;
}
ul.pageTools .share_page_container textarea {
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  color: black;
  font: normal 12px/1.3 'Gotham-Book', Arial, Helvetica, sans-serif;
  width: 120px;
  border-radius: 1px;
}
ul.pageTools .share_page_container textarea:focus {
  background-color: white;
  border: 1px solid #cccccc;
}
ul.pageTools .share_page_container span.error {
  background-color: #333333;
  font: normal 12px/1.1 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
ul.pageTools .share_page_container .button:hover {
  background-color: #005782;
  color: white !important;
}
ul.pageTools .success h3,
ul.pageTools .success p {
  color: black;
}
.myFavourites {
  background-color: white;
  width: 120px;
  padding: 10px;
}
.myFavourites h3 {
  background: url('../images/common/accordion-header_bg.png') 90px -177px no-repeat;
  margin: 0 0 10px;
  padding: 0;
  cursor: pointer;
}
.myFavourites h3:hover {
  text-decoration: underline;
}
.myFavourites h3.open {
  margin: 0;
}
.myFavourites ul {
  display: none;
  margin: 8px 0 6px;
}
.myFavourites ul li {
  margin: 3px 0 4px;
  word-wrap: break-word;
}
.myFavourites ul li a {
  color: #00b4f0;
}
.myFavourites ul li a:hover {
  color: #00b4f0;
  text-decoration: underline;
}
.myFavourites a.viewAll,
.myFavourites a.addThisPage {
  color: #00b4f0;
  font: normal 12px/1.3 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.brandAlert {
  background-color: white;
  width: 120px;
  margin-right: 10px;
}
/* .brandAlert h3{color:@black;font-size:12px;line-height:14px;} */

.brandAlert a.viewAll {
  font: normal 12px/1.3 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.relatedLinks {
  background-color: white;
  width: 120px;
  margin: 10px 10px 0 0;
  border-radius: 2px;
}
.relatedLinks h3 {
  margin: 0;
  padding: 0;
}
.relatedLinks ul {
  float: left;
  width: 120px;
  margin: 5px 0 0;
  padding: 0;
}
.relatedLinks ul li {
  float: left;
  margin: 5px 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.relatedLinks ul li p {
  line-height: 12px;
}
.relatedLinks ul li a {
  color: #00b4f0;
  font: normal 12px/1.3 'Gotham-Book', Arial, Helvetica, sans-serif;
  text-decoration: none;
}
/* End RHS Column */

/* My favourites Page */

#myFavouritesContainer ul.header {
  background-color: #e5e5e5 !important;
}
#myFavouritesContainer ul.header li label {
  line-height: 30px;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
  padding-top: 0 !important;
}
#myFavouritesContainer ul.header li input[type="checkbox"] {
  top: -8px !important;
}
#myFavouritesContainer ul.content li.odd {
  background-color: white !important;
}
#myFavouritesContainer ul.content li.even {
  background-color: #f2f2f2 !important;
}
/* End My favourites Page */

/* What's new Page */

.brandAlertList ul li.headlineRow {
  background-color: #00b4f0;
}
.brandAlertList ul li.odd {
  background-color: white;
}
.brandAlertList ul li.even {
  background-color: #f2f2f2;
}
/* End What's new Page */

/* Footer */

#footer {
  color: white;
  font: normal 11px/40px 'Gotham-Book', Arial, Helvetica, sans-serif;
}
#footer_container {
  background: #005782;
  color: white;
}
#footer_container ul {
  font: normal 11px/40px 'Gotham-Book', Arial, Helvetica, sans-serif;
}
#footer_container a {
  color: white;
  text-decoration: underline;
}
#footer_container a:hover {
  color: white;
  text-decoration: none;
}
/* End Footer */

/* Paragraph Styles */

h1,
.section_heading h2 {
  color: #005782;
  font: normal 40px/1.2 'Gotham-Medium', Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  margin: 0 0 20px;
}
.section_heading h2 {
  padding: 0;
}
.feature {
  color: #372e2c;
  font: normal 21px/1.3 'Gotham-Book', Arial, Helvetica, sans-serif;
  letter-spacing: -0.25px;
}
.feature strong {
  font: normal 21px/1.3 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
h2 {
  color: black;
  font: normal 21px/1.2 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 20px 0 12px;
}
h3 {
  color: black;
  font: normal 14px/1.5 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
}
h4 {
  color: black;
  font: bold 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 5px 0 8px 0;
}
p {
  color: black;
  font: normal 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 0 10px 10px 0;
}
p strong {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.caption {
  color: black;
  font: bold 12px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 10px 0 10px 0;
  clear: both;
}
.highlight {
  font-family: monospace, monospace !important;
  color: #af2531;
  background: #f2f2f2;
  padding: 3px 5px;
}
ul {
  color: black;
  font: normal 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 0 0 20px 18px;
  padding: 0;
}
ol {
  color: black;
  font: normal 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
  display: block;
  margin: 0 0 20px;
  padding: 0 0 0 18px;
  list-style: none;
  overflow: hidden;
  counter-reset: item;
}
ol > li {
  margin: 0 0 5px;
  padding: 0;
  position: relative;
}
ol > li:before {
  counter-increment: item;
  content: counter(item);
  float: left;
  position: absolute;
  left: -18px;
  font: bold 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
  text-align: center;
  color: black;
}
li strong {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
hr {
  background-color: #a79a9a;
  height: 1px;
  margin-top: 50px;
}
/* End Paragraph Styles */

/* Main Menu */

.sm-blue {
  background: #00b4f0;
  padding-left: 25px;
}
.sm-blue a {
  color: white;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.sm-blue .selected > a {
  background-color: white;
  color: #005782;
  border-radius: 2px 2px 0 0;
}
/* Main Menu Lvl 1 - Has Lvl 2*/

.sm-blue li#hasChildren > a:hover,
.sm-blue li#hasChildren > a:focus,
.sm-blue li#hasChildren > a:active,
.sm-blue li#hasChildren > a.highlighted,
.sm-blue li#hasChildren .selected > a {
  background: white;
  color: #005782;
  margin: 0;
}
.sm-blue a.home {
  width: 40px !important;
}
.sm-blue a.home:hover {
  background-color: white;
  background-position: bottom center;
}
.sm-blue .selected a.home {
  background-color: white;
  background-position: bottom center;
}
/* Main Menu Lvl 1 - No Lvl 2*/

ul.sm a {
  border-radius: 2px 2px 0 0;
}
.sm-blue a:hover,
.sm-blue > a:focus,
.sm-blue > a:active,
.sm-blue > a.highlighted {
  background-color: white;
  color: #005782;
}
/* Main Menu Lvl 2 */

.sm-blue ul {
  background: white;
  border-bottom-color: #005782;
}
.sm-blue ul a {
  color: #372e2c;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.sm-blue ul li:hover,
.sm-blue ul li:hover > a,
.sm-blue ul a:hover,
.sm-blue ul a:focus,
.sm-blue ul a:active,
.sm-blue ul .selected > a,
.sm-blue li#hasChildren ul .selected > a {
  background: #00b4f0;
  color: white;
}
.sm-blue ul .selected > a,
.sm-blue li#hasChildren ul .selected > a {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
/* Main Menu Lvl 3 */

.sm-blue ul ul {
  background: white;
}
/* End Main Menu */

/* Sub Menu */

.subnav {
  background-color: white;
  border-color: #e5e5e5;
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif;
  background-color: #f2f2f2;
  border-radius: 2px;
  list-style: none;
  text-align: left;
  border: 1px solid #e5e5e5;
  border-top: 0;
  padding: 0;
}
.subnav li {
  border-color: #e5e5e5;
}
.subnav li a {
  color: #372e2c;
}
.subnav li a:hover {
  color: #00b4f0;
}
.subnav li.selected,
.subnav li.selected.hasChildren {
  background-color: #00b4f0;
}
.subnav li.ancestorSelected a:hover {
  color: #00b4f0;
}
.subnav li.selected,
.subnav li.ancestorSelected {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.subnav li a.selected,
.subnav li a.selected:hover {
  color: white;
}
.subnav li a.selected.ancestorSelected {
  color: white;
}
.subnav li a.ancestorSelected {
  color: #00b4f0;
}
.subnav ul {
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif;
  line-height: 1;
}
.subnav li li.selected,
.subnav li li.selected.ancestorSelected {
  background-color: #00b4f0;
}
/* End Sub Menu */

/* Breadcrumbs */

ul.breadcrumbs {
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif;
}
/* End Breadcrumbs */

/* Log In */

#login_container {
  background-image: url('../images/login/BT-Login-BG-image-01.jpg');
  height: 700px;
}
.loginDiv {
  background: #00b4f0 url('../images/common/brandtoolboxlogo.png') 30px 20px no-repeat;
  background-size: 280px;
  float: left;
  margin: 25px;
  padding: 100px 30px 50px;
  width: 400px;
}
.loginDiv h1 {
  color: white;
  font-size: 38px;
  line-height: 38px;
  margin: 0 0 15px;
}
.loginDiv .feature {
  color: white;
  font: normal 15px/20px 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 0 0 10px;
}
.loginDiv h2,
.loginDiv p,
.loginDiv a {
  color: white;
}
.loginDiv a:hover {
  text-decoration: none;
}
.loginDiv input[type="submit"] {
  background-color: #005782;
}
.loginDiv .forgotPassword {
  color: white;
  text-decoration: underline;
}
.loginDiv .forgotPassword:hover {
  text-decoration: none;
}
.loginDiv .username label,
.loginDiv .password label {
  background-color: #e5e5e5;
  color: black;
  font: normal 14px/16px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 6px 10px;
  width: 100px;
}
.loginDiv input[type=text],
.loginDiv input[type=password] {
  background: white;
  color: #999999;
  font: normal 14px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
  width: 240px;
}
.loginDiv input[type=text]:focus,
.loginDiv input[type=password]:focus {
  color: black;
  outline: 0;
}
.loginDiv .errorMessage {
  color: white !important;
  font: normal 12px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  line-height: 18px !important;
  padding: 0 0 0 27px !important;
}
.loginDiv .register {
  margin-top: 5px;
}
.loginDiv a.registerLink {
  background: url('/images/common/arrow_white.png') center right no-repeat;
  padding-right: 10px;
  text-decoration: underline;
}
.loginDiv a.registerLink:hover {
  color: white;
  text-decoration: none;
}
/* Logged In */

ul.loggedin .message {
  color: white;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
ul.loggedin input[type=submit] {
  color: white;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
ul.loggedin a {
  color: white;
  font: normal 12px/15px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
ul.loggedin input[type=submit]:hover,
ul.loggedin a:hover {
  color: white;
  text-decoration: none;
}
/* Log Out */

ul.loggedin .logout.open {
  background: white;
  box-shadow: none !important;
}
ul.loggedin .logout.open a {
  color: #00b4f0;
}
ul.loggedin .logout .logoutBtn {
  background: white;
  width: 210px;
  top: 25px;
  font: normal 12px/2 'Gotham-Medium', Arial, Helvetica, sans-serif;
  color: #005782;
  text-align: left;
  padding: 12px 15px 12px 10px;
  z-index: 1;
}
ul.loggedin .logout .logoutBtn input[type=submit],
#header .loggedin input {
  padding: 4px 10px;
  box-shadow: none;
  float: right;
}
/* End Log In */

/* Register */

.registration_container {
  font: normal 12px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.registration_container h3 {
  background-color: #00b4f0;
  font: normal 14px/18px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  color: white;
  line-height: 18px;
  margin: 0;
  padding: 5px 330px 5px 10px;
}
.registration_container .block {
  background-color: #e5e5e5;
}
.registration_container input[type="text"],
.registration_container input[type="password"] {
  border-color: #d1d1d1 !important;
  color: black !important;
  font: normal 12px/14px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  height: 22px !important;
  padding: 0 6px !important;
}
.registration_container input[type="text"]:focus,
.registration_container input[type="password"]:focus {
  border-color: #cccccc;
}
.registration_container .error {
  color: black;
  font: normal 12px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  line-height: 18px !important;
  padding: 0 0 0 27px !important;
}
.registration_container .col1 p,
.registration_container .col2 p,
.registration_container .col3 p {
  line-height: 16px !important;
}
#employeeEmailMessage2,
#nonemployeeEmailMessage {
  background-color: #e5e5e5 !important;
  border-color: #e5e5e5 !important;
}
.registration_container #employeeEmailMessage2 p.details,
.registration_container #nonemployeeEmailMessage p.details {
  background-color: #e5e5e5 !important;
  color: #372e2c;
  font: normal 12px 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.registration_container .fine_print .error {
  margin-left: 0 !important;
  clear: both;
  float: left !important;
  margin-top: 6px !important;
  width: 100%;
}
/* End Register */

/* Forgot Password */

.forgot_your_password_container .feature {
  font-size: 18px;
}
.forgot_your_password_container label span {
  color: black;
  font: normal 16px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.forgot_your_password_container input[type="text"] {
  border-color: #e5e5e5;
  color: black;
  font: normal 12px/22px 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.forgot_your_password_container input[type="text"]:focus {
  border-color: #cccccc;
  color: black;
  outline: 0;
}
/* End Forgot Password */

/* Quick Search Highlight */

.quickSearchHighlight {
  background: #e5e5e5 url('../images/common/highlight_panel_bg.png') 524px 30px no-repeat;
  border-radius: 6px;
  float: left;
  margin-bottom: 20px;
  padding: 20px 230px 20px 20px;
  width: 630px;
  box-sizing: border-box;
}
/* End Quick Search Highlight */

/* Comments */

.commentsForm label {
  color: black;
  font: normal 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.commentsForm textarea {
  border-color: #cccccc;
  color: black;
  font: normal 12px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.commentsForm textarea:focus {
  border-color: #00b4f0;
}
.commentsForm textarea.error {
  border-color: #00b4f0;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.commentsForm span.error {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.commentsForm .feature {
  border-top: 1px solid #a79a9a;
  border-bottom: 0;
  margin: 40px 0 15px;
  padding: 15px 0 0;
}
/* End Comments */

/* Feedback */

.feedbackBtn {
  background-color: #005782;
  color: white;
  font: bold 12px/24px 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.feedbackBtn:hover {
  background-color: #372e2c;
}
.feedbackBtn.active,
.feedbackBtn.active:hover {
  background-color: white;
  color: #00b4f0;
}
.feedbackForm select,
.feedbackForm .selectMenu:before {
  background-color: #e5e5e5;
}
.feedbackForm textarea {
  background-color: white;
  border: 1px solid #cccccc;
  color: black;
  font: normal 12px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.feedbackForm textarea:disabled {
  background-color: #e5e5e5;
  border: 1px solid #cccccc;
  color: #372e2c;
}
.feedbackForm textarea:focus {
  background-color: white;
  border: 1px solid #00b4f0;
}
.feedbackForm span.error {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.feedbackForm .button.reset,
.feedbackForm .button:disabled {
  background: #cccccc;
  color: #372e2c;
}
.feedbackForm .button:hover,
.feedbackForm .button.reset:hover {
  background-color: #005782;
  color: white;
}
/* End Feedback */

/* Home Page */

.home_container .leftCol {
  background-color: white;
}
.home_container .homeImageTop {
  background-color: #f2f2f2;
}
.home_container .homeImageTop h1 {
  font: normal 32px/35px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 8px 0 0 0;
  padding: 10px 80px 10px 10px;
  box-sizing: border-box;
  width: 260px;
  height: 137px;
}
.home_container .homeImageTop .text p {
  font: normal 13px/17px Arial, Helvetica, sans-serif;
  margin: 0 0 15px;
}
.home_container .homeImageTop .text a {
  background: url(../images/common/carousel-controls_bg.png) right -21px no-repeat;
  color: black;
  padding-right: 20px;
  text-decoration: underline;
}
.home_container .homeImageTop .text a:hover {
  text-decoration: none;
}
.home_container .homeImageBottom {
  background-color: #00b4f0;
}
.home_container .homeImageBottom h2 {
  color: white;
  font: bold 14px/18px Arial, Helvetica, sans-serif;
  padding: 0 0 20px;
}
.home_container .homeImageBottom p {
  color: white;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
}
.home_container .homeImageBottom p a {
  background: url(../images/common/carousel-controls_bg.png) right -21px no-repeat;
  color: white;
  float: left;
  margin-top: 10px;
  padding-right: 20px;
  text-decoration: underline;
}
.home_container .homeImageBottom p a:hover {
  color: white;
  text-decoration: none;
}
.home_container .homeImageBottom td.col1 {
  width: 130px;
  height: 226px;
  vertical-align: top;
  padding: 12px 0 0 12px;
  box-sizing: border-box;
}
.home_container .homeImageBottom td.col2 {
  width: 130px;
  height: 226px;
  vertical-align: middle;
}
/* Guidelines Links */

/* Guidelines Links Row 1 Item 1 */

ul.guidelinesLinks li a.row1Item1 {
  background-color: #00b4f0;
}
ul.guidelinesLinks li a.row1Item1:hover {
  background-color: rgba(0, 180, 240, 0.75);
}
/* Guidelines Links Row 1 Item 2 */

ul.guidelinesLinks li a.row1Item2 {
  background-color: #005782;
}
ul.guidelinesLinks li a.row1Item2:hover {
  background-color: rgba(0, 87, 130, 0.75);
}
/* Guidelines Links Row 1 Item 3 */

ul.guidelinesLinks li a.row1Item3 {
  background-color: #ff9100;
}
ul.guidelinesLinks li a.row1Item3:hover {
  background-color: rgba(255, 145, 0, 0.75);
}
/* Guidelines Links Row 1 Item 4 */

ul.guidelinesLinks li a.row1Item4 {
  background-color: #72b400;
}
ul.guidelinesLinks li a.row1Item4:hover {
  background-color: rgba(114, 180, 0, 0.75);
}
/* Guidelines Links Row 2 Item 1 */

ul.guidelinesLinks li a.row2Item1 {
  background-color: #72b400;
}
ul.guidelinesLinks li a.row2Item1:hover {
  background-color: rgba(114, 180, 0, 0.75);
}
/* Guidelines Links Row 2 Item 2 */

ul.guidelinesLinks li a.row2Item2 {
  background-color: #00b4f0;
}
ul.guidelinesLinks li a.row2Item2:hover {
  background-color: rgba(0, 180, 240, 0.75);
}
/* Guidelines Links Row 2 Item 3 */

ul.guidelinesLinks li a.row2Item3 {
  background-color: #005782;
}
ul.guidelinesLinks li a.row2Item3:hover {
  background-color: rgba(0, 87, 130, 0.75);
}
/* Guidelines Links Row 2 Item 4 */

ul.guidelinesLinks li a.row2Item4 {
  background-color: #ff9100;
}
ul.guidelinesLinks li a.row2Item4:hover {
  background-color: rgba(255, 145, 0, 0.75);
}
/* End Guidelines Links */

/* Examples Carousel */

#carousel {
  background-color: #f2f2f2;
  height: 512px;
}
.carousel-active {
  background-color: #005782;
}
.carousel-active:hover {
  background-color: #00b4f0;
}
.carousel-inactive {
  background-color: #005782;
}
.carousel-inactive:hover {
  background-color: #00b4f0;
}
#carousel a.viewAll {
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.tracker-individual-container .tracker-individual-blip {
  background-color: #005782;
}
.tracker-individual-container .tracker-individual-blip:hover {
  background-color: #00b4f0;
}
.tracker-individual-container .tracker-individual-blip-selected {
  background-color: #00b4f0;
}
.tracker-individual-container .tracker-individual-blip-selected:hover {
  background-color: #00b4f0;
}
#carousel-left {
  background-position: 0 -60px;
}
#carousel-left:hover {
  background-position: 0 -40px;
}
#carousel-right {
  background-position: 0 -20px;
}
#carousel-right:hover {
  background-position: 0 0;
}
.flex-control-nav li a {
  background-color: #00b4f0;
}
.flex-control-nav li a:hover,
.flex-control-nav li a.active {
  background-color: #00b4f0;
}
/* End Examples Carousel */

/* Quicklinks */

.a11yAccordion {
  background-color: #e5e5e5;
}
.a11yAccordion .selected .a11yAccordionItemHeader {
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}
.light-a11yAccordion-area {
  background-color: #f2f2f2 !important;
}
.a11yAccordionItemHeader:hover h3,
.selected .a11yAccordionItemHeader h3 {
  color: #00b4f0 !important;
}
.active-header:hover {
  background-color: #f2f2f2;
}
.inactive-header {
  background-color: #e5e5e5;
  border-bottom: 1px solid #cccccc;
}
.a11yAccordionItemHeader h3,
.selected .a11yAccordionItemHeader:hover h3 {
  color: #005782 !important;
}
.light-a11yAccordion-header {
  background-color: #e5e5e5 !important;
}
.light-a11yAccordion-header:hover {
  background-color: #f2f2f2 !important;
}
.inactive-header:hover h3 {
  color: #00b4f0 !important;
}
.accordion-header {
  width: 260px;
  margin: 0;
  padding: 10px 30px 10px 10px;
  box-sizing: border-box;
}
.accordion-content {
  background-color: #f2f2f2;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  box-sizing: border-box;
}
.active-header {
  background-color: #f2f2f2;
  color: #00b4f0 !important;
}
ul.quickLinks li a {
  color: #00b4f0 !important;
}
ul.quickLinks li a:hover {
  color: #005782 !important;
}
.a11yAccordion ul.quickLinks li a {
  font: normal 14px/1.3 'Gotham-Book', Arial, Helvetica, sans-serif;
}
/* End Quicklinks */

/* End Home Page */

/* MASTER BRAND GUIDELINES LINKS */

a.masterBrandGuidelines {
  background: #bad8e7 url('../images/common/masterBrandGuidelines.png') 0 0 no-repeat;
  border-radius: 2px;
  padding: 10px;
  width: 105px;
  height: 110px;
  text-decoration: none;
  float: right;
  margin: 8px 25px 0 0;
}
a.masterBrandGuidelines:hover {
  background-color: #a8cee0;
}
a.masterBrandGuidelines h3 {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
a.masterBrandGuidelines p {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
/* DIGITAL GUIDELINES LINKS */

a.digitalGuidelines {
  background: #bad8e7 url('../images/common/digitalGuidelines.png') 0 0 no-repeat;
  border-radius: 2px;
  padding: 10px;
  width: 105px;
  height: 110px;
  text-decoration: none;
  float: right;
  margin: 8px 25px 0 0;
}
a.digitalGuidelines:hover {
  background-color: #a8cee0;
}
a.digitalGuidelines h3 {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
a.digitalGuidelines p {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
/* PHOTOGRAPHY LIBRARY BUTTON */

a.photographyLibraryButton {
  background: #e1e6cd url('../images/common/guidelinesLinks_bg.png') 0 -990px no-repeat;
  border-radius: 2px;
  padding: 10px;
  width: 105px;
  height: 110px;
  text-decoration: none;
  float: right;
  margin: 8px 25px 0 0;
}
a.photographyLibraryButton:hover {
  background-color: #d2dab4;
}
a.photographyLibraryButton h3 {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
a.photographyLibraryButton p {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
/* BRAMD TRAINING BUTTON */

a.brandTraining {
  background: #ffdb76 url('../images/common/brandtraining.png') 0 0 no-repeat;
  border-radius: 2px;
  padding: 10px;
  width: 105px;
  height: 110px;
  text-decoration: none;
  float: right;
  margin: 8px 25px 0 0;
}
a.brandTraining:hover {
  background-color: #ffe291;
}
a.brandTraining h3 {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
a.brandTraining p {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
/* DIGITAL GUIDELINES LINKS */

a.corporateTemplatesBtn {
  background: #82efe3 url('../images/common/guidelinesLinks_bg2.png') 0 -430px no-repeat;
  border-radius: 2px;
  padding: 10px;
  width: 105px;
  height: 110px;
  text-decoration: none;
  float: right;
  margin: 8px 25px 0 0;
}
a.corporateTemplatesBtn:hover {
  background-color: #9bf2e9;
}
a.corporateTemplatesBtn h3 {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
a.corporateTemplatesBtn p {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
/* CUSTOMER STYLE GUIDES */

a.customerStyleGuides {
  background: #f8abcc url('../images/common/customerstyleguides.png') 0 0 no-repeat;
  border-radius: 2px;
  padding: 10px;
  width: 105px;
  height: 110px;
  text-decoration: none;
  float: right;
  margin: 8px 25px 0 0;
}
a.customerStyleGuides:hover {
  background-color: #fac4db;
}
a.customerStyleGuides h3 {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
a.customerStyleGuides p {
  color: black;
  font: normal 12px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
/* Feature page */

.featurePageText {
  background-color: #00b4f0 !important;
  border-radius: 0;
  float: left;
  margin-bottom: 40px !important;
  padding: 30px 30px 40px !important;
  width: 630px !important;
  box-sizing: border-box;
}
.featurePageText h1 {
  color: white !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
.featurePageText p {
  color: white !important;
}
.featurePageText a {
  color: white !important;
  text-decoration: underline !important;
}
.featurePageText a:hover {
  color: white !important;
  text-decoration: none !important;
}
.featurePageImage {
  border-radius: 0;
  float: left;
  margin-bottom: 40px !important;
  width: 630px;
}
.featurePageImage h1 {
  color: white !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
.featurePageImage p {
  color: white !important;
}
.featurePageImage a {
  color: white !important;
  text-decoration: underline !important;
}
.featurePageImage a:hover {
  color: white !important;
  text-decoration: none !important;
}
.featurePageImage .text {
  background-color: #00b4f0;
  border-radius: 0;
  float: left;
  margin: 0;
  padding: 30px 30px 40px;
  width: 630px;
  box-sizing: border-box;
}
.featurePageImage .featurePagetext {
  float: left;
  margin: 0;
  padding: 25px 30px 0 20px;
  width: 580px !important;
  height: 88px !important;
}
.featurePageImage .featurePageBulletText {
  background: #f2f2f2 !important;
  float: left;
  padding: 20px 20px 30px !important;
  width: 590px !important;
}
/* End Feature page */

/* Colour palette */

table.colourPalette {
  margin-bottom: 30px;
}
table.colourPalette td {
  border-radius: 0;
}
table.colourPalette td p {
  color: white;
  margin: 20px;
}
/* End Colour palette */

table.keylineTableClean {
  border: 1px solid #e5e5e5;
  border-width: 0 0 1px 1px;
}
table.keylineTableClean td {
  padding: 8px 10px 0;
  border: 1px solid #e5e5e5;
  border-width: 1px 1px 0px 0;
}
table.keylineTableClean tr:first-child td p {
  font-weight: bold;
}
table.keylineTableClean td p {
  margin: 10px 10px 15px;
}
table.keylineTableColor {
  border: 1px solid #e5e5e5;
  border-width: 0 0 1px 1px;
}
table.keylineTableColor td {
  padding: 8px 10px 0;
  border: 1px solid #e5e5e5;
  border-width: 1px 1px 0px 0;
}
table.keylineTableColor tr:nth-child(even) {
  background: white;
}
table.keylineTableColor tr:nth-child(odd) {
  background: #f2f2f2;
}
table.keylineTableColor tr:first-child td {
  background-color: #00b4f0;
}
table.keylineTableColor tr:first-child td p {
  font-weight: bold;
  color: white;
}
table.keylineTableColor td p {
  margin: 10px 10px 15px;
}
/* Photography Library */

.imageLibraryFilter {
  background-color: #e5e5e5 !important;
  top: -56px !important;
}
ul.tabs {
  font: normal 15px/18px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
ul.tabs li {
  background-color: #f2f2f2 !important;
}
ul.tabs li a {
  color: #372e2c !important;
}
ul.tabs li a:hover,
ul.tabs li a.active {
  background-color: #e5e5e5 !important;
  color: #00b4f0 !important;
}
#image_search {
  margin-top: -331px !important;
}
.image_search_form {
  background-color: #e5e5e5 !important;
}
.image_search_form label {
  color: black !important;
  font: normal 14px/17px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.imageGalleryAlbumFilter label,
.assetLightboxFilters label,
.downloadHistoryFilters label {
  color: black !important;
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  margin: 0 !important;
}
.assetSearchResults ul li span.archived,
.imageGalleryAlbum ul li span.archived {
  background: url(../images/common/archived_icon.png) 0 0 no-repeat;
  border: 0;
  display: block;
  position: absolute;
  text-indent: -9999px;
  top: -1px;
  left: -1px;
  width: 70px;
  height: 70px;
  z-index: 1;
}
.assetSearchResults ul li span.deleted,
.imageGalleryAlbum ul li span.deleted {
  background: url(../images/common/unpublished_icon.png) 0 0 no-repeat;
  border: 0;
  display: block;
  position: absolute;
  text-indent: -9999px;
  top: -1px;
  left: -1px;
  width: 70px;
  height: 70px;
  z-index: 1;
}
.imageGalleryAlbum ul li {
  float: left !important;
  width: 25% !important;
  height: 220px !important;
  position: relative !important;
  margin: 0 0 -1px -1px !important;
  padding: 0 !important;
  border: 1px solid #e5e5e5 !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
}
.imageGalleryAlbum ul li .preview {
  top: 10px !important;
  left: -50% !important;
  z-index: 5;
}
.imageGalleryAlbum ul li .thumb_div {
  padding: 0 3px;
  text-align: center;
}
.imageGalleryAlbum ul li .thumb_div a {
  float: none !important;
  text-align: center;
}
.imageGalleryAlbum ul li .thumb_div a img {
  float: none !important;
  max-width: 130px;
  max-height: 130px;
}
.imageGalleryAlbum ul li input[type=checkbox] {
  float: right;
  margin: 5px 5px 10px 140px;
}
.imageGalleryAlbum ul li .meta_div {
  margin: 0 !important;
  padding: 5px 10px;
  box-sizing: border-box;
}
.relatedImages .imageGalleryAlbum ul li .thumb_div a img {
  margin-top: 10px;
}
.downloadedImagesList li {
  float: left !important;
  width: 25% !important;
  height: 225px !important;
  position: relative !important;
  margin: 0 0 -1px -1px !important;
  padding: 10px !important;
  border: 1px solid #e5e5e5 !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  text-align: center;
  border-radius: 0!important;
}
.downloadedImagesList li p {
  text-align: left;
  margin: 0 5px 2px!important;
}
.downloadedImagesList li a {
  text-decoration: none;
}
.downloadedImagesList li a:hover {
  text-decoration: underline;
}
.downloadedImagesList li a img {
  max-width: 130px;
  max-height: 130px;
}
.downloadedImagesList li span.version,
.downloadedImagesList li span.dateDownloaded,
.downloadedImagesList li span.timesDownloaded {
  margin: 0 0 3px 3px!important;
}
.downloadedImagesList li.updated,
.downloadedImagesList li.deleted,
.downloadedImagesList li.archived {
  background-color: #f2f2f2 !important;
}
.downloadedImagesList li.updated img,
.downloadedImagesList li.deleted img,
.downloadedImagesList li.archived img {
  margin: 0!important;
  max-width: 130px;
  max-height: 130px;
}
.nice-select .list {
  font-size: 12px;
  top: 110% !important;
  left: -30% !important;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #00b4f0 !important;
  color: white;
}
.nice-select .option.disabled,
.nice-select .option.disabled.focus {
  background-color: transparent !important;
  color: #999999 !important;
}
.image_search_form ul li input[type=text],
.imagesContainer .createLightbox input[type=text] {
  font: normal 12px/22px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.image_search_form ul li.submitBtn {
  width: 105px!important;
}
#resultsPageBottom,
.pageResults,
.pagerUI {
  background-color: #e5e5e5 !important;
  width: 200px!important;
}
#resultsPageBottom label {
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
}
.pageResults {
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  width: 410px !important;
}
.pageResults span {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
#widecontentcontainer .pageResults {
  width: 550px !important;
}
.pagerUI table td {
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.pagerUI table td .previous,
.pagerUI table td .next {
  background-color: #372e2c;
  border-color: #372e2c;
}
.pagerUI table td .previous:hover,
.pagerUI table td .next:hover {
  background-color: #00b4f0;
  border-color: #00b4f0;
}
.pagerUI table td .previous.aspNetDisabled,
.pagerUI table td .next.aspNetDisabled,
.pagerUI table td .previous.aspNetDisabled:hover,
.pagerUI table td .next.aspNetDisabled:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #e5e5e5;
}
.imagesContainer .createLightbox,
.imagesContainer #Lightbox .pagerUI,
.imagesContainer #DownloadHistory .pagerUI {
  background-color: #e5e5e5 !important;
}
.downloadedImagesDetails {
  background-color: #e5e5e5 !important;
}
.imageLibraryFilter label {
  font: normal 11px/1 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.createLightbox label {
  color: black !important;
  font: normal 12px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.lightboxMessage {
  color: black !important;
  font: normal 12px/16px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
ul.assetLightboxDetails {
  background-color: #e5e5e5 !important;
}
.imageDetails table {
  border-color: #e5e5e5;
  color: black;
  font: normal 12px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.imageDetails table td {
  border-color: #e5e5e5 !important;
}
.imageDetails table .lftCol {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.imageDetails table .rtCol {
  word-break: break-all;
}
.imageDetails .consentFormPath {
  margin-bottom: 5px;
}
.imageDetails .consentFormPath .plus:after {
  content: "+";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: text-top;
}
.imageDetails .consentFormPath .plus {
  cursor: pointer;
  background: #00b4f0;
  border: 1px solid #00b4f0;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin-right: 3px;
  text-align: center;
  vertical-align: middle;
}
.imageDetails .consentFormPath .plus:hover {
  background: #005782;
  border-color: #005782;
}
.imageDetails .consentFormPath .plus.active:after {
  content: "-";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: text-top;
}
.imageDetails .consentFormPath .plus.active {
  border: 1px solid #bababa;
  background: white;
  color: #bababa;
}
.imageDetails .consentFormPath .plus.active:hover {
  background: #f2f2f2;
}
.imageDetails .consentFormPath .fileXPath {
  display: none;
}
.imageTools > ul {
  background-color: white !important;
}
.imageTools ul a.downloadImage {
  font: normal 12px/15px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.imageTools ul .downloadImage_container ul {
  font: normal 12px/13px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.imageTools ul .downloadImage_container ul li a {
  background-color: #00b4f0 !important;
  color: white !important;
  border-radius: 3px;
}
.imageTools ul .downloadImage_container ul li a:hover {
  background-color: #005782 !important;
}
.imageTools ul .downloadImage_container ul li a.fancybox {
  background-image: url('../images/common/attention_icon.png') !important;
}
.imageTools ul a.lightbox {
  font: normal 12px/13px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  background-color: #00b4f0 !important;
  color: white !important;
  border-radius: 3px;
}
.imageTools ul a.lightbox:hover,
.imageTools ul a.lightbox.open {
  background-color: #005782 !important;
  color: white !important;
}
.imageTools ul input[type=button].printPreviewImage {
  background-color: #00b4f0 !important;
  color: white !important;
  font: normal 12px/13px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  border-radius: 3px;
}
.imageTools ul input[type=button].printPreviewImage:hover {
  background-color: #005782 !important;
  color: white !important;
}
.imageTools ul .lightbox_container {
  border-color: white !important;
}
.imageTools ul .lightbox_container input[type="text"] {
  width: 190px !important;
  height: 20px !important;
  box-sizing: border-box;
  margin: 0 !important;
}
.imageTools ul .lightbox_container input[type="text"]:focus {
  background: white !important;
  color: #372e2c !important;
  border-color: #00b4f0 !important;
}
.imageTools ul li a.LightboxCreateImage:hover,
.imageTools ul li a.LightboxAddImage:hover {
  color: #00b4f0 !important;
}
.fancybox-inner input[type="submit"] {
  float: none;
  margin-top: 10px;
}
.fancybox-inner button {
  float: none;
  background-color: #00b4f0;
  margin-top: 10px;
}
.fancybox-inner button:hover {
  background-color: #005782;
}
#image_search .preview table td.image_cell h3,
.preview table td.image_cell h3 {
  width: 100% !important;
  word-wrap: break-word !important;
}
/* End Photography Library */

/* Asset Library search */

.download-container .download-heading {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.documentLibrary fieldset {
  background-color: #e5e5e5 !important;
}
.documentLibrary fieldset .leftCol .categorySpan {
  float: left;
  margin: 20px 0 0;
}
.documentLibrary fieldset label {
  color: black !important;
  font: normal 14px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.documentLibrary fieldset .rightCol {
  float: right;
  width: 485px;
}
.documentLibrary fieldset .rightCol .categorySpan {
  float: left;
  margin: 20px 0 0;
}
.documentLibrary fieldset .rightCol input[type=text] {
  font: normal 12px/22px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  width: 270px !important;
}
.documentSearchTabs ul {
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.documentSearchTabs ul li span a {
  background-color: #e5e5e5 !important;
  color: #372e2c !important;
}
.documentSearchTabs ul li span a:hover,
.documentSearchTabs ul li span a.selected {
  background-color: #372e2c !important;
  color: white !important;
}
.infoDetails .previewImage {
  border-color: #e5e5e5 !important;
  background-color: #dbdbdb !important;
  background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-size: 21px 21px;
  background-position: 0 0,10px 10px;
}
.infoDetails table {
  border-color: #e5e5e5 !important;
  color: black !important;
  font: normal 12px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  width: 650px !important;
}
.infoDetails .infoDetailsContent .leftCol table {
  width: 430px !important;
}
.infoDetails table td {
  border-color: #e5e5e5 !important;
}
.infoDetails table td.lftCol {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.infoDetails table td.rtCol {
  word-break: break-word !important;
}
.infoDetails .infoDetailsActions {
  padding: 7px 10px 4px 10px !important;
}
.infoDetails .infoDetailsActions li input[type=text] {
  border-radius: 0;
  height: 20px;
}
.infoDetails .infoDetailsActions li a {
  font: normal 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.infoDetails .infoDetailsActions li a.LightboxCreateAsset,
.infoDetails .infoDetailsActions li a.addLightbox {
  background-color: #00b4f0 !important;
  border-radius: 0;
  color: white !important;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  padding: 3px 9px !important;
  text-decoration: none !important;
}
.infoDetails .infoDetailsActions li a.LightboxAddAsset,
.infoDetails .infoDetailsActions li a.addFile {
  background-color: #00b4f0 !important;
  border-radius: 0;
  color: white !important;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  padding: 3px 9px !important;
  text-decoration: none !important;
}
.infoDetails .infoDetailsActions li a.LightboxCreateAsset:hover,
.infoDetails .infoDetailsActions li a.LightboxAddAsset:hover,
.infoDetails .infoDetailsActions li a.addLightbox:hover,
.infoDetails .infoDetailsActions li a.addFile:hover {
  background-color: #005782 !important;
  color: white !important;
}
.infoDetails .infoDetailsActions li input[type="submit"] {
  padding: 3px 9px !important;
}
ul.assetLightboxes li.open ul.assetLightboxDetails > li {
  background-color: #372e2c !important;
}
#downloadedAssetsListID a {
  color: #00b4f0 !important;
  text-decoration: none !important;
}
#downloadedAssetsListID a:hover {
  color: #00b4f0 !important;
  text-decoration: underline !important;
}
.imagesContainer .message,
.assetsContainer .message {
  font: normal 12px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  background-position: 0 10px !important;
}
.downloadRemoveFunctions label {
  padding: 0 5px 3px 21px;
  line-height: 1.1;
}
.downloadRemoveFunctions input[type="checkbox"] {
  top: 3px;
}
.downloadRemoveFunctions {
  background: #e5e5e5;
}
.downloadRemoveFunctions button {
  background-color: #00b4f0;
  margin-right: 10px;
}
.downloadRemoveFunctions button:hover {
  background-color: #005782;
}
.assetSearchResults {
  width: 100%;
}
.assetSearchResults li {
  list-style: none;
}
.assetSearchResults ul {
  list-style: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: table !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
}
.assetSearchResults ul li {
  float: left !important;
  width: 25% !important;
  height: 235px !important;
  position: relative !important;
  margin: 0 0 -1px -1px !important;
  padding: 0 !important;
  border: 1px solid #e5e5e5 !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
}
.assetSearchResults ul li div.previewImgWrap {
  float: left;
  height: 120px;
  position: relative;
  padding: 0;
  width: 100%;
}
.assetSearchResults ul li div.previewImgWrap a {
  float: left;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.assetSearchResults ul li div.previewImgWrap img {
  background-color: #dbdbdb;
  background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-size: 21px 21px;
  background-position: 0 0,10px 10px;
  max-width: 150px;
  height: auto;
  max-height: 100px;
  margin: auto;
  float: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
ul.downloadedAssetsList li img,
ul.assetLightboxes ul.downloadedAssetsList li img {
  width: 80px;
  margin-bottom: 5px;
  background-color: #dbdbdb;
  background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-size: 21px 21px;
  background-position: 0 0,10px 10px;
  max-width: 150px;
  height: auto;
  max-height: 100px;
}
.assetSearchResults ul.levelThree p {
  margin: 0 10px 8px !important;
  clear: both !important;
}
.assetSearchResults ul.levelThree p.download-header {
  margin-left: 0 !important;
  float: left !important;
  background-position: 4px -77px !important;
  padding: 6px 0 2px 30px !important;
}
.assetSearchResults ul li p.download-header:hover {
  background-position: 4px -129px !important;
}
.assetSearchResults ul.levelThree p.download-header a {
  display: block;
  background-color: transparent !important;
  border: none !important;
  color: black !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  background-image: none !important;
}
.assetSearchResults ul.levelThree p.download-header a:hover {
  color: #00b4f0 !important;
  text-decoration: underline !important;
}
.assetSearchResults ul.levelThree .download-container-downloads {
  bottom: 0;
  box-sizing: border-box;
  height: 35px !important;
  margin: 0;
  padding: 0;
}
.assetSearchResults ul.levelThree .download-container-downloads.open {
  width: 381px;
  z-index: 200;
  display: block;
  float: left;
  box-sizing: border-box;
  left: 0;
  top: 0;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  height: auto !important;
  border-radius: 2px;
  background-color: white;
  border: 1px solid #cccccc;
  position: relative;
}
.documentLibrary .download-container-downloads.open .download-content {
  display: block !important;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}
.documentLibrary .download-container-downloads .leftColx {
  float: left;
  margin-left: 34px;
  height: auto;
  box-sizing: border-box;
  padding: 0;
  width: 252px;
}
.documentLibrary .download-container-downloads .leftColx a {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: black !important;
  float: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  background-image: none;
  word-wrap: break-word;
}
.documentLibrary .download-container-downloads .leftColx a:hover {
  color: #00b4f0 !important;
}
.documentLibrary .download-content ul li {
  background-position: 4px -134px;
}
.documentLibrary .download-container-downloads .rightColx {
  float: right;
  width: 70px;
  padding: 0;
}
.documentLibrary .download-container-downloads .rightColx .fileType {
  width: 42px !important;
  padding: 0;
}
.documentLibrary ul.levelThree .info {
  border: 0 !important;
  padding: 0;
  background-position: -6px -30px !important;
  height: 16px !important;
}
.documentLibrary ul.levelThree .info:hover {
  background-position: -6px -56px !important;
}
.documentLibrary .download-container-downloads.open p.download-header {
  background-position: 4px -103px !important;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}
.documentLibrary ul li div span {
  float: left;
  font: normal 12px/22px Arial, Helvetica, sans-serif;
  margin: 0 5px 0 2px;
}
.documentLibrary ul li div a.aspNetDisabled {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #e5e5e5;
}
.documentLibrary ul li .download-content ul {
  margin: 0 0 5px 0 !important;
  font-size: 12px !important;
}
.documentLibrary ul li .download-content ul li {
  border: 0 !important;
  margin: 0 0 5px !important;
  width: 100% !important;
  height: auto !important;
}
.documentLibraryFilter label {
  font: normal 12px/1 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.documentLibrary li.mediaitem input[type=checkbox],
.photoLibrary li.mediaitem input[type=checkbox] {
  float: right;
  margin: 5px 5px 0 0;
}
.documentLibrary .download-buttons:after,
.photoLibrary .download-buttons:after {
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.documentLibrary .donwload-hr,
.photoLibrary .donwload-hr {
  clear: both;
}
.documentLibrary .download-buttons,
.photoLibrary .download-buttons {
  padding: 5px 0 5px 0;
  min-height: 38px;
}
.documentLibrary .download-buttons ul,
.photoLibrary .download-buttons ul {
  list-style: none;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.documentLibrary .download-buttons ul li:first-child,
.photoLibrary .download-buttons ul li:first-child {
  padding-top: 7px;
}
.documentLibrary .download-buttons ul li:nth-child(2),
.photoLibrary .download-buttons ul li:nth-child(2) {
  padding-top: 8px;
  padding-left: 5px;
  cursor: default;
}
.documentLibrary .download-buttons ul li,
.photoLibrary .download-buttons ul li {
  float: left;
  width: auto !important;
  cursor: default;
}
.documentLibrary .download-buttons ul li button,
.photoLibrary .download-buttons ul li button {
  float: right;
  margin-left: 10px;
  background-color: #00b4f0;
}
.documentLibrary .download-buttons ul li button:hover,
.photoLibrary .download-buttons ul li button:hover {
  background-color: #005782;
}
.documentLibrary .download-buttons ul li:last-child,
.photoLibrary .download-buttons ul li:last-child {
  margin-top: 6px;
  float: right;
}
.documentLibrary .download-buttons .publishedStatus,
.photoLibrary .download-buttons .publishedStatus {
  float: right;
  margin-top: 8px;
}
/* asset share */

.assetShareContainer {
  padding: 0 0 0 22px;
}
.assetShareButton {
  background-image: url(../images/common/assetShareIcon.png);
  background-position: 0 -5px;
  background-repeat: no-repeat;
  width: 195px;
  box-sizing: border-box;
  border-radius: 3px !important;
  cursor: pointer;
  margin: 9px 0 0;
  text-transform: none !important;
  text-align: left;
  padding: 9px 0 8px 36px !important;
  font: normal 13px/13px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.shareAssetFancybox {
  width: 500px;
}
.shareAssetFancybox input,
.shareAssetFancybox textarea {
  background-color: white;
  border: 1px solid #e5e5e5;
  color: black;
  font: normal 13px/18px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  float: none;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 4px 6px;
  height: 30px;
  box-sizing: border-box;
}
.shareAssetFancybox input:focus,
.shareAssetFancybox textarea:focus {
  box-shadow: none;
  outline: 0;
  border-color: #00b4f0 !important;
}
.shareAssetFancybox textarea {
  min-height: 90px;
}
.shareAssetFancybox .error {
  font: normal 14px/1.5 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin-top: -12px;
  background-position: 0 6px;
  margin-left: 0;
  margin-bottom: 10px;
}
.shareAssetFancybox .floatDateExpiry {
  font: normal 13px/18px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  float: right;
  padding: 15px 0 0 0;
}
.getShareable {
  padding: 18px 0 8px !important;
}
.getShareable .getShareableLink {
  background-image: url(../images/common/get-share-link-icon.png);
  background-size: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 5px 0 8px 32px !important;
  font: normal 13px/13px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.getShareable .getShareMessage {
  display: none;
  background-color: #efefef;
  padding: 8px;
  border-radius: 3px;
  float: right;
  margin-right: 165px;
  margin-top: -5px;
  font: normal 13px/13px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
/* end asset share */

/* Public Download Area */

ul.publicDownloadList {
  list-style: none;
  float: left;
  margin: 10px 0 30px !important;
  padding: 0;
}
ul.publicDownloadList li {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
ul.publicDownloadList li:first-child {
  border-top: 1px solid #e5e5e5;
}
ul.publicDownloadList li ul {
  border: 0;
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
ul.publicDownloadList li ul li {
  border: 0;
  float: left;
  width: 95px;
  padding: 0;
}
ul.publicDownloadList li ul li:first-child {
  border: 0;
  width: 450px;
  word-wrap: break-word;
  padding: 0 15px 0 0;
}
ul.publicDownloadList li ul li:last-child {
  border: 0;
  width: 70px;
}
/* End Public Download Area */

/* End Asset Library Search */

/* Lightbox */

.createLightbox {
  background-color: #e5e5e5 !important;
}
/* End Lightbox */

/* Downloaded Assets */

ul.downloadedAssetsList {
  padding: 20px 0!important;
}
ul.downloadedAssetsList li {
  border-radius: 0 !important;
  width: 25% !important;
  height: 210px !important;
  position: relative !important;
  margin: 0 0 -1px -1px !important;
  padding: 25px 10px 0!important;
  border: 1px solid #e5e5e5 !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  text-align: center;
}
ul.downloadedAssetsList li img {
  max-width: 130px!important;
  max-height: 130px!important;
}
ul.downloadedAssetsList li p {
  text-align: left;
}
ul.downloadedAssetsList li span.version,
ul.downloadedAssetsList li span.dateDownloaded,
ul.downloadedAssetsList li span.timesDownloaded {
  margin-top: 0!important;
  margin-right: 3px;
}
ul.downloadedAssetsList li input[type=checkbox] {
  position: absolute;
  top: 5px;
  right: 5px;
}
ul.downloadedAssetsList li.updated,
ul.downloadedAssetsList li.deleted,
ul.downloadedAssetsList li.archived {
  background-color: #f2f2f2 !important;
}
.downloadedAssetsDetails {
  background-color: #e5e5e5 !important;
}
.archivedAssetValue a,
.archivedImagesValue a {
  background-color: orange !important;
  color: white !important;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.archivedAssetValue a:hover,
.archivedAssetValue a:active,
.archivedAssetValue a.selected,
.archivedImagesValue a:hover,
.archivedImagesValue a:active,
.archivedImagesValue a.selected {
  color: white !important;
  background-color: black !important;
}
.updatedAssetValue a,
.updatedImagesValue a {
  background-color: #00b4f0 !important;
  color: white !important;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.updatedAssetValue a:hover,
.updatedAssetValue a:active,
.updatedAssetValue a.selected,
.updatedImagesValue a:hover,
.updatedImagesValue a:active,
.updatedImagesValue a.selected {
  color: white !important;
  background-color: black !important;
}
.deletedAssetValue a,
.deletedImagesValue a {
  color: white !important;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.deletedAssetValue a:hover,
.deletedAssetValue a:active,
.deletedAssetValue a.selected,
.deletedImagesValue a:hover,
.deletedImagesValue a:active,
.deletedImagesValue a.selected {
  color: white !important;
}
.updatedImagesValue a:hover,
.updatedImagesValue a:active,
.updatedImagesValue a.selected,
.deletedImagesValue a:hover,
.deletedImagesValue a:active,
.deletedImagesValue a.selected,
.archivedImagesValue a:hover,
.archivedImagesValue a:active,
.archivedImagesValue a.selected {
  background-color: black !important;
}
ul.downloadedAssetsWarning li label,
ul.downloadedImagesWarning li label {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
}
.updatedAssetValue,
.deletedAssetValue,
.archivedAssetValue,
.updatedImagesValue,
.deletedImagesValue,
.archivedImagesValue {
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.rename input[type=text] {
  border-color: #cccccc !important;
  color: black !important;
  height: 30px !important;
}
.rename input[type=text]:focus {
  border-color: #00b4f0 !important;
}
.rename input[type="submit"] {
  float: left;
  margin-top: 0;
}
/* End Downloaded Assets */

/* End Asset Library */

/* Search Page */

.xsltsearch_form,
#xsltsearch_summary_stats {
  background-color: #e5e5e5 !important;
}
.xsltsearch_result.odd {
  background-color: white !important;
}
.xsltsearch_result.even {
  background-color: #f2f2f2 !important;
}
#xsltsearch #page_numbers_nav .currentpage {
  background-color: #00b4f0 !important;
  border-color: #00b4f0 !important;
}
/* End Search Page */

/* Back to Top */

.cd-top {
  background: #00b4f0 url('../images/common/backToTop.png') 0 0 no-repeat !important;
  color: white !important;
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  text-transform: uppercase !important;
}
.cd-top:hover {
  background-color: #005782 !important;
}
/* End Back to Top */

/* Sitemap */

.sitemap ul li {
  font: normal 15px/18px 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.sitemap li a {
  background-color: #e5e5e5 !important;
  color: black !important;
}
.sitemap li a:hover {
  background-color: #e5e5e5 !important;
  color: #00b4f0 !important;
}
.sitemap li li a {
  background-color: white !important;
  color: #00b4f0 !important;
}
.sitemap li li a:hover {
  background-color: white !important;
  color: #372e2c !important;
}
/* End Sitemap */

a.searchToolTip {
  background: #005782;
  color: white;
  display: block;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  float: right;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  margin-top: 5px;
  text-decoration: none;
  margin-right: 0px;
}
a.searchToolTip:hover {
  background: black;
  text-decoration: none;
}
.monospace {
  font-family: monospace, monospace !important;
  font-size: 13px !important;
  color: #af2531;
  background: #f2f2f2;
  padding: 3px 5px;
}
.crop-properties {
  height: 30px;
}
.crop-properties label {
  font: normal 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
  color: black;
}
.crop-properties .sizes {
  float: left;
}
.crop-properties .buttons {
  float: left;
  margin: 0px 10px 0 10px;
}
.crop-properties .buttons .flip:hover {
  opacity: 1;
}
.crop-properties .buttons .flip {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url('/images/common/ic_swap_horiz_black_18dp_2x.png') no-repeat;
  opacity: 0.5;
  background-size: cover;
}
.cropper-bg.img-container {
  position: relative;
}
.cropper-bg.img-container div:first-child {
  margin: auto;
}
.clearfix {
  clear: both;
  display: block;
}
/* Reporting page */

.ui-widget,
.ui-selectmenu-menu ul {
  font: normal 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.ui-icon {
  background-color: white !important;
}
.reportingPage .loadMedia {
  background: none !important;
  border: none;
  padding: 0 !important;
  font: normal 14px/18px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  cursor: pointer;
  color: #00b4f0 !important;
  font-weight: normal !important;
  text-transform: none !important;
  text-decoration: underline !important;
  white-space: normal;
  text-align: left;
}
.reportingPage .loadMedia:hover {
  text-decoration: none !important;
  color: #005782 !important;
}
.reportingPage .album-message-response {
  border: 1px solid #60b515;
  background: #dff0d0;
  color: #565656;
  padding: 5px;
}
.reportingPage .updateProgress {
  position: fixed;
  bottom: 40%;
  left: 50%;
  cursor: pointer;
  z-index: 8060;
  width: 70px;
  height: 70px;
  display: block;
}
.reportingPage .updateProgress div {
  display: none;
  border-radius: 2px;
  width: 70px;
  height: 70px;
  background: rgba(0, 0, 0, 0.8) url('../images/common/loading_asset_finder.gif') center center no-repeat;
  display: block;
  text-indent: -9999px;
}
.reportingPage .col-filename {
  max-width: 300px;
  word-wrap: break-word;
}
.reportingPage fieldset {
  background-color: #e5e5e5;
  border-radius: 0 2px 2px 2px;
  float: left;
  margin: 0 0 5px;
  padding: 5px 0 20px;
  width: 770px;
}
.reportingPage fieldset .ui-state-default,
.reportingPage fieldset .ui-widget-content .ui-state-default,
.reportingPage fieldset .ui-widget-header .ui-state-default,
.reportingPage fieldset .ui-widget-content {
  background-color: white;
  float: left;
}
.reportingPage fieldset .leftCol {
  float: left;
  margin-left: 10px;
}
.reportingPage fieldset .leftCol.brand {
  width: 200px;
}
.reportingPage fieldset .leftCol.brand select {
  width: 200px;
}
.reportingPage fieldset .leftCol.categories {
  width: 195px;
}
.reportingPage fieldset .leftCol.categories select {
  width: 195px;
}
.reportingPage fieldset .leftCol.subcategories {
  width: 195px;
}
.reportingPage fieldset .leftCol.subcategories label:only-child {
  display: none;
}
.reportingPage fieldset .leftCol.subcategories select {
  width: 195px;
}
.reportingPage fieldset .leftCol.media-type {
  width: 115px;
}
.reportingPage fieldset .leftCol.media-type select {
  width: 115px;
}
.reportingPage fieldset .leftCol.file-format {
  width: 150px;
}
.reportingPage fieldset .leftCol.file-format select {
  width: 150px;
}
.reportingPage fieldset .leftCol label {
  float: left;
  color: black !important;
  font: normal 14px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  width: 100%;
}
.reportingPage fieldset .leftCol select {
  float: left;
}
.reportingPage fieldset .brand-and-format {
  clear: both;
  display: block;
}
.reportingPage fieldset .middleCol {
  float: left;
}
.reportingPage fieldset .middleCol select {
  width: 195px;
}
.reportingPage fieldset .date-range {
  margin-left: 10px !important;
  margin: 0;
  display: block;
  clear: both;
}
.reportingPage fieldset .date-range label {
  float: left;
  color: black !important;
  font: normal 14px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  width: 100%;
}
.reportingPage fieldset .date-range select {
  float: left;
  width: 175px;
}
.reportingPage fieldset .date-range input[type="text"] {
  border: 0;
  float: none;
  height: 30px;
  padding: 10px;
  box-sizing: border-box;
  font: normal 12px/30px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  border-radius: 2px;
  width: 140px !important;
}
.reportingPage fieldset .date-range .button.reset {
  float: right;
  margin: 0 20px;
}
.reportingPage fieldset .date-range .customRange {
  display: none;
  float: left;
  font: normal 12px/30px 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  margin-left: 10px;
}
.reportingPage fieldset .date-range .customRange .customRangeDatePicker {
  float: left;
}
.reportingPage .download-buttons {
  padding: 5px 0 5px 0;
  min-height: 38px;
}
.reportingPage .download-buttons ul {
  list-style: none;
  margin: 0;
  display: inline-block;
  width: 770px;
}
.reportingPage .download-buttons ul li:first-child {
  float: left;
  margin-top: 6px;
}
.reportingPage .download-buttons ul li {
  float: left;
}
.reportingPage .download-buttons ul li:last-child {
  margin-top: 6px;
  float: right;
}
.reportingPage .widecontent {
  background-color: #e5e5e5;
  border-radius: 0 2px 2px 2px;
  box-sizing: border-box;
  float: left;
  margin: 0 0 30px;
  padding: 20px 90px 20px 20px;
  width: 770px;
}
.reportingPage .widecontent .button {
  float: none;
  margin-bottom: 20px;
  display: inline-block;
}
.reportingPage .bodyText {
  float: left;
  width: 100%;
}
/* DataTable */

.dataTables_wrapper .dt-buttons {
  padding: 10px;
  background: #e5e5e5;
  width: 50%;
  float: left;
  text-align: left;
  height: 50px;
  box-sizing: border-box;
  border-radius: 2px 0 0 2px;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.dataTables_wrapper .dt-buttons .dt-button {
  background-image: none !important;
  background-color: #00b4f0 !important;
  border: 0 !important;
  padding: 0 0.75em !important;
  color: white !important;
  font: normal 12px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  height: 30px !important;
}
.dataTables_wrapper .dt-buttons .dt-button:active:not(.disabled),
.dataTables_wrapper .dt-buttons .dt-button:active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper .dt-buttons .dt-button:focus:not(.disabled),
.dataTables_wrapper .dt-buttons .dt-button:hover:not(.disabled) {
  background-image: none !important;
  background-color: #005782 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.dataTables_wrapper .dataTables_filter {
  background: #e5e5e5;
  padding: 10px;
  height: 50px;
  width: 50%;
  box-sizing: border-box;
  border-radius: 0 2px 2px 0;
  font-size: 12px;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.dataTables_wrapper .dataTables_filter label {
  font: normal 12px/30px 'Gotham-Medium', Arial, Helvetica, sans-serif;
}
.dataTables_wrapper .dataTables_filter input {
  height: 30px;
  border: 0;
  border-radius: 2px;
  width: 250px;
  padding: 5px 6px;
}
.dataTables_wrapper .dataTable {
  float: left;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  margin: 10px auto 20px !important;
  width: 770px !important;
}
.dataTables_wrapper .dataTable thead th,
.dataTables_wrapper .dataTable thead td,
.dataTables_wrapper .dataTable tfoot th,
.dataTables_wrapper .dataTable tfoot td {
  box-sizing: border-box;
  font: normal 13px/14px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  padding-left: 10px !important;
}
.dataTables_wrapper .dataTable thead th {
  vertical-align: bottom;
}
.dataTables_wrapper .dataTable thead th.sorting,
.dataTables_wrapper .dataTable thead th.sorting_asc,
.dataTables_wrapper .dataTable thead th.sorting_desc {
  background-image: none !important;
  position: relative;
}
.dataTables_wrapper .dataTable thead th.sorting:before {
  content: '';
  position: absolute;
  top: 21px;
  right: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent #e5e5e5 transparent;
}
.dataTables_wrapper .dataTable thead th.sorting:after {
  content: '';
  position: absolute;
  top: 30px;
  right: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #e5e5e5 transparent transparent transparent;
}
.dataTables_wrapper .dataTable thead th.sorting_asc:after {
  content: '';
  position: absolute;
  top: 27px;
  right: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent #00b4f0 transparent;
}
.dataTables_wrapper .dataTable thead th.sorting_desc:after {
  content: '';
  position: absolute;
  top: 27px;
  right: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #00b4f0 transparent transparent transparent;
}
.dataTables_wrapper .dataTable thead th.filenameCol {
  width: 400px !important;
}
.dataTables_wrapper .dataTable thead th.downloadedCol {
  width: 130px !important;
}
.dataTables_wrapper .dataTable thead th.modifiedCol {
  width: 120px !important;
}
.dataTables_wrapper .dataTable thead th.lastDownloadedCol {
  width: 120px !important;
}
.dataTables_wrapper .dataTable thead th.keywordCol {
  width: 400px !important;
}
.dataTables_wrapper .dataTable thead th.utilisedCol {
  width: 130px !important;
}
.dataTables_wrapper .dataTable thead th.discreteCol {
  width: 120px !important;
}
.dataTables_wrapper .dataTable thead th.dateCol {
  width: 120px !important;
}
.dataTables_wrapper tbody th,
.dataTables_wrapper tbody td {
  box-sizing: border-box;
  font: normal 13px/20px 'Gotham-Book', Arial, Helvetica, sans-serif;
  padding: 10px;
}
.dataTables_wrapper tbody th a.filename,
.dataTables_wrapper tbody td a.filename {
  word-break: break-word;
}
.dataTables_wrapper tbody th a.keyword,
.dataTables_wrapper tbody td a.keyword {
  float: right;
  width: 95%;
}
.dataTables_wrapper tbody td {
  vertical-align: middle;
}
.dataTables_wrapper tbody tr.selected {
  background-color: rgba(0, 180, 240, 0.2) !important;
}
.dataTables_wrapper tbody tr.selected .sorting_1 {
  background-color: rgba(0, 180, 240, 0.1) !important;
}
.dataTables_wrapper tbody tr.selected a {
  color: black;
}
.dataTables_wrapper tfoot th {
  vertical-align: top;
}
.dataTables_wrapper .dataTables_info {
  padding: 10px !important;
  background: #f2f2f2;
  width: 100%;
  float: left;
  text-align: left;
  height: 36px;
  box-sizing: border-box;
  border-radius: 2px;
  font: normal 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
}
.dataTables_wrapper .dataTables_info .select-info {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
  margin-left: 5px;
}
.dataTables_wrapper .dataTables_paginate {
  margin-top: 15px;
  width: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-image: none !important;
  background-color: #e5e5e5 !important;
  border: 0 !important;
  margin-left: 8px !important;
  padding: 0 0.75em !important;
  color: #3c322d !important;
  font: normal 12px/24px 'Gotham-Medium', Arial, Helvetica, sans-serif;
  height: 24px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-image: none !important;
  background-color: #3c322d !important;
  color: white !important;
  border: 0 !important;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-image: none !important;
  background-color: #00b4f0 !important;
  border: 0 !important;
  padding: 0 0.75em !important;
  color: white !important;
  font: normal 12px/24px 'Gotham-Medium', Arial, Helvetica, sans-serif !important;
  height: 24px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background-color: #e5e5e5 !important;
  opacity: .5;
}
.dt-button-info {
  border: 1px solid #e5e5e5 !important;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
}
@media screen {
  .dt-print-view {
    padding: 20px 100px;
  }
}
.dt-print-view {
  background: white;
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
}
.dt-print-view h1 {
  font-size: 18pt;
  width: 180mm;
}
.dt-print-view .dataTable {
  font-family: 'Gotham-Book', Arial, Helvetica, sans-serif !important;
  font-size: 10pt;
  margin: 0;
  width: 180mm;
}
.dt-print-view .dataTable thead th {
  font-family: 'Gotham-Medium', Arial, Helvetica, sans-serif;
  padding: 2mm !important;
  text-align: left;
  vertical-align: bottom;
  word-break: break-word;
  width: 36mm !important;
}
.dt-print-view .dataTable thead th:nth-child(2) {
  width: 102mm !important;
}
.dt-print-view .dataTable tbody td {
  padding: 2mm !important;
  text-align: left;
  word-break: break-word;
}