/* modified YUI reset */
html {
color: #000;
background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
var {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: bold;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input,
textarea,
select {
*font-size: 100%;
}
legend {
color: #000;
}
*:focus {
outline: 0;
}
/*
* jQuery UI CSS Framework 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Resizable 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Selectable 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Autocomplete 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Button 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/*button sets*/
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* reset extra padding in Firefox */
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Dialog 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
padding: .5em 1em .3em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .2em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Slider 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Tabs 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
position: relative;
padding: .2em;
zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI Datepicker 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none;
/*sorry for IE5*/
display: block;
/*sorry for IE5*/
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/
}
/*-----------------------------------NEW FILE----------------------------------------------*/
/*
* jQuery UI CSS Framework 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
font-size: 1.1em /*{fsDefault}*/;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #dcdcdc /*{borderColorContent}*/;
background: #ffffff /*{bgColorContent}*/ url(/css/base/images/ui-bg_flat_75_ffffff_40x100.png?hbui_version=18.25.4) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
color: #222222 /*{fcContent}*/;
}
.ui-widget-content a {
color: #222222 /*{fcContent}*/;
}
.ui-widget-header {
border: 1px solid #dcdcdc /*{borderColorHeader}*/;
background: #cccccc /*{bgColorHeader}*/ url(/css/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png?hbui_version=18.25.4) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
color: #222222 /*{fcHeader}*/;
font-weight: bold;
}
.ui-widget-header a {
color: #222222 /*{fcHeader}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
background: #e6e6e6 /*{bgColorDefault}*/ url(/css/base/images/ui-bg_glass_75_e6e6e6_1x400.png?hbui_version=18.25.4) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
font-weight: normal /*{fwDefault}*/;
color: #555555 /*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555 /*{fcDefault}*/;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999 /*{borderColorHover}*/;
background: #dadada /*{bgColorHover}*/ url(/css/base/images/ui-bg_glass_75_dadada_1x400.png?hbui_version=18.25.4) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
font-weight: normal /*{fwDefault}*/;
color: #212121 /*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #212121 /*{fcHover}*/;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa /*{borderColorActive}*/;
background: #ffffff /*{bgColorActive}*/ url(/css/base/images/ui-bg_glass_65_ffffff_1x400.png?hbui_version=18.25.4) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
font-weight: normal /*{fwDefault}*/;
color: #212121 /*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121 /*{fcActive}*/;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
background: #fbf9ee /*{bgColorHighlight}*/ url(/css/base/images/ui-bg_glass_55_fbf9ee_1x400.png?hbui_version=18.25.4) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
color: #363636 /*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636 /*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a /*{borderColorError}*/;
background: #fef1ec /*{bgColorError}*/ url(/css/base/images/ui-bg_glass_95_fef1ec_1x400.png?hbui_version=18.25.4) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
color: #cd0a0a /*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a /*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a /*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: alpha(opacity=35);
background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(/css/base/images/ui-icons_222222_256x240.png?hbui_version=18.25.4) /*{iconsContent}*/;
}
.ui-widget-content .ui-icon {
background-image: url(/css/base/images/ui-icons_222222_256x240.png?hbui_version=18.25.4) /*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
background-image: url(/css/base/images/ui-icons_222222_256x240.png?hbui_version=18.25.4) /*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
background-image: url(/css/base/images/ui-icons_888888_256x240.png?hbui_version=18.25.4) /*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(/css/base/images/ui-icons_454545_256x240.png?hbui_version=18.25.4) /*{iconsHover}*/;
}
.ui-state-active .ui-icon {
background-image: url(/css/base/images/ui-icons_454545_256x240.png?hbui_version=18.25.4) /*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
background-image: url(/css/base/images/ui-icons_2e83ff_256x240.png?hbui_version=18.25.4) /*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(/css/base/images/ui-icons_cd0a0a_256x240.png?hbui_version=18.25.4) /*{iconsError}*/;
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft: 4px /*{cornerRadius}*/;
-webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
border-top-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-tr {
-moz-border-radius-topright: 4px /*{cornerRadius}*/;
-webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
border-top-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-bl {
-moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
-webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-br {
-moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
-webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-top {
-moz-border-radius-topleft: 4px /*{cornerRadius}*/;
-webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
border-top-left-radius: 4px /*{cornerRadius}*/;
-moz-border-radius-topright: 4px /*{cornerRadius}*/;
-webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
border-top-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
-webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
border-bottom-left-radius: 4px /*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
-webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-right {
-moz-border-radius-topright: 4px /*{cornerRadius}*/;
-webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
border-top-right-radius: 4px /*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
-webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-left {
-moz-border-radius-topleft: 4px /*{cornerRadius}*/;
-webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
border-top-left-radius: 4px /*{cornerRadius}*/;
-moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
-webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all {
-moz-border-radius: 4px /*{cornerRadius}*/;
-webkit-border-radius: 4px /*{cornerRadius}*/;
border-radius: 4px /*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa /*{bgColorOverlay}*/ url(/css/base/images/ui-bg_flat_0_aaaaaa_40x100.png?hbui_version=18.25.4) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
opacity: .3;
filter: alpha(opacity=30) /*{opacityOverlay}*/;
}
.ui-widget-shadow {
margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
padding: 8px /*{thicknessShadow}*/;
background: #aaaaaa /*{bgColorShadow}*/ url(/css/base/images/ui-bg_flat_0_aaaaaa_40x100.png?hbui_version=18.25.4) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
opacity: .3;
filter: alpha(opacity=30) /*{opacityShadow}*/;
-moz-border-radius: 8px /*{cornerRadiusShadow}*/;
-webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
border-radius: 8px /*{cornerRadiusShadow}*/;
}
/* the following is for the gritter growl style notices */
/* ie6 trash */
* html #gritter-notice-wrapper {
position: absolute;
}
* html .gritter-top {
margin-bottom: -10px;
}
* html .gritter-item {
padding-bottom: 0;
}
* html .gritter-bottom {
margin-bottom: 0;
}
* html .gritter-close {
background: url(/images/gritter-close-ie6.gif?hbui_version=18.25.4);
width: 22px;
height: 22px;
top: 7px;
left: 7px;
}
/* DW customizations */
#gritter-notice-wrapper {
position: fixed;
top: 20px;
right: 20px;
width: 301px;
z-index: 9999;
}
.gritter-item-wrapper {
position: relative;
margin: 0 0 10px 0;
background: url('?hbui_version=18.25.4');
/* ie7/8 fix */
}
.gritter-top {
display: none;
height: 0;
}
.hover .gritter-top {
background-position: 0;
}
.gritter-bottom {
background-image: none;
display: none;
}
.hover .gritter-bottom {
background-position: 0;
}
.gritter-item {
display: block;
background: url(/images/gritter-bg.png?hbui_version=18.25.4) repeat-x left -4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #eee;
padding: 10px 12px;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-moz-box-shadow: 0 0 8px #888;
-webkit-box-shadow: 0 0 8px #888;
box-shadow: 0 0 8px #888;
border: 2px solid transparent;
}
.hover .gritter-item {
background-position: 0;
border: 2px solid #eee;
}
.gritter-item p {
padding: 0;
margin: 0;
}
.gritter-close {
position: absolute;
top: 5px;
right: 3px;
background: url(/images/gritter.png?hbui_version=18.25.4) no-repeat left top;
cursor: pointer;
width: 30px;
height: 30px;
}
.gritter-title {
font-size: 14px;
font-weight: bold;
padding: 0 0 7px 0;
display: block;
text-shadow: 1px 1px #000;
/* Not supported by IE :( */
}
.gritter-image {
width: 48px;
height: 48px;
float: left;
}
.gritter-with-image,
.gritter-without-image {
padding: 0 0 5px 0;
}
.gritter-with-image {
width: 220px;
float: right;
}
.gritter-item a {
color: #eee;
text-decoration: underline;
}
/* Placeholder for what seems like a strange LESS bug */
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.alert {
padding: 10px 10px 10px 35px;
font-size: 12px;
background-color: #fffccd;
border: 1px solid #e5de7d;
color: #333333;
position: relative;
border-radius: 4px;
margin: 10px 0;
}
.alert .alert-icon,
.alert .info-icon,
.alert .success-icon,
.alert .error-icon {
position: absolute;
left: 10px;
top: 8px;
}
.alert span[id*="-tooltip"] i[class$="-icon"] {
position: static;
}
.alert p {
margin: 0;
}
.alert.inline {
display: inline-block;
padding: 8px 4px 9px 42px;
margin: 0 5px;
}
.alert.success {
background-color: #ebf7ed;
border-color: #39b54a;
}
.alert.danger,
.alert.error {
background-color: #fef3f4;
border-color: #ed1c24;
}
.alert.info {
background-color: #e5f1f6;
border-color: #317cb9;
}
.alert.banner {
border-radius: 0;
margin: 0 0 10px 0;
}
.anx.btn {
display: inline-block;
padding: 0 15px;
font-size: 12px;
line-height: 26px;
box-sizing: border-box;
font-weight: 400;
text-align: center;
cursor: pointer;
border: 1px solid #c5c5c5;
border-radius: 4px;
background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
margin-bottom: 0;
}
.anx.btn:hover {
background-image: linear-gradient(to top, #f3f3f3, #e2e2e2);
text-decoration: none;
}
.anx.btn .caret {
margin-top: 11px;
margin-left: 5px;
}
.anx.btn a:hover {
text-decoration: none;
}
.anx.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.anx.btn.active,
.anx.btn:active {
background: #deecf2;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
color: #333333;
}
.disabled .anx.btn,
.anx.btn.disabled,
.anx.btn[disabled] {
cursor: default;
background: #f2f2f2;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #cccccc;
color: #999;
}
.anx.btn-large {
padding: 9px 14px;
font-size: 15px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.anx.btn-large [class^="icon-"] {
margin-top: 1px;
}
.anx.btn-small {
padding: 5px 9px;
font-size: 11px;
line-height: 16px;
}
.anx.btn-small [class^="icon-"] {
margin-top: -1px;
}
.anx.btn-mini {
padding: 4px 6px;
font-size: 11px;
line-height: 14px;
}
.anx.btn-narrow {
padding-left: 5px;
padding-right: 5px;
}
.anx.btn-short {
line-height: 1em;
font-size: 6px;
padding: 5px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
color: #ffffff;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn {
border-color: #cccccc;
}
.anx.btn-primary {
background: #92cdcd;
/* Old browsers */
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92cdcd), color-stop(2px, #1b9494), to(#026565));
background-image: -webkit-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: -moz-linear-gradient(top, #92cdcd, #1b9494 2px, #026565);
background-image: -ms-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: -o-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92cdcd', endColorstr='#026565', GradientType=0);
border-color: #006666;
color: #ffffff;
text-shadow: 1px 1px 0 black;
}
.anx.btn-primary:hover {
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#026565), color-stop(28px, #1b9494), to(#92cdcd));
background-image: -webkit-linear-gradient(#026565, #1b9494 28px, #92cdcd);
background-image: -moz-linear-gradient(top, #026565, #1b9494 28px, #92cdcd);
background-image: -ms-linear-gradient(#026565, #1b9494 28px, #92cdcd);
background-image: -o-linear-gradient(#026565, #1b9494 28px, #92cdcd);
background-image: linear-gradient(#026565, #1b9494 28px, #92cdcd);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026565', endColorstr='#92cdcd', GradientType=0);
color: #fff;
}
.disabled .anx.btn-primary,
.disabled .anx.btn-primary:hover {
color: #ffffff;
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92cdcd), color-stop(2px, #1b9494), to(#026565));
background-image: -webkit-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: -moz-linear-gradient(top, #92cdcd, #1b9494 2px, #026565);
background-image: -ms-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: -o-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92cdcd', endColorstr='#026565', GradientType=0);
opacity: .4;
}
.anx.btn-warning {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(top, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #f89406;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.anx.btn-warning:hover,
.anx.btn-warning:active,
.anx.btn-warning.active,
.anx.btn-warning.disabled,
.anx.btn-warning[disabled] {
background-color: #f89406;
*background-color: #df8505;
}
.anx.btn-warning:active,
.anx.btn-warning.active {
background-color: #c67605 \9;
}
.anx.btn-warning:hover,
.anx.btn-warning:active,
.anx.btn-warning.active,
.anx.btn-warning.disabled,
.anx.btn-warning[disabled] {
background-color: #f89406;
*background-color: #df8505;
}
.anx.btn-warning:active,
.anx.btn-warning.active {
background-color: #c67605 \9;
}
.anx.btn-warning:hover,
.anx.btn-warning:active,
.anx.btn-warning.active,
.anx.btn-warning.disabled,
.anx.btn-warning[disabled] {
background-color: #f89406;
*background-color: #df8505;
}
.anx.btn-warning:active,
.anx.btn-warning.active {
background-color: #c67605 \9;
}
.anx.btn-danger {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(top, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.anx.btn-danger:hover,
.anx.btn-danger:active,
.anx.btn-danger.active,
.anx.btn-danger.disabled,
.anx.btn-danger[disabled] {
background-color: #bd362f;
*background-color: #a9302a;
}
.anx.btn-danger:active,
.anx.btn-danger.active {
background-color: #942a25 \9;
}
.anx.btn-danger:hover,
.anx.btn-danger:active,
.anx.btn-danger.active,
.anx.btn-danger.disabled,
.anx.btn-danger[disabled] {
background-color: #bd362f;
*background-color: #a9302a;
}
.anx.btn-danger:active,
.anx.btn-danger.active {
background-color: #942a25 \9;
}
.anx.btn-danger:hover,
.anx.btn-danger:active,
.anx.btn-danger.active,
.anx.btn-danger.disabled,
.anx.btn-danger[disabled] {
background-color: #bd362f;
*background-color: #a9302a;
}
.anx.btn-danger:active,
.anx.btn-danger.active {
background-color: #942a25 \9;
}
.anx.btn-success {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -ms-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(top, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #51a351;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.anx.btn-success:hover,
.anx.btn-success:active,
.anx.btn-success.active,
.anx.btn-success.disabled,
.anx.btn-success[disabled] {
background-color: #51a351;
*background-color: #499249;
}
.anx.btn-success:active,
.anx.btn-success.active {
background-color: #408140 \9;
}
.anx.btn-success:hover,
.anx.btn-success:active,
.anx.btn-success.active,
.anx.btn-success.disabled,
.anx.btn-success[disabled] {
background-color: #51a351;
*background-color: #499249;
}
.anx.btn-success:active,
.anx.btn-success.active {
background-color: #408140 \9;
}
.anx.btn-success:hover,
.anx.btn-success:active,
.anx.btn-success.active,
.anx.btn-success.disabled,
.anx.btn-success[disabled] {
background-color: #51a351;
*background-color: #499249;
}
.anx.btn-success:active,
.anx.btn-success.active {
background-color: #408140 \9;
}
.anx.btn-info {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(top, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #2f96b4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.anx.btn-info:hover,
.anx.btn-info:active,
.anx.btn-info.active,
.anx.btn-info.disabled,
.anx.btn-info[disabled] {
background-color: #2f96b4;
*background-color: #2a85a0;
}
.anx.btn-info:active,
.anx.btn-info.active {
background-color: #24748c \9;
}
.anx.btn-info:hover,
.anx.btn-info:active,
.anx.btn-info.active,
.anx.btn-info.disabled,
.anx.btn-info[disabled] {
background-color: #2f96b4;
*background-color: #2a85a0;
}
.anx.btn-info:active,
.anx.btn-info.active {
background-color: #24748c \9;
}
.anx.btn-info:hover,
.anx.btn-info:active,
.anx.btn-info.active,
.anx.btn-info.disabled,
.anx.btn-info[disabled] {
background-color: #2f96b4;
*background-color: #2a85a0;
}
.anx.btn-info:active,
.anx.btn-info.active {
background-color: #24748c \9;
}
.anx.btn-inverse {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #f4f4f4, #222222);
background-image: -ms-linear-gradient(top, #f4f4f4, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#222222));
background-image: -webkit-linear-gradient(top, #f4f4f4, #222222);
background-image: -o-linear-gradient(top, #f4f4f4, #222222);
background-image: linear-gradient(top, #f4f4f4, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#222222', GradientType=0);
border-color: #222222 #222222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #222222;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.anx.btn-inverse:hover,
.anx.btn-inverse:active,
.anx.btn-inverse.active,
.anx.btn-inverse.disabled,
.anx.btn-inverse[disabled] {
background-color: #222222;
*background-color: #151515;
}
.anx.btn-inverse:active,
.anx.btn-inverse.active {
background-color: #080808 \9;
}
.anx.btn-inverse:hover,
.anx.btn-inverse:active,
.anx.btn-inverse.active,
.anx.btn-inverse.disabled,
.anx.btn-inverse[disabled] {
background-color: #222222;
*background-color: #151515;
}
.anx.btn-inverse:active,
.anx.btn-inverse.active {
background-color: #080808 \9;
}
.anx.btn-inverse:hover,
.anx.btn-inverse:active,
.anx.btn-inverse.active,
.anx.btn-inverse.disabled,
.anx.btn-inverse[disabled] {
background-color: #222222;
*background-color: #151515;
}
.anx.btn-inverse:active,
.anx.btn-inverse.active {
background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
*padding-top: 2px;
*padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*font-size: 13px;
line-height: 18px;*/
color: #333333;
background-color: #e3e3e3;
margin-top: 43px;
}
.anx.btn {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
cursor: pointer;
color: #006666;
text-decoration: none;
}
a:hover {
color: #001a1a;
text-decoration: underline;
}
#responsive-nav-ctnr {
display: none;
}
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 20px;
}
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 20px;
}
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 20px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
padding-right: 20px;
padding-left: 20px;
}
.row-fluid > div:first-child {
margin-left: 0;
}
.primary {
float: left;
width: 75%;
margin-left: 1%;
}
.secondary {
float: left;
width: 24%;
margin-left: 1%;
}
.anx.toolbar {
*zoom: 1;
margin: 0;
padding: 0;
}
.anx.toolbar:before,
.anx.toolbar:after {
display: table;
content: "";
}
.anx.toolbar:after {
clear: both;
}
.anx.toolbar:before,
.anx.toolbar:after {
display: table;
content: "";
}
.anx.toolbar:after {
clear: both;
}
.anx.toolbar:before,
.anx.toolbar:after {
display: table;
content: "";
}
.anx.toolbar:after {
clear: both;
}
.anx.toolbar:before,
.anx.toolbar:after {
display: table;
content: "";
}
.anx.toolbar:after {
clear: both;
}
.anx.toolbar > li {
list-style: none;
float: left;
margin-right: 5px;
}
.anx.navigation {
margin: 0;
}
.anx.navigation li {
list-style-type: none;
margin-bottom: 2px;
}
.anx.navigation li a {
list-style-type: none;
display: block;
padding: 4px 10px;
border-radius: 3px;
text-decoration: none;
font-size: 12px;
}
.anx.navigation li a.selected {
font-weight: bold;
border: solid 1px rgba(0, 0, 0, 0.1);
padding: 3px 8px;
}
.anx.navigation .active a {
background-color: #e5f1f6;
background-image: none;
color: #000000;
font-weight: bold;
outline: 0;
}
.primary-callout {
padding: 0;
margin-top: 1px;
margin-bottom: 8px;
font-weight: bold;
font-size: 16px;
}
#MainSidebar .primary-callout {
background-color: #f4f4f4;
margin-bottom: 5px;
border: solid 1px #d1d1d1;
font-weight: normal;
padding: 10px;
}
#MainSidebar .primary-callout > a {
display: block;
line-height: 18px;
font-size: 16px;
}
.tabs-left .anx.navigation {
float: left;
margin-right: 15px;
width: 190px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.nav {
margin-left: 15px;
margin-bottom: 0;
list-style: none;
}
.nav > li > a {
color: #006666;
display: block;
font-weight: normal;
text-shadow: 0px 0px 1px #ffffff;
}
.nav > li.active > a {
font-weight: bold;
}
.nav > li > a:hover:not(.btn) {
background-color: #f4f9fb;
text-decoration: none;
}
.nav > .pull-right {
float: right;
}
.nav .nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 18px;
color: #f7f7f7;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.nav li + .nav-header {
margin-top: 9px;
}
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #006666;
}
.nav-list [class^="icon-"] {
margin-right: 2px;
}
.nav-list .divider {
*width: 100%;
height: 1px;
margin: 8px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
*zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs > li,
.nav-pills > li {
float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 8px;
padding-left: 8px;
margin-right: 6px;
line-height: 14px;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
margin-bottom: -1px;
}
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
color: #f4f4f4;
background-color: #ffffff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills {
padding: 6px 0;
}
.nav-pills > li > a {
padding-top: 4px;
padding-bottom: 5px;
text-shadow: 0 1px 1px #fff;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(2px, #f2f2f2), to(#dbdbdb));
background-image: -webkit-linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2 2px, #dbdbdb);
background-image: -ms-linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-image: -o-linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-image: linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb', GradientType=0);
}
.nav-pills > li > a.disabled {
color: #b7b7b7;
}
.nav-pills > li > a.disabled:hover {
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(2px, #f2f2f2), to(#dbdbdb));
background-image: -webkit-linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2 2px, #dbdbdb);
background-image: -ms-linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-image: -o-linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-image: linear-gradient(#ffffff, #f2f2f2 2px, #dbdbdb);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb', GradientType=0);
}
.nav-pills > li > a.disabled:hover .caret {
border-top-color: #b7b7b7;
}
.nav-pills > li > a.disabled .caret {
border-bottom-color: #b7b7b7;
border-top-color: #b7b7b7;
}
.nav-pills > li > a:hover {
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
/* background-color: mix(@midColor, @endColor, 80%); */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(2px, #dbdbdb), to(#f2f2f2));
background-image: -webkit-linear-gradient(#ffffff, #dbdbdb 2px, #f2f2f2);
background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb 2px, #f2f2f2);
background-image: -ms-linear-gradient(#ffffff, #dbdbdb 2px, #f2f2f2);
background-image: -o-linear-gradient(#ffffff, #dbdbdb 2px, #f2f2f2);
background-image: linear-gradient(#ffffff, #dbdbdb 2px, #f2f2f2);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}
.nav-pills > li > a:active {
border-color: #006666;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
color: #ffffff;
background-color: #006666;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li > a {
margin-right: 0;
}
.nav-tabs.nav-stacked {
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
border-color: #ddd;
z-index: 2;
}
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.nav-pills .dropdown-menu {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-color: #cccccc;
margin-top: 0;
}
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
border-top-color: #006666;
border-bottom-color: #006666;
margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.nav > .dropdown.active > a:hover {
color: #000000;
cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
color: #f7f7f7;
background-color: #f7f7f7;
border-color: #f7f7f7;
}
/* .nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
border-top-color: @grayLight;
border-bottom-color: @grayLight;
.opacity(100);
} */
.nav-pills .open .dropdown-toggle {
border-bottom: 0 none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.tabs-stacked .open > a:hover {
border-color: #f7f7f7;
}
.tabbable {
*zoom: 1;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
}
.tabbable:after {
clear: both;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
}
.tabbable:after {
clear: both;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
}
.tabbable:after {
clear: both;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
}
.tabbable:after {
clear: both;
}
.tab-content {
overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover {
border-bottom-color: transparent;
border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 30px;
}
.tabs-left > .nav-tabs > li > a {
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: none;
padding: 5px 10px;
width: 190px;
outline: none;
}
.tabs-left > .nav-tabs > li > a:hover {
border: none;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
border: none;
background: #e5f1f6;
color: #006666;
}
section .tabs-left .nav {
margin-left: 0;
}
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #ffffff;
}
.nav-pills > .btn-group {
margin-right: 6px;
margin-left: 0;
}
.nav-pills > .btn-group > .btn {
color: #006666;
padding-top: 4px;
padding-bottom: 5px;
border: 1px solid #cccccc;
}
.nav-pills > .btn-group .dropdown-toggle {
padding-left: 6px;
padding-right: 6px;
}
.nav-pills > .btn-group .dropdown-toggle .caret {
margin-top: 6zpx;
}
p {
margin: 0 0 9px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*font-size: 13px;
line-height: 18px;*/
}
p small {
font-size: 11px;
color: #f7f7f7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: normal;
}
h1 {
font-size: 30px;
line-height: 36px;
}
h1 small {
font-size: 18px;
}
h2 {
font-size: 24px;
line-height: 36px;
}
h2 small {
font-size: 18px;
}
h3 {
font-size: 18px;
line-height: 27px;
}
h3 small {
font-size: 14px;
}
h4,
h5,
h6 {
line-height: 18px;
}
h4 {
font-size: 14px;
}
h4 small {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 11px;
text-transform: uppercase;
}
ul,
ol {
padding: 0;
margin: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li {
line-height: 18px;
}
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
dl {
margin-bottom: 18px;
}
dt {
font-weight: bold;
}
.dl-horizontal dt {
float: left;
width: 120px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 130px;
}
hr {
margin: 12px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
.muted {
color: #f7f7f7;
}
abbr[title] {
cursor: help;
border-bottom: 1px dotted inherit;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 18px;
border-left: 5px solid #eeeeee;
}
blockquote p {
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 22.5px;
}
blockquote small {
display: block;
line-height: 18px;
color: #f7f7f7;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 18px;
font-style: normal;
line-height: 18px;
}
small {
font-size: 100%;
}
cite {
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"],
[class$="-icon"] {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
background-image: url("/v2/img/console-sprite.png?hbui_version=18.25.4");
background-repeat: no-repeat;
margin-bottom: -2px;
}
.active .usd-icon {
background-position: -18px -38px;
width: 10px;
height: 14px;
}
.active .cart-icon {
background-position: -180px -138px;
}
.active .collapse-icon {
background-position: -180px -35px;
}
.active .download-icon {
background-position: -20px -240px;
}
.active .eligible-icon {
background-position: 0 0;
}
.active .ero-icon {
background-position: -59px -37px;
width: 10px;
height: 14px;
}
.active .fullscreen-icon {
background-position: -20px -80px;
width: 13px;
height: 14px;
}
.active .pacing-icon {
background-position: -21px -58px;
width: 14px;
height: 14px;
}
.active .paused-icon {
background-position: -20px 0;
}
.active .plus-icon {
background-position: -100px 0;
width: 13px;
height: 14px;
}
.active .profile-icon {
background-position: -60px -199px;
}
.active .pulse-icon {
background-position: -180px -180px;
}
.active .settings-icon {
background-position: -40px -80px;
height: 13px;
width: 12px;
}
.active .preview-icon {
background-position: -140px -60px;
height: 18px;
width: 19px;
}
.active .pacing-lines-icon {
background-position: -80px -178px;
}
.active .quickstats-icon {
background-position: -100px -179px;
}
.active .gears-icon {
background-position: -120px -180px;
}
.active .star-icon {
background-position: -120px -120px;
}
.disabled .cart-icon {
background-position: -180px -158px;
}
.disabled .download-icon {
background-position: -40px -240px;
}
.disabled .ero-icon {
background-position: -101px -37px;
width: 10px;
height: 14px;
}
.disabled .usd-icon {
background-position: 0 -37px;
width: 10px;
height: 14px;
}
.disabled .new-page-icon {
background-position: -43px -180px;
}
.disabled .new-pagesm-icon {
background-position: -40px -199px;
}
.disabled .profile-icon {
background-position: -100px -199px;
}
.circlecheck-icon {
background-position: -140px -80px;
width: 18px !important;
height: 18px !important;
}
td .eligible-icon {
background-position: 0 -160px;
}
td .paused-icon {
background-position: -20px -160px;
}
td .paused-warning-icon {
background-position: -60px -159px;
}
td .warning-icon {
background-position: -40px -160px;
}
.alert-icon {
background-position: -140px -100px;
width: 20px;
height: 18px;
}
.appnexus-icon {
background-position: 0 -100px;
width: 13px;
height: 13px;
}
.cal-icon {
background-position: -120px 0;
width: 22px;
height: 22px;
}
.cart-icon {
background-position: -180px -118px;
width: 18px;
height: 18px;
}
.calendar-icon {
background-position: -120px 0;
width: 21px;
height: 19px;
}
.calendarsm-icon {
background-position: -140px -140px;
width: 17px;
height: 16px;
}
.check-icon {
background-position: -80px -120px;
width: 16px;
height: 12px;
}
.checkmark-icon {
background-position: -80px -80px;
width: 16px;
height: 12px;
}
.closex-icon {
background-position: -180px -80px;
width: 11px;
height: 11px;
}
.closex-icon:hover {
background-position: -180px -100px;
}
.collapse-icon {
background-position: -160px -40px;
width: 10px;
height: 11px;
margin-bottom: -1px;
}
.contract-icon,
.sm-arrow-icon {
background-position: -100px -60px;
width: 8px;
height: 8px;
}
.download-icon {
background-position: 0 -240px;
width: 14px;
height: 14px;
}
.edit-icon {
background-position: -20px -100px;
width: 19px;
height: 18px;
margin-bottom: -4px;
margin-right: -1px;
margin-top: -1px;
}
.editsm-icon,
.edit-small-icon,
.pencil-icon {
background-position: -60px -100px;
width: 12px;
height: 12px;
}
.editsm-box-icon {
background-position: -40px -120px;
width: 12px;
height: 13px;
}
.editlg-icon {
background-position: 0px -119px;
width: 17px;
height: 14px;
}
.eligible-icon {
background-position: 0 0;
width: 15px;
height: 15px;
margin-bottom: -3px;
}
.error-icon {
background-position: -160px -100px;
width: 18px;
height: 18px;
}
.ero-icon {
background-position: -39px -37px;
width: 10px;
height: 14px;
}
.exclamation-icon {
background-position: -120px -80px;
height: 19px;
width: 19px;
}
.exclude-icon {
background-position: -160px -80px;
width: 20px;
height: 20px;
}
.expand-icon {
background-position: -158px -37px;
width: 10px;
height: 11px;
}
.eye-icon {
background-position: -40px -20px;
height: 13px;
width: 17px;
}
.flag-icon {
background-position: -78px -140px;
width: 17px;
height: 15px;
margin-bottom: -3px;
}
.fullscreen-icon {
background-position: 0 -80px;
width: 13px;
height: 14px;
}
.include-icon {
background-position: -140px -80px;
width: 20px;
height: 20px;
}
.info-icon {
background-position: -120px -80px;
width: 18px;
height: 18px;
}
.nav-icon {
background-position: -40px -99px;
height: 13px;
}
.new-page-icon {
background-position: 0 -179px;
width: 17px;
height: 17px;
}
.new-pagesm-icon {
background-position: 0 -199px;
height: 14px;
width: 16px;
}
.pacing-icon {
background-position: -1px -59px;
width: 14px;
height: 14px;
}
.plus-icon {
background-position: -100px 0;
width: 13px;
height: 14px;
}
.plus-sm-icon {
background-position: -160px -40px;
width: 12px;
height: 12px;
}
.paused-icon {
background-position: -20px 0;
height: 15px;
margin-bottom: -3px;
width: 15px;
}
.paused-warning-icon {
background-position: -20px -160px;
width: 20px;
height: 17px;
}
.preview-icon {
background-position: -120px -60px;
height: 18px;
width: 19px;
}
.profile-icon {
background-position: -80px -199px;
height: 17px;
width: 20px;
}
.pulse-icon {
background-position: -160px -180px;
width: 15px;
height: 15px;
}
.question-icon {
background-position: -40px -80px;
height: 18px;
width: 18px;
}
.question-wh-icon {
background-position: -60px -80px;
width: 13px;
height: 12px;
}
.search-icon {
background-position: -100px -20px;
}
.settings-icon {
background-position: -40px -60px;
height: 13px;
width: 12px;
}
.settingslg-icon {
background-position: -142px -158px;
width: 19px;
height: 18px;
margin-bottom: -4px;
margin-right: -4px;
margin-top: -2px;
}
.sm-question-icon {
background-position: -120px -140px;
width: 17px;
height: 15px;
margin-bottom: -3px;
}
.star-icon {
background-position: -140px -120px;
width: 18px;
height: 18px;
}
.success-icon {
background-position: -140px -80px;
width: 18px;
height: 18px;
}
.timer-icon {
background-position: -100px -140px;
width: 17px;
height: 15px;
margin-bottom: -3px;
}
.usd-icon {
background-position: 2px -38px;
width: 10px;
height: 14px;
}
.warning-icon {
background-position: -40px 0;
height: 15px;
margin-bottom: -3px;
width: 17px;
}
.anx.btn .success-icon,
.anx.btn .include-icon,
.anx.btn .exclude-icon {
margin-top: -1px;
margin-bottom: -6px;
margin-left: -3px;
margin-right: -2px;
}
.device-icon {
display: inline-block;
width: 15px;
height: 41px;
background-image: url("/v2/img/device-sprite.png?hbui_version=18.25.4");
background-repeat: no-repeat;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.device-icon.all {
width: 133px;
background-position: 0 0;
}
.device-icon.desktop {
width: 62px;
height: 33px;
background-position: 0 -50px;
}
.device-icon.tablet {
width: 62px;
height: 33px;
background-position: -62px -51px;
}
.device-icon.phone {
width: 62px;
height: 33px;
background-position: -121px -51px;
}
.inactive .device-icon {
opacity: .5;
}
.help-icon {
background-position: -58px -78px;
}
.pacing-lines-icon {
background-position: -80px -158px;
width: 15px;
}
.quickstats-icon {
background-position: -100px -159px;
width: 17px;
}
.gears-icon {
background-position: -120px -160px;
width: 18px;
}
i.badges {
font: italic 14px/1 "Times New Romen";
display: inline-block;
background-color: #fe9c22;
color: white;
width: 16px;
height: 16px;
text-align: center;
border: 1px solid #de8313;
border-radius: 50%;
cursor: pointer;
margin-left: 5px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 2px #ffffff, 0 0 0 3px #de8313, 0 0 5px 4px #fe9c22;
}
i.badges:hover {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 3px #ffffff, 0 0 0 4px #de8313, 0 0 3px 5px #fe9c22;
}
i.badges.alt {
background-color: #ffffff;
color: #fe9c22;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 2px #fe9c22, 0 0 0 3px #de8313, 0 0 5px 4px #fe9c22;
}
i.badges.alt:hover {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 3px #fe9c22, 0 0 0 4px #de8313, 0 0 3px 5px #fe9c22;
}
th .badges {
font-size: 10px;
height: auto;
padding: 0px 2px;
position: absolute;
right: 4px;
top: 4px;
width: auto;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 126px;
padding: 4px 0;
margin: 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 8px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.dropdown-menu a {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #333333;
white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: #333333;
text-decoration: none;
background-color: #e5f1f6;
}
.open {
*z-index: 1000;
}
.open .dropdown-menu {
display: block;
}
.pull-right .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #006666;
content: "\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.typeahead {
margin-top: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.section-header {
background-color: #f4f4f4;
padding: 10px;
}
.section-footer {
background-color: #f4f4f4;
padding: 10px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table td,
table th {
padding: 0;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.bs-progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.bs-progress .bar {
width: 0%;
height: 18px;
color: #ffffff;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(top, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-ms-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.bs-progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.bs-progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.bs-progress-danger .bar {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.bs-progress-danger.bs-progress-striped .bar {
background-color: #ee5f5b;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.bs-progress-success .bar {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.bs-progress-success.bs-progress-striped .bar {
background-color: #62c462;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.bs-progress-info .bar {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
background-image: linear-gradient(top, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}
.bs-progress-info.bs-progress-striped .bar {
background-color: #5bc0de;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.bs-progress-warning .bar {
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(top, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}
.bs-progress-warning.bs-progress-striped .bar {
background-color: #fbb450;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.loading-container {
background: rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
font-weight: bold;
line-height: 16px;
position: absolute;
top: 20px;
z-index: 100;
text-transform: uppercase;
font-size: .9em;
}
.loading-container .progress {
display: block;
width: 52px;
height: 7px;
border-radius: 3px;
margin-top: 2px;
}
.loading-container .progress .bar {
border-radius: 1px;
height: 100%;
}
/* hyper jump styling */
.hyper-container.loading-container {
background: rgba(0, 0, 0, 0.3);
box-shadow: none;
}
.hyper-container .loading-screen,
.loading-screen-interstitial {
display: block;
background: rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.hyper-container .loading-screen-interstitial {
background: rgba(0, 0, 0, 0.3);
}
.hyper-container .progress {
overflow: hidden;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.hyper-container .bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.hyper-container .progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
}
.hyper-container .progress.active .bar {
-webkit-animation: progress-bar-stripes 4s linear infinite;
-moz-animation: progress-bar-stripes 4s linear infinite;
-ms-animation: progress-bar-stripes 4s linear infinite;
-o-animation: progress-bar-stripes 4s linear infinite;
animation: progress-bar-stripes 4s linear infinite;
}
/* end hyper jump styling */
.hide {
display: none;
}
.show {
display: block !important;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #333;
content: "";
}
.align-right {
float: right;
}
.align-left {
float: left;
}
/* END BOOTSTRAP */
/* Application variables */
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nav-svg-login {
width: 20px;
height: 16px;
}
.nav-svg-icn {
width: 15px;
height: 15px;
margin-top: -2px;
}
.marketplace-svg {
width: 19px;
}
.nav-svg-arrow {
width: 6px;
height: 9px;
}
.svg-color {
fill: #1f9aa2;
}
/*
-----------------------------
GLOBAL HEADER
-----------------------------
*/
#GlobalHeader {
z-index: 3000;
background-color: #ffffff;
min-width: 700px;
position: fixed;
top: 0;
left: 0;
right: 0;
box-sizing: border-box;
}
#GlobalHeader *,
#GlobalHeader *:before,
#GlobalHeader *:after {
box-sizing: border-box;
}
#GlobalHeader a {
line-height: 1em;
padding: 15px 0;
display: block;
text-decoration: none;
transition: background-color 0.4s, color 0.4s, border-color 0.4s;
}
#GlobalHeader .primary-logo img[src$="/images/wl/appnexus/logo.svg"] {
width: 112px;
}
#GlobalHeader .button-group > li:not(.sitewide-search-ctr):hover {
border-top: 4px solid #1f9aa2;
}
#GlobalHeader .secondary-container,
#GlobalHeader .button-group {
float: right;
}
#GlobalHeader .secondary-container.global-actions,
#GlobalHeader .button-group.global-actions {
position: absolute;
right: 0;
top: 0;
background: white;
padding-left: 10px;
height: 42px;
}
@media only screen and (max-width: 1024px) {
#GlobalHeader .secondary-container.global-actions .responsive-menu.search-enabled,
#GlobalHeader .button-group.global-actions .responsive-menu.search-enabled,
#GlobalHeader .secondary-container.global-actions .responsive-handle,
#GlobalHeader .button-group.global-actions .responsive-handle {
display: block;
}
#GlobalHeader .secondary-container.global-actions .button-group,
#GlobalHeader .button-group.global-actions .button-group {
margin-right: -300px;
opacity: 0;
}
#GlobalHeader .secondary-container.global-actions.opened .button-group,
#GlobalHeader .button-group.global-actions.opened .button-group {
opacity: 1;
margin-right: 0;
}
#GlobalHeader .secondary-container.global-actions.opened .responsive-menu,
#GlobalHeader .button-group.global-actions.opened .responsive-menu {
display: none;
}
#GlobalHeader .secondary-container.global-actions.opened .responsive-handle:before,
#GlobalHeader .button-group.global-actions.opened .responsive-handle:before {
content: '\00BB';
}
}
#GlobalHeader .secondary-container.no-search .feedback > ul,
#GlobalHeader .button-group.no-search .feedback > ul,
#GlobalHeader .secondary-container.no-search .marketplace > ul,
#GlobalHeader .button-group.no-search .marketplace > ul,
#GlobalHeader .secondary-container.no-search .reporting-time > ul,
#GlobalHeader .button-group.no-search .reporting-time > ul,
#GlobalHeader .secondary-container.no-search .notifications > ul,
#GlobalHeader .button-group.no-search .notifications > ul {
margin-left: -230px;
}
#GlobalHeader .secondary-container .button-group,
#GlobalHeader .button-group .button-group {
transition: all .25s linear;
opacity: 1;
}
#GlobalHeader .secondary-container .button-group > li:not(.sitewide-search-ctr):hover,
#GlobalHeader .button-group .button-group > li:not(.sitewide-search-ctr):hover {
border-top: 4px solid #1f9aa2;
}
#GlobalHeader .secondary-container > li,
#GlobalHeader .button-group > li {
position: relative;
float: left;
}
#GlobalHeader .secondary-container > li.user-options,
#GlobalHeader .button-group > li.user-options,
#GlobalHeader .secondary-container > li.responsive-menu,
#GlobalHeader .button-group > li.responsive-menu {
margin-right: 10px;
line-height: 1em;
padding: 12px 7px 13px 7px;
}
#GlobalHeader .secondary-container > li.user-options:hover,
#GlobalHeader .button-group > li.user-options:hover,
#GlobalHeader .secondary-container > li.responsive-menu:hover,
#GlobalHeader .button-group > li.responsive-menu:hover {
padding-top: 8px;
border-top: 4px solid #1f9aa2;
}
#GlobalHeader .secondary-container > li.responsive-menu:hover,
#GlobalHeader .button-group > li.responsive-menu:hover {
padding-top: 6px;
}
#GlobalHeader .secondary-container > li.user-options ul.user-options-view,
#GlobalHeader .button-group > li.user-options ul.user-options-view,
#GlobalHeader .secondary-container > li.responsive-menu ul.user-options-view,
#GlobalHeader .button-group > li.responsive-menu ul.user-options-view {
margin-left: -230px;
}
#GlobalHeader .secondary-container > li .feedback,
#GlobalHeader .button-group > li .feedback,
#GlobalHeader .secondary-container > li .marketplace,
#GlobalHeader .button-group > li .marketplace,
#GlobalHeader .secondary-container > li .reporting-time,
#GlobalHeader .button-group > li .reporting-time,
#GlobalHeader .secondary-container > li .notifications,
#GlobalHeader .button-group > li .notifications {
padding-bottom: 10px;
}
#GlobalHeader .secondary-container > li .feedback:hover,
#GlobalHeader .button-group > li .feedback:hover,
#GlobalHeader .secondary-container > li .marketplace:hover,
#GlobalHeader .button-group > li .marketplace:hover,
#GlobalHeader .secondary-container > li .reporting-time:hover,
#GlobalHeader .button-group > li .reporting-time:hover,
#GlobalHeader .secondary-container > li .notifications:hover,
#GlobalHeader .button-group > li .notifications:hover {
padding-top: 11px;
}
#GlobalHeader .secondary-container > li.user-options:hover .svg-color,
#GlobalHeader .button-group > li.user-options:hover .svg-color,
#GlobalHeader .secondary-container > li.responsive-menu:hover .svg-color,
#GlobalHeader .button-group > li.responsive-menu:hover .svg-color,
#GlobalHeader .secondary-container > li .feedback:hover .svg-color,
#GlobalHeader .button-group > li .feedback:hover .svg-color,
#GlobalHeader .secondary-container > li .reporting-time:hover .svg-color,
#GlobalHeader .button-group > li .reporting-time:hover .svg-color,
#GlobalHeader .secondary-container > li .notifications:hover .svg-color,
#GlobalHeader .button-group > li .notifications:hover .svg-color {
fill: #333;
}
#GlobalHeader .secondary-container > li.user-options:hover > ul,
#GlobalHeader .button-group > li.user-options:hover > ul,
#GlobalHeader .secondary-container > li.responsive-menu:hover > ul,
#GlobalHeader .button-group > li.responsive-menu:hover > ul,
#GlobalHeader .secondary-container > li .marketplace:hover > ul,
#GlobalHeader .button-group > li .marketplace:hover > ul,
#GlobalHeader .secondary-container > li .feedback:hover > ul,
#GlobalHeader .button-group > li .feedback:hover > ul,
#GlobalHeader .secondary-container > li .reporting-time:hover > ul,
#GlobalHeader .button-group > li .reporting-time:hover > ul,
#GlobalHeader .secondary-container > li .notifications:hover > ul,
#GlobalHeader .button-group > li .notifications:hover > ul {
display: block;
z-index: -1;
-webkit-animation: 0.2s ease 0s normal forwards 1 fade-icon;
-moz-animation: 0.2s ease 0s normal forwards 1 fade-icon;
animation: 0.2s ease 0s normal forwards 1 fade-icon;
}
#GlobalHeader .secondary-container > li.user-options > ul,
#GlobalHeader .button-group > li.user-options > ul,
#GlobalHeader .secondary-container > li.responsive-menu > ul,
#GlobalHeader .button-group > li.responsive-menu > ul,
#GlobalHeader .secondary-container > li .marketplace > ul,
#GlobalHeader .button-group > li .marketplace > ul,
#GlobalHeader .secondary-container > li .feedback > ul,
#GlobalHeader .button-group > li .feedback > ul,
#GlobalHeader .secondary-container > li .reporting-time > ul,
#GlobalHeader .button-group > li .reporting-time > ul,
#GlobalHeader .secondary-container > li .notifications > ul,
#GlobalHeader .button-group > li .notifications > ul {
display: none;
position: absolute;
width: 260px;
margin-left: -10px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
background-color: #fff;
opacity: 0;
margin-top: -100px;
}
#GlobalHeader .secondary-container > li.user-options > ul li:empty,
#GlobalHeader .button-group > li.user-options > ul li:empty,
#GlobalHeader .secondary-container > li.responsive-menu > ul li:empty,
#GlobalHeader .button-group > li.responsive-menu > ul li:empty,
#GlobalHeader .secondary-container > li .marketplace > ul li:empty,
#GlobalHeader .button-group > li .marketplace > ul li:empty,
#GlobalHeader .secondary-container > li .feedback > ul li:empty,
#GlobalHeader .button-group > li .feedback > ul li:empty,
#GlobalHeader .secondary-container > li .reporting-time > ul li:empty,
#GlobalHeader .button-group > li .reporting-time > ul li:empty,
#GlobalHeader .secondary-container > li .notifications > ul li:empty,
#GlobalHeader .button-group > li .notifications > ul li:empty {
display: none;
}
#GlobalHeader .secondary-container > li.user-options > ul li .header-option,
#GlobalHeader .button-group > li.user-options > ul li .header-option,
#GlobalHeader .secondary-container > li.responsive-menu > ul li .header-option,
#GlobalHeader .button-group > li.responsive-menu > ul li .header-option,
#GlobalHeader .secondary-container > li .martketplace > ul li .header-option,
#GlobalHeader .button-group > li .marketplace > ul li .header-option,
#GlobalHeader .secondary-container > li .feedback > ul li .header-option,
#GlobalHeader .button-group > li .feedback > ul li .header-option,
#GlobalHeader .secondary-container > li .reporting-time > ul li .header-option,
#GlobalHeader .button-group > li .reporting-time > ul li .header-option,
#GlobalHeader .secondary-container > li .notifications > ul li .header-option,
#GlobalHeader .button-group > li .notifications > ul li .header-option {
padding: 5px 15px;
font-weight: bold;
display: block;
background-color: #f8f8f8;
color: #333;
border-bottom: 1px solid #D1D1D1;
}
#GlobalHeader .secondary-container > li.user-options > ul li > a,
#GlobalHeader .button-group > li.user-options > ul li > a,
#GlobalHeader .secondary-container > li.responsive-menu > ul li > a,
#GlobalHeader .button-group > li.responsive-menu > ul li > a,
#GlobalHeader .secondary-container > li .marketplace > ul li > a,
#GlobalHeader .button-group > li .marketplace > ul li > a,
#GlobalHeader .secondary-container > li .feedback > ul li > a,
#GlobalHeader .button-group > li .feedback > ul li > a,
#GlobalHeader .secondary-container > li .reporting-time > ul li > a,
#GlobalHeader .button-group > li .reporting-time > ul li > a,
#GlobalHeader .secondary-container > li .notifications > ul li > a,
#GlobalHeader .button-group > li .notifications > ul li > a,
#GlobalHeader .secondary-container > li.user-options > ul li.notification-item,
#GlobalHeader .button-group > li.user-options > ul li.notification-item,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notification-item,
#GlobalHeader .button-group > li.responsive-menu > ul li.notification-item,
#GlobalHeader .secondary-container > li .marketplace > ul li.notification-item,
#GlobalHeader .button-group > li .martketplace > ul li.notification-item,
#GlobalHeader .secondary-container > li .feedback > ul li.notification-item,
#GlobalHeader .button-group > li .feedback > ul li.notification-item,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notification-item,
#GlobalHeader .button-group > li .reporting-time > ul li.notification-item,
#GlobalHeader .secondary-container > li .notifications > ul li.notification-item,
#GlobalHeader .button-group > li .notifications > ul li.notification-item {
padding: 10px 15px;
border-bottom: 1px solid #D1D1D1;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notification-item a,
#GlobalHeader .button-group > li.user-options > ul li.notification-item a,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notification-item a,
#GlobalHeader .button-group > li.responsive-menu > ul li.notification-item a,
#GlobalHeader .secondary-container > li .martketplace > ul li.notification-item a,
#GlobalHeader .button-group > li .marketplace > ul li.notification-item a,
#GlobalHeader .secondary-container > li .feedback > ul li.notification-item a,
#GlobalHeader .button-group > li .feedback > ul li.notification-item a,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notification-item a,
#GlobalHeader .button-group > li .reporting-time > ul li.notification-item a,
#GlobalHeader .secondary-container > li .notifications > ul li.notification-item a,
#GlobalHeader .button-group > li .notifications > ul li.notification-item a {
padding: 0;
margin: 0;
display: inline;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notification-item.footer,
#GlobalHeader .button-group > li.user-options > ul li.notification-item.footer,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notification-item.footer,
#GlobalHeader .button-group > li.responsive-menu > ul li.notification-item.footer,
#GlobalHeader .secondary-container > li .marketplace > ul li.notification-item.footer,
#GlobalHeader .button-group > li .marketplace > ul li.notification-item.footer,
#GlobalHeader .secondary-container > li .feedback > ul li.notification-item.footer,
#GlobalHeader .button-group > li .feedback > ul li.notification-item.footer,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notification-item.footer,
#GlobalHeader .button-group > li .reporting-time > ul li.notification-item.footer,
#GlobalHeader .secondary-container > li .notifications > ul li.notification-item.footer,
#GlobalHeader .button-group > li .notifications > ul li.notification-item.footer {
padding: 0;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notification-item.footer a,
#GlobalHeader .button-group > li.user-options > ul li.notification-item.footer a,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notification-item.footer a,
#GlobalHeader .button-group > li.responsive-menu > ul li.notification-item.footer a,
#GlobalHeader .secondary-container > li .marketplace > ul li.notification-item.footer a,
#GlobalHeader .button-group > li .marketplace > ul li.notification-item.footer a,
#GlobalHeader .secondary-container > li .feedback > ul li.notification-item.footer a,
#GlobalHeader .button-group > li .feedback > ul li.notification-item.footer a,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notification-item.footer a,
#GlobalHeader .button-group > li .reporting-time > ul li.notification-item.footer a,
#GlobalHeader .secondary-container > li .notifications > ul li.notification-item.footer a,
#GlobalHeader .button-group > li .notifications > ul li.notification-item.footer a {
padding: 10px 15px;
display: block;
}
#GlobalHeader .secondary-container > li.user-options > ul li:last-of-type a,
#GlobalHeader .button-group > li.user-options > ul li:last-of-type a,
#GlobalHeader .secondary-container > li.responsive-menu > ul li:last-of-type a,
#GlobalHeader .button-group > li.responsive-menu > ul li:last-of-type a,
#GlobalHeader .secondary-container > li .marketplace > ul li:last-of-type a,
#GlobalHeader .button-group > li .marketplace > ul li:last-of-type a,
#GlobalHeader .secondary-container > li .feedback > ul li:last-of-type a,
#GlobalHeader .button-group > li .feedback > ul li:last-of-type a,
#GlobalHeader .secondary-container > li .reporting-time > ul li:last-of-type a,
#GlobalHeader .button-group > li .reporting-time > ul li:last-of-type a,
#GlobalHeader .secondary-container > li .notifications > ul li:last-of-type a,
#GlobalHeader .button-group > li .notifications > ul li:last-of-type a,
#GlobalHeader .secondary-container > li.user-options > ul li:last-of-type.notification-item,
#GlobalHeader .button-group > li.user-options > ul li:last-of-type.notification-item,
#GlobalHeader .secondary-container > li.responsive-menu > ul li:last-of-type.notification-item,
#GlobalHeader .button-group > li.responsive-menu > ul li:last-of-type.notification-item,
#GlobalHeader .secondary-container > li .marketplace > ul li:last-of-type.notification-item,
#GlobalHeader .button-group > li .marketplace > ul li:last-of-type.notification-item,
#GlobalHeader .secondary-container > li .feedback > ul li:last-of-type.notification-item,
#GlobalHeader .button-group > li .feedback > ul li:last-of-type.notification-item,
#GlobalHeader .secondary-container > li .reporting-time > ul li:last-of-type.notification-item,
#GlobalHeader .button-group > li .reporting-time > ul li:last-of-type.notification-item,
#GlobalHeader .secondary-container > li .notifications > ul li:last-of-type.notification-item,
#GlobalHeader .button-group > li .notifications > ul li:last-of-type.notification-item {
border-bottom: none;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notifications-list,
#GlobalHeader .button-group > li.user-options > ul li.notifications-list,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notifications-list,
#GlobalHeader .button-group > li.responsive-menu > ul li.notifications-list,
#GlobalHeader .secondary-container > li .marketplace > ul li.notifications-list,
#GlobalHeader .button-group > li .marketplace > ul li.notifications-list,
#GlobalHeader .secondary-container > li .feedback > ul li.notifications-list,
#GlobalHeader .button-group > li .feedback > ul li.notifications-list,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notifications-list,
#GlobalHeader .button-group > li .reporting-time > ul li.notifications-list,
#GlobalHeader .secondary-container > li .notifications > ul li.notifications-list,
#GlobalHeader .button-group > li .notifications > ul li.notifications-list {
padding: 0;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notifications-list .notification-alert,
#GlobalHeader .button-group > li.user-options > ul li.notifications-list .notification-alert,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notifications-list .notification-alert,
#GlobalHeader .button-group > li.responsive-menu > ul li.notifications-list .notification-alert,
#GlobalHeader .secondary-container > li .marketplace > ul li.notifications-list .notification-alert,
#GlobalHeader .button-group > li .marketplace > ul li.notifications-list .notification-alert,
#GlobalHeader .secondary-container > li .feedback > ul li.notifications-list .notification-alert,
#GlobalHeader .button-group > li .feedback > ul li.notifications-list .notification-alert,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notifications-list .notification-alert,
#GlobalHeader .button-group > li .reporting-time > ul li.notifications-list .notification-alert,
#GlobalHeader .secondary-container > li .notifications > ul li.notifications-list .notification-alert,
#GlobalHeader .button-group > li .notifications > ul li.notifications-list .notification-alert,
#GlobalHeader .secondary-container > li.user-options > ul li.notifications-list .notifications-title,
#GlobalHeader .button-group > li.user-options > ul li.notifications-list .notifications-title,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notifications-list .notifications-title,
#GlobalHeader .button-group > li.responsive-menu > ul li.notifications-list .notifications-title,
#GlobalHeader .secondary-container > li .marketplace > ul li.notifications-list .notifications-title,
#GlobalHeader .button-group > li .marketplace > ul li.notifications-list .notifications-title,
#GlobalHeader .secondary-container > li .feedback > ul li.notifications-list .notifications-title,
#GlobalHeader .button-group > li .feedback > ul li.notifications-list .notifications-title,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notifications-list .notifications-title,
#GlobalHeader .button-group > li .reporting-time > ul li.notifications-list .notifications-title,
#GlobalHeader .secondary-container > li .notifications > ul li.notifications-list .notifications-title,
#GlobalHeader .button-group > li .notifications > ul li.notifications-list .notifications-title {
font-weight: bold;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notifications-list em,
#GlobalHeader .button-group > li.user-options > ul li.notifications-list em,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notifications-list em,
#GlobalHeader .button-group > li.responsive-menu > ul li.notifications-list em,
#GlobalHeader .secondary-container > li .marketplace > ul li.notifications-list em,
#GlobalHeader .button-group > li .marketplace > ul li.notifications-list em,
#GlobalHeader .secondary-container > li .feedback > ul li.notifications-list em,
#GlobalHeader .button-group > li .feedback > ul li.notifications-list em,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notifications-list em,
#GlobalHeader .button-group > li .reporting-time > ul li.notifications-list em,
#GlobalHeader .secondary-container > li .notifications > ul li.notifications-list em,
#GlobalHeader .button-group > li .notifications > ul li.notifications-list em {
color: #9a9a9a;
display: block;
font-size: 11px;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notifications-list li,
#GlobalHeader .button-group > li.user-options > ul li.notifications-list li,
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notifications-list li,
#GlobalHeader .button-group > li.responsive-menu > ul li.notifications-list li,
#GlobalHeader .secondary-container > li .marketplace > ul li.notifications-list li,
#GlobalHeader .button-group > li .marketplace > ul li.notifications-list li,
#GlobalHeader .secondary-container > li .feedback > ul li.notifications-list li,
#GlobalHeader .button-group > li .feedback > ul li.notifications-list li,
#GlobalHeader .secondary-container > li .reporting-time > ul li.notifications-list li,
#GlobalHeader .button-group > li .reporting-time > ul li.notifications-list li,
#GlobalHeader .secondary-container > li .notifications > ul li.notifications-list li,
#GlobalHeader .button-group > li .notifications > ul li.notifications-list li {
padding: 10px 15px;
}
#GlobalHeader .secondary-container > li.user-options > ul li.notifications-list li:not(:last-child),
#GlobalHeader .button-group > li.user-options > ul li.notifications-list li:not(:last-child),
#GlobalHeader .secondary-container > li.responsive-menu > ul li.notifications-list li:not(:last-child),
#GlobalHeader .button-group > li.responsive-menu > ul li.notifications-list li:not(:last-child),
#GlobalHeader .secondary-container > li .marketplace > ul li.notifications-list li:not(:last-child),
#GlobalHeader .button-group > li .marketplace > ul li.notifications-list li:not(:last-child),
#GlobalHeader .secondary-container > li .feedback > ul li.notifications-list li:not(:last-child),
#GlobalHeader .button-group > li .feedback > ul li.notifications-list li:not(:last-child),
#GlobalHeader .secondary-container > li .reporting-time > ul li.notifications-list li:not(:last-child),
#GlobalHeader .button-group > li .reporting-time > ul li.notifications-list li:not(:last-child),
#GlobalHeader .secondary-container > li .notifications > ul li.notifications-list li:not(:last-child),
#GlobalHeader .button-group > li .notifications > ul li.notifications-list li:not(:last-child) {
border-bottom: 1px solid #D1D1D1;
}
#GlobalHeader .secondary-container > li.user-options > ul span a,
#GlobalHeader .button-group > li.user-options > ul span a,
#GlobalHeader .secondary-container > li.responsive-menu > ul span a,
#GlobalHeader .button-group > li.responsive-menu > ul span a,
#GlobalHeader .secondary-container > li .marketplace > ul span a,
#GlobalHeader .button-group > li .marketplace > ul span a,
#GlobalHeader .secondary-container > li .feedback > ul span a,
#GlobalHeader .button-group > li .feedback > ul span a,
#GlobalHeader .secondary-container > li .reporting-time > ul span a,
#GlobalHeader .button-group > li .reporting-time > ul span a,
#GlobalHeader .secondary-container > li .notifications > ul span a,
#GlobalHeader .button-group > li .notifications > ul span a {
padding: 0;
display: inline;
}
#GlobalHeader .secondary-container > li.user-options > ul a,
#GlobalHeader .button-group > li.user-options > ul a,
#GlobalHeader .secondary-container > li.responsive-menu > ul a,
#GlobalHeader .button-group > li.responsive-menu > ul a,
#GlobalHeader .secondary-container > li .marketplace > ul a,
#GlobalHeader .button-group > li .marketplace > ul a,
#GlobalHeader .secondary-container > li .feedback > ul a,
#GlobalHeader .button-group > li .feedback > ul a,
#GlobalHeader .secondary-container > li .reporting-time > ul a,
#GlobalHeader .button-group > li .reporting-time > ul a,
#GlobalHeader .secondary-container > li .notifications > ul a,
#GlobalHeader .button-group > li .notifications > ul a {
padding-left: 15px;
padding-right: 15px;
}
#GlobalHeader .secondary-container > li.user-options > ul a:hover,
#GlobalHeader .button-group > li.user-options > ul a:hover,
#GlobalHeader .secondary-container > li.responsive-menu > ul a:hover,
#GlobalHeader .button-group > li.responsive-menu > ul a:hover,
#GlobalHeader .secondary-container > li .marketplace > ul a:hover,
#GlobalHeader .button-group > li .marketplace > ul a:hover,
#GlobalHeader .secondary-container > li .feedback > ul a:hover,
#GlobalHeader .button-group > li .feedback > ul a:hover,
#GlobalHeader .secondary-container > li .reporting-time > ul a:hover,
#GlobalHeader .button-group > li .reporting-time > ul a:hover,
#GlobalHeader .secondary-container > li .notifications > ul a:hover,
#GlobalHeader .button-group > li .notifications > ul a:hover {
background-color: #E3E3E3;
color: #333;
}
#GlobalHeader .secondary-container > li.user-options > ul a > img,
#GlobalHeader .button-group > li.user-options > ul a > img,
#GlobalHeader .secondary-container > li.responsive-menu > ul a > img,
#GlobalHeader .button-group > li.responsive-menu > ul a > img,
#GlobalHeader .secondary-container > li .feedback > ul a > img,
#GlobalHeader .button-group > li .feedback > ul a > img,
#GlobalHeader .secondary-container > li .reporting-time > ul a > img,
#GlobalHeader .button-group > li .reporting-time > ul a > img,
#GlobalHeader .secondary-container > li .notifications > ul a > img,
#GlobalHeader .button-group > li .notifications > ul a > img,
#GlobalHeader .secondary-container > li .marketplace > ul a > img,
#GlobalHeader .button-group > li .marketplace > ul a > img {
height: 30px;
width: 30px;
float: left;
margin-right: 10px;
}
#GlobalHeader .secondary-container > li.user-options > ul li .header-link,
#GlobalHeader .button-group > li.user-options > ul li .header-link,
#GlobalHeader .secondary-container > li.responsive-menu > ul li .header-link,
#GlobalHeader .button-group > li.responsive-menu > ul li .header-link,
#GlobalHeader .secondary-container > li .feedback > ul li .header-link,
#GlobalHeader .button-group > li .feedback > ul li .header-link,
#GlobalHeader .secondary-container > li .reporting-time > ul li .header-link #GlobalHeader .button-group > li .reporting-time > ul li .header-link,
#GlobalHeader .secondary-container > li .notifications > ul li .header-link,
#GlobalHeader .button-group > li .notifications > ul li .header-link,
#GlobalHeader .secondary-container > li .marketplace > ul li .header-link,
#GlobalHeader .button-group > li .marketplace > ul li .header-link {
padding: 22px 20px 17px 20px;
}
#GlobalHeader .secondary-container > li.user-options > ul a > div:first-of-type,
#GlobalHeader .button-group > li.user-options > ul a > div:first-of-type,
#GlobalHeader .secondary-container > li.responsive-menu > ul a > div:first-of-type,
#GlobalHeader .button-group > li.responsive-menu > ul a > div:first-of-type,
#GlobalHeader .secondary-container > li .feedback > ul a > div:first-of-type,
#GlobalHeader .button-group > li .feedback > ul a > div:first-of-type,
#GlobalHeader .secondary-container > li .reporting-time > ul a > div:first-of-type,
#GlobalHeader .button-group > li .reporting-time > ul a > div:first-of-type,
#GlobalHeader .secondary-container > li .notifications > ul a > div:first-of-type,
#GlobalHeader .button-group > li .notifications > ul a > div:first-of-type,
#GlobalHeader .secondary-container > li .marketplace > ul a > div:first-of-type,
#GlobalHeader .button-group > li .marketplace > ul a > div:first-of-type {
padding-bottom: 5px;
}
#GlobalHeader .secondary-container > li.user-options > ul a > div:last-child,
#GlobalHeader .button-group > li.user-options > ul a > div:last-child,
#GlobalHeader .secondary-container > li.responsive-menu > ul a > div:last-child,
#GlobalHeader .button-group > li.responsive-menu > ul a > div:last-child,
#GlobalHeader .secondary-container > li .feedback > ul a > div:last-child,
#GlobalHeader .button-group > li .feedback > ul a > div:last-child,
#GlobalHeader .secondary-container > li .reporting-time > ul a > div:last-child,
#GlobalHeader .button-group > li .reporting-time > ul a > div:last-child,
#GlobalHeader .secondary-container > li .notifications > ul a > div:last-child,
#GlobalHeader .button-group > li .notifications > ul a > div:last-child,
#GlobalHeader .secondary-container > li .marketplace > ul a > div:last-child,
#GlobalHeader .button-group > li .marketplace > ul a > div:last-child {
color: #555;
}
#GlobalHeader .secondary-container > li.user-options:hover > ul,
#GlobalHeader .button-group > li.user-options:hover > ul {
-webkit-animation: 0.2s ease 0s normal forwards 1 fade-user;
-moz-animation: 0.2s ease 0s normal forwards 1 fade-user;
animation: 0.2s ease 0s normal forwards 1 fade-user;
}
#GlobalHeader .secondary-container > li.notifications-list-container .footer a:hover,
#GlobalHeader .button-group > li.notifications-list-container .footer a:hover {
background-color: transparent;
}
#GlobalHeader .secondary-container .responsive-handle,
#GlobalHeader .button-group .responsive-handle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
cursor: pointer;
display: none;
transition: all .5s linear;
}
#GlobalHeader .secondary-container .responsive-handle:before,
#GlobalHeader .button-group .responsive-handle:before {
position: absolute;
top: 10px;
left: -18px;
content: '\00AB';
font-size: 22px;
padding: 1px 4px 4px 4px;
background: white;
z-index: 10;
border-radius: 2px 0 0 2px;
box-shadow: -3px 0 5px -2px rgba(0, 0, 0, 0.25);
}
#GlobalHeader .secondary-container .responsive-handle:after,
#GlobalHeader .button-group .responsive-handle:after {
background-color: rgba(0, 0, 0, 0);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.25)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);
content: '';
width: 35px;
left: -35px;
top: 0;
bottom: 0;
position: absolute;
z-index: 9;
opacity: .5;
transition: all .5s linear;
}
#GlobalHeader .secondary-container > li.responsive-menu,
#GlobalHeader .button-group > li.responsive-menu {
cursor: pointer;
display: none;
padding: 10px;
margin-right: 0;
}
#GlobalHeader .secondary-container > li.responsive-menu svg,
#GlobalHeader .button-group > li.responsive-menu svg {
margin-top: 2px;
width: 15px;
height: 15px;
}
#GlobalHeader .secondary-container .button-group > li,
#GlobalHeader .button-group .button-group > li {
padding-right: 10px;
padding-left: 10px;
padding-top: 15px;
}
#GlobalHeader .secondary-container .button-group > li.sitewide-search-ctr,
#GlobalHeader .button-group .button-group > li.sitewide-search-ctr {
margin-right: 0;
padding-top: 8px;
}
#GlobalHeader .primary-navigation {
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
#GlobalHeader .primary-navigation > li {
float: left;
margin-right: 20px;
}
#GlobalHeader .primary-navigation > li.primary-logo {
padding: 5px 0 5px 10px;
min-width: 122px;
}
#GlobalHeader .primary-navigation > li.primary-logo:hover {
border-top: none;
}
#GlobalHeader .primary-navigation > li.primary-logo:hover a {
padding: 0;
}
#GlobalHeader .primary-navigation > li.primary-logo a {
padding: 0;
}
#GlobalHeader .primary-navigation > li:hover > ul {
display: block;
opacity: 0;
-webkit-animation: fade-main 0.3s;
-webkit-animation-fill-mode: forwards;
-moz-animation: fade-main 0.3s;
-moz-animation-fill-mode: forwards;
animation: fade-main 0.3s;
animation-fill-mode: forwards;
margin-top: -100px;
}
#GlobalHeader .primary-navigation > li.active,
#GlobalHeader .primary-navigation > li:hover {
border-top: 4px solid #1f9aa2;
}
#GlobalHeader .primary-navigation > li.active > a,
#GlobalHeader .primary-navigation > li:hover > a {
padding-top: 11px;
color: #333;
}
#GlobalHeader .primary-navigation > li ul {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
position: absolute;
display: none;
background-color: #f8f8f8;
}
#GlobalHeader .primary-navigation > li > a {
text-transform: uppercase;
font-weight: bold;
}
#GlobalHeader .primary-navigation > li > a + ul {
margin-left: -15px;
z-index: -1;
}
#GlobalHeader .primary-navigation > li > a + ul li {
border-bottom: 1px solid #D1D1D1;
min-width: 170px;
}
#GlobalHeader .primary-navigation > li > a + ul li:hover > a {
background-color: #D4EDF0;
color: #333;
}
#GlobalHeader .primary-navigation > li > a + ul li a {
padding-left: 15px;
padding-right: 15px;
}
#GlobalHeader .primary-navigation > li > a + ul li.has-child > a {
position: relative;
}
#GlobalHeader .primary-navigation > li > a + ul li.has-child > a span {
position: absolute;
right: 15px;
top: 15px;
}
#GlobalHeader .primary-navigation > li > a + ul li.has-child:hover ul {
display: block;
-webkit-animation: fade-sub 0.5s;
-webkit-animation-fill-mode: forwards;
-moz-animation: fade-sub 0.5s;
-moz-animation-fill-mode: forwards;
animation: fade-sub 0.5s;
animation-fill-mode: forwards;
}
#GlobalHeader .primary-navigation > li > a + ul ul {
position: absolute;
margin-left: 170px;
margin-top: -43px;
opacity: 0;
}
.notifications-count {
position: absolute;
background: orange;
font-size: 9px;
line-height: 1em;
padding: 3px;
width: 14px;
height: 15px;
border-radius: 50%;
top: 7px;
left: 0;
text-align: center;
}
@keyframes fade-sub {
to {
opacity: 1;
}
}
@keyframes fade-main {
to {
opacity: 1;
margin-top: 0;
}
}
@keyframes fade-icon {
to {
opacity: 1;
margin-top: 9px;
}
}
@keyframes fade-user {
to {
opacity: 1;
margin-top: 11px;
}
}
@-webkit-keyframes fade-sub {
to {
opacity: 1;
}
}
@-webkit-keyframes fade-main {
to {
opacity: 1;
margin-top: 0;
}
}
@-webkit-keyframes fade-icon {
to {
opacity: 1;
margin-top: 9px;
}
}
@-webkit-keyframes fade-user {
to {
opacity: 1;
margin-top: 11px;
}
}
/* ------------------------------------------------------- */
.anx.Dialog .bottom .anx.btn.view-notifications {
margin: 0px 5px;
padding: 4px 10px;
font-size: 12px;
}
.anx.Dialog .bottom .anx.btn.view-notifications a {
color: #fff;
text-shadow: none;
}
.anx.Dialog #notification-more-info {
padding: 10px;
}
/* the following is for the gritter growl style notices */
/* ie6 trash */
* html #gritter-notice-wrapper {
position: absolute;
}
* html .gritter-top {
margin-bottom: -10px;
}
* html .gritter-item {
padding-bottom: 0;
}
* html .gritter-bottom {
margin-bottom: 0;
}
* html .gritter-close {
background: url(/images/gritter-close-ie6.gif?hbui_version=18.25.4);
width: 22px;
height: 22px;
top: 7px;
left: 7px;
}
/* DW customizations */
#gritter-notice-wrapper {
position: fixed;
top: 20px;
right: 20px;
width: 301px;
z-index: 9999;
}
.gritter-item-wrapper {
position: relative;
margin: 0 0 10px 0;
background: url('?hbui_version=18.25.4');
/* ie7/8 fix */
}
.gritter-top {
display: none;
height: 0;
}
.hover .gritter-top {
background-position: 0;
}
.gritter-bottom {
background-image: none;
display: none;
}
.hover .gritter-bottom {
background-position: 0;
}
.gritter-item {
display: block;
background: url(/images/gritter-bg.png?hbui_version=18.25.4) repeat-x left -4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #eee;
padding: 10px 12px;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-moz-box-shadow: 0 0 8px #888;
-webkit-box-shadow: 0 0 8px #888;
box-shadow: 0 0 8px #888;
border: 2px solid transparent;
}
.hover .gritter-item {
background-position: 0;
border: 2px solid #f7f7f7;
}
.gritter-item p {
padding: 0;
margin: 0;
}
.gritter-close {
position: absolute;
top: 5px;
right: 3px;
background: url(/images/gritter.png?hbui_version=18.25.4) no-repeat left top;
cursor: pointer;
width: 30px;
height: 30px;
}
.gritter-title {
font-size: 14px;
font-weight: bold;
padding: 0 0 7px 0;
display: block;
text-shadow: 1px 1px #000;
/* Not supported by IE :( */
}
.gritter-image {
width: 48px;
height: 48px;
float: left;
}
.gritter-with-image,
.gritter-without-image {
padding: 0 0 5px 0;
}
.gritter-with-image {
width: 220px;
float: right;
}
.gritter-item a {
color: #eee;
text-decoration: underline;
}
.notifications .notifications-click-icon,
div.gritter-item .notifications-click-icon {
height: 20px;
width: 20px;
cursor: pointer;
background: #CCC;
border: 1px solid #9e9e9e;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
z-index: 1;
}
.notifications .notifications-click-icon:hover {
border-color: #666;
}
.notifications .notifications-click-icon p,
div.gritter-item .notifications-click-icon p {
color: #111;
font-size: 15px;
font-weight: bold;
line-height: 20px;
text-align: center;
text-shadow: none;
}
.loading-screen,
.loading-screen-interstitial {
display: none;
}
.error-border {
border-color: red;
}
.new-search {
border: 1px solid #d1d1d1;
border-radius: 50px;
padding: 0 10px;
}
.new-search.active {
border-color: blue;
}
.new-search.active .svg-alt-color {
fill: blue;
}
.new-search > * {
float: left;
}
.new-search input {
border: none;
padding: 0;
box-shadow: none;
}
.new-search button {
border: none;
background: none;
padding: 0;
margin-top: 5px;
line-height: 22px;
}
.new-search button:hover {
background: none;
}
.new-search i {
margin-top: 5px;
}
.new-search i svg {
height: 15px;
width: 15px;
}
.svg-alt-color {
fill: #d1d1d1;
}
.universal-search textarea,
input[type="text"],
.universal-search input[type="password"],
.universal-search input[type="email"] {
background-color: #F8F8F8;
border: 1px solid #BABABA;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
display: inline-block;
font-size: 13px;
padding: 2px;
}
.universal-search .search-input .icon {
background: #C0C1C3 url("/images/icon-search-dk.png?hbui_version=18.25.4") no-repeat right top;
border-radius: 0 3px 3px 0;
margin: 0 0 0 -1px;
padding: 10px;
height: 21px;
width: 22px;
float: left;
border: 1px solid #b6b6b6;
display: inline-block;
}
.universal-search .search-input .icon:hover {
border-color: #333;
}
.universal-search .search-input #sitewide-search-query {
width: 130px;
-o-transition: width 0.5s, padding-right 0.25s;
-moz-transition: width 0.5s, padding-right 0.25s;
-webkit-transition: width 0.5s, padding-right 0.25s;
transition: width 0.5s, padding-right 0.25s;
}
.universal-search .search-input #sitewide-search-query.active {
background-image: url("/images/spinner.gif?hbui_version=18.25.4");
background-repeat: no-repeat;
background-position: 99% center;
}
.universal-search .search-input #sitewide-search-query:focus,
.universal-search .search-input #sitewide-search-query.focus {
width: 230px;
padding-right: 25px;
}
/*
.universal-search .search-input #sitewide-search-button {
border-radius: 0 3px 3px 0;
float: left;
margin-left: -1px;
height: 24px;
outline: none;
}
*/
.universal-search .search-input #sitewide-search-query:focus {
color: #111;
}
/* the following is for the gritter growl style notices */
/* ie6 trash */
* html #gritter-notice-wrapper {
position: absolute;
}
* html .gritter-top {
margin-bottom: -10px;
}
* html .gritter-item {
padding-bottom: 0;
}
* html .gritter-bottom {
margin-bottom: 0;
}
* html .gritter-close {
background: url(/images/gritter-close-ie6.gif?hbui_version=18.25.4);
width: 22px;
height: 22px;
top: 7px;
left: 7px;
}
/* DW customizations */
#gritter-notice-wrapper {
position: fixed;
top: 20px;
right: 20px;
width: 301px;
z-index: 9999;
}
.gritter-item-wrapper {
position: relative;
margin: 0 0 10px 0;
background: url('?hbui_version=18.25.4');
/* ie7/8 fix */
}
.gritter-top {
display: none;
height: 0;
}
.hover .gritter-top {
background-position: 0;
}
.gritter-bottom {
background-image: none;
display: none;
}
.hover .gritter-bottom {
background-position: 0;
}
.gritter-item {
display: block;
background: url(/images/gritter-bg.png?hbui_version=18.25.4) repeat-x left -4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #eee;
padding: 10px 12px;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-moz-box-shadow: 0 0 8px #888;
-webkit-box-shadow: 0 0 8px #888;
box-shadow: 0 0 8px #888;
border: 2px solid transparent;
}
.hover .gritter-item {
background-position: 0;
border: 2px solid #f7f7f7;
}
.gritter-item p {
padding: 0;
margin: 0;
}
.gritter-close {
position: absolute;
top: 5px;
right: 3px;
background: url(/images/gritter.png?hbui_version=18.25.4) no-repeat left top;
cursor: pointer;
width: 30px;
height: 30px;
}
.gritter-title {
font-size: 14px;
font-weight: bold;
padding: 0 0 7px 0;
display: block;
text-shadow: 1px 1px #000;
/* Not supported by IE :( */
}
.gritter-image {
width: 48px;
height: 48px;
float: left;
}
.gritter-with-image,
.gritter-without-image {
padding: 0 0 5px 0;
}
.gritter-with-image {
width: 220px;
float: right;
}
.gritter-item a {
color: #eee;
text-decoration: underline;
}
.notifications .notifications-click-icon,
div.gritter-item .notifications-click-icon {
height: 20px;
width: 20px;
cursor: pointer;
background: #CCC;
border: 1px solid #9e9e9e;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
z-index: 1;
}
.notifications .notifications-click-icon:hover {
border-color: #666;
}
.notifications .notifications-click-icon p,
div.gritter-item .notifications-click-icon p {
color: #111;
font-size: 15px;
font-weight: bold;
line-height: 20px;
text-align: center;
text-shadow: none;
}
.loading-screen,
.loading-screen-interstitial {
display: none;
}
.error-border {
border-color: red;
}
.new-search {
border: 1px solid #d1d1d1;
border-radius: 50px;
padding: 0 10px;
overflow: hidden;
}
.new-search > * {
float: left;
}
.new-search input[type=text] {
border: none;
padding: 0;
box-shadow: none;
line-height: 26px;
height: 25px;
}
.new-search i {
margin-top: 5px;
}
.new-search i svg {
height: 15px;
width: 15px;
}
.new-search i svg g {
fill: #d1d1d1;
}
/* the following is for the gritter growl style notices */
/* ie6 trash */
* html #gritter-notice-wrapper {
position: absolute;
}
* html .gritter-top {
margin-bottom: -10px;
}
* html .gritter-item {
padding-bottom: 0;
}
* html .gritter-bottom {
margin-bottom: 0;
}
* html .gritter-close {
background: url(/images/gritter-close-ie6.gif?hbui_version=18.25.4);
width: 22px;
height: 22px;
top: 7px;
left: 7px;
}
/* DW customizations */
#gritter-notice-wrapper {
position: fixed;
top: 20px;
right: 20px;
width: 301px;
z-index: 9999;
}
.gritter-item-wrapper {
position: relative;
margin: 0 0 10px 0;
background: url('?hbui_version=18.25.4');
/* ie7/8 fix */
}
.gritter-top {
display: none;
height: 0;
}
.hover .gritter-top {
background-position: 0;
}
.gritter-bottom {
background-image: none;
display: none;
}
.hover .gritter-bottom {
background-position: 0;
}
.gritter-item {
display: block;
background: url(/images/gritter-bg.png?hbui_version=18.25.4) repeat-x left -4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #eee;
padding: 10px 12px;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-moz-box-shadow: 0 0 8px #888;
-webkit-box-shadow: 0 0 8px #888;
box-shadow: 0 0 8px #888;
border: 2px solid transparent;
}
.hover .gritter-item {
background-position: 0;
border: 2px solid #eee;
}
.gritter-item p {
padding: 0;
margin: 0;
}
.gritter-close {
position: absolute;
top: 5px;
right: 3px;
background: url(/images/gritter.png?hbui_version=18.25.4) no-repeat left top;
cursor: pointer;
width: 30px;
height: 30px;
}
.gritter-title {
font-size: 14px;
font-weight: bold;
padding: 0 0 7px 0;
display: block;
text-shadow: 1px 1px #000;
/* Not supported by IE :( */
}
.gritter-image {
width: 48px;
height: 48px;
float: left;
}
.gritter-with-image,
.gritter-without-image {
padding: 0 0 5px 0;
}
.gritter-with-image {
width: 220px;
float: right;
}
.gritter-item a {
color: #eee;
text-decoration: underline;
}
/* ALERTS / NOTIFICATIONS */
.notifications.open {
background-color: #f6f6f6;
border: 1px solid #ccc;
border-bottom: 0 none;
padding: 1px 7px 6px 5px !important;
}
.notifications > a .count {
background-color: #c60;
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 0 4px 1px;
}
.notifications .notifications-click-icon,
div.gritter-item .notifications-click-icon {
height: 20px;
width: 20px;
cursor: pointer;
background: #CCC;
border: 1px solid #999;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
z-index: 1;
}
.notifications .notifications-click-icon:hover {
border-color: #666;
}
.notifications .notifications-click-icon p,
div.gritter-item .notifications-click-icon p {
color: #111;
font-size: 15px;
font-weight: bold;
line-height: 20px;
text-align: center;
text-shadow: none;
}
.notifications .notifications-list-container {
background: #fff;
border-top: 0 none;
width: 550px;
}
.notifications .notifications-list-container > .notifications-list {
max-height: 500px;
overflow-y: auto;
padding: 10px 10px 0;
}
.notifications .notifications-list-container > .notifications-list > .notification-new {
line-height: 1.3em;
border: 1px solid #e7e4ba;
background: url(/v2/img/ico_warning.png?hbui_version=18.25.4) no-repeat 10px 10px #fffccd;
padding: 10px 10px 10px 40px;
margin-bottom: 10px;
}
.notification-new .notifications-date {
float: right;
color: #8f8f8f;
font-size: .9em;
}
.notification-new .notifications-status {
font-weight: bold;
margin-bottom: 5px;
line-height: 1em;
font-size: 14px;
}
.notifications-title {
font-weight: bold;
margin-bottom: 0;
}
.notifications .notifications-list-container > .notifications-list > .notification-new:last-child {
margin-bottom: 0;
}
.notifications .notifications-list-container > .notifications-list > .notification-new a {
text-decoration: underline !important;
}
.feedback-module h3.header {
background: #111;
color: #fff;
margin-bottom: 0;
padding: 4px 10px;
}
.notifications .notifications-list-container .footer span {
display: inline-block;
padding: 0;
}
.notifications .notifications-list-container .footer a {
text-decoration: none;
float: right;
padding: 0;
}
.notifications .notifications-list-container .footer a:hover {
text-decoration: underline;
}
.notification .date {
color: #888;
float: right;
}
.notification .meta {
font-weight: bold;
margin-bottom: 8px;
}
.notification .head {
font-weight: bold;
}
body > input {
display: none!important;
}
a.jotform-feedback-link {
font-size: 12px !important;
padding: 2px 15px !important;
margin-left: -33px !important;
}
.anxs-table-header .controls .btn {
padding: 0 10px;
line-height: 17px;
}
.anxs-table-header .controls .btn i.edit-icon {
display: none;
}
.inventory-group-pane .ui-layout-content {
overflow: auto;
}
.overspend-confirm {
border: solid 1px #ed1c21;
border-radius: 5px;
background-color: #fff3f5;
margin: 4px 263px 0 4px;
font-size: 10px;
font-weight: normal;
padding: 5px;
line-height: 11px;
}
.overspend-confirm input {
float: right;
margin-left: 10px;
width: 100px;
font-size: 1.25em!important;
}
.overspend-confirm i {
float: left;
margin: 0 5px;
}
/* TODO: Added post-compilation, need to refactor into console-1.5.less */
.overspend-confirm span {
display: block;
margin-left: 28px;
}
#notification-grid-container .view-history-content {
background-color: #F6F6F6;
color: #666;
border: 1px solid #CCC;
padding: 15px;
width: 90%;
}
#notification-grid-container .view-history-content hr {
border: 0 none;
border-top: 1px solid #ccc;
clear: both;
height: 0;
}
#notification-grid-container .view-history-content p {
margin: 0;
}
#notification-grid-container .view-history-content p.status-msg {
margin-top: 10px;
}
#MainContentArea .grid-table .input-line {
margin-top: 8px;
}
#notification-grid-container .notifications-status {
width: 15%;
}
#notification-grid-container .notifications-type {
width: 10%;
}
#notification-grid-container .notifications-time {
width: 15%;
}
.notifications-notification {
width: 60%;
}
#notification-grid-container .grid-table tbody tr td.top-align {
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
}
#notification-grid-container .grid-table tbody tr:hover td .view-history-content {
background-color: #d8e8e8;
}
.btn a {
color: #333;
}
@media screen and (max-width: 1300px) {
.universal-search .search-input #sitewide-search-query:focus,
.universal-search .search-input #sitewide-search-query.focus {
width: 150px;
}
}
@media screen and (max-width: 1150px) {
#GlobalHeader .primary-navigation > li {
margin-right: 10px;
}
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
}
#MainContentArea > div,
#MainContentArea > section {
margin: 0 10px;
}
.clearFix {
*zoom: 1;
}
.clearFix:before,
.clearFix:after {
display: table;
content: "";
}
.clearFix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
}
.snapshot-toolbar {
position: relative;
}
.snapshot-toolbar * > .help-bubble,
.snapshot-toolbar * > .badge {
position: absolute;
top: 10px;
right: 10px;
}
.snapshot-toolbar .pacing-select {
position: absolute;
top: 10px;
right: 10px;
}
.snapshot-toolbar .pacing-select .anx.ToggleButton i.gears-icon {
position: relative;
top: 1px;
}
.snapshot-toolbar h3 {
color: #333;
text-shadow: 0 1px 0 #fff;
line-height: 15px;
font-size: 24px;
margin-bottom: 15px;
margin-top: 5px;
position: relative;
}
.snapshot-toolbar h3.inline {
display: inline-block;
margin-bottom: 0;
position: absolute;
left: 30px;
right: 10px;
}
.snapshot-toolbar h3.inline .obj-name,
.snapshot-toolbar h3.inline .adv-name {
display: inline-block;
height: 24px;
left: 26px;
margin-right: 200px;
line-height: 18px;
overflow: hidden;
position: absolute;
right: 0;
text-overflow: ellipsis;
top: -1px;
white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
.snapshot-toolbar h3.inline .obj-name,
.snapshot-toolbar h3.inline .adv-name {
left: 34px;
}
}
.snapshot-toolbar h3.inline .btn.add-to-home,
.snapshot-toolbar h3.inline .btn.remove-from-home {
float: right;
}
.snapshot-toolbar h3.inline .btn.add-to-home.loading,
.snapshot-toolbar h3.inline .btn.remove-from-home.loading {
padding-right: 30px;
}
.snapshot-toolbar h3.inline .btn.add-to-home.loading .spinner,
.snapshot-toolbar h3.inline .btn.remove-from-home.loading .spinner {
position: absolute;
padding: 5px;
}
@media only screen and (max-width: 768px) {
.snapshot-toolbar h3.inline.margin-on-resize {
left: 140px;
}
}
.snapshot-toolbar h3.inline .adv-name {
left: 40px;
}
.snapshot-toolbar h3 i.upArrow-icon {
width: 10px;
height: 12px;
background: url('/v2/img/console-sprite.svg?hbui_version=18.25.4') no-repeat -80px 0;
display: inline-block;
margin-right: 5px;
}
.snapshot-toolbar h3 > span {
font-size: 16px;
}
.snapshot-toolbar h3 > span.object-type,
.snapshot-toolbar h3 > span.ca-name,
.snapshot-toolbar h3 > span.adv-name {
position: relative;
top: -2px;
}
.snapshot-toolbar h3 > span.object-type {
font-size: 12px;
color: #909090;
padding-left: 8px;
}
@media only screen and (max-width: 1024px) {
.snapshot-toolbar h3 > span.object-type {
padding-left: 10px;
}
}
.snapshot-toolbar h3 > span.ca-name {
margin-top: -2px;
}
.snapshot-toolbar .nav {
margin-left: 0;
padding: 0;
}
.snapshot-toolbar .nav.nav-right {
float: right;
}
.snapshot-toolbar .associated-object .lead {
float: left;
margin-right: 18px;
}
.snapshot-toolbar .associated-object .lead .lbl {
float: left;
margin-right: 6px;
}
.snapshot-toolbar .associated-object .lead .lbl h6 {
font-size: 9px;
line-height: 1;
margin: -1px 0 0;
}
.snapshot-toolbar .associated-object .lead .lbl p {
color: #1f9aa2;
font-size: 11px;
line-height: 1.2;
margin: 0;
}
.snapshot-toolbar .associated-object .lead select {
color: #1f9aa2;
font-size: 11px;
font-weight: bold;
height: 18px;
line-height: 18px;
margin-bottom: 0;
padding: 0;
text-shadow: 0 1px 0 #fff;
vertical-align: baseline;
/* background-color: mix(@startColor, @endColor, 60%); */
background-image: linear-gradient(top, #f2f2f2, #dbdbdb);
background-image: linear-gradient(to bottom, #f2f2f2, #dbdbdb);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dbdbdb', GradientType=0);
}
.snapshot-toolbar .associated-object {
background: #fff;
border: 1px solid #D1D1D1;
font-size: 11px;
margin-bottom: 10px;
padding: 6px;
border-radius: 4px;
}
.snapshot-toolbar .associated-object dl {
margin: 0 0 0 18px;
}
.snapshot-toolbar .associated-object dl dt,
.snapshot-toolbar .associated-object dl dd {
display: inline-block;
}
.snapshot-toolbar .associated-object dl dd {
margin-left: 2px;
margin-right: 18px;
}
.snapshot-toolbar .associated-object dl dd a {
font-weight: normal;
}
.snapshot-toolbar .associated-object dl dt:after {
content: ":";
}
.snapshot-toolbar .object-detail-tools,
.snapshot-toolbar .object-grid-tools {
*zoom: 1;
}
.snapshot-toolbar .object-detail-tools:before,
.snapshot-toolbar .object-grid-tools:before,
.snapshot-toolbar .object-detail-tools:after,
.snapshot-toolbar .object-grid-tools:after {
display: table;
content: "";
}
.snapshot-toolbar .object-detail-tools:after,
.snapshot-toolbar .object-grid-tools:after {
clear: both;
}
.snapshot-toolbar .object-detail-tools .nav-pills,
.snapshot-toolbar .object-grid-tools .nav-pills {
float: left;
margin-left: 0;
padding: 0;
/*.dropdown-toggle {
.caret {
border-width: 0;
content: "▼";
display: inline;
margin: 0 0 0 3px;
.scale(1, 0.8);
}
}*/
}
.snapshot-toolbar .object-detail-tools .time-controls,
.snapshot-toolbar .object-grid-tools .time-controls {
float: right;
}
.snapshot-toolbar select {
margin-bottom: 0;
}
.snapshot-toolbar.show-status {
margin-bottom: 10px;
}
.snapshot-toolbar.show-status h3 .obj-name {
right: 150px;
}
.snapshot-toolbar.show-status h3 .status-cell {
position: absolute;
top: 0;
right: 0;
font-size: 12px;
}
.snapshot-toolbar.show-status h3 .status-cell.has-warnings {
padding: 5px;
top: -5px;
}
.snapshot-toolbar.show-status h3 .status-cell .warning {
float: right;
margin-left: 10px;
}
.nav-pills > li.addItem > a {
padding: 5px 6px 4px;
}
.nav-pills > li.addItem > a > b {
text-indent: -999em;
display: block;
width: 13px;
height: 14px;
background: url(/v2/img/plus-icon.gif?hbui_version=18.25.4) no-repeat left top;
}
.settings-icon {
display: inline-block;
width: 12px;
height: 13px;
background: url('/v2/img/console-sprite.svg?hbui_version=18.25.4') -40px -60px;
margin-bottom: -2px;
}
.adv-leftnav-dropmenu {
width: 146px;
}
.advDetails {
background-color: #f4f4f4;
margin-bottom: 10px;
border: solid 1px #D1D1D1;
}
.advDetails .anx.ToggleButton {
margin: 10px 10px 0;
box-sizing: content-box;
width: 127px;
text-align: left;
position: relative;
}
.advDetails .anx.ToggleButton .caret {
position: absolute;
right: 8px;
}
.advDetails .advDetailLink {
margin: 10px 10px 0 10px;
line-height: 1em;
border-top: 1px solid #D1D1D1;
position: relative;
}
.advDetails .advDetailLink a {
display: block;
line-height: 18px;
margin: 0;
padding: 8px 0;
border-radius: 3px;
font-size: 16px;
}
.advDetails .advDetailLink:before {
content: "";
border-top: 1px solid white;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.advDetails .advDetailLink.active a {
background-color: transparent;
}
/* BASE TAGS */
html {
background: #e3e3e3;
}
body {
/* font: normal 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif; /* 13px base font size */
font: normal 75%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
/* 12px base font size */
/* font: normal 68.8%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; /* 11px base font size */
color: #333333;
}
p {
margin-bottom: 8px;
}
p.intro {
font-size: 13px;
line-height: 16px;
margin-bottom: 12px;
}
h1 {
font-size: 25px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 12px;
margin-bottom: 0.25em;
}
h4 {
font-size: 19px;
}
h5 {
color: #333;
line-height: 17px;
font-size: 15px;
font-weight: bold;
margin-top: 0;
margin-bottom: 2px;
}
h6 {
font-size: 10px;
}
hr {
border: 0 none;
border-top: 1px solid #A7A7A7;
border-bottom: 1px solid #D4D4D4;
clear: both;
height: 0;
}
ul {
margin: 0;
}
ul li {
padding: 0;
}
dl dt {
clear: right;
float: left;
margin-right: 5px;
}
dl dd .notes {
font-weight: normal;
}
b,
strong {
font-weight: bold;
}
i,
em {
font-weight: normal;
font-style: italic;
}
a {
cursor: pointer;
/* Sometimes we use anchors with no href attribute, this will make them still look clickable. */
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: 0 none;
}
/* a:focus, input[type="button"] {
outline:none;
} */
fieldset {
background: transparent;
border: 0 none;
padding: 4px 12px;
padding-bottom: 9px;
margin: 0 0 10px 0;
}
fieldset legend {
color: #111;
font-weight: bold;
letter-spacing: normal;
margin: 0;
padding: 0;
text-transform: none;
}
fieldset.shaded {
background: #f6f6f6;
border: 1px solid #cdcdcd;
}
fieldset.shaded legend {
padding: 0 4px;
color: #555;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.ui-dialog .ui-dialog-content fieldset {
padding: 0;
}
#segment-pixel-dialog {
max-height: 375px;
}
.anxs-table-header + fieldset {
border-top: 0 none;
}
code,
.monospace {
font-family: Courier, "Monaco", "Courier New", monospace;
}
.anxs-table-header + fieldset {
border-top: 0 none;
}
.italic {
font-style: italic;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.toolbar:after,
ol.controls:after,
.form-control:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearboth {
clear: both;
}
.inline-block-wrap {
display: inline-block !important;
}
.column-left {
float: left;
width: 49%;
}
.column-right {
margin-left: 51%;
width: 49%;
}
::selection {
background: #F8E197;
}
::-moz-selection {
background: #F8E197;
}
/* DEFAULT FORM STYLING */
input,
textarea,
button {
font: normal 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="number"] {
text-align: right;
}
textarea,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"] {
display: inline-block;
padding: 2px;
font-size: 13px;
/*line-height: 18px;*/
/* color: #f4f4f4; */
background-color: #ffffff;
border: 1px solid #c5c5c5;
border-radius: 2px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
/*border: 1px solid #c60;*/
}
button {
cursor: pointer;
line-height: 15px;
margin: 0;
padding: 2px 6px 3px;
}
input[type="button"],
input[type="submit"],
button {
cursor: pointer;
margin: 0;
position: relative;
top: 0;
}
input[type="radio"],
input[type="checkbox"] {
padding: 0;
margin: 1px;
}
fieldset input[type="radio"] {
margin-right: 4px;
}
/* select {
border-width: 1px;
border-color: #666 #bbb #bbb #666;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
} */
/* DEFAULT FORM CONTROL SETS */
fieldset .input-set,
fieldset .radio-set {
margin-bottom: 1em;
overflow: hidden;
width: 98%;
}
fieldset .input-set label,
fieldset .input-set input,
fieldset .radio-set label,
fieldset .radio-set input {
display: block;
float: left;
}
fieldset .input-set label,
dl.checkbox-collection dt {
font-weight: bold;
margin: 2px 0 0;
width: 80px;
padding-right: 8px;
text-align: right;
}
fieldset .input-set.percent input[type="text"],
fieldset .input-set.currency input[type="text"] {
width: 38px;
}
fieldset .input-set.percent span,
fieldset .input-set.currency span {
margin-left: 4px;
line-height: 20px;
}
fieldset .input-set.percent label,
fieldset .input-set.currency label {
line-height: 20px;
}
fieldset .checkbox-set {
margin-left: 80px;
}
fieldset .checkbox-set label {
margin-top: 0;
}
/* fieldset .input-set select,
fieldset .checkbox-set input {
vertical-align: middle;
} */
dl.checkbox-collection dt {
width: 70px;
}
dl.checkbox-collection dd .checkbox-set {
line-height: 20px;
}
dl.checkbox-collection dd .checkbox-set label {
display: inline-block;
height: 20px;
line-height: 17px;
}
fieldset .radio-set {
height: 20px;
line-height: 20px;
margin-bottom: 1em;
overflow: hidden;
width: 98%;
}
fieldset .radio-set input {
display: block;
margin-right: 6px;
position: relative;
top: 4px;
vertical-align: middle;
}
fieldset .button-set {
text-align: right;
}
fieldset .form-control input[type="checkbox"] {
float: left;
margin: 1px 4px 1px 0;
}
span.percent-symbol {
margin-left: 2px;
line-height: 20px;
}
span.currency-symbol {
float: left;
margin-right: 3px;
line-height: 20px;
}
/* COVER UP LOADER */
.loading-container,
.loading-container .screen {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.loading-container .screen {
background: #fff;
opacity: 0.6;
z-index: 20;
}
.loading-container .text {
background: #FAFAFA url(/images/spinner.gif?hbui_version=18.25.4) no-repeat 10px center;
border: 1px solid #ccc;
line-height: 16px;
padding: 10px 10px 10px 30px;
position: absolute;
top: 10px;
left: 50%;
z-index: 100;
margin-left: -30px;
}
.hyper-container .text {
background: #FAFAFA;
padding: 10px;
top: 50%;
max-width: 80%;
}
ul.mass-update-items {
border: 1px solid #930;
color: #930;
line-height: 19px;
margin: 0;
padding: 10px 16px 10px 24px;
}
ul.mass-update-items li {
list-style-type: square;
}
.single-select table,
.ui-layout-content table,
.ui-widget-content table,
.ui-tabs-panel table {
width: 100%;
}
.grid-pager-select {
width: auto;
float: none;
margin-top: -2px;
padding: 1px 2px;
}
.data table.layout {
margin: 6px 0;
}
.tree-nav .overflow-regulate {
width: 350px;
overflow: hidden;
}
.tree-nav td img {
position: relative;
top: 4px;
}
.tree-nav td img.favicon {
top: 1px;
float: left;
padding-right: 3px;
}
.tree-nav tr td a.edit-link {
color: #111;
}
.tree-nav tr td a.campaign-group-campaign-count {
text-decoration: underline;
}
.tree-nav tr.prohibited-creative td,
.tree-nav tr.prohibited-creative td a.child-to-table-link {
color: red;
}
.tree-nav tr.prohibited-creative td a.child-to-table-link:hover {
border-bottom: 1px dotted red;
}
#campaign-group-tree td.report-col {
width: 30px;
}
.grid-table .group-selected {
background-color: #E5F1F6;
}
/* EDIT PENCIL ICON */
table tr td.edit-icon {
text-align: center;
}
table tr a.pencil {
background-image: none;
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
float: right;
padding: 0;
text-decoration: none;
width: 17px;
height: 14px;
}
table tr #io-grid-list a.pencil {
background-image: url(/images/pencil.gif?hbui_version=18.25.4);
float: none;
left: -3px;
opacity: 0.3;
position: relative;
top: 2px;
}
table tr:hover td a.pencil {
background-image: url(/images/pencil.gif?hbui_version=18.25.4);
opacity: 0.5;
text-decoration: none;
}
table tr:hover td a.pencil:hover,
table tr:hover td #io-grid-list a.pencil:hover,
table tr:hover td a.pencil:active,
table tr:hover td #io-grid-list a.pencil:active {
opacity: 1;
}
td.checkbox-col,
th.checkbox-col {
padding-right: 0;
width: 18px;
}
tr.inactive td,
tr.inactive a.edit-link,
tr.inactive a.name,
tr.inactive td.pub-rule-name {
font-style: italic;
color: #333;
}
tr.inactive.parent,
tr.inactive .down-list,
tr.inactive .manage {
font-style: normal;
color: #111;
}
tr.inactive .down-list a.edit-link {
color: #930;
font-style: normal;
}
tr.inactive .down-list a.edit-link:hover {
color: #600;
}
tr.total-row {
display: none;
}
tbody tr td.expander-cell {
padding: 0;
padding-left: 5px;
width: 9px;
}
.expander {
padding: 0;
padding-right: 1px;
position: relative;
top: -2px;
}
.expander img[src="/images/sq9px.gif"] {
cursor: default;
}
.expand-all-children img,
.collapse-all-children img {
position: relative;
top: 1px;
left: -3px;
}
/* CUSTOM TABLES */
#advertiser-table tbody tr td,
#publisher-table tbody tr td {
line-height: 19px;
/* making room for select.jump-to */
}
#advertiser-table tbody tr td.checkbox-col,
#publisher-table tbody tr td.checkbox-col {
vertical-align: middle;
}
#campaign-tree .expand-all-children img,
#campaign-tree .collapse-all-children img {
position: relative;
left: 0;
}
/* ================ */
/* = WAFFLE TABLE = */
/* ================ */
.waffle-grid-container {
overflow: hidden;
position: relative;
z-index: 1;
}
.waffle-grid-container .alignright {
text-align: right;
}
.waffle-grid-container .grid-table-container {
overflow: hidden;
position: relative;
}
.waffle-grid-container .grid-table-container .vertical-scroll {
overflow-x: hidden;
overflow-y: auto;
}
.waffle-grid-container table th,
.waffle-grid-container table th.alignright,
.waffle-grid-container .scroll-table-container table tbody th,
.waffle-grid-container table th .header-inner,
.waffle-grid-container table tbody td {
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #D1D1D1;
padding: 3px 7px;
white-space: nowrap;
}
.waffle-grid-container table.tree-nav tbody td {
border-bottom: 0 none;
}
.waffle-grid-container .grid-table-container table tr.header-data th,
.waffle-grid-container .grid-table-container table tr.header-data th.alignright {
cursor: pointer;
padding: 0 !important;
}
.waffle-grid-container .grid-table-container table th .header-inner,
.waffle-grid-container table tfoot td {
border: 0 none;
font-weight: bold;
/* line-height: 12px; */
line-height: 15px;
padding: 1px 7px 2px;
}
.waffle-grid-container .grid-table-container table tr.header-data th .header-inner {
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
padding-right: 13px;
}
.waffle-grid-container .grid-table-container table tr.header-data th.alignright .header-inner {
background-position: right center;
padding-left: 7px;
padding-right: 13px;
}
.waffle-grid-container .grid-table-container table tr.header-data th:hover:not(.checkbox-col) .header-inner {
/* /images/sort-arrow-up-hover.gif */
/* background-image: url(data:image/png;base64,R0lGODlhDgAGALMJAN/f3+zs7L+/v5+fn6ysrNPT06ampvn5+ZmZmf///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAOAAYAAAQeMMkpxLy3IFTwBdsGeEkwhMgQYIeBbsYxHcQbEnIEADs=); */
}
.waffle-grid-container .grid-fixed-table tr.header-data th.current-sort .header-inner {
/* /images/sort-arrow-down.gif */
background: url(data:image/png;base64,R0lGODlhDgAGALMJAHBwcLy8vOPj49DQ0Hl5eaCgoIODg/b29mZmZv///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAOAAYAAAQeMMlZyrw3IBTwHds2eIkAhAggYAeBbsQxHcYbGnIEADs=) center right no-repeat;
}
.waffle-grid-container .grid-fixed-table tr.header-data th.current-sort:hover .header-inner {
/* /images/sort-arrow-down-hover.gif */
background: url(data:image/png;base64,R0lGODlhDgAGALMJAN/f3+zs7L+/v5+fn6ysrNPT06ampvn5+ZmZmf///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAOAAYAAAQeMMkpxLy3IFTwBdsGeEkwhMgQYIeBbsYxHcQbEnIEADs=) center right no-repeat;
}
.waffle-grid-container .grid-fixed-table tr.header-data th.current-sort.desc .header-inner {
/* /images/sort-arrow-up.gif */
background: url(data:image/png;base64,R0lGODlhDgAGALMKALy8vLOzs3BwcPb29uPj49DQ0Hl5eaCgoIODg2ZmZv///wAAAAAAAAAAAAAAAAAAACH5BAEAAAoALAAAAAAOAAYAAAQcUCmUqq1IymFuNYMmEcIlEKJWXEUqAlXgpsfhRgA7) center right no-repeat;
}
.waffle-grid-container .grid-fixed-table tr.header-data th.current-sort.desc:hover .header-inner {
/* /images/sort-arrow-up-hover.gif */
background: url(data:image/png;base64,R0lGODlhDgAGALMKANPT09/f3+zs7Pn5+b+/v5+fn6ysrKampszMzJmZmf///wAAAAAAAAAAAAAAAAAAACH5BAEAAAoALAAAAAAOAAYAAAQcUCmTqq1GynFuPYMmCcVVCKIWXEEqAhXipgThRgA7) center right no-repeat;
}
.waffle-grid-container .grid-table-container table tr.header-data th.checkbox-col {
cursor: default;
padding-right: 7px;
}
.waffle-grid-container .grid-table-container table tr.header-data th.checkbox-col .header-inner {
background-image: none;
}
.waffle-grid-container .grid-table-container table tr.header-shim th.freezebar-cell,
.waffle-grid-container .grid-table-container table tr.header-shim td.freezebar-cell {
border-width: 0 1px 0 0 !important;
display: table-cell;
font-size: 0;
height: 0;
line-height: 0;
padding: 0 !important;
visibility: hidden;
}
.waffle-grid-container table {
width: 0;
}
.waffle-grid-container table th.checkbox-col {
vertical-align: middle;
}
.waffle-grid-container .fixed-table-container {
overflow: visible;
position: relative;
}
.waffle-grid-container .fixed-table-container > div {
display: block;
}
.waffle-grid-container .fixed-table-container table.grid-fixed-table {
table-layout: fixed;
}
.waffle-grid-container .fixed-table-container table.grid-fixed-table tbody tr {
background: #ccc url(/images/th-bg.gif?hbui_version=18.25.4) repeat-x !important;
}
.waffle-grid-container .scroll-table-container {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
z-index: 3;
}
.waffle-grid-container .scroll-table-container .waffle-scroller {
position: relative;
width: 12000px;
}
.waffle-grid-container .scroll-table-container .waffle-scroller table {
table-layout: fixed;
width: auto;
z-index: 5;
}
.waffle-grid-container .scroll-table-container table tbody th,
.waffle-grid-container .scroll-table-container table tbody td {
border-right: 0 none;
}
.waffle-grid-container .scroll-table-container table tbody tr:hover th,
.waffle-grid-container .scroll-table-container table tbody tr:hover td {
/* background: #fff5dc; */
}
.waffle-grid-container .scroll-table-container table tbody tr.selected td {
background: #ffd28c;
}
.waffle-grid-container .scroll-table-container table tbody.no-rules tr:hover td {
background: transparent;
}
.waffle-grid-container .scroll-container {
left: 0;
top: 0;
position: absolute;
/* overflow: auto; */
overflow-x: auto;
overflow-y: hidden;
z-index: 2;
}
.waffle-grid-container .grid-shim-right {
background: #ccc url(/images/th-bg.gif?hbui_version=18.25.4) repeat-x top left;
border-left: 1px solid #aaa;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.waffle-grid-container .grid-shim-bottom {
background: #fff;
width: 100%;
}
/* Grid.js styles */
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.progress {
height: 15px;
overflow: hidden;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress .bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
}
.progress.active .bar {
-webkit-animation: progress-bar-stripes 4s linear infinite;
-moz-animation: progress-bar-stripes 4s linear infinite;
-ms-animation: progress-bar-stripes 4s linear infinite;
-o-animation: progress-bar-stripes 4s linear infinite;
animation: progress-bar-stripes 4s linear infinite;
}
/* =========== */
/* = TOOLBAR = */
/* =========== */
.toolbar {
background: #fff;
min-height: 21px;
}
#main-inner > .toolbar {
border: 1px solid #D1D1D1;
min-height: 25px;
/* Used in setMasterHeight calculation */
}
.toolbar ul,
.toolbar li {
list-style-type: none;
}
ol.controls > li,
ol.pagination > li {
float: left;
margin-right: 6px;
}
ol.controls > li:last-child,
ol.pagination > li:last-child {
margin-right: 0px;
}
ol.controls > li > a,
ol.controls > li > button,
ol.pagination > li > a {
display: block;
color: #333;
}
.anxs-table-header ol.controls > li > a,
.anxs-table-header ol.controls > li > button,
.anxs-table-header ol.pagination > li > a {
letter-spacing: normal;
text-transform: none;
}
ol.controls > li > button:not(.btn) {
background: none;
border: 0 none;
line-height: 15px;
margin: 0;
padding: 2px 5px;
}
ol.controls > li > button[disabled],
ol.controls > li > button[disabled]:hover {
background: #ddd;
color: #999;
border-color: #999;
}
ol.controls li.btn-set {
background: none;
border: 0 none;
float: right;
margin-right: 12px;
padding-top: 1px;
}
ol.controls li.btn-set div {
height: 21px;
}
/* TOOLBAR BUTTONS THAT OPEN PANELS IN TOOLBAR */
ol.controls li.btn.open {
background: #fff;
border: 1px solid #D1D1D1;
border-bottom: none;
/* 1px solid #fff; */
border-radius: 4px 4px 0 0;
padding: 3px 10px 8px 4px;
position: relative;
}
ol.controls li.open a {
/* padding: 0 5px 4px; */
color: #333;
}
ol.controls li.tab a span {
display: inline-block;
padding: 0;
}
ol.controls li.tab {
padding: 0 10px 0 5px;
}
ol.controls li.tab .filter-icon {
height: 20px;
margin-top: -4px;
width: 19px;
}
/* TOOLBAR BUTTONS THAT CONTAIN DROPDOWN MENUS */
ol.controls li.drop-list {
position: relative;
}
ol.controls > li.drop-list.shown {
border-radius: 4px 4px 0 0;
}
ol.controls li.drop-list > a:hover span {
background-color: #ccc;
}
ol.controls li.drop-list ul {
background: #fff;
border: 1px solid #999;
display: none;
list-style-type: none;
min-width: 90px;
margin: -2px -1px;
padding: 2px 0;
position: absolute;
left: 0;
text-align: left;
z-index: 1000;
box-shadow: 0 8px 8px #aaa;
font-weight: normal;
border-radius: 0 3px 3px 3px;
}
.toolbar ol.controls li.drop-list ul {
top: 26px;
}
ol.controls li.drop-list ul li {
background: none;
float: none;
margin: 0;
position: relative;
white-space: nowrap;
z-index: 1000;
}
ol.controls li.drop-list ul li a {
color: #333;
display: block;
line-height: 13px;
padding: 5px 10px;
text-decoration: none;
z-index: 10000;
letter-spacing: 0;
}
ol.controls li.drop-list ul li a:hover {
background-color: #fff5dc;
}
ol.controls li.drop-list.disabled ul li a,
ol.controls li.drop-list ul.disabled li a,
ol.controls li.drop-list ul li.disabled a {
opacity: 0.5;
}
ol.controls li.drop-list.disabled ul li a:hover,
ol.controls li.drop-list ul li.disabled a:hover,
ol.controls li.drop-list ul.disabled li a:hover {
background-color: transparent;
cursor: default;
}
/* Trust levels for ad quality profiles */
.filterbar {
background: #fff;
border: 1px solid #D1D1D1;
margin: 6px 0 0 0;
padding: 6px;
}
form.filterbar {
margin-top: 7px;
}
/* GENERIC BUTTON CLASS - make any unstyled element into a button */
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
display: inline-block;
padding: 0 15px;
margin-bottom: 0;
font-size: 12px;
line-height: 26px;
box-sizing: border-box;
font-weight: bold;
text-align: center;
border: 1px solid #c5c5c5;
border-radius: 4px;
background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
cursor: pointer;
}
.btn a {
text-decoration: none;
}
.btn .caret {
margin: 10px -5px 0 5px;
}
.hoz-nav-parent .caret {
margin-top: 5px;
}
.btn-small {
font-size: 11px;
padding: 0 10px;
line-height: 17px;
}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
background-image: linear-gradient(to top, #f3f3f3, #e2e2e2);
text-decoration: none;
}
.btn[disabled],
button[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled] {
cursor: default;
opacity: 0.5;
}
.btn[disabled]:hover,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="reset"][disabled]:hover {
border-color: #aaa;
}
.btn.selected,
button.selected,
input[type="button"].selected,
input[type="submit"].selected,
input[type="reset"].selected {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAATCAIAAADanCBzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODg4QzkyMkM0RjIyRTkyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRkM3NzE0MkIyNDQxMUUwOTE5OUIxREFCQ0EyODdCRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRkM3NzE0MUIyNDQxMUUwOTE5OUIxREFCQ0EyODdCRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3N0YxMTc0MDcyMDY4MTE4ODhDOTIyQzRGMjJFOTI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4ODhDOTIyQzRGMjJFOTI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LfpaXgAAADZJREFUeNpinDZtGgMYsHz9+hXK+vPnD5T1+/dvKOvfv38YsggWQhahA5ssJXr//v2Lrg4gwACvhjc0ywGmbAAAAABJRU5ErkJggg==);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8C8C8C), color-stop(1, #4D4D4D));
background-image: -webkit-linear-gradient(top, bottom, #8C8C8C 0%, #4D4D4D 100%);
background-image: -moz-linear-gradient(top, #8C8C8C 0%, #4D4D4D 100%);
background-image: linear-gradient(top, bottom, #8C8C8C 0%, #4D4D4D 100%);
color: #fff;
/* text-shadow: 0 1px 0 #000000; */
}
.btn-warning,
.btn.btn-warning:hover {
background-image: -moz-linear-gradient(top, #ff9b9e 0, #fe4d54 1px, #e51e25 100%);
background-image: -ms-linear-gradient(top, #ff9b9e 0, #fe4d54 1px, #e51e25 100%);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fe4d54), to(#e51e25));
background-image: -webkit-linear-gradient(top, #ff9b9e 0, #fe4d54 1px, #e51e25 100%);
background-image: -o-linear-gradient(top, #ff9b9e 0, #fe4d54 1px, #e51e25 100%);
background-image: linear-gradient(top, #ff9b9e 0, #fe4d54 1px, #e51e25 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d4d9', endColorstr='#aaafb4', GradientType=0);
border-color: #9e0b0f;
border-bottom-color: #860909;
color: #fff;
text-shadow: 0 1px 0 #860909;
}
/* TOGGLE BUTTON SET */
.btn-toggle {
float: right;
margin-right: 6px;
padding-left: 4px;
/* To compensate for negative margin on buttons */
}
.btn-toggle .button {
background-color: #ccc;
background-image: url("/images/th-bg.gif?hbui_version=18.25.4");
background-repeat: repeat-x;
border: 1px solid #cdcdcd;
cursor: pointer;
display: inline-block;
height: 15px;
margin: 0 0 0 -4px;
padding: 2px 5px;
}
.btn-toggle .button:first-child {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.btn-toggle .button:last-child {
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.btn-toggle .button:hover {
border-color: #111;
}
.btn-toggle .button.on,
.btn-toggle .button.on:hover,
.btn-toggle .button.selected,
.btn-toggle .button.selected:hover {
background: #FF9900 none no-repeat;
background-image: -moz-linear-gradient(top, #FF9900, #FFCC00);
background-image: -webkit-linear-gradient(top, #FF9900, #FFCC00);
background-image: linear-gradient(top bottom, #FF9900, #FFCC00);
border: 1px solid #666;
color: #fff;
cursor: default;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
.anxs-table-header .button {
border-color: #666;
}
/* TABLE HEADER TOOLBAR */
.grid-header.toolbar,
.anxs-table-header.toolbar {
border-top: none;
margin-top: 0;
width: auto;
}
.grid-header.toolbar h2,
.anxs-table-header.toolbar h2 {
font-size: 16px;
line-height: 22px;
padding: 0;
text-shadow: 0 1px 0 #fff;
}
.ui-dialog .anxs-table-header.toolbar h2 {
font-size: 16px;
/* line-height: 1.1em; */
}
.anxs-table-header.toolbar h4 {
text-shadow: 0 1px 0 #fff;
}
.grid-header ol.controls,
.grid-header ol.pagination,
.anxs-table-header ol.controls,
.anxs-table-header ol.pagination {
float: right;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
.single-select .toolbar li,
.grid-header ol.controls > li,
.grid-header ol.pagination > li,
.anxs-table-header ol.controls > li,
.anxs-table-header ol.pagination > li {
border-color: #CCCCCC #CCCCCC #B3B3B3;
border-style: solid;
border-width: 1px;
border-radius: 3px;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(3px, #ededed), to(#d5d5d5));
background-image: -webkit-linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-image: -moz-linear-gradient(top, #ffffff, #ededed 3px, #d5d5d5);
background-image: -ms-linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-image: -o-linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-image: linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
}
.grid-header.toolbar ol.controls > li > a,
.grid-header.toolbar ol.controls > li > button,
.grid-header.toolbar ol.pagination > li > a .anxs-table-header.toolbar ol.controls > li > a,
.anxs-table-header.toolbar ol.controls > li > button,
.anxs-table-header.toolbar ol.pagination > li > a {
letter-spacing: 0;
text-transform: none;
}
.grid-header ol.controls li.drop-list ul,
.anxs-table-header ol.controls li.drop-list ul {
right: 0;
box-shadow: 0 8px 6px #aaa;
-moz-box-shadow: 0 8px 6px #aaa;
-webkit-box-shadow: 0 8px 6px #aaa;
}
/* GRID PAGER */
.grid-pager {
margin: 0;
}
.grid-footer .grid-pager {
margin: 4px 0;
}
.grid-pager li {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(3px, #ededed), to(#d5d5d5));
background-image: -webkit-linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-image: -moz-linear-gradient(top, #ffffff, #ededed 3px, #d5d5d5);
background-image: -ms-linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-image: -o-linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-image: linear-gradient(#ffffff, #ededed 3px, #d5d5d5);
background-repeat: no-repeat;
border: 1px solid #cccccc;
float: left;
margin-right: 6px;
padding: 0;
list-style-type: none;
border-radius: 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.grid-pager a {
background-image: url(/css/base/images/ui-icons_222222_256x240.png?hbui_version=18.25.4);
background-repeat: no-repeat;
background-position: center center;
border-radius: 3px;
color: #333;
display: block;
text-align: center;
text-indent: -9999px;
width: 19px;
height: 19px;
}
.grid-pager li.grid-pager-info {
background: none;
border: 0 none;
display: -webkit-flex;
display: flex;
}
.grid-pager li.grid-pager-info > * {
margin: 0 3px;
}
.grid-pager li.grid-pager-info > select {
width: auto;
}
.grid-pager li.grid-pager-info span {
font-weight: bold;
line-height: 20px;
margin-bottom: 0;
}
.grid-pager .disabled {
opacity: 0.5;
}
.grid-pager .grid-pager-first a {
background-image: url(/images/ui-open-east.png?hbui_version=18.25.4);
}
.grid-pager .grid-pager-prev a {
background-position: -95px -15px;
}
.grid-pager .grid-pager-next a {
background-position: -31px -15px;
}
.grid-pager .grid-pager-last a {
background-image: url(/images/ui-close-east.png?hbui_version=18.25.4);
}
.grid-pager-first,
.grid-pager-last,
.grid-pager-prev,
.grid-pager-next,
.grid-pager-info span:first-child {
display: none;
}
/* PAGINATION TOOLBAR */
.toolbar ol.pagination li a,
.toolbar ol.pagination li.pager-info .down-arrow {
background-image: url(/css/base/images/ui-icons_222222_256x240.png?hbui_version=18.25.4);
background-repeat: no-repeat;
background-position: center center;
padding: 0;
text-align: center;
text-indent: -9999px;
width: 19px;
height: 19px;
}
.toolbar ol.pagination li a {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.toolbar ol.pagination li.disabled {
opacity: 0.5;
}
.toolbar ol.pagination li.pager-info {
background: none;
border: 0 none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin-bottom: 1px;
}
.toolbar ol.pagination li.pager-info span {
font-weight: bold;
margin-bottom: 0;
}
.toolbar ol.pagination li.pager-info .combobox {
display: inline-block;
position: relative;
width: 45px;
height: 14px;
}
.toolbar ol.pagination li.pager-info input[type=text] {
border-color: #CCCCCC;
border-right-width: 0;
height: 17px;
padding: 1px 2px 1px 2px;
text-align: center;
width: 21px;
position: absolute;
top: 0;
left: 0;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
}
.toolbar ol.pagination li.pager-info .down-arrow {
background: #ccc url(/images/th-bg.gif?hbui_version=18.25.4) repeat-x;
border: 1px solid #CCCCCC;
height: 21px;
margin: 0;
position: absolute;
top: 0;
right: 0;
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}
.toolbar ol.pagination li.pager-info .down-arrow span.ui-button-text {
background: url(/css/base/images/ui-icons_222222_256x240.png?hbui_version=18.25.4) no-repeat -65px -15px;
display: block;
padding: 0;
width: 13px;
height: 17px;
}
.toolbar ol.pagination li.first-page a {
background-image: url(/images/ui-open-east.png?hbui_version=18.25.4);
}
.toolbar ol.pagination li.prev-page a {
background-position: -95px -15px;
}
.toolbar ol.pagination li.next-page a {
background-position: -31px -15px;
}
.toolbar ol.pagination li.last-page a {
background-image: url(/images/ui-close-east.png?hbui_version=18.25.4);
}
.toolbar ol.pagination li.disabled a,
.toolbar ol.pagination.ui-state-disabled li a,
.toolbar ol.pagination.ui-state-disabled li button {
cursor: default;
outline: 0 none;
}
.combobox .ui-button-disabled,
.combobox .ui-state-disabled {
opacity: 1;
}
.ui-autocomplete.page-nav {
max-width: 36px;
}
.ui-autocomplete.page-nav .ui-menu-item {
text-align: center;
}
span.help-button {
height: 13px;
line-height: 13px;
}
.toolbar .reselling-info {
height: 21px;
line-height: 21px;
margin-bottom: 0;
}
.toolbar #filter-inventory select {
max-width: 144px;
}
.quickstats-container {
float: right;
}
#quickstats-display-selection {
font-weight: bold;
}
#quickstats-custom-inputs {
float: left;
margin-right: 12px;
}
.help-button a {
position: relative;
top: 1px;
background: url(/images/help-icon-states.png?hbui_version=18.25.4) no-repeat 0 0;
padding: 0 13px 0 0;
width: 13px;
margin-left: 6px;
height: 13px;
text-decoration: none;
}
.help-button a:hover,
.help-button a:active {
background-position: 0 -15px;
}
a.help-button {
display: inline-block;
line-height: 14px;
background-image: url("/v2/img/console-sprite.png?hbui_version=18.25.4");
background-repeat: no-repeat;
background-position: -40px -80px;
height: 18px;
width: 18px;
margin: 4px 0 -2px 5px;
}
a.help-button-sm {
display: inline-block;
line-height: 14px;
background-image: url("/v2/img/console-sprite.png?hbui_version=18.25.4");
background-repeat: no-repeat;
background-position: -60px -80px;
height: 12px;
width: 14px;
margin: 0 0 -1px 2px;
}
h3 a.help-button {
top: 1px;
}
a.info-button {
background: url(/images/info-icon-states.png?hbui_version=18.25.4) no-repeat 0 0;
display: inline-block;
float: right;
height: 13px;
line-height: 13px;
margin-left: 4px;
padding: 0 13px 0 0;
text-decoration: none;
}
a.info-button:hover,
a.info-button:active {
background-position: 0 -14px;
cursor: default;
}
a.info-button.inline {
float: none;
display: inline;
}
div.anxs-table-header h2 a.info-button {
float: none;
}
div.toolbar-toggle-content {
padding: 6px 8px;
/* margin: -1px 0 0; */
margin: 0;
border: 1px solid #CCC;
border-width: 1px 0;
background: #fff;
}
div.toolbar-toggle-content.media-plan-filterbar {
line-height: 34px;
padding: 0 8px;
height: 34px;
}
div.toolbar-toggle-content.filters-applied {
border: 1px solid #c60;
}
.filter-inline-tip {
color: #930;
}
.filters-applied input#remove-filter {
float: right;
}
.report-spinner {
position: absolute;
left: -20px;
top: 2px;
}
fieldset.report {
padding: 0 12px 0 12px;
margin: 0 0 12px 0;
border: 1px solid #cdcdcd;
background: #f6f6f6;
width: auto;
float: left;
height: 46px;
}
.filter .multi-column p {
font-weight: normal;
}
.toolbar-toggle-content b {
color: #333;
}
/* END TOOLBAR */
.price {
min-width: 75px;
}
.nowrap,
.price-edit {
white-space: nowrap;
}
.dowrap {
white-space: normal;
}
.ui-layout-content {
position: relative;
}
#sitewide-search-results-list li {
padding: 2px 4px;
margin: 0;
}
#sitewide-search-results-list li:nth-child(odd) {
background: #f3f3f3;
}
#sitewide-search-results-list li.inactive a {
color: #666;
}
.sitewide-search-results-container {
max-height: 386px;
overflow: auto;
border: 1px solid #ddd;
margin: 5px 0 0;
padding: 5px;
}
.revealed-text {
font-weight: bold;
color: #930;
}
div.dialog {
width: 100%;
}
div.fake-table {
padding: 10px;
background-color: #fff;
}
.dialog .data table.layout p {
margin-bottom: 0;
line-height: 15px;
}
.multi-column input[type="radio"] {
position: relative;
top: 2px;
margin-right: 4px;
}
.multi-column .data input[type="radio"],
.dialog .data table input[type="radio"] {
top: 0;
margin-right: 4px;
/* margin-top:1px; */
}
.multi-column .data input[type="checkbox"],
.dialog .data table input[type="checkbox"] {
top: 0;
margin-right: 4px;
/* margin-top:1px; */
}
td > p > label > input[type="radio"],
td > p > label > input[type="checkbox"],
div > p > input[type="radio"],
div > p > input[type="checkbox"] {
margin-right: 4px;
}
.vertical-radio {
margin: 5px 0 15px 2px;
}
span.translation {
color: #930;
}
div.column {
float: left;
margin: 0 0.5% 10px;
padding-top: 10px;
}
div.multi-column {
width: 49%;
margin: 0;
float: left;
margin-right: 2%;
border: 0;
}
.multi-column p {
margin: 0;
margin-bottom: 5px;
margin-top: 0;
font-weight: bold;
line-height: 21px;
}
.dialog p {
margin: 0;
margin-bottom: 5px;
}
.dialog p.note {
margin: 1em 0;
line-height: 1.25em;
font-weight: normal;
}
.dialog p.footnote {
line-height: 1.25em;
}
.dialog td p.note {
margin: 0;
}
p.inline-form-info,
span.inline-form-info,
p.inline-tip,
span.inline-tip,
span.filter-inline-tip {
font-size: 10px;
line-height: 12px;
font-style: italic;
font-weight: normal;
}
span.inline-form-info,
span.inline-tip {
margin-top: 4px;
}
.multi-column label,
.dialog label {
margin: 0;
margin-bottom: 1px;
margin-top: 4px;
font-weight: normal;
}
.dialog fieldset {
padding: 0;
}
.dialog fieldset .anxs-table-header {
margin: 0 0 10px;
min-height: 10px;
}
.dialog fieldset .anxs-table-header .ToggleSelect > .ToggleButton {
font-size: 11px;
padding: 3px 5px;
}
.dialog fieldset label {
margin: 0;
}
.indent {
margin: 0;
margin-left: 20px;
}
.inline-edit-subitem {
padding-left: 2.75em;
}
.form-label-align-right {
float: left;
clear: left;
margin-right: 10px;
text-align: right;
}
.form-input-align-left {
float: left;
}
div.data {
/* border: 1px solid #888; */
width: 100%;
margin-right: 0;
background-color: #fff;
position: relative;
}
table.data {
border-collapse: separate;
border-spacing: 15px;
border: 0;
}
table.data th {
text-align: left;
}
table.form th {
text-align: right;
font-weight: bold;
vertical-align: middle;
margin-right: 10px;
}
table.form tr {
border-bottom: 0;
}
#pixel-list-table th.pixel-id-col {
width: 60px;
}
input.targeting-show-hide-checkbox,
.dialog input[type="checkbox"].targeting-show-hide-checkbox,
input.break-out-show-hide-radio {
margin: 6px 0 8px 0;
position: relative;
left: 0;
padding: 0;
top: 0;
}
label.toggle-checkbox {
font-weight: bold;
margin: 0 0 4px 3px;
}
td > label.toggle-checkbox {
font-weight: bold;
margin: 0;
}
p.toggle-checkbox {
margin: 0 0 4px 0;
}
div.paginated-search-select {
max-width: 1200px;
}
div.paginated-search-select table {
width: auto;
}
div#save-creative-step-5 p.toggle-checkbox,
div#save-creative-step-5 p.inline-tip {
clear: both;
}
/* ANXS SEARCH/SELECT MODULES */
.anxs-search-multiselect-value-search table tr {
background-color: transparent;
}
.anxs-search-multiselect-value-search table tr:hover {
background-color: #f4f4f4;
}
.anxs-search-multiselect-value-search,
.anxs-search-multiselect-value-select {
width: 49%;
float: left;
background: #f4f4f4;
border: 1px solid #ddd;
margin-bottom: 16px;
}
.anxs-search-multiselect-value-search:first-child,
.anxs-search-multiselect-value-select:first-child {
margin-right: 1%;
}
.anxs-search-multiselect-search,
.anxs-search-multiselect-desc,
.anxs-nosearch-search {
height: 31px;
}
.anxs-search-multiselect-search {
background: #f4f4f4 url(/images/mag-glass.png?hbui_version=18.25.4) no-repeat 1%;
min-width: 271px;
}
.anxs-search-multiselect-desc p {
padding: 5px 0 0 1.3%;
}
.anxs-search-multiselect-search input[type="text"] {
margin: 5px 0 5px 21px;
padding: 3px;
position: relative;
width: 42%!important;
}
#offer_category-targeting-async-container .anxs-search-multiselect-search input[type="text"] {
width: 37%!important;
}
.anxs-search-multiselect-select select,
.anxs-multistep-async-select-select,
.anxs-paginated-search-select-select {
background: #fff;
border-color: #ddd;
border-style: solid;
border-width: 1px 1px 0;
overflow: auto;
position: relative;
margin: 0 0 0 1.3%;
width: 97%;
}
.select-box-primary {
height: 180px;
}
.select-box-primary.select-box-primary-hide-search {
height: 232px;
}
.select-box-secondary {
height: 232px;
}
.anxs-search-multiselect-choose-all,
.anxs-search-multiselect-clear-all {
padding: 3px 0;
padding-left: 1.3%;
}
input[type="button"].anxs-button,
.anxs-search-multiselect-select-controls input[type="button"] {
line-height: 20px;
position: relative;
}
input[type="button"].anxs-button:hover,
.anxs-search-multiselect-select-controls input[type="button"]:hover {
border: 1px solid #555;
}
input[disabled].anxs-button:hover,
.anxs-search-multiselect-select-controls input[disabled]:hover {
border: 1px solid #cdcdcd;
}
.anxs-search-multiselect-header {
background: #f4f4f4;
border-bottom: 1px solid #dddddd;
min-height: 19px;
}
.anxs-search-multiselect-header span a:link,
.anxs-search-multiselect-header span a:visited,
.anxs-table-header span a:link,
.anxs-table-header span a:visited {
font-weight: normal;
text-align: right;
float: right;
margin-right: 6px;
}
a.async-select-view-children,
a.anxs-multistep-async-breadcrumb,
div.paginated-search-select a.async-select-view-children,
.ui-widget-content a.async-select-view-children,
.ui-widget-content a.anxs-multistep-async-breadcrumb,
.ui-widget-content div.paginated-search-select a.async-select-view-children {
color: #111;
text-decoration: none;
}
a.async-select-view-children:hover,
a.async-select-view-children:active,
a.async-select-view-children span:hover,
a.async-select-view-children span:active {
text-decoration: underline;
}
.anxs-paginated-search-select-pagination-controls,
.anxs-multistep-async-select-pagination-controls {
width: 97%;
background: #f4f4f4;
margin: 0 0 0 1.3%;
border: 1px solid #ddd;
min-height: 17px;
}
.anxs-paginated-search-select-pagination-controls .back-next,
.anxs-multistep-async-select-pagination-controls .back-next {
float: right;
padding: 1px 2px;
}
.anxs-paginated-search-select-pagination-controls .back-next a,
.anxs-multistep-async-select-pagination-controls .back-next a {
color: #333;
text-decoration: none;
font-weight: bold;
margin-left: 6px;
}
.anxs-paginated-search-select-pagination-controls .description,
.anxs-multistep-async-select-pagination-controls .description {
float: left;
font-style: italic;
padding: 1px 2px;
}
.anxs-combobox-search {
width: 370px;
border: 1px solid #666;
border-bottom: 0;
float: left;
background: #ddd url(/images/mag-glass.png?hbui_version=18.25.4) no-repeat 5px;
}
.anxs-source-filters {
padding: 4px 5px 2px 25px;
background: #ddd url(/images/mag-glass.png?hbui_version=18.25.4) no-repeat 5px;
}
.anxs-source-filters input[type="text"] {
border: 1px inset #333;
}
.anxs-source-filters input[type="checkbox"] {
position: relative;
top: 0;
margin: 0;
}
.anxs-combobox select {
width: 372px;
overflow: scroll;
border: 1px solid #666;
}
.anxs-combobox-search input {
width: 330px;
float: right;
border: 1px inset #333;
margin: 4px 4px 6px 4px;
padding: 3px;
}
.anxs-table-header,
.grid-header {
background-color: #e9e9e9;
padding: 5px 10px;
line-height: 21px;
}
.anxs-table-header {
border-bottom: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
margin-top: -1px;
}
.grid-header h2,
.grid-header h4,
.anxs-table-header h2,
.anxs-table-header h4 {
font-size: 13px;
line-height: 15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.multi-column .anxs-table-header h2 {
padding-top: 3px;
}
.grid-header h4,
.anxs-table-header h4 {
line-height: 19px;
float: left;
}
table.layout + div.anxs-table-header {
margin-top: 12px;
}
div.anxs-table-header + table.layout,
div.anxs-table-header + #visible-bidding-options {
margin-top: 8px;
}
div.anxs-table-header + p.toggle-checkbox {
margin-top: 8px;
}
.grid-header,
.anxs-table-header:first-child {
margin-top: 0;
}
.anxs-search-multiselect-header h2 {
font-weight: bold;
font-size: 15px;
line-height: 22px;
padding: 2px 0 1px 5px;
margin: 0;
text-align: left;
}
.anxs-accordion-header {
cursor: pointer;
}
/*
.anxs-accordion-header h2.accordion-switch-right {
background: url(/images/tree-right.png) 1px 3px no-repeat;
padding-left:15px;
}
.anxs-accordion-header h2.accordion-switch-down {
background: url(/images/tree-down.png) 0px 4px no-repeat;
padding-left:15px;
}
*/
.anxs-table-header em {
font-weight: normal;
padding-left: 10px;
}
.anxs-subhead-bar {
background-color: #f4f4f4;
padding: 5px 6px 3px 6px;
}
a.anxs-multistep-async-breadcrumb,
.ui-widget-content a.anxs-multistep-async-breadcrumb {
color: #111;
}
a.anxs-multistep-async-breadcrumb:last-child {
text-decoration: none;
font-weight: bold;
}
.c2-btn-ctnr {
display: block;
float: right;
}
.c2-btn-ctnr .go-to-c2 {
float: left;
}
.c2-btn-ctnr .help-button {
float: none;
margin-right: 20px;
margin-left: 0;
top: 4px;
}
a.go-to-c2 {
background: #92cdcd;
/* Old browsers */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92cdcd), color-stop(2px, #1b9494), to(#026565));
background-image: -webkit-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: -moz-linear-gradient(top, #92cdcd, #1b9494 2px, #026565);
background-image: -ms-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: -o-linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-image: linear-gradient(#92cdcd, #1b9494 2px, #026565);
background-repeat: no-repeat;
border-color: #006666;
color: #ffffff;
float: right;
font-weight: normal;
height: 15px;
line-height: 15px;
margin-right: 8px;
text-decoration: none;
text-shadow: 1px 1px 0 black;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92cdcd', endColorstr='#026565', GradientType=0);
}
a.go-to-c2:hover {
background: #92cdcd;
/* Old browsers */
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92cdcd), color-stop(2px, #1b9494), to(#026565));
background-image: -webkit-linear-gradient(#026565, #1b9494 28px, #92cdcd);
background-image: -moz-linear-gradient(top, #026565, #1b9494 28px, #92cdcd);
background-image: -ms-linear-gradient(#026565, #1b9494 28px, #92cdcd);
background-image: -o-linear-gradient(#026565, #1b9494 28px, #92cdcd);
background-image: linear-gradient(#026565, #1b9494 28px, #92cdcd);
color: white;
}
a.go-to-c2 .appnexus-icon {
display: inline-block;
background-position: 0 -100px;
width: 13px;
height: 13px;
line-height: 14px;
background-image: url("/v2/img/console-sprite.png?hbui_version=18.25.4");
background-repeat: no-repeat;
margin-bottom: -2px;
}
a.popup-edit {
margin-right: 2px;
font-weight: bold;
text-align: right;
float: right;
position: relative;
top: 2px;
}
a.popup-edit.alignleft {
float: left;
}
.ui-layout-inner-east li {
line-height: 16px;
margin-left: 0;
}
.anxs-table-header span a.flyout {
margin-right: 6px;
}
.anxs-table-header span a.tooltip,
.anxs-table-header span a.dynamic-tooltip {
margin-right: 0;
}
.bold,
label.bold {
font-weight: bold;
}
.underline {
text-decoration: underline;
}
.anxs-table-subheader h3 {
color: #333;
background-color: #f4f4f4;
text-align: left;
border-bottom: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
line-height: 12px;
padding: 5px;
margin: 0;
}
.anxs-table-filters {
border-bottom: 1px solid #D1D1D1;
margin-top: 20px;
padding: 10px;
background: #f4f4f4;
}
.default-form-input-text {
font-style: italic;
}
.anxs-table-footer {
background: #f3f3f3;
color: #888;
margin-bottom: 0;
padding: 2px 4px;
border-bottom: 1px solid #f3f3f3;
}
.anxs-table-footer span {
margin: 2px 4px 0 0;
float: left;
background: none;
}
.anxs-table-footer span input,
.anxs-table-footer span select {
margin: 0;
top: 0;
}
.anxs-table-footer h2 {
color: #333;
font-weight: normal;
font-style: italic;
margin: 0;
line-height: 12px;
text-align: right;
}
.anxs-table-footer.anxs-table-actions h2 {
margin-top: 6px;
float: right;
}
div.anxs-table-header select {
margin: 2px 0 2px 1px;
}
.grid-table th input[type="checkbox"],
.grid-table th input[type="radio"],
.grid-table td input[type="checkbox"],
.grid-table td input[type="radio"] {
position: relative;
top: 0;
vertical-align: baseline;
}
.grid-table th input[type="checkbox"],
.grid-table th input[type="radio"] {
top: 0;
}
/* Layout and text styles ------------------------------------- */
div.preview {
margin: 10px 0 5px 0;
}
.dialog h1 {
font-size: 21px;
margin: 0;
margin-bottom: 12px;
}
/* .no-bullet is used in help.js and campaign/index.phtml */
#panes ul,
ul.no-bullet {
list-style-type: none;
}
.data ul.no-bullet {
margin: 6px 0;
padding: 0;
}
.data ul.no-bullet li {
margin: 0;
padding: 0;
}
.hide {
display: none;
}
/* ======================= */
/* = MAIN PAGE STRUCTURE = */
/* ======================= */
#header {
float: left;
padding-left: 8px;
width: 122px;
}
#header h1 {
font-size: 1em;
padding: 0;
margin: 0;
}
#container {
min-width: 1002px;
padding-right: 7px;
position: relative;
}
#main {
background: #fff;
min-height: 482px;
overflow: hidden;
position: relative;
margin: 0 10px 10px 10px;
border: 1px solid #D1D1D1;
border-radius: 6px 6px 0 0;
}
#main-inner {
min-height: 482px;
position: relative;
}
/* FOOTER */
#footer {
float: none;
clear: both;
overflow: hidden;
position: relative;
background-color: #f4f4f4;
padding: 3px 15px;
border-top: 1px solid #D1D1D1;
}
#footer ul,
#footer ul li {
margin: 0;
padding: 0;
}
#footer ul li {
display: inline-block;
float: left;
}
#footer ul li a {
color: #930;
cursor: pointer;
padding: 0 6px;
text-transform: uppercase;
}
#footer ul li span {
padding-right: 4px;
}
#footer ul li a.view-notifications {
font-weight: bold;
}
#footer .copyright,
#footer .browser-warning {
float: right;
margin-bottom: 0;
}
/* Footer dialogs */
#ui-info dl {
margin: 5px;
}
#ui-info dl dd {
font-weight: bold;
}
#platform-notifications ul,
#platform-notifications ul li {
margin: 0;
padding: 0;
}
#platform-notifications ul li h3 {
text-transform: uppercase;
}
#platform-notifications ul li {
border-bottom: 1px dotted #bbb;
margin-bottom: 10px;
padding-bottom: 2px;
}
#platform-notifications ul li:last-child {
border-bottom: 0 none;
}
#select-entity label {
display: block;
margin: 0.5em 0;
}
/* SINGLE SELECT WIDGET */
.single-select .content {
background-color: #f4f4f4;
}
.single-select .ss-instructions,
.single-select .single-select-search {
border: solid #D1D1D1;
border-width: 0 1px;
padding: 5px 10px;
}
.single-select .anxs-table-header {
border: solid #D1D1D1;
border-width: 1px;
padding: 5px 10px;
}
.single-select .anxs-table-header h2 {
text-transform: capitalize;
}
.single-select .loader {
float: right;
padding: 3px 0 0;
}
.single-select .response {
background-color: #fff;
border: solid #D1D1D1;
border-width: 1px 1px 0 1px;
height: 200px;
max-height: 200px;
overflow: auto;
}
.single-select .toolbar {
background: #f4f4f4;
border: 1px solid #D1D1D1;
padding: 3px 0 3px 5px;
width: auto;
}
.single-select .toolbar ol.pagination {
float: right;
}
.single-select form {
background: transparent url(/images/mag-glass.png?hbui_version=18.25.4) no-repeat 3px 3px;
}
.single-select form input[type=text] {
margin-left: 20px;
}
/****** FLASHES ********/
.flash {
background-color: #fffccd;
background-position: 8px 10px;
background-repeat: no-repeat;
border: 1px solid #e7e4ba;
font-weight: 500;
margin-top: 5px;
margin-bottom: 5px;
padding: 10px 10px 10px 35px;
}
.flash:first-child {
margin-top: 0;
}
.flash p {
margin-bottom: 0;
font-size: 11px;
line-height: 1.3em;
}
tr.flash-row {
height: 25px;
}
.mini.flash {
background-color: transparent;
background-position: 0 center;
background-repeat: no-repeat;
border: 0 none;
font-weight: normal;
margin: 0;
padding: 0.2em 0 0.2em 23px !important;
}
.flash.compressed {
margin-top: 0px;
}
td.flash {
border-right: 0 none;
}
td.mini.flash {
vertical-align: middle;
}
.notice,
.upcoming {
border-color: #D1D1D1;
background-color: #f4f4f4;
padding-left: 10px;
}
.notice:hover {
color: #333 !important;
}
.success,
.resolved {
background: url(/images/success-icon.gif?hbui_version=18.25.4) no-repeat 10px #E3F7C4;
padding-left: 32px;
}
.prompt {
background-color: #E3F7C4;
padding-left: 0.8em;
}
.error,
.new {
background-image: url(/images/error.gif?hbui_version=18.25.4);
color: #111;
background-repeat: no-repeat;
background-position: 10px;
}
.sprite {
background-image: none;
padding-left: 10px;
}
.red-bg {
background-color: #fef3f4;
border-color: #ed1c24;
}
.prohibited-icon {
background-position: -160px -80px;
margin-right: 5px;
height: 18px;
width: 18px;
position: relative;
top: 2px;
}
.pending,
.inprogress {
background-image: url(/images/pending-icon.gif?hbui_version=18.25.4);
color: #111;
}
.processing {
background-image: url(/images/spinner.gif?hbui_version=18.25.4);
color: #111;
}
.critical {
background-image: url(/images/error.gif?hbui_version=18.25.4);
background-color: #FAE5E3;
border-color: #B2181C;
color: #B2181C;
}
.flash.no-icon {
background-image: none;
padding-left: 0.8em;
}
.processing-notice {
background-image: url(/images/spinner.gif?hbui_version=18.25.4);
color: #111;
background-color: #f3f3f3;
}
.callout {
color: #111;
padding-left: 0.8em;
}
.feedback {
padding: 10px 10px 2px;
}
.loader {
background-color: transparent;
border: 0 none;
line-height: 20px;
padding: 10px;
margin-bottom: -40px;
}
.loader img {
margin-right: 6px;
vertical-align: middle;
}
.single-select-search button {
font-weight: normal;
}
.single-select-search .query {
padding: 6px;
border-radius: 4px;
}
form.single-select-search .loader {
float: right;
margin: 2px 2px 0 0;
padding: 0;
}
.exclamation {
color: #ff0000;
text-align: center;
}
/* FILE UPLOADER */
.file-uploader ul,
.file-uploader ul li {
margin: 0px;
padding: 0;
}
.file-uploader ul li {
float: left;
line-height: 24px;
margin: 0 8px 0 0;
}
#bulk-upload-row .inline-form-info {
margin-right: 8px;
}
#bulk-upload-messages .error {
background: transparent none;
color: red;
padding-left: 0;
}
#bulk-upload-messages .success {
background: transparent none;
color: green;
padding-left: 0;
}
/* Modules used on Ad Quality and Bias Rules */
.modules,
.ui-tabs .ui-tabs-panel.modules {
padding: 10px 4px 12px 6px;
}
.modules > .flash {
margin: 0 0.5% 7px;
}
.module {
border: 1px solid #D1D1D1;
float: left;
margin: 0 0.5% 1%;
width: 32%;
}
.module .header {
height: auto !important;
padding: 5px 0;
}
.module .header + .anxs-table-header {
border-top: 1px solid #dbdbdb;
}
.module h3,
.module dl {
margin: 0 10px;
}
.module dl:after {
content: "";
display: block;
clear: both;
}
.module .edit-trust {
background-position: -80px -100px;
width: 18px;
height: 18px;
text-indent: -999em;
outline: none;
display: inline-block;
}
.modules h3 {
font-size: 16px;
line-height: 1em;
margin-top: 5px;
margin-bottom: 5px;
}
.module dl {
max-width: 280px;
}
.module table a {
border-bottom: 1px dotted #111;
color: #111;
text-decoration: none;
}
.trust-level > [class^="-icon"] {
background-image: url(/v2/img/console-sprite.png?hbui_version=18.25.4);
background-repeat: no-repeat;
display: inline-block;
height: 15px;
width: 15px;
margin-bottom: -2px;
}
.trust-level i.trusted,
.trust-level i.eligible,
.trust-level i.trusted-icon {
background-position: -80px -78px;
height: 15px;
width: 15px;
}
.trust-level i.banned-icon {
background-position: -100px -80px;
height: 15px;
width: 15px;
}
.module .toolbar {
min-height: 20px;
}
.eligible + .trust-level,
.standart + .trust-level,
.trusted + .trust-level {
background-position: -80px -78px;
float: left;
}
.banned + .trust-level {
background-position: -100px -80px;
float: left;
}
/* ASSOCIATION PANE TOOLS */
div.anxs-associated-tools {
margin-left: -5px;
overflow: hidden;
width: 45px;
}
table#associated-campaigns div.anxs-associated-tools {
width: 30px;
}
div.anxs-associated-tools a {
background-position: center center;
background-repeat: no-repeat;
display: block;
float: left;
width: 15px;
height: 15px;
line-height: 15px;
opacity: 0.5;
}
div.anxs-associated-tools a:hover {
opacity: 1;
}
div.anxs-associated-tools a.anxs-creative-warnings {
background-image: url(/images/error-sm.gif?hbui_version=18.25.4);
}
div.anxs-associated-tools a.anxs-jump-to-item {
background-image: url(/images/jump-to-arrow.gif?hbui_version=18.25.4);
}
div.anxs-associated-tools a.anxs-remove-item {
background-image: url(/images/delete-button.png?hbui_version=18.25.4);
}
div.anxs-associated-tools a.anxs-preview-item {
background-image: url(/images/preview-button.png?hbui_version=18.25.4);
}
a.header-link .help-button {
display: none;
}
.dropdown-menu span.manage {
cursor: pointer;
text-decoration: none;
background: #fff url(/images/down-arrow-small.png?hbui_version=18.25.4) no-repeat right;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
padding: 1px 14px 2px 4px;
width: 64px;
margin: 0 0 0 2px;
color: #222;
float: right;
}
.dropdown-menu.manage {
width: 80px;
padding: 2px 0 0 0;
}
.dropdown-menu span.manage a:hover {
border: 1px solid ;
color: #111;
}
.dropdown-menu ul {
position: absolute;
}
.dropdown-menu ul.down-list {
text-align: left;
padding: 4px 2px 4px 6px;
position: absolute;
background: #fff5dc;
list-style-type: none;
border: 1px solid #666;
margin-left: 0;
margin-top: 0;
float: left;
z-index: 100;
width: 73px;
}
ul#inventory-source-media-buys {
list-style-type: none;
}
.ui-layout-pane {
/* all 'panes' */
background: #FFF;
overflow: visible !important;
position: relative;
}
#panes .ui-layout-pane.fixed-header {
overflow: hidden;
}
.ui-layout-resizer {
/* all 'resizer-bars' */
background: #f4f4f4;
/* border: 1px solid #bbb;
border-width: 1px 0;*/
}
.ui-layout-resizer-east,
.ui-layout-resizer-west {
background: #f4f4f4;
}
.ui-layout-resizer-west {
border-right: 1px solid #D1D1D1;
}
.ui-layout-resizer-south {
background: #f4f4f4;
}
.ui-layout-resizer-south-open {
border-top: 1px solid #D1D1D1;
}
.dialog .ui-layout-resizer-south-open {
border-bottom: 1px solid #D1D1D1;
}
.ui-layout-inner-south-west,
.ui-layout-inner-south-east {
border: solid #D1D1D1;
border-width: 1px 1px 0 0;
}
.ui-layout-inner-south-east {
border-width: 1px 0 0 1px;
}
.ui-layout-toggler {
/* all 'toggler-buttons' */
background: #AAA;
}
.ui-layout-center ul ul {
/* Drop-Down */
bottom: auto;
margin: 0;
margin-top: 1.45em;
}
#panes {
margin: 0;
padding: 0;
border-top: none;
border-bottom: none;
min-height: 440px;
}
#panes tr.inactive td a {
color: #333;
}
.draggable {
cursor: move;
}
a.ui-draggable-dragging,
td.ui-draggable-dragging {
background-color: #eee;
padding: 0 80px 0 6px;
border: 2px solid #ccc;
color: #111;
text-decoration: none;
}
/* =CREATIVE SIZE LAYOUTS */
/* Default layout (best for 300x250) */
.creative-information,
#inline-placement-form {
float: left;
width: 45%;
margin: 0 0 20px 0;
}
#inline-placement-form {
margin-right: 20px;
}
.creative-information textarea,
#inline-placement-form textarea,
.creative-information input[type="text"],
#inline-placement-form input[type="text"] {
width: 100%;
max-width: 400px;
}
.creative-preview,
.creative-preview-secure {
margin: 0 16px 5px 0;
float: left;
}
.creative-preview iframe,
.creative-preview-secure iframe {
width: 300px;
height: 250px;
border: 1px solid #ddd;
background: none;
margin: 0;
margin-top: 4px;
padding: 0;
}
.placement-tag-preview iframe {
background: none;
}
/* nullxnull */
.layout-nullxnull iframe,
.layout-nullxnull iframe {
width: 110px;
height: 110px;
opacity: 0.5;
}
/* End creative size layouts */
/* = PUBLISHER/AD QUALITY = */
.choose-template,
.combo-single-select .single-select-summary {
background-color: #fffccd;
border: 1px solid #e7e4ba;
padding: 6px 10px;
}
.choose-template.selected,
.combo-single-select .single-select-summary.selected {
background-color: #fffccd;
}
.choose-template + .single-select .content {
border-top: 0 none;
}
.edit-template,
.combo-single-select a.edit {
float: right;
}
.combo-single-select a.edit:hover {
cursor: pointer;
}
.creative-attributes-section .multi-select-toggle > label {
display: block;
margin: 8px 0;
}
.audit-status-row td {
vertical-align: baseline;
}
.audit-status-row td.audit-message {
width: 100%;
}
.audit-status-description.rejected {
background-color: #FEFFBF;
}
/* SELF AUDIT FORM */
.self-audit-settings ul,
.self-audit-settings ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
.self-audit-settings ul li {
margin-bottom: 0.5em;
}
.self-audit-settings ul li ul li {
margin-left: 1.75em;
}
.self-audit-settings .audit-column {
float: left;
width: 31%;
padding-right: 2%;
}
.self-audit-settings .audit-column p > strong {
padding: 5px 0;
display: block;
}
.self-audit-settings div.intended-audience {
width: 24%;
}
.self-audit-settings div.always-banned {
width: 38%;
}
.self-audit-settings div.always-banned ul {
margin-left: 1.15em;
}
.self-audit-settings div.always-banned ul li {
list-style: disc outside;
margin-left: 0;
}
.self-audit-settings #self-audit-confirmation {
padding: 6px 5px;
}
.self-audit-settings #self-audit-confirmation input {
display: inline;
float: left;
vertical-align: middle;
}
.self-audit-settings #self-audit-confirmation label {
display: block;
margin-left: 18px;
}
table#site-table tr:hover {
cursor: pointer;
}
a.name-column,
tr.creative-row a,
tr.campaign-row a,
tr.inventory-list-row a,
tr.group-row a {
color: #111;
text-decoration: none;
}
/* =SPLITSCREEN */
.splitscreen-fixed-footer {
background: #eee;
color: #444;
margin: 0;
padding: 0;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #bbb;
height: 17px;
}
.splitscreen-fixed-footer div#breadcrumb-bar {
margin: 0;
padding: 2px 2px 4px 4px;
line-height: 13px;
vertical-align: top;
color: #444;
float: left;
}
.splitscreen-fixed-footer span {
padding: 0 2px 4px 4px;
}
.splitscreen-fixed-footer div#breadcrumb-bar span .splitscreen-fixed-footer div.breadcrumb-bar span,
.pagination-bar > a,
#pagination-bar > a {
padding: 0 2px 4px 4px;
}
.splitscreen-fixed-footer div#pagination-bar,
.splitscreen-fixed-footer div.pagination-bar {
background-color: #888;
float: right;
padding: 0 16px;
height: 17px;
}
div#pagination-bar span,
.splitscreen-fixed-footer div.pagination-bar span,
.splitscreen-fixed-footer div.pagination-bar div,
.splitscreen-fixed-footer div.pagination-bar a {
color: #fff;
}
span#pagination-text,
span#inventory-pagination-text,
span#domain-pagination-text,
div.pagination-text,
span.pagination-text {
padding-right: 16px;
border-right: 1px dotted #fff;
margin-right: 12px;
font-style: italic;
}
span#pagination-text.no-page-controls,
span#inventory-pagination-text.no-page-controls,
span#domain-pagination-text.no-page-controls,
div.pagination-text.no-page-controls,
span.pagination-text.no-page-controls {
border: 0;
margin-right: 0;
padding: 0;
}
.splitscreen-fixed-footer div#pagination-bar a,
.splitscreen-fixed-footer div.pagination-bar a {
color: #fff;
text-decoration: none;
}
.splitscreen-fixed-footer a.back-to-page {
color: #333;
text-decoration: underline;
}
.splitscreen-fixed-footer div#pagination-bar a:hover,
.splitscreen-fixed-footer div.pagination-bar a:hover {
text-decoration: underline;
}
span.splitscreen-breadcrumb {
font-weight: bold;
}
div.ui-layout-toggler-south-open,
div.ui-layout-toggler-south-closed {
background: url(/images/ui-toggle-north.png?hbui_version=18.25.4) no-repeat center top;
}
div.ui-layout-toggler-south-closed {
background-position: center -8px;
}
div.ui-layout-toggler-north-open,
div.ui-layout-toggler-north-closed {
background: url(/images/ui-toggle-north.png?hbui_version=18.25.4) no-repeat center bottom;
}
div.ui-layout-toggler-north-closed {
background-position: center top;
}
div.ui-layout-toggler-east-open,
div.ui-layout-toggler-east-closed {
background: url(/images/ui-toggle-east.png?hbui_version=18.25.4) no-repeat left center;
}
div.ui-layout-toggler-east-closed {
background-position: -8px center;
}
div.ui-layout-toggler-west-open,
div.ui-layout-toggler-west-closed {
background: url(/images/ui-toggle-east.png?hbui_version=18.25.4) no-repeat right center;
}
div.ui-layout-toggler-west-closed {
background-position: left center;
}
div.ui-layout-north {
border: solid #D1D1D1;
border-width: 0 0 1px 0;
}
div.ui-layout-west {
border: solid #D1D1D1;
border-width: 0 1px 0 0;
}
div.ui-layout-west .grid-header.toolbar {
min-width: 180px;
}
div.ui-layout-mid-south > .ui-layout-inner-center {
border: solid #D1D1D1;
border-width: 1px 1px 0 0;
}
div.ui-layout-inner-east {
border: solid #D1D1D1;
border-width: 1px 0 0 1px;
}
.inventory-panes-container .ui-layout-mid-south {
padding: 0;
}
.ui-layout-south {
border-top: 1px solid #D1D1D1;
}
.drophover .inventory-group-name {
border: 2px solid #c60;
border-radius: 3px;
}
.inventory-source-targeted,
.hide-media-buy-by-filter,
.hide-rtb-by-filter,
.hide-by-search,
.media-buy-targeted,
.hide-inventory-source-direct-by-filter,
.hide-inventory-source-rtb-by-filter {
display: none;
}
.faded {
opacity: 0.5;
background: #fff;
}
#camapign-group-opacity-mask,
.opacity-mask {
position: absolute;
opacity: 0.5;
background: #fff;
z-index: 10000;
width: 100%;
}
.targeting-list-multiselect {
overflow: auto;
border-bottom: 1px solid #cdcdcd;
margin-bottom: 4px;
position: relative;
max-height: 98px;
/* override max-height inline as needed */
}
.paused-highlight {
background-color: #ff2;
}
.mass-update-action-callout {
margin: 8px 0 10px 0;
color: #930;
}
#mass-update-confirm-items h3,
.mass-update-confirm-items h3 {
margin-bottom: 10px;
}
#mass-update-confirm-items ul,
.mass-update-confirm-items ul {
border: 1px solid #930;
padding: 10px 16px 10px 24px;
line-height: 19px;
margin: 0;
max-height: 160px;
overflow: auto;
}
#mass-update-confirm-items ul li,
.mass-update-confirm-items ul li {
list-style-type: square;
}
#pivot-legend {
width: 30%;
background: #fff;
}
#pivot-legend tr {
border-bottom: 0;
}
#pivot-legend .first,
#report-grid-container-table .first {
color: #f00;
}
#pivot-legend .second,
#report-grid-container-table .second {
color: #44f;
}
#pivot-legend .third,
#report-grid-container-table .third {
color: #0b2;
}
a.advertiser-link,
a.publisher-link,
a.edit-pixel-link,
a.edit-segment-link,
a.edit-item-details-link,
a.edit-item-details-link:hover {
font-weight: bold;
color: #333;
}
.bidding-selected-options .conversion-pixel-select-box {
margin-left: 30px;
margin-bottom: 12px;
}
.conversion-pixel-select-box {
overflow: auto;
max-height: 80px;
position: relative;
/* fix for IE */
padding: 2px;
}
.conversion-pixel-select-box table tr td {
padding: 1px 2px;
}
.now-viewing-entity-nav-container {
max-width: 96%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filters-col span {
overflow: hidden;
text-overflow: ellipsis;
}
.custom-group {
background: #eef;
}
.default-group {
background: #dde;
}
/* div#user-scrolling-segments-table,
div#user-segments-table {
height: 140px;
}
table#user-scrolling-segments-real-table .id-col,
table#user-scrolling-segments-real-table .checkbox-col,
table#user-scrolling-segments-real-table .segment-code-cell {
width: 20px;
} */
div.profile_brand_trusted,
div.creative_approved,
div.brand_trusted {
border: 1px solid #9d2;
}
div.profile_brand_banned,
div.creative_banned,
div.brand_banned {
border: 1px solid #e65;
}
div.brand_case_by_case,
.profile_brand_case_by_case {
border: 1px solid #aaa;
}
#creative-results {
margin-top: 12px;
}
.creative-container {
border: 1px solid #ccc;
padding: 12px;
margin: 12px;
margin-bottom: 0;
}
.creative-container:last-child {
margin-bottom: 12px;
}
.creative-meta {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
}
.creative-meta-row {
float: left;
margin-right: 24px;
}
.creative-iframe {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
}
.letter-navigation {
padding-top: 12px;
font-weight: bold;
}
.edit-mass-budget {
white-space: nowrap;
}
#loading-spinner {
padding: 12px;
padding-bottom: 7px;
border: 1px solid #bbb;
border-top: 0;
color: #555;
min-height: 380px;
}
#creatives-approved-percent-bar-container {
width: 150px;
float: right;
height: 16px;
background: #f6f6f6;
margin: 6px 10px 0 0;
border: 1px solid #777;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
#creatives-approved-percent-bar {
height: 16px;
background-color: #9d2;
width: 0;
float: left;
}
#creatives-banned-percent-bar {
height: 16px;
background-color: #e65;
width: 0;
float: left;
}
#creatives-approved-percent {
font-weight: bold;
}
.creative-results-pagination {
position: relative;
left: 0;
margin: 12px;
}
.targeting-multiselect-container {
background-color: #ddd;
padding: 5px;
}
.targeting-multiselect-menu {
width: 100%;
}
.campaign-info-summary-link {
text-transform: capitalize;
}
.edit-inlay {
background-color: #ffd28c;
border: 2px solid #c60;
padding: 6px;
position: absolute;
box-shadow: 2px 2px 2px #bbb;
-moz-box-shadow: 2px 2px 2px #bbb;
-webkit-box-shadow: 2px 2px 2px #bbb;
}
a.edit-inlay-cancel {
background: url(/images/x-close.png?hbui_version=18.25.4) no-repeat center center;
padding: 1px 0 0 3px;
width: 13px;
height: 13px;
float: right;
text-decoration: none;
color: #333;
opacity: 0.75;
margin-left: 6px;
}
a.edit-inlay-cancel:hover {
opacity: 1;
}
.edit-inlay br {
margin-bottom: 10px;
}
.edit-inlay-button-container {
float: left;
width: 14%;
margin-left: 1%;
}
.edit-inlay-set-button {
float: right;
margin: 6px 0;
}
.boolean-segment-targeting-set {
min-height: 15px;
border: 3px solid #bbb;
background: #f6f6f6;
float: left;
}
.boolean-targeting-editing-options {
opacity: 0.5;
padding-right: 6px;
}
.boolean-targeting-editing-options:hover {
opacity: 1;
}
.truncate_show,
.truncate_hide {
font-style: italic;
}
p.result-suggestions-intro {
margin: 3px 0;
font-weight: bold;
}
ul#edit-campaign-filter-list,
ul#edit-campaign-filter-list li {
list-style-type: none;
margin: 0 0 12px;
padding: 0;
}
ul#edit-campaign-filter-list li {
float: left;
margin: 0 20px 0 0;
width: 230px;
}
#filters-table td {
background: #fff;
}
.open .accordion-switch-right .sm-arrow-icon {
position: relative;
top: 2px;
}
.accordion-switch-right .sm-arrow-icon {
margin-bottom: 1px;
margin-right: 5px;
}
.accordion-switch-down .sm-arrow-icon {
margin-bottom: 1px;
margin-right: 5px;
background-position: -81px -59px;
}
.accordion-switch-down .sm-arrow-icon {
margin-bottom: 1px;
margin-right: 5px;
background-position: -81px -59px;
}
/* WIDGET OVERRIDES */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget-content {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #111;
font-size: 1em;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
background: #fff;
border: 1px solid #cdcdcd;
color: #333;
outline: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
background: #b8d3df;
/* Old browsers */
background: -moz-linear-gradient(top, #b8d3df 0%, #d7e7ee 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8d3df), color-stop(100%, #d7e7ee));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8d3df 0%, #d7e7ee 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8d3df 0%, #d7e7ee 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8d3df 0%, #d7e7ee 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b8d3df 0%, #d7e7ee 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d3df', endColorstr='#d7e7ee', GradientType=0);
/* IE6-9 */
color: #333333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
font-weight: normal;
outline: 0 none;
}
.ui-buttonset {
margin-right: 0;
}
.ui-buttonset label {
background: #ccc url(/images/th-bg.gif?hbui_version=18.25.4) repeat-x;
cursor: pointer;
display: inline-block;
margin-top: 0;
padding: 2px 5px;
white-space: nowrap;
}
.ui-buttonset label .ui-button-text {
padding: 0;
}
.ui-buttonset label[for="adv_currency"] .ui-button-text {
background: url(/images/local-currency-icon.gif?hbui_version=18.25.4) no-repeat center 2px;
display: inline-block;
width: 7px;
}
.ui-buttonset label.ui-state-active {
color: #111;
background: #ccc;
border-color: #666;
cursor: text;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -4px;
}
.ui-button-text-only .ui-button-text {
padding: 0;
line-height: 26px;
}
.ui-button-icon-only .ui-icon {
width: 16px;
height: 16px;
}
.ui-slider-vertical .ui-slider-range {
background: #BFBFBF url(/images/light-gradient-bg.png?hbui_version=18.25.4) repeat-x;
}
.ui-widget-overlay {
background: #222223;
opacity: 0.6;
}
.ui-datepicker .ui-state-active {
background: #c60;
color: #fff;
}
.ui-autocomplete {
max-height: 300px;
overflow: auto;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.ui-autocomplete .quicksearch-category {
border-bottom: 1px solid #D1D1D1;
font-weight: bold;
padding: 0 5px;
}
/* DisplayWords ON/OFF TOGGLE BUTTONSET */
.on-off-toggle {
position: relative;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.on-off-toggle.ui-buttonset label,
.on-off-toggle.ui-buttonset label.btn {
position: relative;
float: left;
color: #066;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 0 white;
vertical-align: middle;
cursor: pointer;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
padding: 2px 10px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.on-off-toggle.ui-buttonset label.ui-state-active {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
color: #333;
background: #E5F1F6;
}
.on-off-toggle.ui-buttonset label:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.on-off-toggle.ui-buttonset > label:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
/* ON/OFF TOGGLE BUTTONS IN TOOLBARS */
.dialog ol.controls .ui-buttonset label {
font-weight: bold;
}
.dialog ol.controls .ui-buttonset label.ui-state-default {
background: #f2f2f2;
background: linear-gradient(center top, #F2F2F2, #CCCCCC) repeat-x;
background: -moz-linear-gradient(center top, #F2F2F2, #CCCCCC) repeat-x;
background: -webkit-gradient(linear, center top, center bottom, from(#F2F2F2), to(#CCCCCC)) repeat-x;
border: 1px solid #666666;
color: #999999;
font-weight: bold;
}
.dialog ol.controls .ui-buttonset label.ui-state-active {
background: #CC6600;
background: linear-gradient(center top, #FFD28C, #CC6600) repeat-x;
background: -moz-linear-gradient(center top, #FFD28C, #CC6600) repeat-x;
background: -webkit-gradient(linear, center top, center bottom, from(#FFD28C), to(#CC6600)) repeat-x;
color: #FFFFFF;
cursor: text;
text-shadow: 1px 1px 1px #000;
}
/* DIALOG */
.ui-dialog {
border: 5px solid;
border-color: #000;
border-color: rgba(0, 0, 0, 0.5);
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: rgba(0, 0, 0, 0.5);
padding: 0;
}
.ui-dialog .ui-dialog-content {
background-color: #fff;
border-bottom: 1px solid #bababa;
padding: 10px;
}
.ui-dialog .dialog-loader {
display: none;
float: left;
margin: 13px 0 0 13px;
}
.ui-dialog .dialog-loader img {
margin-right: 6px;
vertical-align: middle;
}
.ui-dialog .ui-dialog-titlebar {
/* box-shadow: 0px 1px 3px #ccc;
-ms-box-shadow: 0px 1px 3px #ccc;
-moz-box-shadow: 0px 1px 3px #ccc;
-webkit-box-shadow: 0px 1px 3px #ccc; */
padding: 0;
z-index: 1;
}
.ui-dialog .ui-dialog-title {
background-image: -ms-linear-gradient(center top, #f9f9f9, #e0e0e0);
background-image: -moz-linear-gradient(center top, #f9f9f9, #e0e0e0);
background-image: -webkit-linear-gradient(top, #f9f9f9, #e0e0e0);
background-image: linear-gradient(top, #f9f9f9, #e0e0e0);
border-bottom: 1px solid #f9f9f9;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: #333;
float: none;
font-weight: bold;
height: 32px;
margin: 0;
padding: 11px 0 0 15px;
text-shadow: 0 1px 0 #fff;
font-size: 15px;
}
.ui-dialog .ui-dialog-titlebar-close {
margin-top: 0;
right: 10px;
top: 10px;
width: 22px;
height: 22px;
}
.ui-widget-content .ui-dialog-titlebar-close.ui-state-focus,
.ui-widget-content .ui-dialog-titlebar-close.ui-state-hover {
background: none;
border-color: transparent;
}
.ui-widget-content .ui-dialog-titlebar-close.ui-state-focus .ui-icon,
.ui-widget-content .ui-dialog-titlebar-close.ui-state-hover .ui-icon {
/* background-position: 0 -20px; */
background-position: 5px -15px;
border-color: transparent;
}
.ui-widget-header .ui-dialog-titlebar-close .ui-icon,
.ui-widget-content .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
background-image: url(/css/base/images/ui-icons_888888_256x240.png?hbui_version=18.25.4);
background-image: url(/images/btn_close_x_sprite.png?hbui_version=18.25.4);
/* background-position: 0 0; */
background-position: 5px 5px;
background-repeat: no-repeat;
border-color: transparent;
color: #8f8f8f;
}
/* Move padding to ui-tabs-panels for dialogs with sub-nav */
.has-sub-nav.ui-dialog .ui-dialog-titlebar {
/* -ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; */
}
.has-sub-nav.ui-dialog .dialog-sub-nav.ui-tabs .ui-tabs-nav {
box-shadow: 0px 1px 3px #ccc;
-ms-box-shadow: 0px 1px 3px #ccc;
-moz-box-shadow: 0px 1px 3px #ccc;
-webkit-box-shadow: 0px 1px 3px #ccc;
padding: 0 10px;
z-index: 1;
}
.has-sub-nav.ui-dialog .autotab-content.no-padding,
.has-sub-nav.ui-dialog .ui-dialog-content {
border-top: 0 none;
padding: 0;
}
.has-sub-nav.ui-dialog .autotab-content {
border-top: 1px solid #bababa;
padding: 10px 12px;
}
.ui-dialog .autotab-content table.layout tbody tr > td {
vertical-align: middle;
}
.ui-dialog .autotab-content table.layout tbody tr > td.right {
vertical-align: top;
}
.has-sub-nav.ui-dialog .ui-dialog-content .ui-tabs-panel {
padding: 0 12px 10px;
}
.has-sub-nav.ui-dialog .ui-widget-header.ui-dialog-titlebar.ui-corner-all {
border: 0 none;
}
/* DIALOG AUTOTABBER TITLEBAR NAVIGATION LINKS */
.ui-dialog .ui-widget-header.ui-dialog-titlebar.ui-corner-all {
border: 0 none;
border-bottom: 1px solid #aaa;
-moz-border-radius: 4px 4px 0 0;
-webkid-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.ui-dialog .ui-widget-header a {
color: #006666;
}
.ui-dialog-tabnav {
background-image: -ms-linear-gradient(top, #fff 0px, #e0e0e0 2px);
background-image: -moz-linear-gradient(center top, #fff 0px, #e0e0e0 2px);
background-image: -webkit-linear-gradient(top, #fff 0px, #e0e0e0 2px);
background-image: linear-gradient(top, #fff 0px, #e0e0e0 2px);
border-top: 1px solid #bababa;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.ui-dialog-tabnav a {
background-color: #F4F4F4;
/* for IE8 */
background-image: -ms-linear-gradient(top, #f6f6f6, #f2f2f2 27px, #e8e8e8);
background-image: -moz-linear-gradient(center top, #f6f6f6, #f2f2f2 27px, #e8e8e8);
background-image: -webkit-linear-gradient(top, #f6f6f6, #f2f2f2 27px, #e8e8e8);
background-image: linear-gradient(top, #f6f6f6, #f2f2f2 27px, #e8e8e8);
border: solid #bababa;
border-width: 0 1px 0 0;
display: inline-block;
font-weight: bold;
padding: 5px;
text-decoration: none;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.ui-dialog-tabnav a:hover {
background: #e8e8e8;
cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-tabnav a.selected {
background-color: #007B7B;
/* for IE8 */
background-image: -ms-linear-gradient(top, #b0eaea, #009797 1px, #006767 29px);
background-image: -moz-linear-gradient(center top, #b0eaea, #009797 1px, #006767 29px);
background-image: -webkit-linear-gradient(top, #b0eaea, #009797 1px, #006767 29px);
background-image: linear-gradient(top, #b0eaea, #009797 1px, #006767 29px);
color: #fff;
text-shadow: 0 -1px 0 #444;
}
/* DIALOG BUTTONS */
.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
background-color: #fff;
background-image: -ms-linear-gradient(top, #f0f0f0, #fff 6px);
background-image: -moz-linear-gradient(center top, #f0f0f0, #fff 6px);
background-image: -webkit-linear-gradient(top, #f0f0f0, #fff 6px);
background-image: linear-gradient(top, #f0f0f0, #fff 6px);
border-top: 1px solid #fff;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
color: #333333;
font-weight: bold;
height: 54px;
margin-top: 0;
padding: 0;
}
.ui-dialog-buttonpane .ui-dialog-buttonset {
padding: 15px 10px 0 0;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .5;
}
.ui-dialog-buttonpane .ui-dialog-buttonset button {
margin: 0 10px 0 0;
float: right;
display: inline-block;
padding: 0 15px;
font-size: 12px;
line-height: 26px;
box-sizing: border-box;
color: #006666;
font-weight: bold;
text-align: center;
border: 1px solid #c5c5c5;
border-radius: 4px;
background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
cursor: pointer;
}
.ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-focus {
outline: 1px dotted;
}
.ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-hover {
background-image: linear-gradient(to top, #f3f3f3, #e2e2e2);
}
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-Save,
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-Confirm,
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-Upload {
background: #92cdcd;
/* Old browsers */
background: linear-gradient(to bottom, #28af6a, #238b55);
border-color: #197f4a;
color: #fff;
}
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-Delete,
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-Delete.ui-state-hover {
background-image: linear-gradient(#f97975, #f7403a) !important;
border-color: #f7403a !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-Save.ui-state-hover,
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-Confirm.ui-state-hover {
background: linear-gradient(to top, #28af6a, #238b55);
}
.ui-dialog-buttonpane .ui-dialog-buttonset button.button-disabled {
background: #eee;
color: #aaa;
border: 1px solid #aaa;
cursor: default;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .divider {
background: #bababa;
float: right;
height: 55px;
margin: -16px 15px 0 5px;
width: 1px;
}
/* TABS */
.ui-tabs,
.ui-tabs-panel {
padding: 0;
border: 0 none;
}
.ui-tabs-panel .content {
overflow: auto;
}
.ui-tabs.ui-corner-all {
border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
}
.ui-tabs .ui-widget-header {
background: none;
border: 0 none;
border-radius: 0;
}
.ui-tabs.properties-form-container {
height: 90%;
overflow: auto;
}
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-panel {
padding-left: 0;
padding-right: 0;
}
.ui-tabs .ui-tabs-panel {
padding-top: 10px;
}
.ui-tabs .ui-tabs-nav li.ui-state-default {
background: #f5f5f5;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
background: #f5f5f5;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background-color: #fff;
font-weight: normal;
}
.ui-tabs .ui-tabs-nav li a {
padding: 5px 10px 7px;
}
/* DIALOG UI TABS SUB NAV */
.dialog-sub-nav.ui-tabs .ui-tabs-nav {
background-color: #006767;
margin-bottom: 1em;
padding: 0 12px;
}
.dialog-sub-nav.ui-tabs .ui-tabs-nav li {
background-color: transparent;
border: none !important;
margin: 0;
padding: 0;
border: none;
top: 0;
}
.dialog-sub-nav.ui-tabs .ui-tabs-nav li a {
padding: 5px 10px;
text-shadow: 0 -1px 0 #000;
}
.dialog-sub-nav.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
/* background-color: #338585; */
}
/* Super-specific overrides */
.dialog-sub-nav.ui-tabs .ui-tabs-nav li.ui-corner-top {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.ui-dialog .dialog-sub-nav .ui-widget-header li a {
color: #fff;
}
/********************************************************/
/*********** CONSOLE RESKIN STYLES (temporary) **********/
/********************************************************/
/* This is a temp style for Console 2 button */
#console2-button > a {
text-decoration: none;
color: #333;
}
.breadcrumb {
/* padding: 0 0 0 5px; */
margin: 5px 10px 10px;
list-style: none;
display: inline-block;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: inset 0 1px 0 #ffffff;
background-color: #fff;
}
.breadcrumb:after {
content: " ";
display: block;
clear: both;
}
.breadcrumb li {
float: left;
text-shadow: 0 1px 0 #ffffff;
font-size: 12px;
line-height: 1em;
}
.breadcrumb li > a,
.breadcrumb li > span {
display: block;
padding: 5px 10px 4px 15px;
text-decoration: none;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumb li .icon-home {
background: url(/v2/img/console-sprite.png?hbui_version=18.25.4) no-repeat 0 -20px;
width: 13px;
height: 14px;
}
.breadcrumb li .eye-icon {
background: url("/v2/img/console-sprite.png?hbui_version=18.25.4") no-repeat scroll -40px -20px transparent;
display: inline-block;
height: 10px;
margin: 0 0 0 3px;
position: relative;
top: 1px;
width: 17px;
}
.breadcrumb li.child-element {
padding: 4px 10px 0;
}
.breadcrumb li.child-element a {
padding: 0;
}
.breadcrumb li.child-element a,
.breadcrumb li.child-element span,
.breadcrumb li.child-element i {
float: left;
}
.breadcrumb li.child-element:after {
content: " ";
display: block;
clear: both;
}
.breadcrumb li:first-child {
padding: 3px 0 4px 7px;
border-radius: 4px 0 0 4px;
}
.breadcrumb li:first-child:nth-last-child(2),
.breadcrumb li:last-child {
-webkit-box-shadow: inset 0 9px 12px -6px rgba(0, 0, 75, 0.15);
-moz-box-shadow: inset 0 9px 12px -6px rgba(0, 0, 75, 0.15);
box-shadow: inset 0 9px 12px -6px rgba(0, 0, 75, 0.15);
border: none;
}
.breadcrumb li:last-child {
padding: 5px 10px 4px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 3px 3px 0;
text-decoration: none;
cursor: default;
color: #333333;
}
.breadcrumb li:last-child > span {
padding: 0;
}
.breadcrumb .divider {
padding: 0;
color: #f7f7f7;
height: 21px;
line-height: 1em;
width: 9px;
background: url(/v2/img/console-sprite.png?hbui_version=18.25.4) no-repeat -180px -2px;
position: relative;
left: 7px;
margin-left: -7px;
}
.breadcrumb .active a {
color: #333333;
}
#MainContentArea {
margin-bottom: 0;
margin-right: 0;
}
#main-inner > .toolbar {
border-width: 0;
padding: 10px;
border-bottom: 1px solid #D1D1D1;
}
.flash-info-icon {
background: url(/v2/img/console-sprite.png?hbui_version=18.25.4) no-repeat;
background-position: -120px -80px;
height: 18px;
width: 18px;
margin-left: -25px;
}
.plus-icon {
background: url(/v2/img/console-sprite.png?hbui_version=18.25.4) no-repeat;
background-position: -160px -38px;
}
.filter-icon {
background: url(/v2/img/console-sprite.png?hbui_version=18.25.4) no-repeat;
background-position: -120px -38px;
width: 19px;
height: 20px;
margin-bottom: -4px;
/* margin-top: 2px; */
}
.filter-open-icon,
.open .filter-icon {
background: url(/v2/img/console-sprite.png?hbui_version=18.25.4) no-repeat;
background-position: -140px -38px;
width: 19px;
height: 20px;
margin-bottom: -4px;
margin-top: 2px;
}
.switch-icon {
background: url(/v2/img/console-sprite.png?hbui_version=18.25.4) no-repeat 0 -20px;
width: 20px;
height: 14px;
background-position: -80px -220px;
}
#placement-filter-form input[type="text"] {
padding: 5px;
}
#edit-properties-ui-layout-north-resizer {
background: none;
}
#sitewide-search-summary {
width: 30%;
float: left;
}
#sitewide-search-summary div {
margin-top: 8px;
}
#sitewide-search-summary ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 90%;
}
#sitewide-search-summary ul li {
padding: 2px 6px;
border-radius: 4px;
}
#sitewide-search-summary ul li:hover {
cursor: pointer;
}
#sitewide-search-summary ul li.selected {
font-weight: bold;
}
ul.sitewide-search-results-container li .search-result {
width: 70%;
float: left;
}
ul.sitewide-search-results-container li .search-result-category {
float: left;
}
.search-result-weight {
background-color: #CCC;
height: 1em;
}
li.quicksearch-category {
background-color: #666;
color: #FFF;
}
.search-name,
.search-id {
float: left;
}
.search-id {
width: 30%;
}
li.inactive .search-result-category {
font-style: normal;
}
.search-item-hierarchy {
font-style: normal;
}
.search-parent {
text-decoration: none;
}
.search-parent.inactive {
font-style: italic;
}
.search-result-name {
font-size: 14px;
}
.search-categories-header {
background-color: #666;
color: #FFF;
margin-bottom: 8px;
margin-left: -4px;
padding-left: 4px;
}
#sitewide-search-results-list li.search-result-category-header {
font-weight: bold;
font-size: 14px;
padding-left: 4px;
background-color: #666;
color: #FFF;
}
.ui-menu li.quicksearch-result.ui-menu-item {
padding: 1px;
background-color: #FFF;
}
#filter-form input {
float: none;
}
#filter-form label {
float: none;
}
.ui-tabs-nav {
padding: 0;
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
background: #f4f4f4;
}
.ui-tabs-nav > li {
border: 1px solid #cdcdcd !important;
position: static;
margin: 0;
}
.ui-tabs-nav li.ui-state-default {
background: #ffffff;
margin: -1px 0;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 3%, #ededed 3%, #d5d5d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(3%, #ffffff), color-stop(3%, #ededed), color-stop(100%, #d5d5d5));
background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 3%, #ededed 3%, #d5d5d5 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ffffff 3%, #ededed 3%, #d5d5d5 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 3%, #ededed 3%, #d5d5d5 100%);
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 3%, #ededed 3%, #d5d5d5 100%);
}
.ui-tabs-nav li.ui-state-default a {
color: #006666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
font-weight: bold;
outline: none;
}
.ui-tabs-nav li.ui-tabs-selected {
padding-bottom: 0;
background: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected a {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.ui-tabs .ui-tabs-nav li {
margin: -2px -1px 0 0;
border-radius: 0;
}
.ui-tabs .ui-tabs-nav {
padding-top: 0;
margin-left: -1px;
border-bottom: 1px solid #D1D1D1;
}
form.member-form div tr:nth-child(even) {
background: #f3f3f3;
}
form.member-form div tr:hover {
background: #F8E197;
}
form.member-form #permissions tr input {
float: right;
}
form.member-form #salesops td span {
display: inline-block;
width: 90px;
}
form.member-form #settings .dialog td span {
display: inline-block;
width: 170px;
}
/* sitewide search styling */
#swsAutocomplete .ui-autocomplete {
z-index: 1000 !important;
background: #ebebeb;
max-height: 300px;
overflow: auto;
border: 1px solid #a3a3a3;
border-top: 10px solid transparent;
box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
padding-left: 120px;
padding-right: 4px;
padding-top: 0;
padding-bottom: 0;
margin-top: 8px;
border-radius: 0;
}
#swsAutocomplete .ui-autocomplete .quicksearch-category {
font-weight: bold;
line-height: 2;
width: 120px;
height: 50px;
margin-bottom: -50px;
margin-left: -120px;
padding: 0 0 0 10px;
}
#swsAutocomplete li.quicksearch-category {
background-color: #ebebeb;
color: #333;
}
#swsAutocomplete li.quicksearch-category:after {
content: "";
position: absolute;
background: #a3a3a3;
left: 0;
right: 0;
height: 1px;
}
#swsAutocomplete li.quicksearch-category:nth-child(1):after {
content: "";
position: absolute;
background: #ffffff;
left: 0;
right: 0;
height: 0;
}
#swsAutocomplete .ui-menu li.quicksearch-result.ui-menu-item {
padding: 1px;
background-color: #FFF;
border-left: 1px solid #a3a3a3;
}
#swsAutocomplete .ui-autocomplete .quicksearch-category {
border-bottom: none;
font-weight: bold;
padding: 0 5px;
}
/* end sitewide search styling */
#pub-site-placement-search input[type=button] {
padding: 0 10px;
}
/* QTIP TOOLTIP STYLES */
/* .qtip-wrapper {
border: 3px solid #666;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 2px 2px 6px #666;
-moz-box-shadow: 2px 2px 6px #666;
-ms-box-shadow: 2px 2px 6px #666;
} */
.qtip-content form fieldset {
margin-bottom: 0;
padding: 0;
}
.qtip-content h3 {
font-size: 12px;
margin: -5px -9px 6px -9px;
padding: 5px 9px;
}
.qtip-dw-yellow-content h3 {
background-color: #fe6;
}
.qtip-dw-red-content h3 {
background-color: #e84;
}
.qtip-title {
font-size: 12px;
}
.qtip-title a {
color: #fff;
}
.qtip-title a:hover {
text-decoration: none;
}
.qtip-content ul {
margin-bottom: 8px;
margin-left: 5px;
}
.qtip-content ul li {
line-height: 15px;
list-style-type: square;
margin-bottom: 4px;
margin-left: 0.75em;
}
.menu {
margin: 0;
}
.menu .button {
background: #ccc url(/images/th-bg.gif?hbui_version=18.25.4) repeat-x;
border: 1px solid #999;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 10px;
letter-spacing: 0.1em;
margin-right: 6px;
padding: 2px 5px;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 4px;
}
.menu .button:hover {
border-color: #111;
}
.menu .menu-button.btn {
position: relative;
}
.menu .menu-button.open {
border-radius: 4px 4px 0 0;
background: #deecf2;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
color: #333333;
}
.menu-button-menu {
background: #fff;
border: 1px solid #a4a4a4;
left: -9999px;
min-width: 125px;
margin: 0 -1px;
padding: 2px 0;
position: absolute;
z-index: 1000;
box-shadow: 0 5px 3px -3px #AAAAAA;
border-radius: 0 3px 3px 3px;
text-align: left;
}
.menu-button-menu .menu-item {
background-position: 4px center;
background-repeat: no-repeat;
cursor: pointer;
display: block;
font-size: 13px;
letter-spacing: 0;
line-height: 13px;
padding: 5px 10px;
text-decoration: none;
text-transform: none;
font-weight: normal;
white-space: nowrap;
}
.menu-button-menu .menu-item.delete {
color: #b40800;
}
.menu-button-menu .menu-item:hover {
background-color: #e5f1f6;
}
.menu-button-menu .menu-item a {
color: #333;
text-decoration: none;
}
.menu-button-menu .menu-item.disabled,
.menu-button-menu .menu-item.disabled:hover,
.option-button.disabled,
.option-button.disabled:hover {
background-color: transparent;
cursor: default;
opacity: 0.5;
}
.option-button {
/* Currently a clone of menu-button */
margin-right: 5px;
position: relative;
}
.option-button-layer {
/* Currently a clone of menu-button-menu */
background: #fff;
border: 1px solid #a4a4a4;
cursor: default;
min-width: 90px;
margin: 0 -1px;
padding: 4px;
position: absolute;
z-index: 1000;
box-shadow: 0 8px 8px #aaa;
text-align: left;
}
.name-filter {
background: #fff;
border: 1px solid #a4a4a4;
margin: 6px 0 0 0;
padding: 6px;
overflow: hidden;
}
.name-filter label {
float: left;
padding: 4px 5px 0 0;
font-weight: bold;
}
.name-filter input[type="text"] {
width: 180px;
padding: 4px 2px;
float: left;
margin-right: 5px;
}
.name-filter select {
border: 1px solid;
border-color: #CCCCCC #CCCCCC #B3B3B3;
border-radius: 3px;
padding: 3px;
color: #333333;
}
.name-filter select,
.name-filter .tooltip {
float: left;
margin: 3px 5px 0 0;
}
.name-filter a.help-button {
margin-top: 4px;
}
.name-filter input[type="button"] {
margin: 0 6px 0 0;
float: left;
}
/*OLD STYLE OF name-filter-button
.name-filter-button {
background: #ccc url(/images/th-bg.gif) repeat-x;
border: 1px solid #999;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 10px;
letter-spacing: 0.1em;
margin-right: 6px;
padding: 2px 5px;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.name-filter-button:hover {
border-color: #111;
}
*/
.name-filter-button.btn.open {
background: #fff;
border: 1px solid #a4a4a4;
border-bottom: none;
/* 1px solid #fff; */
margin-bottom: -3px;
padding: 0 10px 8px 4px;
border-radius: 4px 4px 0 0;
box-shadow: none;
color: #333333;
position: relative;
}
.name-filter-button.btn.open:after {
position: absolute;
content: '';
top: 28px;
right: -1px;
left: -1px;
height: 5px;
background: #ffffff;
border: solid 1px #a4a4a4;
border-style: none solid;
bottom: -4px;
}
.name-filter-button.btn.open.on,
.name-filter-button.btn.on {
background-color: #deecf2;
text-shadow: none;
color: #333;
background-image: none;
}
.name-filter-button {
padding: 0 10px;
}
/*
.name-filter-button span {
display: inline-block;
padding: 0 0 1px 0;
}
*/
.name-filter-button.on {
background: #FF9900 none no-repeat;
background-image: -moz-linear-gradient(top, #FF9900, #FFCC00 19px, #666 19px, #fff 20px, #FFF 100%);
background-image: -webkit-linear-gradient(top, #FF9900, #FFCC00 19px, #666 19px, #fff 20px, #fff 100%);
background-image: linear-gradient(top, bottom, #FF9900, #FFCC00 19px, #666 19px, #fff 20px, #fff 100%);
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
/*TOGGLESELECT & TOGGLEBUTTON STYLES*/
.ToggleSelect > .ToggleButton {
position: relative;
float: left;
margin-left: -1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ToggleSelect > .ToggleButton.selected {
filter: none;
}
.ToggleSelect > .ToggleButton:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.ToggleSelect > .ToggleButton:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.ToggleSelect > .ToggleButton.active,
.ToggleSelect > .ToggleButton.selected {
-webkit-box-shadow: inset 0 9px 12px -6px rgba(0, 0, 75, 0.15), 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 9px 12px -6px rgba(0, 0, 75, 0.15), 0 1px 0 #ffffff;
box-shadow: inset 0 9px 12px -6px rgba(0, 0, 75, 0.15), 0 1px 0 #ffffff;
color: #333333;
}
/* ACTIVE/INACTIVE/ALL TOGGLE BUTTON SET */
.active-filter-bar {
float: right;
margin-right: 6px;
}
.active-filter-bar.ToggleSelect > .ToggleButton {
margin-top: 0;
padding: 0 10px;
}
.active-filter-bar .button {
background-color: #ccc;
background-image: url("/images/th-bg.gif?hbui_version=18.25.4");
background-repeat: repeat-x;
border: 1px solid #999;
cursor: pointer;
display: inline-block;
height: 15px;
margin: 0 0 0 -1px;
padding: 2px 5px;
}
.active-filter-bar .button:first-child {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.active-filter-bar .button:last-child {
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.active-filter-bar .button:hover {
border-color: #111;
}
.active-filter-bar .button.on,
.active-filter-bar .button.on:hover {
background: #FF9900 none no-repeat;
background-image: -moz-linear-gradient(top, #FF9900, #FFCC00);
background-image: -webkit-linear-gradient(top, #FF9900, #FFCC00);
background-image: linear-gradient(top bottom, #FF9900, #FFCC00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FFCC00', GradientType=0);
border: 1px solid #666;
color: #fff;
cursor: default;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
/* CURRENCY TOGGLE BAR */
.currency-toggle-bar {
float: right;
margin-right: 6px;
}
.currency-toggle-bar .btn b {
background: url(/images/local-currency-icon.gif?hbui_version=18.25.4) no-repeat center 3px;
}
.currency-toggle-bar .button {
background: url("/images/th-bg.gif?hbui_version=18.25.4") repeat-x #ccc;
border: 1px solid #999;
cursor: pointer;
display: inline-block;
height: 15px;
margin: 0 0 0 -1px;
padding: 2px 5px;
}
.currency-toggle-bar .button:first-child {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.currency-toggle-bar .button:last-child {
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.currency-toggle-bar .button:hover {
border-color: #111;
}
.currency-toggle-bar .button b {
background: url(/images/local-currency-icon.gif?hbui_version=18.25.4) no-repeat center 3px;
display: inline-block;
width: 7px;
}
.currency-toggle-bar .button.on,
.currency-toggle-bar .button.on:hover {
background: #FF9900 none no-repeat;
background-image: -moz-linear-gradient(top, #FF9900, #FFCC00);
background-image: -webkit-linear-gradient(top, #FF9900, #FFCC00);
background-image: linear-gradient(top bottom, #FF9900, #FFCC00);
border: 1px solid #666;
color: #fff;
cursor: default;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
/* QUICKSTATS BAR */
.quick-stats-bar {
float: right;
}
.quick-stats-bar .selected-option {
/*background: url(/images/select-bg-sm.png) no-repeat;*/
color: #333;
cursor: pointer;
float: left;
line-height: 20px;
padding: 3px 0 5px 10px;
width: 290px;
height: 18px;
border: 1px solid #c5c5c5;
-webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(2px, #EDEDED), to(#D5D5D5));
background-image: -webkit-linear-gradient(white, #EDEDED 2px, #D5D5D5);
background-image: -moz-linear-gradient(top, white, #EDEDED 2px, #D5D5D5);
background-image: -ms-linear-gradient(white, #EDEDED 2px, #D5D5D5);
background-image: -o-linear-gradient(white, #EDEDED 2px, #D5D5D5);
background-image: linear-gradient(white, #EDEDED 2px, #D5D5D5);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
}
.quick-stats-bar .selected-option .caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
float: right;
margin: 7px;
}
.quick-stats-bar .selected-option.open {
background-position: 0 -26px;
}
.quick-stats-bar ul {
background: #fff;
border: 1px solid #ccc;
color: #000;
margin: 0;
padding: 0;
position: absolute;
overflow: auto;
top: 26px;
left: 0;
width: 300px;
z-index: 9999;
}
.quick-stats-bar ul li {
cursor: pointer;
display: block;
list-style-type: none;
padding: 3px 8px;
}
.quick-stats-bar ul li:hover {
background: #ccc;
color: #000;
}
.quick-stats-bar ul li.selected {
background: #e5f1f6;
}
/* SCAM LOADING BAR */
.scam-loading-bar {
height: 20px;
background: white;
border: 1px solid #999;
}
.scam-loading-bar .bar {
background: #FF9900;
background: -moz-linear-gradient(top, #FFCC00, #FF9900);
background: -webkit-linear-gradient(top, #FFCC00, #FF9900);
background: linear-gradient(top, #FFCC00, #FF9900);
}
/* COMBOBOX */
.ComboBox .list {
max-height: 150px;
background: #FAFAFA;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
box-shadow: 3px 3px 5px #BBB;
-moz-box-shadow: 3px 3px 5px #BBB;
-webkit-box-shadow: 3px 3px 5px #BBB;
}
.ComboBox .arrow {
background: #CCC;
text-align: center;
font-size: 80%;
border-left: 1px solid #EEE;
border-top: 1px solid #EEE;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
color: black;
margin: 1px;
cursor: default;
}
.ComboBox .arrow.on {
border-left: 1px solid #666;
border-top: 1px solid #666;
border-right: 1px solid #EEE;
border-bottom: 1px solid #EEE;
}
.ComboBox .list-item {
cursor: pointer;
padding: 1px 8px 1px 4px;
}
.ComboBox .list-item.over {
background: #DDD;
}
.ComboBox .list-item.on {
background: #ABF;
}
.ComboBox.disabled .text {
font-style: italic;
}
.ComboBox.disabled .arrow {
color: #777;
}
.DateTimePicker .date.idle {
color: gray;
}
.DateTimePicker .date {
margin-right: 5px;
}
#ui-datepicker-div .today {
margin: 5px 3px 2px 3px;
border-top: 1px solid gray;
padding: 4px 5px;
}
.DateTimePicker .ComboBox input[type="text"] {
width: 55px !important;
}
.DateRangePicker .header {
font-weight: bold;
}
.DateRangePicker .ctnr_start {
margin-bottom: 10px;
}
.DateRangePicker .timezone {
padding-left: 4px;
}
.PluginMenu {
padding: 0 10px 6px 10px;
border-bottom: 1px solid #999999;
}
.PluginMenu .title {
display: inline-block;
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid #DDD;
line-height: 29px;
white-space: nowrap;
}
.PluginMenu .title .label {
font-weight: bold;
}
.PluginMenu .title .more {
font-size: 80%;
color: green;
text-decoration: none;
}
.PluginMenu .ctnr-items {
display: inline-block;
vertical-align: top;
}
.PluginMenu .item {
position: relative;
display: inline-block;
border-radius: 5px;
border: 1px solid #CCC;
padding: 3px 5px;
background: #F0F0F0;
margin: 2px;
cursor: pointer;
}
.PluginMenu .item .icon {
position: absolute;
top: 50%;
left: 25px;
margin-top: -8px;
margin-left: 0;
width: 16px;
height: 16px;
}
.PluginMenu .item .name {
padding-left: 25px;
}
.PluginMenu .item:hover {
background: #DDDDDD;
}
.PluginMenu .item.selected {
background: #DDDDDD;
border: 1px solid black;
box-shadow: 1px 1px 3px gray;
-moz-box-shadow: 1px 1px 3px gray;
-webkit-box-shadow: 1px 1px 3px gray;
}
.PluginMenu .ctnr-contents {
margin-top: 10px;
}
.SearchSelectGrid .ctnr-top {
font-size: 120%;
background: #E9E9E9;
border-top: 1px solid white;
border-left: 1px solid #B3B3B3;
border-right: 1px solid white;
}
.SearchSelectGrid .header {
padding: 10px 12px;
color: #333;
font-weight: bold;
text-shadow: 1px 1px 0px white;
}
.SearchSelectGrid .ctnr-search {
padding: 10px 12px;
padding-top: 0;
white-space: nowrap;
}
.SearchSelectGrid .ctnr-search td {
padding: 0;
vertical-align: top;
}
.SearchSelectGrid .ctnr-search .td-left {
/* padding-right: 12px; */
}
.SearchSelectGrid .ctnr-search .txt-search {
width: 90%;
margin: 0;
border-radius: 3px;
padding: 4px;
color: #111111;
}
.SearchSelectGrid .btn-go,
.SearchSelectGrid .btn-reset {
border-radius: 3px;
border: 1px solid #84898F;
color: #555;
font-weight: bold;
text-shadow: 1px 1px 0 #EEE;
box-shadow: inset 0 1px 1px white;
padding: 3px 6px;
background: #d0d3dc;
/* Old browsers */
background: -moz-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d3dc), color-stop(100%, #b0b8ba));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* IE10+ */
background: linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d3dc', endColorstr='#b0b8ba', GradientType=0);
/* IE6-9 */
}
.anxDarkButton {
font-size: 110%;
border-radius: 3px;
border: 1px solid #84898F;
color: #555;
font-weight: bold;
text-shadow: 1px 1px 0 #EEE;
box-shadow: inset 0 1px 1px white;
background: #d0d3dc;
/* Old browsers */
background: -moz-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d3dc), color-stop(100%, #b0b8ba));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* IE10+ */
background: linear-gradient(top, #d0d3dc 0%, #b0b8ba 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d3dc', endColorstr='#b0b8ba', GradientType=0);
/* IE6-9 */
}
.anxLightButton {
font-size: 110%;
border-radius: 3px;
border: 1px solid #84898F;
color: #555;
font-weight: bold;
text-shadow: 1px 1px 0 #EEE;
box-shadow: inset 0 1px 1px white;
background: #F2F2F2;
/* Old browsers */
background: -moz-linear-gradient(top, #F2F2F2 0%, #DBDBDB 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #DBDBDB));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F2F2F2 0%, #DBDBDB 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F2F2F2 0%, #DBDBDB 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #F2F2F2 0%, #DBDBDB 100%);
/* IE10+ */
background: linear-gradient(top, #F2F2F2 0%, #DBDBDB 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DBDBDB', GradientType=0);
}
/* COLLAPSIBLE BOX MODULE */
.collapsible-box {
border: 1px solid black;
}
.collapsible-box .collapsible-arrow {
float: left;
width: 20px;
}
.collapsible-box .collapsible-header-text {
margin-left: 20px;
}
.collapsible-box .collapsible-header {
cursor: pointer;
padding: 3px;
font-size: 14px;
background-color: #E5E5E5;
}
.collapsible-box .collapsible-body,
.collapsible-box .collapsible-body-collapsed {
margin-left: 24px;
padding: 5px 5px 5px 0;
}
/* COLLAPSIBLE BOX MODULE */
.collapsible-box {
border: 1px solid #DCDCDC;
}
.collapsible-box .collapsible-arrow {
float: left;
width: 20px;
}
.collapsible-box .collapsible-header-text {
margin-left: 20px;
}
.collapsible-box .collapsible-header {
cursor: pointer;
padding: 3px;
font-size: 14px;
background-color: #E5E5E5;
}
.collapsible-box .collapsible-body,
.collapsible-box .collapsible-body-collapsed {
margin-left: 24px;
padding: 5px 5px 5px 0;
}
/* DiffDialog */
.DiffResults .added {
background: #AAFFAA;
}
.DiffResults .removed {
background: #FFAAAA;
}
.DiffResults .changed {
background: #FFFFAA;
}
.DiffResults li > span,
.DiffDialog ul > span {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-right: 5px;
padding-left: 5px;
}
.DiffResults li {
margin-top: 1px;
padding-left: 15px;
}
.DiffResults ul {
padding-left: 15px;
margin-left: -15px;
padding-top: 0;
margin-top: 0;
list-style-type: none;
}
/* BULK EDIT DIALOG */
.bulk-edit-dialog.ui-dialog .ui-widget-header.ui-dialog-titlebar.ui-corner-all {
z-index: auto;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content {
padding: 0;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content .size-targeting p {
padding: 10px 0 0 0;
}
.bulk-edit-dialog.ui-dialog .flash {
background-position: 12px center;
border-top: 1px solid #fff;
border-bottom: 1px solid #bababa;
border-width: 1px 0;
margin-bottom: 0;
padding-left: 44px;
}
.bulk-edit-dialog.ui-dialog .flash.error {
background-color: #FFFCCD;
background-image: url(/images/icon-error.png?hbui_version=18.25.4);
color: #333;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items {
border-collapse: separate;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items thead th {
background: #e9e9e9;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #bababa;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items tbody td {
background-image: -ms-linear-gradient(center top, #f5f5f5, #fff 5px);
background-image: -moz-linear-gradient(center top, #f5f5f5, #fff 5px);
background-image: -webkit-linear-gradient(top, #f5f5f5, #fff 5px);
background-image: linear-gradient(top, #f5f5f5, #fff 5px);
border-top: 1px solid #fff;
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #fff;
border-left: 1px solid #eaeaea;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items tbody tr:nth-child(even) td {
background-image: -ms-linear-gradient(center top, #ebebeb, #f5f5f5 5px);
background-image: -moz-linear-gradient(center top, #ebebeb, #f5f5f5 5px);
background-image: -webkit-linear-gradient(top, #ebebeb, #f5f5f5 5px);
background-image: linear-gradient(top, #ebebeb, #f5f5f5 5px);
border-top-color: #f5f5f5;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items thead th,
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items tbody td {
line-height: 1em;
padding: 7px 0 7px 15px;
}
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items thead th:last-child,
.bulk-edit-dialog.ui-dialog .ui-dialog-content table.bulk-edit-items tbody td:last-child {
border-width: 1px 0 1px 1px;
}
table.bulk-edit-items + form,
.additional_form {
margin: 10px;
}
#mass-update-confirm .bulkEdit_input,
.BulkEditDialog .bulkEdit_input {
border: solid 1px #bbb;
width: 220px;
}
#mass-update-confirm .bulkEdit_input {
width: 175px;
}
#mass-update-confirm .bulkEdit_inputError,
.BulkEditDialog .bulkEdit_inputError {
border: solid 1px red;
background: #FBB;
}
#mass-update-confirm .bulkEdit_characters,
.BulkEditDialog .bulkEdit_characters {
padding: 0 0 0 10px;
}
#mass-update-confirm .bulkEdit_inputMax,
.BulkEditDialog .bulkEdit_inputMax {
color: red;
}
#mass-update-confirm .bulkEdit_inputCell,
.BulkEditDialog .bulkEdit_inputCell {
white-space: nowrap;
padding-right: 10px !important;
}
/* SINGLE SELECT MODULE */
.single-select .ss-selected-item b {
background: url(/css/base/images/ui-icons_222222_256x240.png?hbui_version=18.25.4) no-repeat -100px -132px;
display: inline-block;
font-weight: bold;
width: 12px;
height: 12px;
vertical-align: middle;
}
.single-select .ss-selected-item {
display: inline-block;
}
.btn-narrow {
padding-left: 6px;
padding-right: 6px;
}
/* ========================= */
/* = DETAILS PANE DEFAULTS = */
/* ========================= */
.details-pane {
padding: 6px 6px 0;
}
div.details-pane h5 {
display: inline-block;
}
div.details-pane .listed-details {
float: left;
width: 38%;
}
div.details-pane .listed-details-wide {
width: 48%;
}
div.details-pane .tabular-details {
float: right;
width: 60%;
}
div.details-pane .tabular-details table {
margin-bottom: 1.5em;
}
div.details-pane .tabular-details table thead {
border: solid 1px #a4a4a4;
}
div.details-pane .tabular-details table.tabular-details-table tbody tr td {
/*border-bottom: 1px solid #dcdcdc;*/
padding: 3px 6px;
}
.listed-details table tbody tr td:first-child {
white-space: nowrap;
}
.tabular-details-table tbody tr td {
vertical-align: top;
white-space: normal !important;
}
.tabular-details-table tbody tr td:first-child a {
display: block;
text-align: left;
}
.tabular-details-table tbody tr td:first-child a.view-link {
display: inline;
float: right;
}
div.details-pane table {
margin-top: 8px;
}
div.details-pane > table {
margin-top: 0;
}
div.details-pane table tbody:first-child tr:first-child td {
padding-top: 0;
}
div.details-pane .details-row table {
margin-top: 0;
}
div.details-pane .edit-buttons {
float: right;
margin: 0;
padding: 0;
}
div.details-pane .edit-buttons li {
margin: 0;
padding: 0;
}
div.details-pane .edit-buttons a {
font-size: 11px;
font-weight: bold;
}
div.details-pane form .edit-buttons,
form.details-pane .edit-buttons {
position: absolute;
right: 10px;
}
.targeting-details {
min-height: 86px;
}
.targeting-details .anxs-table-header {
margin: 0;
}
.targeting-details .details-container {
margin-top: 0;
}
.targeting-panel fieldset {
padding: 10px;
}
.dtpn-loading,
.dtpn-loading .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.dtpn-loading .bg {
background: #fff;
opacity: 0.6;
}
.dtpn-loading .text {
background: #FAFAFA url(/images/spinner.gif?hbui_version=18.25.4) no-repeat 10px center;
border: 1px solid #ccc;
line-height: 16px;
padding: 10px 10px 10px 30px;
position: absolute;
top: 10px;
left: 10px;
z-index: 100;
}
.filter-container {
/* overflow: hidden; */
padding: 5px;
background: #F4F4F4;
}
.filter-container #attr-list-filter {
text-align: right;
/* float: right; */
/* width: 525px; */
}
.filter-container #attr-list-filter > div {
padding-top: 3px;
}
.filter-container #attr-list-filter > div input[type="checkbox"] {
margin-right: 5px;
}
#eligibility-settings .toolbar {
min-height: 10px;
}
/* TOOLBAR LAYOUT */
/*.global-toolbar {
// background-color: #aaa;
background-image: url(/images/bg_white_alpha_85.png);
background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.95), rgba(200, 200, 200, 0.8));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(200, 200, 200, 0.8));
background-image: linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(200, 200, 200, 0.8));
border-top: 2px solid #000;
height: 34px;
margin: 0 -7px 7px 0;
position: relative;
top: 0;
}*/
.global-toolbar:after {
content: "";
display: block;
clear: both;
}
ul,
ul li {
margin: 0;
padding: 0;
}
ul.global-breadcrumb li {
float: left;
font-size: 13px;
/* font-weight: bold; */
/* font-variant: small-caps; */
line-height: 34px;
padding: 0 10px;
}
ul.global-breadcrumb li.static {
margin: 0 60px 0 0;
}
ul.global-breadcrumb li:last-child {
font-size: 15px;
font-weight: bold;
}
ul.global-breadcrumb li.separator {
color: #fff;
padding: 0;
}
ul.global-breadcrumb li.trunc a {
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
}
ul.global-breadcrumb li a {
color: #000;
display: block;
text-decoration: underline;
white-space: nowrap;
}
ul.global-breadcrumb li a:hover {
text-decoration: none;
}
.global-actions {
float: right;
}
.global-actions > div,
.global-actions > form {
display: inline-block;
float: left;
}
.global-actions .toolbar-menu > a {
white-space: nowrap;
text-decoration: none;
}
.global-actions .feedback-module > a b {
background: none;
padding-right: 0;
}
.global-actions .feedback-module > a span.envelope {
background-image: url(/images/envelope.png?hbui_version=18.25.4);
background-repeat: no-repeat;
background-position: 0px center;
padding-left: 20px;
}
.global-actions .toolbar-menu {
position: relative;
}
.global-actions .toolbar-menu .toolbar-menu-button.open {
background: #fff;
background-color: white;
border-color: #b8b8b8;
border-bottom: none;
border-radius: 3px 3px 0 3px;
position: relative;
/* padding-bottom: 3px; */
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.global-actions .toolbar-menu .toolbar-menu-button.open.widerWidth {
z-index: 1001;
border-radius: 3px 3px 0 0;
}
.toolbar-menu-button.btn.open.widerWidth:after {
background: white;
bottom: -4px;
content: "";
height: 4px;
left: 0;
position: absolute;
right: 0;
}
.global-actions .toolbar-menu .toolbar-menu-content {
background-color: #fff;
border: 1px solid #b8b8b8;
display: none;
position: absolute;
z-index: 1000;
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
border-radius: 3px 0 3px 3px;
/* padding-top: 3px; */
}
.toolbar-menu-button.btn.open.smallerWidth + .toolbar-menu-content {
border-radius: 0 0 3px 3px;
border-top: solid 1px white;
}
.toolbar-menu-button.btn.open.smallerWidth + .toolbar-menu-content:before {
background-image: none;
background: #fff;
top: -4px;
content: "";
height: 10px;
left: 0;
position: absolute;
right: 0;
z-index: 1022;
}
.global-actions .toolbar-menu .toolbar-menu-content .anxs-table-header {
background: #111;
margin-top: 0;
}
.global-actions .toolbar-menu ul.toolbar-menu-content li a {
color: #111;
display: block;
font-size: 12px;
padding: 2px 11px;
text-decoration: none;
white-space: nowrap;
}
.global-actions .toolbar-menu ul.toolbar-menu-content li a:hover {
background: #e5f1f6;
position: relative;
z-index: 1002;
}
.notifications h3.header {
display: none;
}
.notifications .notifications-list-container .footer {
padding: 5px 10px 5px;
}
/* EMAIL US LINK */
.feedback-form {
background-color: #fff;
width: 355px;
}
.feedback-form fieldset {
border-bottom: 2px solid #ccc;
margin: 0 10px;
padding: 10px 0 0;
}
.feedback-form fieldset .input-set {
width: 325px;
}
.feedback-form fieldset .input-set label {
line-height: 16px;
width: 60px;
}
.feedback-form fieldset input[type="text"],
.feedback-form fieldset input[type="email"],
.feedback-form fieldset textarea {
width: 250px;
}
.feedback-form fieldset select {
width: 254px;
}
.feedback-form fieldset textarea {
height: 8em;
}
.feedback-form a.btn-cancel {
color: #666;
}
.feedback-form .button-set {
border-bottom: 0 none;
margin-bottom: 10px;
text-align: right;
}
.feedback-form ul li {
list-style: disc outside none;
}
.feedback-images ul {
margin-left: 63px;
max-height: 100px;
overflow: auto;
}
/* File uploader */
.feedback-form .qq-uploader {
position: relative;
width: 100%;
}
.feedback-form .qq-upload-drop-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 70px;
z-index: 2;
background: #FF9797;
text-align: center;
}
.feedback-form .qq-upload-drop-area span {
display: block;
position: absolute;
top: 50%;
width: 100%;
margin-top: -8px;
font-size: 16px;
}
.feedback-form .qq-upload-drop-area-active {
background: #FF7171;
}
.feedback-form .qq-upload-list {
margin: 15px 35px;
padding: 0;
list-style: disc;
}
.feedback-form .qq-upload-list li {
margin: 0;
padding: 0;
line-height: 15px;
font-size: 12px;
}
.feedback-form .qq-upload-file,
.feedback-form .qq-upload-spinner,
.feedback-form .qq-upload-size,
.feedback-form .qq-upload-cancel,
.feedback-form .qq-upload-failed-text {
margin-right: 7px;
}
.feedback-form .qq-upload-spinner {
display: inline-block;
background: url("/images/spinner.gif?hbui_version=18.25.4");
width: 15px;
height: 15px;
vertical-align: text-bottom;
}
.feedback-form .qq-upload-size,
.feedback-form .qq-upload-cancel {
font-size: 11px;
}
.feedback-form .qq-upload-failed-text {
display: none;
}
.feedback-form .qq-upload-fail .qq-upload-failed-text {
display: inline;
}
/* ALERTS / NOTIFICATIONS */
.notifications.open {
background-color: #f6f6f6;
border: 1px solid #ccc;
border-bottom: 0 none;
padding: 1px 7px 6px 5px !important;
}
.notifications > a .count {
background-color: #c60;
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 0 4px 1px;
}
.notifications .notifications-click-icon,
div.gritter-item .notifications-click-icon {
height: 20px;
width: 20px;
cursor: pointer;
background: #CCC;
border: 1px solid #999;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
z-index: 1;
}
.notifications .notifications-click-icon:hover {
border-color: #666;
}
.notifications .notifications-click-icon p,
div.gritter-item .notifications-click-icon p {
color: #111;
font-size: 15px;
font-weight: bold;
line-height: 20px;
text-align: center;
text-shadow: none;
}
.notifications .notifications-list-container {
background: #fff;
border-top: 0 none;
width: 550px;
}
.notifications .notifications-list-container > .notifications-list {
max-height: 500px;
overflow-y: auto;
padding: 10px 10px 0;
}
.notifications .notifications-list-container > .notifications-list > .notification-new {
line-height: 1.3em;
border: 1px solid #e7e4ba;
background: url(/v2/img/ico_warning.png?hbui_version=18.25.4) no-repeat 10px 10px #fffccd;
padding: 10px 10px 10px 40px;
margin-bottom: 10px;
}
.notification-new .notifications-date {
float: right;
color: #8f8f8f;
font-size: .9em;
}
.notification-new .notifications-status {
font-weight: bold;
margin-bottom: 5px;
line-height: 1em;
font-size: 14px;
}
.notifications-title {
font-weight: bold;
margin-bottom: 0;
}
.notifications .notifications-list-container > .notifications-list > .notification-new:last-child {
margin-bottom: 0;
}
.notifications .notifications-list-container > .notifications-list > .notification-new a {
text-decoration: underline !important;
}
.feedback-module h3.header {
background: #111;
color: #fff;
margin-bottom: 0;
padding: 4px 10px;
}
.notifications .notifications-list-container .footer span {
display: inline-block;
padding: 0;
}
.notifications .notifications-list-container .footer a {
text-decoration: none;
float: right;
padding: 0;
}
.notifications .notifications-list-container .footer a:hover {
text-decoration: underline;
}
.notification .date {
color: #888;
float: right;
}
.notification .meta {
font-weight: bold;
margin-bottom: 8px;
}
.notification .head {
font-weight: bold;
}
/* UNIVERSAL SEARCH */
.universal-search .search-input:after {
content: "";
display: block;
clear: left;
}
#GlobalToolbar .toolbar,
#GlobalToolbar ul.toolbar {
margin: 22px 15px 0 0;
padding: 0;
background: none;
}
#GlobalToolbar ul.toolbar > li {
margin: 0 0 0 10px;
}
#GlobalToolbar .anx.btn,
#GlobalToolbar .btn {
font-weight: normal;
}
.bootstrap-button {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
*margin-left: .3em;
}
.bootstrap-button:hover,
.bootstrap-button:active,
.bootstrap-button.active,
.bootstrap-button.disabled,
.bootstrap-button[disabled] {
background-color: #e6e6e6;
}
.bootstrap-button:active,
.bootstrap-button.active {
background-color: #cccccc \9;
}
.bootstrap-button:first-child {
*margin-left: 0;
}
.bootstrap-button:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.bootstrap-button:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.bootstrap-button.active,
.bootstrap-button:active {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #e6e6e6;
background-color: #d9d9d9 \9;
outline: 0;
}
.bootstrap-button.disabled,
.bootstrap-button[disabled] {
cursor: default;
background-image: none;
background-color: #e6e6e6;
opacity: 0.65;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.bootstrap-button-large {
padding: 9px 14px;
font-size: 15px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.bootstrap-button-large [class^="icon-"] {
margin-top: 1px;
}
.bootstrap-button-small {
padding: 5px 9px;
font-size: 11px;
line-height: 16px;
}
.bootstrap-button-small [class^="icon-"] {
margin-top: -1px;
}
.bootstrap-button-mini {
padding: 2px 6px;
font-size: 11px;
line-height: 14px;
}
.bootstrap-button-primary,
.bootstrap-button-primary:hover,
.bootstrap-button-warning,
.bootstrap-button-warning:hover,
.bootstrap-button-danger,
.bootstrap-button-danger:hover,
.bootstrap-button-success,
.bootstrap-button-success:hover,
.bootstrap-button-info,
.bootstrap-button-info:hover,
.bootstrap-button-inverse,
.bootstrap-button-inverse:hover {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
color: #ffffff;
}
.bootstrap-button-primary.active,
.bootstrap-button-warning.active,
.bootstrap-button-danger.active,
.bootstrap-button-success.active,
.bootstrap-button-info.active,
.bootstrap-button-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.bootstrap-button-primary {
background-color: #0074cc;
background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
background-image: -o-linear-gradient(top, #0088cc, #0055cc);
background-image: linear-gradient(top, #0088cc, #0055cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
border-color: #0055cc #0055cc #003580;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.bootstrap-button-primary:hover,
.bootstrap-button-primary:active,
.bootstrap-button-primary.active,
.bootstrap-button-primary.disabled,
.bootstrap-button-primary[disabled] {
background-color: #0055cc;
}
.bootstrap-button-primary:active,
.bootstrap-button-primary.active {
background-color: #004099 \9;
}
.bootstrap-button-warning {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(top, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.bootstrap-button-warning:hover,
.bootstrap-button-warning:active,
.bootstrap-button-warning.active,
.bootstrap-button-warning.disabled,
.bootstrap-button-warning[disabled] {
background-color: #f89406;
}
.bootstrap-button-warning:active,
.bootstrap-button-warning.active {
background-color: #c67605 \9;
}
.bootstrap-button-danger {
background-color: #da4f49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(top, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.bootstrap-button-danger:hover,
.bootstrap-button-danger:active,
.bootstrap-button-danger.active,
.bootstrap-button-danger.disabled,
.bootstrap-button-danger[disabled] {
background-color: #bd362f;
}
.bootstrap-button-danger:active,
.bootstrap-button-danger.active {
background-color: #942a25 \9;
}
.bootstrap-button-success {
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -ms-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(top, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.bootstrap-button-success:hover,
.bootstrap-button-success:active,
.bootstrap-button-success.active,
.bootstrap-button-success.disabled,
.bootstrap-button-success[disabled] {
background-color: #51a351;
}
.bootstrap-button-success:active,
.bootstrap-button-success.active {
background-color: #408140 \9;
}
.bootstrap-button-info {
background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(top, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.bootstrap-button-info:hover,
.bootstrap-button-info:active,
.bootstrap-button-info.active,
.bootstrap-button-info.disabled,
.bootstrap-button-info[disabled] {
background-color: #2f96b4;
}
.bootstrap-button-info:active,
.bootstrap-button-info.active {
background-color: #24748c \9;
}
.bootstrap-button-inverse {
background-color: #414141;
background-image: -moz-linear-gradient(top, #555555, #222222);
background-image: -ms-linear-gradient(top, #555555, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
background-image: -webkit-linear-gradient(top, #555555, #222222);
background-image: -o-linear-gradient(top, #555555, #222222);
background-image: linear-gradient(top, #555555, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
border-color: #222222 #222222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.bootstrap-button-inverse:hover,
.bootstrap-button-inverse:active,
.bootstrap-button-inverse.active,
.bootstrap-button-inverse.disabled,
.bootstrap-button-inverse[disabled] {
background-color: #222222;
}
.bootstrap-button-inverse:active,
.bootstrap-button-inverse.active {
background-color: #080808 \9;
}
.publisher-placement-warning {
padding: 10px 10px 10px 35px;
font-size: 12px;
background-color: #fffccd;
border: 1px solid #e5de7d;
color: #333333;
position: relative;
border-radius: 4px;
margin: 10px 0;
}
.publisher-placement-warning i.alert-icon {
background-image: url(/v2/img/console-sprite_wl.png?hbui_version=18.25.4);
background-position: -140px -100px;
width: 20px;
height: 18px;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
}
.TableDisplay {
position: relative;
}
.TableDisplay .table-container {
position: relative;
border: solid #D1D1D1;
border-width: 0 1px;
}
.TableDisplay :focus {
outline: 0;
}
.TableDisplay td input[type="checkbox"] {
margin: 0;
}
.TableDisplay table {
border-collapse: collapse;
table-layout: fixed;
white-space: nowrap;
width: 100%;
font-size: 12px;
}
.TableDisplay table .Resizer {
display: none;
position: absolute;
top: -1px;
right: -1px;
height: 110%;
width: 4px;
padding: 0;
cursor: ew-resize;
}
.TableDisplay table .resizable .Resizer {
display: block;
}
.TableDisplay table .column-Grid-checkbox {
width: 26px !important;
}
.TableDisplay table .column-Grid-checkbox input[type="checkbox"] {
margin: 0;
}
.TableDisplay table .column-Grid-checkbox .table-head-container:after {
content: normal !important;
}
.TableDisplay table th.column-Grid-checkbox {
text-align: center !important;
}
.TableDisplay .header-container {
overflow: hidden;
position: relative;
width: 100%;
}
.TableDisplay .header-container .table-view {
position: relative;
}
.TableDisplay .header-container thead {
background-color: #757b7f;
color: #fff;
}
.TableDisplay .header-container thead > tr {
border: solid #656769;
border-width: 1px 0;
}
.TableDisplay .header-container thead th {
text-align: left;
border: solid #a5a9ac;
border-width: 0 1px 0 0;
line-height: 1em;
}
.TableDisplay .header-container thead th.column-Grid-checkbox .table-head-container td {
padding: 0 !important;
}
.TableDisplay .header-container thead th.sortable .table-head-container td {
padding-right: 20px;
}
.TableDisplay .header-container thead th.sortable.sorted {
background-color: #656769;
}
.TableDisplay .header-container thead th.sortable.to-asc:hover .table-head-container:after {
background-image: url(/images/arrow-up.svg?hbui_version=18.25.4);
}
.TableDisplay .header-container thead th.sortable:hover {
cursor: pointer;
}
.TableDisplay .header-container thead th.sortable:hover .table-head-container:after {
background-image: url(/images/arrow-down.svg?hbui_version=18.25.4);
}
.TableDisplay .header-container thead th.sortable.sorted-asc .table-head-container:after,
.TableDisplay .header-container thead th.sortable.asc .table-head-container:after {
background-image: url(/images/arrow-up.svg?hbui_version=18.25.4);
}
.TableDisplay .header-container thead th.sortable.sorted-desc .table-head-container:after,
.TableDisplay .header-container thead th.sortable.desc .table-head-container:after {
background-image: url(/images/arrow-down.svg?hbui_version=18.25.4);
}
.TableDisplay .header-container thead th .table-head-container {
position: relative;
height: 100%;
width: 100%;
table-layout: fixed;
min-height: 20px;
}
.TableDisplay .header-container thead th .table-head-container:after {
width: 16px;
position: absolute;
top: 0;
bottom: 0;
right: 5px;
background: no-repeat center right;
}
.TableDisplay .header-container thead th .table-head-container td {
line-height: 24px;
padding: 0 10px;
}
.TableDisplay div.body-container {
position: relative;
width: 100%;
}
.TableDisplay div.body-container table.table-view tbody tr td {
border-bottom: 1px solid #d1d1d1;
}
.TableDisplay div.body-container tr {
background-color: #fff;
}
.TableDisplay div.body-container tr.inactive td {
font-style: italic;
color: #666;
}
.TableDisplay div.body-container tr.active,
.TableDisplay div.body-container tr.active-row,
.TableDisplay div.body-container tr.selected {
background-color: #d2ebec;
}
.TableDisplay div.body-container tr.active a,
.TableDisplay div.body-container tr.active-row a,
.TableDisplay div.body-container tr.selected a {
color: #333;
}
.TableDisplay div.body-container tr.active:hover,
.TableDisplay div.body-container tr.active-row:hover,
.TableDisplay div.body-container tr.selected:hover {
color: #333;
}
.TableDisplay div.body-container tr.active:hover a,
.TableDisplay div.body-container tr.active-row:hover a,
.TableDisplay div.body-container tr.selected:hover a {
color: #333;
}
.TableDisplay div.body-container tr.highlighted {
background-color: #4DB5BD;
}
.TableDisplay div.body-container tr.highlighted td {
color: #fff;
}
.TableDisplay div.body-container tr.highlighted td a:not(.btn) {
color: white;
}
.TableDisplay div.body-container tr.highlighted td input[type=text] {
color: #333;
}
.TableDisplay div.body-container tr.highlighted td p.include,
.TableDisplay div.body-container tr.highlighted td p.exclude {
color: #fff !important;
}
.TableDisplay div.body-container tr:hover:not(.failed) {
background-color: #1f9aa2;
}
.TableDisplay div.body-container tr:hover:not(.failed) td,
.TableDisplay div.body-container tr:hover:not(.failed) .drillable,
.TableDisplay div.body-container tr:hover:not(.failed) .column-title {
color: #fff;
}
.TableDisplay div.body-container tr:hover:not(.failed) td a:not(.btn),
.TableDisplay div.body-container tr:hover:not(.failed) .drillable a:not(.btn),
.TableDisplay div.body-container tr:hover:not(.failed) .column-title a:not(.btn),
.TableDisplay div.body-container tr:hover:not(.failed) td .drillable,
.TableDisplay div.body-container tr:hover:not(.failed) .drillable .drillable,
.TableDisplay div.body-container tr:hover:not(.failed) .column-title .drillable {
color: white;
}
.TableDisplay div.body-container tr:hover:not(.failed) td input[type=text],
.TableDisplay div.body-container tr:hover:not(.failed) .drillable input[type=text],
.TableDisplay div.body-container tr:hover:not(.failed) .column-title input[type=text] {
color: #333;
}
.TableDisplay div.body-container tr:hover:not(.failed) td p.include,
.TableDisplay div.body-container tr:hover:not(.failed) .drillable p.include,
.TableDisplay div.body-container tr:hover:not(.failed) .column-title p.include,
.TableDisplay div.body-container tr:hover:not(.failed) td p.exclude,
.TableDisplay div.body-container tr:hover:not(.failed) .drillable p.exclude,
.TableDisplay div.body-container tr:hover:not(.failed) .column-title p.exclude {
color: #fff !important;
}
.TableDisplay div.body-container td {
border-bottom: 1px solid #d1d1d1;
padding: 5px 10px;
}
.TableDisplay div.body-container td * {
line-height: 1em;
}
.TableDisplay div.body-container td.column-name > div a.edit,
.TableDisplay div.body-container td.column-name > div a.details {
position: absolute;
opacity: 0;
padding: 2px;
line-height: 14px;
transition: .1s .1s opacity;
top: calc(50% - 11px);
top: -webkit-calc(50% - 11px);
top: -moz-calc(50% - 11px);
}
.TableDisplay div.body-container td.column-name > div a.edit i,
.TableDisplay div.body-container td.column-name > div a.details i {
width: 16px;
height: 14px;
display: inline-block;
}
.TableDisplay div.body-container td.column-name > div a.edit {
right: 0px;
}
.TableDisplay div.body-container td.column-name > div a.edit i {
background-position: -38px -119px;
}
.TableDisplay div.body-container td.column-name > div a.details {
right: 26px;
}
.TableDisplay div.body-container td.column-name > div a.view-details {
padding-right: 20px;
}
.TableDisplay .loading-mask {
background: #ddd;
background: rgba(255, 255, 255, 0.5);
z-index: 20;
width: 100%;
}
.TableDisplay .loading-mask .loading-box {
background: #fafafa url(/images/spinner.gif?hbui_version=18.25.4) no-repeat 10px center;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
border: 2px solid darkGray;
line-height: 16px;
padding: 20px 20px 20px 30px;
position: absolute;
font-weight: bold;
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -57.5px;
z-index: 100;
border-radius: 3px;
}
.message-container {
color: #333;
font-size: 1.5em;
padding: 1em 0;
text-align: center;
background-color: #fff;
}
.footer-container {
border-top: 2px solid #D1D1D1;
text-align: right;
padding: 5px;
background-color: #f4f4f4;
white-space: nowrap;
overflow: hidden;
margin-top: -1px;
}
.anx.TableDisplay tbody .column-name div.column-name-option {
margin-right: 0;
position: relative;
vertical-align: middle;
}
.anx.TableDisplay tbody .column-name div.column-name-option span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
width: calc(100% - 55px);
line-height: 1em;
}
.anx.TableDisplay tbody .column-name div.column-name-option span.help-bubble {
width: auto;
}
.anx.TableDisplay tbody .column-name div.column-name-option span.help-bubble-inline {
display: inline;
padding-top: 0;
vertical-align: middle;
}
.anx.TableDisplay tbody .column-name div.column-name-option > div > input {
width: 100%;
}
.anx.TableDisplay > .table-container > div > table > thead > tr th > .table-head-container > tbody > tr > td i.include-icon,
.anx.TableDisplay > div > table > thead > tr th > .table-head-container > tbody > tr > td i.include-icon,
.anx.TableDisplay > .table-container > div > table > thead > tr th > .table-head-container > tbody > tr > td i.exclude-icon,
.anx.TableDisplay > div > table > thead > tr th > .table-head-container > tbody > tr > td i.exclude-icon {
margin: 7px -5px -3px;
}
.anx.Grid_DEPRECATED .grid-table tbody tr:hover {
background-color: #1f9aa2;
color: #fff;
}
.anx.TableDisplay > .table-container > div > table > thead > tr th.sorted.sorted-asc:after,
.anx.TableDisplay > div > table > thead > tr th.sorted.sorted-asc:after,
.anx.TableDisplay > .table-container > div > table > thead > tr th.sorted-asc[class*="sorted-"]:after,
.anx.TableDisplay > div > table > thead > tr th.sorted-asc[class*="sorted-"]:after,
.anx.TableDisplay > .table-container > div > table > thead > tr th.sorted.asc .table-head-container:after,
.anx.TableDisplay > div > table > thead > tr th.sorted.asc .table-head-container:after,
.anx.TableDisplay > .table-container > div > table > thead > tr th.asc[class*="sorted-"] .table-head-container:after,
.anx.TableDisplay > div > table > thead > tr th.asc[class*="sorted-"] .table-head-container:after,
.anx.TableDisplay > .table-container > div > table > thead > tr th.sorted.asc:hover .table-head-container:after,
.anx.TableDisplay > div > table > thead > tr th.sorted.asc:hover .table-head-container:after,
.anx.TableDisplay > .table-container > div > table > thead > tr th.asc[class*="sorted-"]:hover .table-head-container:after,
.anx.TableDisplay > div > table > thead > tr th.asc[class*="sorted-"]:hover .table-head-container:after {
content: "";
}
.anx.TableDisplay .footer-container .anx.Pager {
float: none;
}
.TableDisplay div.body-container tr:hover .sync-icon {
background-position: -160px -235px;
}
.anx.NestedGrid .ctnr-grid tr:hover td div.drillable {
color: #fff !important;
}
table tbody tr td,
table thead tr th {
padding: 3px 5px;
}
.grid-pager-select,
table tr td select.jump-to {
float: right;
margin: -1px 0 -2px;
width: 88px;
border: 1px solid;
border-color: #CCCCCC #CCCCCC #B3B3B3;
border-radius: 3px;
padding: 2px;
color: #333333;
}
.grid-table .alignright {
text-align: right;
}
.grid-table .alignleft {
text-align: left;
}
.grid-table .aligncenter {
text-align: center;
}
.grid-table thead {
background-color: #757b7f;
color: #fff;
}
.grid-table thead > tr {
border: solid #656769;
border-width: 1px 0;
}
.grid-table thead > tr th {
text-align: left;
border: solid #a5a9ac;
border-width: 0 1px;
line-height: 1.2em;
white-space: nowrap;
}
.grid-table thead > tr th .grid-header-contents {
padding: 3px 10px;
}
.grid-table tbody tr {
background-color: #fff;
}
.grid-table tbody tr.inactive td {
font-style: italic;
color: #666;
}
.grid-table tbody tr.selected,
.grid-table tbody tr.grid-checked,
.grid-table tbody tr.checked {
background-color: #d2ebec;
}
.grid-table tbody tr.selected a,
.grid-table tbody tr.grid-checked a,
.grid-table tbody tr.checked a {
color: #333;
}
.grid-table tbody tr.selected:hover,
.grid-table tbody tr.grid-checked:hover,
.grid-table tbody tr.checked:hover {
color: #333;
}
.grid-table tbody tr.selected:hover a,
.grid-table tbody tr.grid-checked:hover a,
.grid-table tbody tr.checked:hover a {
color: #333;
}
.grid-table tbody tr.highlighted,
.grid-table tbody tr.grid-selected {
background-color: #4DB5BD;
}
.grid-table tbody tr.highlighted td,
.grid-table tbody tr.grid-selected td {
color: #fff;
}
.grid-table tbody tr.highlighted td a:not(.btn),
.grid-table tbody tr.grid-selected td a:not(.btn) {
color: white;
}
.grid-table tbody tr:hover {
background-color: #1f9aa2;
}
.grid-table tbody tr:hover td {
color: #fff;
}
.grid-table tbody tr:hover td a:not(.btn) {
color: white;
}
.grid-table tbody tr:hover td .dropdown-menu a {
color: #333;
}
.grid-table tbody td {
border-bottom: 1px solid #d1d1d1;
white-space: nowrap;
padding: 5px 10px;
}
.grid-table tbody td > * {
line-height: 1em;
}
.grid-table tbody td.column-name > div a.edit,
.grid-table tbody td.column-name > div a.details {
position: absolute;
opacity: 0;
padding: 2px;
line-height: 14px;
transition: .1s .1s opacity;
top: calc(50% - 11px);
top: -webkit-calc(50% - 11px);
top: -moz-calc(50% - 11px);
}
.grid-table tbody td.column-name > div a.edit i,
.grid-table tbody td.column-name > div a.details i {
width: 16px;
height: 14px;
display: inline-block;
}
.grid-table tbody td.column-name > div a.edit {
right: 0px;
}
.grid-table tbody td.column-name > div a.edit i {
background-position: -38px -119px;
}
.grid-table tbody td.column-name > div a.details {
right: 26px;
}
.grid-table tbody td.column-name > div a.view-details {
padding-right: 20px;
}
.grid-table .dropdown-menu li > a:hover {
color: #333;
}