.label-picker {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 75;
}
.overlay.label-picker-overlay {
    background: transparent;
    z-index: 50;
}
.label-picker input[type="search"] {
    border: 1px solid #CCCCCC;
    line-height: normal;
    min-width: 168px;
    outline: none;
    width: 100%;
}
.label-picker ul {
    margin: 0;
    max-height: 177px;
    overflow-y: auto;
}
.label-picker li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.label-picker .selected label {
    font-weight: bold;
}.label-list {
    margin-left: 140px;
    line-height: normal;
}
.label-list h3 {
    margin-top: 15px;
}
.label-list th,
.label-list td {
    text-align: left;
}
.label-list table {
    border-collapse: collapse;
}
.label-list tr.hover td {
    background-color: #FDFED5;
}
.label-list th {
    border-top: none;
    border-bottom: 2px solid #BBBBBB;
    cursor: pointer;
    font-weight: normal;
    padding: 5px 5px;
}
.label-list th.sorted {
    font-weight: bold;
}
.label-list td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    padding: 10px 5px;
}
.label-list .toggle-cell {
    min-width: 20px;
    text-align: center;
}
.label-list .toggle {
    display: inline-block;
}
.label-list .toggle:hover {
    cursor: pointer;
}
.label-list .toggle.collapsed {
    border-bottom: 7px solid transparent;
    border-left: 7px solid #777777;
    border-top: 7px solid transparent;
}
.label-list .toggle.expanded {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #777777;
}
.label-list .toggle.loading {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    background: transparent url("images/wait-indicator-animated.png") no-repeat center center !important;
    border: none;
    color: transparent;
    height: 18px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    width: 18px;
}
.label-list .label-cell p,
.label-list .data-cell p {
    font-size: 14px;
    margin: 0;
}
.label-list .name {
    font-weight: bold;
    opacity: 0.9;
}
.label-list .count {
    padding-right: 5px;
}
.label-list tr.hover td.data-cell p,
.label-list tr.hover td.data-cell span {
    visibility: hidden;
}
.label-list .dash {
    opacity: 0.8;
}
.label-list .button-cell {
    min-width: 85px;
}
.label-list .button-cell .buttons {
    display: none;
    position: relative;
}
.label-list tr.hover .buttons {
    display: block;
}
.label-list .button-container {
    bottom: 0;
    position: absolute;
    right: 20px;
    white-space: nowrap;
}
.label-list .menu-button {
    display: inline-block;
    position: relative;
}
.label-list .button {
    background-color: #EEEEEE;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#CCCCCC));
    background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFBBBBBB)";
    background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC);
    border: 1px solid #AAAAAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 9px;
    height: 10px;
    line-height: 100%;
    margin: 2px 0 0 5px;
    padding: 2px 4px 2px 4px;
}
.label-list .button:hover {
    background-image: -webkit-gradient(linear, center top, center bottom, from(#EEEEEE), to(#BBBBBB));
    background-image: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFCCCCCC, endColorstr=#FF999999)";
    background-image: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
}
.label-list .button i {
    color: #666666;
}
.label-list .menu {
    display: none;
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 40;
}
.label-list .menu ul {
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    border: 1px solid #AAAAAA;
    background-color: #EEEEEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    width: 90px;
}
.label-list .menu li {
    display: block;
    color: #333333;
    font-size: 10px;
    line-height: 100%;
    margin: 0;
    padding: 3px 10px 3px 5px;
    cursor: pointer;
}
.label-list .menu li:hover {
    background-color: #CCCCCC;
}
.label-list .menu li.border {
    background-color: #CCCCCC;
    border-bottom: 1px solid #F9F9F9;
    display: block;
    height: 1px;
    margin-top: 2px;
    margin-bottom: 1px;
    padding: 0;
}
.label-search {
    -moz-appearance: searchfield;
    -webkit-appearance: searchfield;
    float: right;
    width: 160px;
}
.creative-list-region {
    display: table-cell;
    width: 100%;
    padding-left: 20px;
}
.creative-list .scroll-pane {
    margin-top: 15px;
}
.scroll-pane {
    overflow-y: scroll;
}
.scroll-pane::-webkit-scrollbar {
    width: 16px;
}
.scroll-pane::-webkit-scrollbar-thumb:vertical {
    -webkit-border-image: url("images/projects.scrollthumb.vertical.png") 13 0 13 0;
    border-color: transparent;
    border-width: 13px 0;
    min-height: 200px;
}
.scroll-pane .pager {
  clear: both;
  padding-top: 10px;
}
.scroll-pane .pager div {
  text-align: center;
  margin: 0px auto 1px auto;
  padding: 5px;
  width: 60%;
  display: block;
  color: #333333;
  font-size: 12px;
  line-height: 12px;
  border: 1px solid #aaaaaa;
  background-color: #eeeeee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffbbbbbb)";
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  cursor: pointer;
}
.scroll-pane .pager div:hover {
  text-decoration: none;
  background-image: none;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#eeeeee), to(#bbbbbb));
  background-image: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ff999999)";
  background-image: -o-linear-gradient(top, #eeeeee, #bbbbbb);
}
.creative-label {
    background-color: #EDEDED;
    padding: 10px 10px 0 10px;
}
.creative-label .column {
    float: left;
}
.creative-label .column.picker {
    padding: 0 15px 0 5px;
    position: relative;
    top: 18px;
}
.creative-label .row.border {
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 10px;
}
.creative-label .column.data {
    padding-left: 16px;
}
.creative-label img {
    height: 50px;
    width: 50px;
}
.creative-label p.column {
    margin: 0;
    min-width: 210px;
}
.creative-label p.title {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.creative-label-list td {
    border-bottom: none;
    padding: 0;
    
}
.creative-label-list .shadow {
    -moz-box-shadow: inset 0 6px 8px -4px #CCCCCC;
    -webkit-box-shadow: inset 0 6px 8px -4px #CCCCCC;
    box-shadow: inset 0 6px 8px -4px #CCCCCC;
    height: 6px;
    margin-bottom: -6px;
    
    position: relative;
    
}
.creative-label label {
    color: #9EA1A1;
    display: inline-block;
    font-family: 'CalibriBoldLocal';
    font-weight: normal;
    text-transform: uppercase;
}
.creative-label .date label {
    margin-right: 10px;
    min-width: 55px;
    text-align: right;
}
.preview-panel {
  position: absolute;
  padding-left: 2px;
  width: 324px;
  height: 56px;
  z-index: 80;
  display: none;
  overflow: hidden;
}
.preview-panel .panel-bg {
  position: absolute;
  width: 320px;
  height: 51px;
  background-color: #f2f2f2;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 2px 2px 3px rgba(0,0,0,.4);
}
#preview-page-first, #preview-page-prev, #preview-page-next {
  position: absolute;
  display: block;
  width: 40px;
  height: 30px;
  top: 11px;
  opacity: .25;
}
#preview-page-first.active, #preview-page-prev.active, #preview-page-next.active {
  opacity: 1;
}
#preview-page-first {
  background: transparent url("images/preview-page-first.png") no-repeat top left;
  left: 31px;
}
#preview-page-first.active:hover {
  background: transparent url("images/preview-page-first-over.png") no-repeat top left;
}
#preview-page-prev {
  background: transparent url("images/preview-page-prev.png") no-repeat top left;
  left: 79px;
}
#preview-page-prev.active:hover {
  background: transparent url("images/preview-page-prev-over.png") no-repeat top left;
}
#preview-page-next {
  background: transparent url("images/preview-page-next.png") no-repeat top left;
  left: 129px;
}
#preview-page-next.active:hover {
  background: transparent url("images/preview-page-next-over.png") no-repeat top left;
}
#preview-exit {
  color: #333333;
  font-weight: lighter;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  padding-top: 5px;
  display: block;
  position: absolute;
  top: 13px;
  left: 193px;
  width: 100px;
  height: 26px;
  background: transparent url("images/preview-exit.png") no-repeat top left;
}
#preview-exit:hover {
  background: transparent url("images/preview-exit-over.png") no-repeat top left;
}
#html-preview-bg, #html-preview-bg-bg, #html-preview-fg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  text-align: center;
  cursor: pointer;
}
#html-preview-bg::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
#html-preview-bg::-webkit-scrollbar-track,
#html-preview-bg::-webkit-scrollbar-track-piece {
  background-color: none;
}
#html-preview-bg::-webkit-scrollbar-corner {
  display: none;
}
#html-preview-bg::-webkit-scrollbar-thumb:horizontal {
  -webkit-border-image: url("images/preview.scrollthumb.horizontal.png") 0 13 0 13;
  border-color: transparent;
  border-width: 0 13px;
  min-width: 20px;
}
#html-preview-bg::-webkit-scrollbar-thumb:vertical {
  -webkit-border-image: url("images/preview.scrollthumb.vertical.png") 13 0 13 0;
  border-color: transparent;
  border-width: 13px 0;
  min-height: 20px;
}
#html-preview-bg-bg {
  background-image: url("images/background.transparent.pattern.png");
}
.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.folders .creative-search {
    display: none;
}@font-face {
    font-family: CalibriLocal;
    src: url("images/CalibriLocal.eot"); 
    src: url("images/CalibriLocal.eot?#iefix") format('embedded-opentype'), 
         url("images/CalibriLocal.woff") format('woff'), 
         url("images/CalibriLocal.ttf")  format('truetype'), 
         url("images/CalibriLocal.svg#svgFontName") format('svg'); 
}
@font-face {
    font-family: CalibriBoldLocal;
    src: url("images/CalibriBoldLocal.eot"); 
    src: url("images/CalibriBoldLocal.eot?#iefix") format('embedded-opentype'), 
         url("images/CalibriBoldLocal.woff") format('woff'), 
         url("images/CalibriBoldLocal.ttf")  format('truetype'), 
         url("images/CalibriBoldLocal.svg#svgFontName") format('svg'); 
}
.new-creative-region {
    display: table-cell;
    min-width: 420px;
    padding-left: 20px;
    padding-right: 20px;
}
 #create-project {
  margin-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
#create-project::-webkit-scrollbar {
  width: 16px;
}
#create-project {
  margin-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
#create-project::-webkit-scrollbar-thumb:vertical {
  -webkit-border-image: url("images/projects.scrollthumb.vertical.png") 13 0 13 0;
  border-color: transparent;
  border-width: 13px 0;
  min-height: 200px;
}
#new-project-form  {
  margin: 0px auto 0px auto;
  padding: 0px 10px 2px 10px;
  line-height: 100%;
  color: #333333;
}
.project-form .ad-format-image {
  width: 240px;
  height: 150px;
  background-position: center center;
  margin-left: 95px;
}
.project-form input[maxlength="4"] {
  width: 40px;
  display:inline-block;
}
.project-form input[type=text] {
  height: 16px;
  margin-bottom: 10px;
}
.project-form input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: .4em;
  display: inline-block;
  background: #fafafa;
  background: -webkit-linear-gradient(top,  #fafafa 0%,#dcdcdc 100%);
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #999999;
  box-shadow: inset 0 1px 2px #fff, 0 1px 1px #bbb;
  outline: none;
}
.project-form .dimensions-custom input[type=radio] {
    vertical-align: top;
    top: 2px;
}
.project-form input[type=radio]:checked:after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background: #777;
  margin-left: .4em;
  margin-top: .4em;
  box-shadow: 0 1px 1px #fff;
}
.project-form input[type=radio]:active) {
  background: #f0f0f0;
  background: -webkit-linear-gradient(top, #f0f0f0 0%,#bebebe 100%);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
  text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}
.project-form input[type=radio]:hover) {
  background: #ffffff;
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
}
.project-form .dimensions-custom span {
  display: inline-block;
  font-size: 10px;
  padding: 1px 0px 0px 1px;
}
.project-form .dimensions-x {
  padding: 0 0 0 1px;
  position: relative;
  text-align: center;
  top: 6px;
  vertical-align: top;
}
.project-form .dimensions label {
  padding-top: 6px;
}
.project-form #project-title {
  width: 232px;
}
.project-form .ad-format-select,
.project-form .ad-format-description {
  width: 240px;
}
.project-form select {
  font-size: 12px;
  -webkit-appearance: button;
  -moz-appearance: button;
  display: inline-block;
  appearance: button;
  border: 1px solid #999999;
  border-radius: 4px;
  padding-left: 5px;
  height: 25px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));
  background-image: -moz-linear-gradient(#ffffff, #cccccc);
  color: #333333;
}
@-moz-document url-prefix() {
    #new-project-form select {
        padding: 2px;
    }
}
.project-form .select-arrow {
  display: inline-block;
  position: relative;
  margin: 0 0 2px -1.6em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #777;  
}  
@-moz-document url-prefix() {
    #new-project-form .select-arrow {
        display: none;
    }
}
.project-form .button {
  width: 130px;
  height: 27px;
  margin-left:200px;
  color: #444444;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#eeeeee), to(#bbbbbb));
  background-image: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffbbbbbb)";
  background-image: -o-linear-gradient(top, #eeeeee, #bbbbbb);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  margin-top: 10px;
  padding: 0px 10px 2px 10px;
  border: 1px solid #666666;
  vertical-align: text-baseline;
}
.project-form .button:hover {
  cursor: pointer;
  background-image: none;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8c8c8c), color-stop(50%, #777777), to(#555555));
  background-image: -moz-linear-gradient(top, #8c8c8c, #777777, #555555);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff666666, endColorstr=#ff333333)";
  background-image: -o-linear-gradient(top, #8c8c8c, #555555);
  color: #ffffff;
}
.project-form input[type=text] {
  padding: 2px;
  color: #333333;
}
.project-form input[type=text]::-moz-focus-inner {
  border: 0px;
}
.project-form input[type=text]:focus {
  outline: none;
}
.project-form select {
  font-size: 12px;
  -webkit-appearance: button;
  -moz-appearance: button;
  display: inline-block;
  appearance: button;
  border: 1px solid #999999;
  border-radius: 4px;
  padding-left: 5px;
  height: 25px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));
  background-image: -moz-linear-gradient(#ffffff, #cccccc);
  color: #333333;
  outline: none;
}
.project-form .select-arrow {
  display: inline-block;
  position: relative;
  margin: 0 0 2px -1.6em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #777;
}
.project-form .ad-format-description {
  margin: 0px 0px 10px 100px;
  font-size: 11px;
  line-height: 14px;
}
.ad-format-description .description-title {
  font-weight: bold;
  padding-right: 0.3em;
}
.project-form label {
  display: block;
  float: left;
  padding-right: 15px;
  text-align: right;
  padding-top: 6px;
  width: 80px;
}
.project-form .ad-format-image.click-to-rich {
  background-image: url("images/ad.format.click-to-rich.png");
  height: 160px;
}
.project-form .ad-format-image.expandable {
  background-image: url("images/ad.format.expandable.png");
  height: 160px;
}
.project-form .ad-format-image.interstitial {
  background-image: url("images/ad.format.interstitial.png");
  height: 145px;
}
.project-form .ad-format-image.rich-banner {
  background-image: url("images/ad.format.rich-banner.png");
  height: 100px;
}
.project-form .dimensions-preset {
  width: 210px;
  margin-bottom: 10px;
}
.project-form  .dimensions-custom .numeric-dimensions {
    display: block;
    position: relative;
    text-align: center;
    top: -9px;
}
.project-form  .dimensions-custom  .custom-height-width {
  height: 19px;
}
.project-form  .dimensions-custom {
  margin-left: 96px;
  margin-bottom:20px;
}
.creative {
    float: left;
    display: block;
    margin: 0px 10px 10px 10px;
    height: 150px;
}
.creative {
    font-size: 10px;
    line-height: 12px;
}
.creative.persist-hover {
    position: relative;
    z-index: 50;
}
.creative .thumbnail {
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 120px;
}
.creative img {
    width: 120px;
    height: 120px;
}
.creative .thumbnail.loaded {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
}
.creative .caption {
    display: block;
    width: 120px;
    overflow: hidden;
    font-weight: bold;
    margin-top: 5px;
    line-height: 12px;
    white-space: nowrap;
}
.creative .subcaption {
    display: block;
    line-height: 12px;
}
.creative .actions {
  display: none;
  height: 20px;
  position: relative;
  width: 120px;
}
.creative .actions .button {
  color: #333333;
  margin-left: 5px;
  font-size: 9px;
  line-height: 100%;
  display: block;
  border: 1px solid #aaaaaa;
  padding: 2px 4px 2px 4px;
  margin-top: 2px;
  float: right;
  background-color: #eeeeee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffbbbbbb)";
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  cursor: pointer;
  height: 10px;
}
.creative .actions .button a {
    color: #333333;
    text-decoration: none;
}
.creative .favorite {
    background: transparent url("images/icon.favorite.unselected.png") no-repeat top left;
    border: 0px;
    cursor: pointer;
    float: left;
    height: 15px;
    margin-left: 0px;
    -ms-filter: "none";
    padding: 0px;
    width: 16px;
}
.creative .favorite.selected {
    background: transparent url("images/icon.favorite.selected.png") no-repeat top left;
    -ms-filter: "none";
}
.creative .label,
.creative-list .label {
    background: transparent url("images/icon.label.unlabeled.png") no-repeat top left;
    border: 0;
    cursor: pointer;
    float: left;
    height: 16px;
    margin-left: 2px;
    -ms-filter: "none";
    padding: 0;
    width: 16px;
}
.creative .label.labeled,
.creative-list .label.labeled {
    background: transparent url("images/icon.label.labeled.png") no-repeat top left;
    -ms-filter: "none";
}
.creative .actions .button:hover,
.main .pager div:hover {
  text-decoration: none;
  background-image: none;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#eeeeee), to(#bbbbbb));
  background-image: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ff999999)";
  background-image: -o-linear-gradient(top, #eeeeee, #bbbbbb);
}
.creative .actions .button span {
  color: #666666;
}
.creative .actions .menu {
  bottom: 18px;
  cursor: default;
  display: none;
  position: absolute;
  width: 120px;
}
.creative .actions .menu.show-folders {
  bottom: 3px;
}
.creative .actions .menu ul {
  display: block;
  width: 75px;
  margin: 0 0 0 44px;
  border: 1px solid #aaaaaa;
  background-color: #eeeeee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  padding: 2px 0px 2px 0px;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
  box-shadow: 2px 2px 2px rgba(0,0,0,.5);
}
.creative .actions .menu li {
  display: block;
  color: #333333;
  font-size: 10px;
  line-height: 100%;
  margin: 0;
  padding: 3px 10px 3px 5px;
  cursor: pointer;
}
.creative .actions .menu li:hover {
  background-color: #cccccc;
}
.creative .actions .menu .border {
  display: block;
  height: 1px;
  background-color: #cccccc;
  border-bottom: 1px solid #f9f9f9;
  margin-top: 2px;
  margin-bottom: 1px;
  padding: 0;
}
.banner {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    bottom: 0;
    -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4);
    line-height: 16px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
.banner span {
    font-size: 9px;
    font-weight: bold;
    padding-left: 5px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.banner.template {
    background-color: #2385D3;
    border-top: 1px solid rgba(80, 157, 224, 1.0000);
    color: #FFFFFF;
}
.corner-banner {
    -webkit-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.4);
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    position: absolute;
    right: -15px;
    text-transform: uppercase;
    top: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    text-align: center;
    width: 60px;
}
.corner-banner.live {
    background-color: #FF1215;
    color: #FFFFFF;
}#sproutobject {
  visibility: visible;
  height: 399px;
  width: 1207px;
}.account-dialog {
    font: 12px/120% Tahoma, Verdana, Helvetica, Arial, sans-serif;
    padding: 0px;
    border: 0px;
    border-radius: 8px;
    background: #f2f2f2 none;
    box-shadow: 1px 1px 6px rgba(0,0,0,.6);
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 520px;
    z-index: 1010;
}
.account-dialog .titlebar {
    height: 17px;
    font: bold 12px/120% Tahoma, Verdana, Helvetica, Arial, sans-serif;
    color: #555555;
    border-bottom: 1px solid #B1B1B1;
    border-radius: 8px 8px 0 0;
    background: #e3e3e3 none;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#e3e3e3));
    background-image: -moz-linear-gradient(top, white, #e3e3e3);
    background-image: -o-linear-gradient(top, white, #e3e3e3);
    padding: .4em 1em;
    position: relative;
}
.account-dialog .title {
    float: left;
    margin: .1em 16px .1em 0;
}
.account-dialog .content {
    padding: 5px 22px 0px 22px;
    overflow: hidden;
}
.account-dialog .buttonpane {
    border: 0px;
    margin: 0px;
    padding: 0px 9px 9px 9px;
    border-radius: 0px 0px 8px 8px;
}
.account-dialog .button {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    margin-right: .1em;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    zoom: 1;
}
.account-dialog .buttonpane .button {
    margin: 0px 0px 0px 9px;
    height: 25px;
    width: 72px;
    color: #333333;
    border: 1px solid #999999;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#e3e3e3));
    background-image: -moz-linear-gradient(top, white, #e3e3e3);
    background-image: -o-linear-gradient(top, white, #e3e3e3);
    cursor: default;
}
.account-dialog .buttonpane .button.hover {
    background-image: none;
    background-color: #fbfbfb;
}
.account-dialog .buttonpane .button.active {
    background-image: -webkit-gradient(linear, center top, center bottom, from(#efefef), to(#d7d7d7));
    background-image: -moz-linear-gradient(top, #efefef, #d7d7d7);
    background-image: -o-linear-gradient(top, #efefef, #d7d7d7);
}
.account-dialog .buttonpane .button-text {
    padding: 0px;
    line-height: 23px;
}
.account-dialog .content {
    background: #f2f2f2 none;
}
.account-dialog .content td {
    margin: 0px;
    padding: 2px;
}
.account-dialog .content td.label {
    color: #666666;
    font-weight: bold;
    width: 110px;
    white-space: nowrap;
    text-align: right;
    padding-right: 15px;
}
.account-dialog .content tr:nth-child(1) td:nth-child(2) {
    width: 150px;
}
.account-dialog .content td.content span {
    font-weight: bold;
}
.account-dialog .content td.note {
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 2px;
}
.account-dialog .content tr:nth-child(2) td.note {
    padding-left: 4px;
}
.account-dialog .content tr:nth-child(5) td.note {
    padding-top: 8px;
}
.account-dialog .content tr:last-child td.note {
    padding-top: 10px;
}
.account-dialog .content td:not(.label) {
    text-align: left;
}
.account-dialog hr {
    margin: 11px 0px 11px 0px;
    background: #bbbbbb;
    box-shadow: 0px 1px 0px #ffffff;
}
.account-dialog input.error {
    border: 1px solid #cb2e2e !important;
}
.account-dialog input[type=text],
.account-dialog input[type=password] {
    height: 19px;
    border: 1px solid #b7b7b7;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: 1px 1px 1px rgba(128,128,128,.3) inset;
}
.account-dialog input {
    font-family: Verdana, Arial, sans-serif;
    outline: none;
}
.account-settings-tooltip {
    z-index: 10000;
    font: 10px/120% Tahoma, Verdana, Helvetica, Arial, sans-serif;
    border-radius: 0px 3px 3px 0px;
    padding: 5px 8px 5px 4px;
    color: #ffffff;
    background-color: #cb2e2e;
    box-shadow: 1px 1px 3px rgba(0,0,0,.7);
}
.account-settings-tooltip .arrow {
    display: inline-block;
    position: relative;
    margin-top: -6px;
    margin-bottom: -7px;
    margin-left: -16px;
    margin-right: 8px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 12px solid #cb2e2e;
}
.account-dialog .buttonpane .buttonset {
    float: right;
}
.account-dialog > .buttonpane > .buttonset {
    width: 100%;
    text-align: right;
}
.header h1 {
  font-size: 22px;
  height: 25px;
  left: 160px;
  position: absolute;
  top: 24px;
}
.header .subtitle {
    font-size: 90%;
    left: 160px;
    opacity: 1;
    position: absolute;
    top: 45px;
}
.header h1,
.header .subtitle,
.header h1 a,
.header h1 a:visited { color: #CCCCCC; }
.header h1 a:hover {
  text-decoration: none;
}
#header .user-company {
  color: #DEDEDE;
  font-weight: bold;
}
#header .user-company:hover {
  text-decoration: underline;
  cursor: pointer;
}
.global-search,
.header .admin-buttons {
  float: left;
}
.global-search {
  position:relative;
}
.global-search input {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  height: 21px;
  line-height: normal;
  outline: none;
  padding: 0 33px 0 10px;
  width: 223px;
}
.admin-buttons .button:hover {
  background-image: none;
  background-color: #666;
}
.admin-buttons .first {
  border-radius: 5px 0 0 5px;
  border-right: 1px solid #666;
}
.admin-buttons .last {
  border-radius: 0 5px 5px 0;
}
.global-search .global-search-dropmenu {
  margin-left: -21px;
  margin-right: 17px;
  display: inline-block;
}
.global-search i {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
}
.global-search i.arrow {
  background-image: url("images/arrow-down.png");
  height: 8px;
  width: 10px;
}
.global-search i.close {
  background-image: url("images/icon.close.dialog.over.png");
  background-size: cover;
  height: 16px;
  width: 16px;
}
.global-search .global-search-clear{
  display: none;
  position: absolute;
  top: 3px;
  right: 30px;
}
.header .shadow {
    background: url("images/tray-shadow.png") top left repeat-x;
    bottom: -6px;
    height: 6px;
    position: absolute;
    width: 100%;
    z-index: 5;
}
.global-search-result {
  background-color: white;
  position: absolute;
  width: 263px;
  border-radius: 5px;
  top: 23px;
  left: 1px;
  z-index: 100;
  display: none;
  border: 1px solid #CCC;
  box-shadow: 3px 3px 1px #CCC;
}
.global-search .search-result-heading{
  color: #CCC;
  padding-left:15px;
}
.global-search .result-list {
  color:#494949;
  font-size:12px;
  margin:0;
}
.global-search .result-list .users-company-name {
  margin-left: 15px;
}
.global-search .result-list .users-name {
  display: inline-block;
  width: 118px;
}
.global-search .result-list li {
  margin-left: -2px;
  cursor: pointer;
}
.global-search .result-list.waiting i {
  background: url("images/wait.indicator.png") 0 0 no-repeat;
  background-size: cover;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.global-search .selected-result {
  background: #d3d3d3;
}
.admin-buttons .first-last {
  border-radius: 5px 5px 5px 5px;
}
.campaign-labels .creative-list-region {
	display: block;
	padding-right: 20px;
	width: auto;
}
.campaign-labels h2 .owner,
.campaign-labels h2 .context,
.campaign-labels h2 .format,
.campaign-labels .scroll-pane,
.campaign-labels .summary-report-region {
	display: none;
}#sprout-metrics {
    padding-top: 23px;
    min-height: 60px;
}
#sprout-metrics table {
    border-collapse: collapse;
}
#sprout-metrics td,
#sprout-metrics thead,
#sprout-metrics thead th {
    border: 0;
}
#sprout-metrics tr.section {
    background-color: #dddddd;
    border-bottom: 1px solid #919191;
    white-space: nowrap;
}
#sprout-metrics tr.section td:nth-child(1) {
    text-align: left;
    font-family: CalibriBoldLocal;
    color: #666666;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 7px 5px 7px;
}
#sprout-metrics td.na {
    color: #999999 !important;
}
#sprout-metrics thead th:nth-child(even),
#sprout-metrics tr:not(.section) td:nth-child(even) {
    background-color: #f6f6f6 !important;
}
#sprout-metrics thead th {
    height: 80px;
    vertical-align: middle;
    font-size: 13px;
    line-height: 14px;
}
#sprout-metrics thead th:nth-child(1),
#sprout-metrics thead th:last-child {
    font-family: CalibriBoldLocal;
    font-size: 14px;
    line-height: 13px;
    text-transform: uppercase;
}
#sprout-metrics thead th:nth-child(1) {
    text-align: right;
    padding-right: 35px;
}
#sprout-metrics tr:not(.section) td:last-child {
    font-weight: bold;
    color: #555555;
}
#sprout-metrics tr:not(.section) {
    border-bottom: 1px solid #e9e9e9;
}
#sprout-metrics tr td {
    text-align: left;
    padding: 5px 7px 5px 9px;
    line-height: 15px;
}
#sprout-metrics tr td:first-child {
    padding-left: 7px;
    padding-right: 9px;
    width: 160px !important;
}
#sprout-metrics tr td:first-child span:nth-child(1) {
    display: block;
    font-weight: normal;
    width: 96px;
    overflow: hidden;
    color: #666666;
    float: left;
    margin-bottom: -2px;
}
#sprout-metrics tr td:first-child span:nth-child(2) {
    display: block;
    float: right;
    padding-top: 1px;
    height: 10px;
    margin-bottom: -2px;
}
#sprout-metrics tr:nth-child(6) td:nth-child(1) {
    
    white-space: nowrap;
}
#sprout-metrics tbody tr.hover td {
    background-color: #feffd9 !important;
    color: #000000 !important;
}
#sprout-metrics tbody tr.hover td span:nth-child(1) {
    color: #333333 !important;
}
#sprout-metrics tbody tr.hover td:nth-child(even) {
    background-color: #f4f5d1 !important;
}
#sprout-metrics tbody tr.video {
    border-bottom: 1px solid #919191;
}
#sprout-metrics thead th:last-child {
    background-color: transparent !important;
}
.tooltip:hover:after {
    content: attr(data-tooltip);
    position: absolute;
    padding: 4px 8px;
    white-space: nowrap;
    background-color: #feffd9 !important;
    color: #000000 !important;
    margin-top: 20px;
    z-index: 100;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #feffd9, #feffd9);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #feffd9),color-stop(1, #feffd9));
    background-image: -webkit-linear-gradient(top, #feffd9, #feffd9);
    background-image: -moz-linear-gradient(top, #feffd9, #feffd9);
    background-image: -ms-linear-gradient(top, #feffd9, #feffd9);
    background-image: -o-linear-gradient(top, #feffd9, #feffd9);
}
.callout {
    min-width: 20px;
    position: absolute;
    visibility: visible;
    padding: 1px 7px 2px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #8B8B8B;
    box-shadow: -1px 1px 3px rgba(0,0,0,0.2);
}
.callout.hidden {
    visibility: hidden;
    display: none;
}
.full-report,
.shared-report {
    margin: 30px auto 20px auto;
    padding: 0 20px;
    width: 800px;
}
.full-report .buttons,
.summary-report .buttons,
.shared-report .buttons {
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #8c8c8c), to(#888888));
    background-image: -moz-linear-gradient(top, #ffffff, #8c8c8c, #888888);
    border: 1px solid #cccccc;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Lucida Grande, Tahoma;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    line-height: 19px;
    margin-top: 10px;
    padding: 0 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-user-select: none;
}
.full-report .buttons:hover,
.summary-report .buttons:hover,
.shared-report .buttons:hover {
    background-color: #666666;
    background-image: none;
}
.full-report .report,
.shared-report .report {
    float: right;
    margin-bottom: 20px;
}
.full-report h3 {
    height: 24px;
}
.full-report-nav-sml-text {
    font-size: 10px;
}
#pieLegendTitle {
    margin-left: -120px;
    margin-bottom: 15px;
}
#pieLegend {
    margin-top: -185px;
    margin-left: 140px;
    font-family: CalibriLocal;
    color: #333333;
}
#pieLegendTitle div:nth-child(1) {
    font-size: 16px;
    line-height: 100%;
}
#pieLegend .pieLegendItem {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    width: auto;
}
#pieLegend #pieLegendItems {
    margin-top: -30px;
}
#pieLegend td {
    border: 0;
    padding: 0 0 0 0;
    margin: 0;
    vertical-align: top;
}
#pieLegend .pieLegendName {
    width: 60px;
    color: #000000;
    text-align: right;
}
#pieLegend .hover {
    font-family: CalibriBoldLocal;
}
#pieLegend .pieLegendValue {
    text-align: left;
}
#pieLegend .pieLegendValue span {
    font-family: CalibriBoldLocal;
}
#pieLegend .pieLegendItem .pieLegendColor {
    font-size: 36px;
    padding-top: 1px;
}
.date-picker {
    padding: 12px 0px 12px 12px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    position: absolute;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #ffffff;
    width: 468px;
    -webkit-user-select: none;
    user-select: none;
    z-index: 9999;
}
.date-picker.vertical {
    width: 268px;
}
.date-picker.vertical .left-calendar .calendar {
    margin-left: 14px;
}
.date-picker.vertical .right-calendar .calendar {
    clear: both;
    margin-left: 84px;
    margin-top: 12px;
}
.date-picker.menu {
    width: 86px;
}
.date-picker.menu .left-calendar,
.date-picker.menu .right-calendar,
.date-picker.menu .set-range-button {
    display: none;
}
.date-picker.calendars {
    padding-left: 0px;
    width: 387px;
}
.date-picker.calendar {
    padding-left: 0px;
    width: 194px;
}
.date-picker.calendar .left-calendar .calendar,
.date-picker.calendars .left-calendar .calendar {
    margin-left: 13px;
}
.date-picker.calendar .prefix,
.date-picker.calendar .right-calendar,
.date-picker.calendar .set-range-button {
    display: none;
}
.date-picker.calendar .date-picker-menu,
.date-picker.calendars .date-picker-menu {
    display: none;
}
.date-picker-menu {
    color: #333;
    font-family: Tahoma, Lucida Grande;
    font-size: 11px;
    line-height: 14px;
    float: left;
}
.date-picker-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
}
.date-picker-menu li {
    margin: 0;
    cursor: default;
    padding: 2px 6px 2px 6px;
    background: transparent;
}
.date-picker-menu li:hover {
    background-color: #dddddd;
    color: #000000;
}
.date-picker-menu li:nth-child(2),
.date-picker-menu li:nth-child(5),
.date-picker-menu li:nth-child(8) {
    margin-bottom: 7px;
}
.date-picker .calendar {
    float: left;
    margin-left: 22px;
}
.date-picker .calendar table {
    width: auto;
    font-family: Tahoma, Lucida Grande;
    font-size: 12px;
    color: #333333;
    line-height: 14px;
    padding: 0;
    margin: 0;
}
.date-picker .calendar .calendar-month {
    border-collapse: collapse;
}
.date-picker .calendar .calendar-title td {
    text-align: left;
}
.date-picker .calendar table td,
.date-picker .calendar table th {
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.date-picker .calendar-month-border {
    display: block;
    border: 1px solid #999999;
    width: 167px;
    height: 143px;
    margin-top: -145px;
    background-color: transparent;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
}
.date-picker .calendar-month th {
    border: 0px;
}
.date-picker .calendar-month td {
    width: 23px;
    height: 23px;
    border: 1px solid #d0d0d0;
    cursor: default;
}
.date-picker .calendar-month div {
    width: 21px;
    height: 21px;
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    border: 1px solid rgba(0,0,0,0);
}
.date-picker .calendar-month div:not(.disabled):hover {
    border: 1px solid #000000;
}
.date-picker .calendar-month div:not(.disabled).selected {
    font-weight: bold;
    border: 1px solid #000000 !important;
}
.date-picker .calendar-month div:not(.disabled).highlighted {
    background-color: #feffd9;
}
.date-picker .calendar-month div.disabled {
    background-color: #d0d0d0;
    color: #999999;
    cursor: default;
}
.date-picker .calendar-month div.today {
    width: 19px;
    height: 19px;
    line-height: 18px;
    border: 2px solid #d0d0d0;
}
.date-picker .calendar-month div.today.selected,
.date-picker .calendar-month div.today:hover {
    border: 2px solid #000000 !important;
}
.date-picker .calendar .calendar-title {
    border-collapse: collapse;
    width: 170px;
    font-size: 11px;
}
.date-picker .calendar .calendar-title .title {
    padding-top: 2px;
    font-weight: bold;
    color: #000000;
    width: 100%;
    white-space: no-wrap;
    cursor: default;
}
.date-picker .calendar .calendar-title .prefix {
    padding-top: 2px;
    padding-right: 4px;
    cursor: default;
}
.date-picker .calendar .calendar-day {
    color: #888888;
    padding-top: 4px;
    padding-bottom: 7px;
    font-size: 10px;
    cursor: default;
}
.date-picker .calendar .last-month-button,
.date-picker .calendar .next-month-button {
    width: 16px;
    height: 14px;
    margin-left: -1px;
    background-color: #efefef;
    border: 1px solid #aaaaaa;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#CCC));
    background-image: -moz-linear-gradient(top, white, #CCC);
    background-image: -o-linear-gradient(top, white, #CCC);
}
.date-picker .calendar .last-month-button:not(.disabled).selected,
.date-picker .calendar .next-month-button:not(.disabled).selected {
    box-shadow: 1px 1px 4px rgba(0,0,0,.3) inset;
}
.date-picker .calendar .last-month-button.disabled,
.date-picker .calendar .next-month-button.disabled {
    opacity: .5;
}
.date-picker .calendar .last-month-button {
    border-radius: 4px 0px 0px 4px;
}
.date-picker .calendar .next-month-button {
    border-radius: 0px 4px 4px 0px;
}
.date-picker .set-range-button {
    height: 14px;
    display: block;
    background-color: #efefef;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    float: right;
    font-family: Tahoma, Lucida Grande;
    font-size: 11px;
    color: #222222;
    line-height: 14px;
    margin: 10px 13px 0px 0px;
    padding: 2px 5px 2px 5px;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#CCC));
    background-image: -moz-linear-gradient(top, white, #CCC);
    background-image: -o-linear-gradient(top, white, #CCC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffbbbbbb)";
    cursor: default;
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}
.date-picker .set-range-button.selected {
    box-shadow: 1px 1px 4px rgba(0,0,0,.3) inset;
}
.date-picker .calendar .left-arrow {
    display: inline-block;
    position: relative;
    margin: 3px 0px 0px 5px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #333;
}
.date-picker .calendar .right-arrow {
    display: inline-block;
    position: relative;
    margin: 3px 0px 0px 6px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #333;
}
.date-picker-overlay {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#dateRange {
    display: block;
    width: 100%;
    height: 24px;
    float: left;
}
#dateRange:hover {
    text-decoration: underline;
}
#dateRange .dateRangeClass {
    display: block;
    float: left;
    margin-right: 5px;
    font-weight: bold;
}
#dateRange .downArrow {
    border-color: #999999 transparent transparent;
    border-style: inset;
    border-width: 6px;
    margin-top: 10px;
    margin-bottom: 2px;
    position: absolute;
}
#datePickerLabel {
    font-size: 12px;
    text-align: right;
    float: right;
    width: auto;
    max-width: 100px;
}
.summary-report #datePickerLabel {
    padding-right: 25px;
}
#dateRange #datePickerClickArea {
    width: auto;
    cursor: pointer;
    display: inline-block;
    height: 24px;
}
.summary-report-region {
    display: table-cell;
    min-width: 420px;
    padding: 0 20px 20px 20px;
}
#summary-spinner {
    height: 400px;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: linear;
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
.summary-wait-indicator {
    background: transparent url("images/wait.indicator.png") no-repeat center center;
    -moz-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
}
.summary-report .allGraphs {
    width: 340px;
    float: none !important;
    margin: 0 auto 0 auto;
}
.summary-report #projectNameId {
    padding-top: 10px;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    display: block;
    width: 420px;
    overflow: hidden;
    color: #333333;
}
.summary-report #dateRangeId {
    font-weight: normal;
    font-size: 15px;
    color: #555555;
}
.summary-report #secondaryGraphId {
    margin-top: 15px;
    height: 200px;
}
.summary-report #pieLegendTitle {
    margin-left: 20px;
}
.summary-report #pieLegend {
    margin-top: -185px;
    margin-left: 0px;
}
.summary-report #pieLegend .pieLegendItem {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    width: auto;
}
.summary-report #pieLegend #pieLegendItems {
    margin-top: 0px;
}
.summary-report nav {
    width: auto !important
}
.summary-report nav ul {
    margin: 0 0 0 0px;
}
.summary-report .buttons {
    font-size: 12px;
    margin-top: 30px;
    padding: 1px 20px 1px 20px;
}
.summary-report .buttons a {
    color: #ffffff;
    text-decoration: none;
}
.summary-report #summaryFooter {
    padding: 0 20px 0 20px;
}
#lineGraphId {
    height: 150px;
    margin-left: -35px;
}
#secondaryGraphId {
    margin-top: 20px;
    margin-left: 5px;
}
#fullReport {
    float: right;
}
.noSummaryReport {
    padding-top: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #494949;
}
.summary-report #datePicker {
    margin-bottom: 20px
}
.summary-report .noData {
    margin-top: 20px;
}
.summary-report .allGraphs .noData {
    margin: 0;
}
@font-face {
  font-family: CalibriLocal;
  src: url("images/CalibriLocal.ttf");
}
@font-face {
  font-family: CalibriBoldLocal;
  src: url("images/CalibriBoldLocal.ttf");
}
#login-page {
  background-color: #C0C0C0;
  color: #494949;
  font: 12px/170% Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-family: CalibriLocal, Calibri, Tahoma, sans-serif;
  margin: 0;
  padding: 0;
}
#login-page input {
  font-size: 12px;
  line-height: 100%;
  color: #494949;
}
#login-page textarea,
#login-page select {
  font-size: 12px;
  line-height: 160%;
  color: #494949;
}
#login-page h1,
#login-page h2,
#login-page h3,
#login-page h4,
#login-page h5,
#login-page h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
#login-page h1 {
  font-size: 170%;
}
#login-page h2 {
  font-size: 160%;
  line-height: 130%;
}
#login-page h3 {
  font-size: 140%;
}
#login-page h4 {
  font-size: 130%;
}
#login-page h5 {
  font-size: 120%;
}
#login-page h6 {
  font-size: 110%;
}
#login-page ul,
#login-page quote,
#login-page code,
#login-page fieldset {
  margin: .5em 0;
}
#login-page p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}
#login-page a:link,
#login-page a:visited {
  color: #027AC6;
  text-decoration: none;
}
#login-page a:hover {
  color: #0062A0;
  text-decoration: underline;
}
#login-page a:active,
#login-page a.active {
  color: #5895BE;
}
#login-page img,
#login-page a img {
  border: none;
}
#login-page table {
  margin: 1em 0;
  width: 100%;
}
#login-page thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}
#login-page th a:link,
#login-page th a:visited {
  color: #6F9DBD;
}
#login-page td,
#login-page th {
  padding: .3em .5em;
}
#login-page tbody th {
  border: solid #D3E7F4;
  border-width: 1px 0;
}
#login-page .description {
    color: #898989;
    font-size: 0.92em;
    line-height: 150%;
}
.hide { display: none; }
#login-page #container {
  background-color: #C0C0C0;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
}
#login-page #container #footer {
  float: none;
  clear: both;
  text-align: center;
  margin: 4em 0 -3em;
  color: #898989;
}
#login-page #header {
  background-color: #1E1E1E;
  height: 65px;
  position: relative;
  z-index: 99;
}
#login-page #header #longlogo {
  display: block;
  margin-top: 13px;
  margin-left: 17px;
  width: 265px;
  height: 40px;
  background: transparent url("images/logo.inmobi.studio.png") no-repeat left top;
  position: absolute;
  z-index: 99;
}
#login-page #header h1,
#login-page #header h1 a,
#login-page #header h1 a:visited { color: #ccc; }
#login-page #header h1 a:hover {
  text-decoration: none;
}
#login-page #header .left-header {
    height: 73px;
    float: left;
}
#login-page #header-shadow {
  position: absolute;
  top: 64px;
  height: 6px;
  background: url("images/tray-shadow.png") top left repeat-x;
  width: 100%;
}
#login-page #upgradeMessage {
  margin-top: 75px;
  font-size: 14px;
  font-family: Tahoma, sans-serif;
  text-align: left;
}
#login-page #upgradeMessage tbody {
  border-style: none;
}
#login-page #upgradeMessage tbody p {
  line-height: 16px;
}
#login-page .upgradeMessageCell {
  padding: 0px;
  margin: 5px;
  height: 122px;
  background-image: url("images/background.browser.gif");
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
}
#login-page input[type=text]:focus,
#login-page input[type=password]:focus {
    outline: none;
}
#login-page input[type=text]::-moz-focus-inner,
#login-page input[type=password]::-moz-focus-inner {
    border: 0px;
}
#login-page #forms {
    width: 335px;
    background-color: #282828;
    margin: 150px auto 0px auto;
    padding: 25px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 3px #000000;
    -moz-box-shadow: 1px 1px 3px #000000;
    box-shadow: 1px 1px 3px #000000;
}
#login-page #formLogo {
    display: block;
    float: right;
    margin-top: -7px;
    width: 90px;
    height: 13px;
}
#login-page #formError {
    width: 310px;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ecd916;
    padding: 8px 10px 8px 10px;
    line-height: 100%;
    margin-bottom: 10px;
    color: #333333;
}
#login-page form {
    padding-top: 5px;
}
#login-page #login-form input[type=submit] {
    float: right;
    width: 140px;
}
#login-page #forgot-form input[type=submit] {
    float: right;
    margin-left: 15px;
}
#login-page #forgot-form input[type=button] {
    float: right;
}
#login-page #change-password-form input[type=submit] {
    float: right;
}
#login-page .button {
    height: 26px;
    margin-bottom: -1px;
    color: #ffffff;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #8c8c8c), to(#888888));
    background-image: -moz-linear-gradient(top, #ffffff, #8c8c8c, #888888);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8c8c8c, endColorstr=#ff555555)";
    background-image: -o-linear-gradient(top, #ffffff, #888888);
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 15px;
    font-family: CalibriBoldLocal;
    line-height: 100%;
    padding: 0px 20px 0px 20px;
    cursor: pointer;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: linear;
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
#login-page .waitButton,
#login-page .waitButton.hovered {
    color: transparent;
    color: rgba(0, 0, 0, 0);
    background: transparent url("images/wait-indicator-animated.png") no-repeat center center !important;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    opacity: .5;
    -moz-opacity: .5;
    text-shadow: none;
}
#login-page input.hovered {
    background-image: none;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#8c8c8c), color-stop(50%, #777777), to(#555555));
    background-image: -moz-linear-gradient(top, #8c8c8c, #777777, #555555);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff666666, endColorstr=#ff333333)";
    background-image: -o-linear-gradient(top, #8c8c8c, #555555);
}
#login-page #login-form .formLink {
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin-top: 14px;
    font-family: CalibriBoldLocal;
    color: #cbcbcb;
    display: block;
}
#login-page .description {
    font-size: 14px;
    font-family: CalibriBoldLocal;
    color: #cbcbcb;
    display: block;
    margin-top: 5px;
    line-height: 14px;
    margin-bottom: 10px;
}
#login-page form label {
    color: #cbcbcb;
    font-family: CalibriBoldLocal;
    font-size: 16px;
    display: block;
    margin-bottom: 3px;
}
#login-page form input[type=text],
#login-page form input[type=password] {
    font-family: Lucida Grande, Tahoma;
    color: #cbcbcb;
    background-color: #393939;
    font-size: 16px;
    padding: 5px;
    width: 325px;
    margin-bottom: 7px;
    border: 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
}
#login-page form input::selection {
    background: #5d86af;
}
#login-page form input::-moz-selection {
    background: #5d86af;
}
#login-page form .formFooter {
    clear: both;
    color: #575757;
    font-size: 10px !important;
    display: block;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    padding-top: 18px;
    margin-bottom: -15px;
    font-family: Lucida Grande, Tahoma;
    font-size: 12px;
}
#login-page form .formFooter a {
    color: #575757;
}
#login-page #messaging div.title a {
    color: #3b4e21;
    letter-spacing: 0px;
    cursor: pointer;
    padding-left: 10px;
}
#login-page #messaging div.title a:hover {
    text-decoration: underline;
}
#login-page.auth-dialog-content,
#login-page.auth-dialog-content #container {
    background-color: transparent;
}
#login-page.auth-dialog-content #forms {
    margin: 0;
}
.sidebar {
  float: left;
  overflow: hidden;
  padding-top: 18px;
  width: 150px;
}
.sidebar-menu {
  font-size: 11px;
  line-height: 14px;
  margin-top: 0;
}
.sidebar h3 {
  font-family: CalibriBoldLocal;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 12px;
  margin: 15px 0 0 0;
  color: #929292;
}
.sidebar-menu ul { margin: 0; }
.sidebar-menu li {
  background: none;
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.sidebar-menu li[data-value="publishState:PUBLISHED_FOR_SERVING"],
.sidebar-menu .show-folders li[data-value="templateType:THIRD_PARTY"] {
    border-bottom: 1px solid #CCCCCC;
    display: inline;
    padding-bottom: 5px;
}
.sidebar-menu li[data-value="labels"],
.sidebar-menu li[data-value="folders"] {
    padding-top: 8px;
}
.sidebar-menu .selected { font-weight: bold; }
.sidebar-menu li:hover { text-decoration: underline; }
.sidebar-menu .disabled {
  opacity: .3;
  -moz-opacity: .3;
}
.sidebar-menu .disabled:hover {
  text-decoration: none;
  cursor: default;
}
.sidebar .select-container {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  position: relative;
  white-space: normal;
  width: 120px;
}
.sidebar select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
  margin: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  vertical-align: top;
  width: 100%;
  z-index: 10;
}
.sidebar .select {
  position: relative;
  z-index: 1;
}
.sidebar .select-arrow {
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #777;
}
@-moz-document url-prefix() {
  .sidebar .select-arrow {
    display: none;
  }
}
.sidebar .floating-caption {
    font-size: 11px;
    font-weight: plain;
    line-height: 110%;
    margin-top: 13px;
    padding-bottom: 2px;
    white-space: normal;
    width: 100px;
}
.sidebar .floating-caption h3 {
    margin: 6px 0 -2px 0;
}
.sidebar .floating-caption span {
    white-space: nowrap;
}
.sidebar .floating-caption .title {
    font-weight: bold;
    white-space: normal;
}
.sidebar .floating-caption p {
    margin: 0;
    padding-top: 2px;
}#adminMenu {
    position: absolute;
    top: 1.8em;
    left: 13em;
}
@charset "UTF-8";
@font-face {
    font-family: 'fontello';
    src: url("images/fontello.eot"); 
    src: url("images/fontello.eot?#iefix") format('embedded-opentype'), 
         url("images/fontello.woff") format('woff'), 
         url("images/fontello.ttf")  format('truetype'), 
         url("images/fontello.svg#svgFontName") format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: CalibriLocal;
    src: url("images/CalibriLocal.eot"); 
    src: url("images/CalibriLocal.eot?#iefix") format('embedded-opentype'), 
         url("images/CalibriLocal.woff") format('woff'), 
         url("images/CalibriLocal.ttf")  format('truetype'), 
         url("images/CalibriLocal.svg#svgFontName") format('svg'); 
}
@font-face {
    font-family: CalibriBoldLocal;
    src: url("images/CalibriBoldLocal.eot"); 
    src: url("images/CalibriBoldLocal.eot?#iefix") format('embedded-opentype'), 
         url("images/CalibriBoldLocal.woff") format('woff'), 
         url("images/CalibriBoldLocal.ttf")  format('truetype'), 
         url("images/CalibriBoldLocal.svg#svgFontName") format('svg'); 
}
.view.admin {
    color: #000000;
    line-height: normal;
    margin: 45px;
}
.admin .tabs {
    border-bottom: 2px solid #C8C8C8;
    margin-bottom: 25px;
    padding-bottom: 1px;
}
.admin .tabs li {
    background-color: #EEEEEE;
    border: solid #C0C0C0;
    border-radius: 5px 5px 0 0;
    border-width: 1px 1px 0 1px;
    color: #000000;
    display: inline-block;
    margin: -3px;
    padding: 8px 30px;
    text-align: center;
    text-transform: capitalize;
    top: 2px;
    width: 100px;
}
.admin .tabs .selected {
    background-color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.admin .tabs .disabled {
    display: none;
}
.admin-data table {
    border-collapse: collapse;
}
.admin-data th {
    font-weight: normal;
    border-top:none;
}
.admin-data th span:hover {
    cursor: pointer;
    text-decoration: underline;
}
.admin-data th .sorted {
    font-weight: bold;
}
.admin-data tr {
    background-color: #F4F4F4;
    vertical-align: top;
}
.admin-data tr.heading {
    background-color: transparent;
    height: auto;
}
.admin-data tr:nth-child(even) {
    background-color: #FFFFFF;
}
.admin-data th,
.admin-data td {
    border-bottom: 1px solid #CBCBCB;
    text-align: left;
}
.admin-data th {
    padding: 0 0 15px 0;
}
.admin-data td {
    padding: 15px 0 15px 0;
}
.admin-data td .dates {
    margin: 0;
}
.admin-data .dates li {
    margin: 0 0 2px 0;
    padding: 0;
}
.admin-data .dates label {
    color: #7A7A7A;
    display: inline-block;
    min-width: 105px;
}
.admin-data .dates .report-link a {
    color: #000000;
}
.admin-data td p {
    margin: 0;
    padding: 0;
}
.admin-data td img {
    height: 75px;
    width: 75px;
}
.admin-data .flex {
    padding-left: 30px;
    padding-right: 30px;
}
.admin-data th.status,
.admin-data td.status {
    text-align: center;
    width: 60px;
}
.admin-data .thumbnail {
    min-width: 75px;
    text-align: center;
}
.admin-data .id {
    min-width: 250px;
}
.admin-data .admin-data-companies .date {
    min-width: 135px;
}
.admin-data .buttons {
    padding-right: 20px;
    text-align: right;
}
.admin-data .buttons button:nth-child(1n+2) {
    margin-top: 4px;
}
.admin-data .no-data {
    border-bottom: 1px solid #424242;
    padding: 10px 0;
    text-transform: capitalize;
}
.admin-data .no-results {
    padding: 10px 0;
}
.row { 
    overflow: hidden;
 }
.row .select-container {
    font-size:18px;
}
.admin-data .name,
.admin-data .name a,
.admin-data .company,
.admin-data-projects .owner a {
    font-family: 'Tahoma Negreta';
}
.admin .email a {
    color: #000000;
}
.admin .email a,
.admin .owner a, 
.admin .company a {
	font-weight: normal;
}
.admin .select-container {
    font-weight: bold;
    padding: 2px 0;
    position: relative;
    white-space: normal;
}
.admin select.custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    height: 100%;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    vertical-align: top;
    width: 100%;
    z-index: 10;
}
.admin .select {
    position: relative;
    z-index: 1;
}
.admin .select-arrow,
.admin .arrow {
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: relative;
    top: -2px;
}
.admin .select-arrow,
.admin .desc .arrow {
    border-top: 5px solid #000000;
}
.admin .asc .arrow {
    border-bottom: 5px solid #000000;
}
.admin .filter {
    float: left;
}
.admin .search {
    float: right;
    position: relative;
}
.admin .search input {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    width: 175px;
    line-height: normal;
    outline: none;
    padding: 2px 10px 2px 5px;
}
.admin .per-page {
    float: left;
}
.admin .pages {
    float: right;
}
.admin .pages li {
    float: left;
}
.admin .pages li:hover {
    cursor: pointer;
    text-decoration: underline;
}
.admin .pages button {
    color: #000000;
    padding: 3px 22px 3px 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b5b5b5;
    position: relative;
    top: -0.4em;
}
.admin .pages .next {
    color: #000000;
    width: 60px;
    height: 23px;
    padding-right: 20px;
    background: url("images/arrow-next.png") no-repeat 54px 6px, -moz-linear-gradient(90deg,  #FFFFFF, #E6E6E6);
    background: url("images/arrow-next.png") no-repeat 54px 6px, -webkit-linear-gradient(90deg, #FFFFFF, #E6E6E6);
}
.admin .pages .prev {
    color: #000000;
    width: 60px;
    height: 23px;
    padding-left:20px;
    background: url("images/arrow-prev.png") no-repeat 6px 6px, -moz-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    background: url("images/arrow-prev.png") no-repeat 6px 6px, -webkit-linear-gradient(90deg, #FFFFFF, #E6E6E6);
}
.admin .pages .current {
    font-weight: bold;
}
.admin .tabs {
     border-bottom: 1px solid #C0C0C0;
}
.admin .single-item .details {
    margin-top: 20px;
    padding: 24px;
    border-top: 1px solid #C0C0C0;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.15, #ffffff), to(#d0d0d0));
    background: -moz-linear-gradient(top,  #ffffff 0%,#ffffff 15%,#d0d0d0);
}
.admin .single-item .details .owner {
    margin-bottom: 14px;
}
.admin .single-item .details .owner a,
.admin .single-item .details .company {
    font-family: 'Tahoma Negreta';
}
.admin .single-item .dates {
    margin-top: 24px;
}
.admin .single-item .dates .column {
    float: left;
}
.admin .single-item .dates .column.divider {
    border-right: 1px solid #A9A9A9;
    margin-right: 40px;
}
.admin .single-item .dates .date {
    margin: 0 20px 12px 0;
}
.admin .single-item .dates .date.last {
    margin-bottom: 0;
}
.admin .single-item .details .columns {
    margin: 0;
}
.admin .single-item .details .columns li {
    float: left;
    margin: 0 40px 0 0;
    padding: 0;
}
.admin .single-item .details .columns li label {
    font-family: 'CalibriBoldLocal';
    margin-bottom: 6px;
    text-transform: uppercase;
}
.admin .single-item .details .columns .status label {
    font-family: 'Tahoma Negreta';
    margin-left: 25px;
    text-transform: none;
}
.admin .single-item .columns label {
    display: block;
}
.admin .single-item .columns p {
    margin: 0;
}
.admin .single-item .comments {
    height: 40px;
    margin: 20px 0 0 100px;
    overflow: hidden;
    width: 335px;
}
.admin .single-item .details .buttons {
    float: right;
    padding-top: 2px;
}
.admin .single-item .details .buttons button {
    display: block;
    margin: 0 0 12px 0;
}
button {
    outline: none;
}
.admin button,
.admin-form button {
    color: #000000;
    font-size: 12px;
    height: 20px;
    padding: 0 15px;
    background-image: -moz-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    background-image: -webkit-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #AAAAAA;
    min-width: 75px;
}
.admin .wide-button {
    min-width: 110px;
}
.dialog-button {
    color: #000000!important;
    font-size: 12px!important;
    height: 20px!important;
    padding: 0 15px!important;
    background-image: -moz-linear-gradient(90deg, #FFFFFF, #E6E6E6)!important;
    background-image: -webkit-linear-gradient(90deg, #FFFFFF, #E6E6E6)!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    border: 1px solid #AAAAAA!important;
    font-size:0.9em!important;
}
.dialog-button .ui-button-text{
    padding: 0px!important;
}
button:hover {
    cursor: pointer;
}
.admin button.disabled,
.admin-form button.disabled,
.admin-data button.disabled {
    cursor: default;
    opacity: 0.5;
}
.pagination .per-page select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: transparent;
    width: 120px;
    height: 20px;
    border: none;
}
.pagination .per-page .per-page-select {
    border: none;
    width: 60px;
    height: 20px;
    padding-left: 5px;
    display: inline-block;
    color: #000000;
    overflow: hidden;
    background: url("images/arrow-down.png") no-repeat 45px 6px, -moz-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    background: url("images/arrow-down.png") no-repeat 45px 6px, -webkit-linear-gradient(90deg, #FFFFFF, #E6E6E6);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b5b5b5;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.custom-checkbox input[type="checkbox"].checked {
    color: white;
    text-shadow: inherit;
    background: -webkit-gradient(linear, left top, left bottom, from(RGB(205,254,160)), to(RGB(70,153,6)));
    background: -moz-linear-gradient(top, RGB(205,254,160), RGB(70,153,6));
    border: 1px solid #000;
    height:16px;
    width:16px;
    cursor: pointer;
}
.custom-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    display: inline-block;
    margin: 0;
    color: inherit;
    font: inherit;
    border-radius: 4px;
    height:16px;
    width:16px;
    border: 1px solid #000;
    background: -webkit-gradient(linear, left top, left bottom, from(RGB(250,250,250)), to(RGB(170,170,170)));
    background: -moz-linear-gradient(top,   RGB(250,250,250), RGB(170,170,170));
    cursor: pointer;
}
.admin .custom-checkbox .checkbox-disabled,
.admin .custom-checkbox .checkbox-active {
    border-left: 1px solid black;
    transform: rotate(45deg);
    rotation: 180deg;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    top: -3px;
    right: 13px;
    height: 19px;
    display: inline-block;
}
.admin .custom-checkbox .checkbox-disabled {
    visibility: visible;
}
.admin .custom-checkbox .checkbox-active {
    visibility: hidden;
}
.admin .custom-checkbox {
    display: inline;
    cursor: pointer;
    height: 16px;
}
.admin .single-item .custom-checkbox {
    position: absolute;
    top: 24px;
}
.dialog-confirm {
    overflow: hidden;
}
.alert-icon {
    float: left; 
    margin: 5px 7px 20px 0;
}
#dialog-confirm {
    display: none;
}
.admin .custom-checkbox .custom-tooltip {
    position: absolute;
    opacity: 1;
    border: 1px solid #CCC;
    padding: 0 10px;
    background-color: #FEFC96;
    border-radius: 4px;
    font-size: 11px;
    line-height: 20px;
    top: -31px;
    left: -46px;
    box-shadow: 1px 1px 3px #666666;
    text-align: center;
    display: none;
    white-space: nowrap;
}
.admin .custom-checkbox .show-tooltip {
    display: inline;
}
.admin .custom-checkbox .single-item-view-tooltip {
    top: -12px;
    left: -29px;
}
.admin .single-item .custom-checkbox .single-item-view-tooltip {
    top: -34px;
}
.admin .tooltip-position {
    position:relative;
}
.admin .single-item {
    position: relative;
}
.admin .single-item h1 {
    font-size: 24px;
    font-weight: bold;
}
.admin .single-item .subtitle {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 0 0;
}
.admin .single-item .details {
    position: relative;
}
.icon-search:before,
.icon-cancel-circle:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    opacity: 0.7;
    line-height: 1em;
}
.icon-search:before {
    content: '🔍';
}
.icon-cancel-circle:before {
    content: '\2716';
}
.admin .search .icon-search {
    position: absolute;
    left: 7px;
    top: 2px;
    font-size: 130%;
}
.admin .search .search-clear {
    display: none;
    font-size: 125%;
    position: absolute;
    right: 5px;
    top: 2px;
}
.admin-form {
    color: black;
    line-height: 100%;
    margin: 45px;
}
.admin-user-form,
.admin-company-form {
    margin: 45px;
}
.admin-form .heading {
    border-bottom: 2px solid #C0C0C0;
    padding-bottom: 10px;
    position: relative;
}
.admin-form h1 {
    font-size: 24px;
    line-height: 100%;
}
.admin-form .info {
    bottom: 10px;
    margin: 0;
    position: absolute;
    right: 0;
}
.admin-form .info .status {
    font-weight: bold;
    padding-right: 20px;
}
.admin-form form {
    min-width: 825px;
}
.admin-form label {
    display: block;
}
.admin-form ul label {
    display: inline-block;
}
.admin-form .column {
    float: left;
    margin-right: 70px;
}
.admin-form .column.last {
    margin-right: 0;
}
.admin-form .phone,
.admin-form .ext {
    margin: 0;
}
.admin-form .ext {
    float: right;
}
.admin-form .phone input[type="text"] {
    width: 250px;
}
.admin-form .ext input[type="text"] {
    width: 50px;
}
.admin-company-form .first-row {
    margin-bottom: 30px;
}
.admin-user-form .first-row {
    min-height: 120px;
}
.platforms label {
    width: 100px;
}
.admin-form .editable .link {
    color: #2385D3;
    font-family: 'Tahoma Negreta';
    line-height: 170%;
}
.admin-form .editable .link:hover {
    text-decoration: underline;
}
.admin-form .editable .region,
.admin-form .non-editable .region  {
    height: 65px;
    width: 335px;
}
.admin-form .editable .static,
.admin-form .non-editable .static {
    border: 1px solid transparent;
    overflow: scroll;
}
.admin-form .editable .static:hover {
    border-color: #B6B6B6;
}
.admin-form .editable .static,
.admin-form .non-editable .static,
.admin-form .editable .edit {
    height: 100%;
    line-height: 170%;
    margin: 0;
    width: 100%;
}
.admin-form .editable .edit {
    border: none;
}
.admin-form .comments {
    margin-bottom: 15px;
}
.admin-form form {
    margin: 30px 80px 30px 80px;
}
.admin-form .required {
    font-weight: bold;
}
.admin-form input[type="text"],
.admin-form input[type="password"] {
    width: 335px;
    height: 20px;
}
.admin-form input[disabled="disabled"].email,
.contract-signed-date input[type="text"] {
    background-color: transparent;
    border-color: transparent;
}
.admin-form form .company-details {
    margin-bottom: 30px;
}
.admin-form label {
    margin: 10px 0 4px 0;
}
.admin-form .platforms-box {
    clear: left;
    padding-top: 30px;
}
.admin-form .buttons {
    float: right;
    margin-bottom: 30px;
}
.admin-form .platforms {
    margin-top: 30px;
}
.admin-form .platforms label {
    margin: 0;
}
.admin-form .address {
    clear: both;
}
.admin-form .comments {
    float: left;
    margin-left: 80px;
}
.comments .editable {
    margin-top: 10px;
}
.admin-form .separator {
    border-bottom: 2px solid #989898;
    margin: 30px -80px;
}
.admin-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    height: 25px;
    outline: none;
    width: 350px;
}
.admin-form .select-box {
border: none;
  width: 335px;
    height: 25px;
    padding-left: 5px;
    display: inline-block;
    color: #000000;
    overflow: hidden;
     background: url("images/arrow-down.png") no-repeat 321px 8px, -moz-linear-gradient(top,  #ffffff 0%,#ffffff 32%,#b5b5b5);
    background: url("images/arrow-down.png") no-repeat 321px 8px, -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.32, #ffffff), to(#b5b5b5));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,1);
}
.editable .link {
    color: #3399FF;
    font-weight: bold;
}
.admin-form .first-name input, .admin-form .last-name input {
    width: 155px;
}
.admin-form .first-name,
.admin-form .last-name {
    float: left;
}
.admin-form .first-name {
    margin-right: 20px;
}
.clear {
    clear: both;
}
.float {
    float: left;
}
.clear-left {
    clear: left;
}
.admin-form .demo label {
    display: inline;
}
.admin-form .demo {
    padding-top: 33px;
    margin-left: 30px;
} 
.admin-form .role select {
    width: 200px;
}
.admin-form .role .select-box {
    width: 180px;
    background: url("images/arrow-down.png") no-repeat 165px 8px, -moz-linear-gradient(top,  #ffffff 0%,#ffffff 32%,#b5b5b5);
    background: url("images/arrow-down.png") no-repeat 165px 8px, -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.32, #ffffff), to(#b5b5b5));
}
.admin-form .access select {
    width: 160px;
}
.admin-form .access .select-box {
    width: 140px;
        background: url("images/arrow-down.png") no-repeat 125px 8px, -moz-linear-gradient(top,  #ffffff 0%,#ffffff 32%,#b5b5b5);
    background: url("images/arrow-down.png") no-repeat 125px 8px, -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.32, #ffffff), to(#b5b5b5));
}
.admin-form .access {
    margin-left: 30px;
}
.admin-form .user-account-option {
    margin-top: 50px;
    margin-bottom: 30px;
}
.admin-form .user-access-list {
    margin-top: 25px;
}
.user-access-list label {
    margin: 0;
}
.contract-signed-date label,
.contract-signed-date .calendar {
    float: left;
}
.contract-signed-date .calendar {
    left: 5px;
    position: relative;
    top: 3px;
}
.contract-signed-date input[type="text"] {
    width: auto;
}@font-face {
    font-family: 'CalibriLocal';
    src: url("images/CalibriLocal.eot"); 
    src: url("images/CalibriLocal.eot?#iefix") format('embedded-opentype'), 
         url("images/CalibriLocal.woff") format('woff'), 
         url("images/CalibriLocal.ttf")  format('truetype'), 
         url("images/CalibriLocal.svg#svgFontName") format('svg'); 
}
@font-face {
    font-family: 'CalibriBoldLocal';
    src: url("images/CalibriBoldLocal.eot"); 
    src: url("images/CalibriBoldLocal.eot?#iefix") format('embedded-opentype'), 
         url("images/CalibriBoldLocal.woff") format('woff'), 
         url("images/CalibriBoldLocal.ttf")  format('truetype'), 
         url("images/CalibriBoldLocal.svg#svgFontName") format('svg'); 
}
@font-face {
    font-family: 'Tahoma Negreta';
    src: url("images/tahoma-negreta.eot"); 
    src: url("images/tahoma-negreta.eot?#iefix") format('embedded-opentype'), 
         url("images/tahoma-negreta.woff") format('woff'), 
         url("images/tahoma-negreta.ttf")  format('truetype'), 
         url("images/tahoma-negreta.svg#svgFontName") format('svg'); 
}
body {
  margin: 0;
  padding: 0;
  background-color: #c0c0c0;
  font: 12px/170% Tahoma, Verdana, Helvetica, Arial, sans-serif;
  color: #494949;
}
input {
  font-size: 12px;
  line-height: 100%;
  color: #494949;
}
textarea, select {
  font-size: 12px;
  line-height: 160%;
  color: #494949;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
h1 {
  font-size: 170%;
}
h2 {
  font-size: 160%;
  line-height: 130%;
}
h3 {
  font-size: 140%;
}
h4 {
  font-size: 130%;
}
ul, quote, code {
  margin: .5em 0;
}
p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}
a {
  color: #2385D3;
  text-decoration: none;
}
a:hover {
  
  text-decoration: underline;
}
a:active, a.active {
  color: #5895be;
}
hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}
ul {
  margin: 0.5em 0 1em;
  padding: 0;
}
li {
  margin: 0.4em 0 0.4em .5em;
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
}
li.leaf {
  background: transparent url("images/menu-leaf.gif") no-repeat 1px .35em;
}
dl {
  margin: 0.5em 0 1em 1.5em;
}
dl dt {
}
dl dd {
  margin: 0 0 .5em 1.5em;
}
img, a img {
  border: none;
}
table {
  margin: 1em 0;
  width: 100%;
}
thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}
th a:link, th a:visited {
  color: #6f9dbd;
}
td, th {
  padding: .3em .5em;
}
tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}
tr.odd, tr.info {
  background-color: #edf5fa;
}
tr.even {
  background-color: #fff;
}
tr.odd td.active {
  background-color: #ddecf5;
}
tr.even td.active {
  background-color: #e6f1f7;
}
td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}
.hide,
#header .button.hide { display: none; }
.invisible { visibility: hidden; }
#header-buttons {
  height: 21px;
}
#header {
  background-color: #1E1E1E;
  height: 65px;
  position: relative;
}
#header #logo {
  display: block;
  margin-top: 12px;
  margin-left: 17px;
  width: 111px;
  height: 40px;
  background: transparent url("images/logo.png") no-repeat left top;
  position: absolute;
  z-index: 10;
}
#header #header-links {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 18px 0 15px;
  color: #c6cdaa;
  z-index: 10;
  white-space: nowrap;
}
#header #header-links #header-login {
  margin: 6px 0 5px;
  font-size: 93%;
  text-align: right;
}
#header #header-links #header-login a:focus, #header a:focus {
  outline: none;
}
#header #header-links #fullname {
  color: #dedede !important;
  font-weight: bold !important;
}
#header #header-links a {
  color: #c6cdaa;
  margin-left: 15px;
  text-decoration: none;
}
#header #header-links a:hover {
  text-decoration: underline;
}
#header #header-buttons {
  float: right;
}
#header #header-login {
  -moz-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.button:hover {
    cursor: pointer;
}
#header .button {
  font-family: Lucida Grande, Tahoma;
  height: 21px;
  display: block;
  font-size: 11px;
  line-height: 19px;
  font-weight: bold;
  float: left;
  padding: 0px 12px 0px 12px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #8c8c8c), to(#888888));
  background-image: -moz-linear-gradient(top, #ffffff, #8c8c8c, #888888);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff8c8c8c)";
  background-image: -o-linear-gradient(top, #ffffff, #888888);
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0,0,0,.5);
  -moz-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
#header #header-buttons #header-button-new:hover,
#header #header-buttons #header-button-save:hover {
  background-image: none;
  background-color: #666666;
}
#header #header-buttons #header-button-file-menu.hovered {
  background-image: none;
  background-color: #666666;
}
#header #header-buttons #header-button-preview:hover,
#header #header-buttons #header-button-publish:hover {
  background-image: none;
  background-color: #7b8c6b;
}
#header #header-buttons #header-button-publish-menu.hovered {
  background-image: none;
  background-color: #7b8c6b;
}
#header #header-buttons #header-button-help:hover {
  background-image: none;
  background-color: #71899b;
}
#header #header-buttons .disabled {
  cursor: default;
  opacity: .5;
  -moz-opacity: .5;
}
#header #header-buttons #header-button-new.disabled:hover,
#header #header-buttons #header-button-save.disabled:hover,
#header #header-buttons #header-button-file-menu.disabled:hover {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #8c8c8c), to(#888888)) !important;
  background-image: -moz-linear-gradient(top, #ffffff, #8c8c8c, #888888) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff8c8c8c)" !important;
  background-image: -o-linear-gradient(top, #ffffff, #888888);
}
#header #header-buttons #header-button-preview.disabled:hover,
#header #header-buttons #header-button-publish.disabled:hover,
#header #header-buttons #header-button-publish-menu.disabled:hover {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #90a17f), to(#889b76)) !important;
  background-image: -moz-linear-gradient(top, #ffffff, #90a17f, #889b76) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff90a17f)" !important;
  background-image: -o-linear-gradient(top, #ffffff, #889b76);
}
#header #publish-menu li.disableditem {
  color: #666666;
}
#header #header-buttons #header-button-new {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-right: 1px solid #666666;
}
#header #header-buttons #header-button-save {
  border-right: 1px solid #666666;
  padding: 0px 14px 0px 14px;
}
#header #header-buttons #header-button-save.hidden {
  display: none;
}
#header #header-buttons #header-button-file-menu {
  width: 21px;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  margin-right: 11px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
#header #header-buttons #header-button-preview {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-right: 1px solid #666666;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #90a17f), to(#889b76));
  background-image: -moz-linear-gradient(top, #ffffff, #90a17f, #889b76);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff90a17f)";
  background-image: -o-linear-gradient(top, #ffffff, #889b76);
}
#header #header-buttons #header-button-publish {
  border-right: 1px solid #666666;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #90a17f), to(#889b76));
  background-image: -moz-linear-gradient(top, #ffffff, #90a17f, #889b76);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff90a17f)";
  background-image: -o-linear-gradient(top, #ffffff, #889b76);
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  margin-right: 11px;
}
#header #header-buttons #header-button-help {
  border-radius: 5px;
  -moz-border-radius: 5px;
  border-right: 1px solid #666666;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), color-stop(50%, #95adbf), to(#839fb4));
  background-image: -moz-linear-gradient(top, #ffffff, #95adbf, #839fb4);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff95adbf)";
  background-image: -o-linear-gradient(top, #ffffff, #839fb4);
  padding: 0px 8px 0px 6px;
}
#header #header-buttons #header-button-help i {
  background: url("images/icon.help.png") 0 0 no-repeat;
  display: inline-block;
  height: 14px;
  position: relative;
  top: 3px;
  width: 14px;
}
#header #header-buttons #header-button-file-menu i {
  background: url("images/icon.arrowdown.png") 0 0 no-repeat;
  display: inline-block;
  height: 8px;
  position: relative;
  top: 1px;
  width: 10px;
}
#header .menu {
  position: absolute;
  width: 85px;
  font-family: Lucida Grande, Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #1e1e1e;
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.5);
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,.5);
  box-shadow: 0px 2px 2px rgba(0,0,0,.5);
}
#header .menu ul {
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0px;
  padding: 10px 0px 2px 0px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#header .menu li {
  background-image: none !important;
  margin: 0px;
  padding: 2px 9px 2px 9px;
  display: block;
  cursor: default;
  height: 16px;
  line-height: 14px;
}
#header .menu li.border {
  border-top: 1px solid #555555;
  margin-top: 2px;
  padding-top: 4px;
}
#header .menu li.hover {
  background-color: #666666;
}
.waitIndicator {
    background: transparent url("images/wait.indicator.png") no-repeat center center;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    opacity: .5;
    -moz-opacity: .5;
}
ol, ul {
    list-style: none;
}
.header-right {
    float: right;
    padding-top: 25px;
}
.error {
    border: 1px dotted red;
}
.err-suc-cont.infoL {
    background: url("images/info_tile_img.gif") repeat-x scroll center top #FFF8CE;
    border: 1px solid #F3E096;
    color: #666666;
}
.err-suc-cont {
    padding: 0.8em 0.8em 0.3em 3.5em;
    position: relative;
    margin: 5px 30px 0px 30px;
    border-radius: 7px 7px 7px 7px;
}
.err-suc-cont.infoL span.icon, .no-record span.icon {
    background: url("images/Sprite_Icon.png") no-repeat scroll -8px -2308px transparent;
    display: block;
    float: left;
    height: 30px;
    margin-left: -25px;
    margin-top: -3px;
    width: 30px;
}
.err-suc-cont h5 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    font-weight: 700;
}
#loader {
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;
}
#loader div {
    left: 43%;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    width: 200px;
}
#loader div .loadImg {
    left: 0;
    margin-left: 31px;
    margin-top: 9px;
    position: absolute;
    z-index: 1001;
}
#loader div span {
    color: #000000;
    font-size: 15px;
    left: 70px;
    position: absolute;
    top: 15px;
    z-index: 1002;
}
img {
    border: medium none;
}
.creative-search {
  -moz-appearance: searchfield;
  -webkit-appearance: searchfield;
  float: right;
  width: 150px;
}
.main {
  display: table;
  width: 100%;
  height: 100%;
  background-color: #e4e4e4;
  position: relative;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#e4e4e4), to(#c0c0c0));
  background-image: -moz-linear-gradient(top, #e4e4e4, #c0c0c0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe4e4e4, endColorstr=#ffc0c0c0)";
  background-image: -o-linear-gradient(top, #e4e4e4, #c0c0c0);
}
.main h2 {
  font-weight: bold;
  padding-bottom: 3px;
  border-bottom: 1px solid #bbbbbb;
  color: #666666;
  cursor: default;
}
.main h2 .title {
    text-transform: capitalize;
}
.view {
    margin-top: 20px;
}
.view.creative-builder {
  margin-top: 0;
  overflow: hidden;
}
#separator {
    border-right: 1px solid #494949;
    margin-right: 5px;
}
#reportNameId {
    font-size: 22px;
    color: #333333;
}
#report h4 a {
    color: #494949;
}
#barChartId {
    width: 660px;
    height: 200px;
}
#piChartId {
    margin: 15px 40px 15px 40px;
    width: 600px;
    height: 200px;
    overflow: hidden;
}
#divId {
    width: 100%;
    height: 200px;
}
td {
    text-align: center;
}
.main h2 {
    margin-bottom: 5px;
}
.visualize li {
    background: none;
}
nav {
    display: block;
    white-space: nowrap;
    width: 670px;
    height: 50px;
    margin-bottom: -5px;
    overflow-y: hidden;
}
nav ul {
    white-space: nowrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 35px;
}
nav li {
    float: left;
    margin: 0px 4px !important;
    padding: 0px !important;
}
nav li.selected {
    background-color: #ffffff;
}
nav p {
    display: block;
    margin: 0 0 -4px 0;
    padding: 0px;
    font-weight: bold;
    font-size: 13px;
    line-height: 12px;
    color: #333333;
}
nav a {
    float: left;
    color: #eee;
    padding: 5px 7px 3px 7px;
    border: 0px;
}
nav span {
    display: inline-block;
    cursor: pointer;
    color: #000000;
    text-align: left;
    padding: 1px 1px 0 1px;
}
nav span text {
    font-size: 11px;
    line-height: 10px;
    color: #333333;
    font-family: CalibriLocal;
}
nav ul li {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: none;
    background-color: #f0f0f0;
    height: 36px;
    text-align: center;
    min-width: 50px;
}
nav ul li:hover {
    background-color: #f8f8f8;
}
nav ul li.selected:hover {
    background-color: #ffffff;
}
nav ul li.leftBox {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    margin-right: 2px !important;
}
nav ul li.rightBox {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    margin-left: 0px !important;
}
nav .selected .innerArrow,
nav .selected .arrowShadow {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #888888;
    border-bottom: 0px;
    width: 0px;
    height: 60px;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
}
nav .selected .innerArrow {
    border-top: 14px solid white;
    position: relative;
    margin-top: -17px;
    margin-left: -14px;
}
nav .selected {
    box-shadow: 1px 1px 1px #333333;
}
nav li.disabled a,
nav li.disabled span {
    cursor: default;
}
nav li.disabled p,
nav li.disabled text {
    color: #999999;
}
.reportTooltip {
    color: #444444;
    position: absolute;
    display: block;
    height: 22px;
    margin-top: -22px;
    font-size: 11px;
    text-align: center;
}
.allGraphs {
    padding-top: 25px;
    float: left;
}
.exportCsvId {
    margin-left: 10px;
}
.noData,
#secondaryGraphId .highcharts-container,
#piChartId .highcharts-container {
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f5f5f5;
    line-height: 195px;
    color: #666666;
    width: 100%;
    height: 200px;
    -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 0px rgba(0, 0, 0, .2);
}
.clear {
    clear: both;
}
.sproutDetails {
    margin-top: 5px;
    width: 150px;
    display: inline-block;
    white-space: nowrap;
    line-height: 13px;
    padding-bottom: 40px;
    font-size: 11px;
}
.sproutDetails img#sproutImgId {
    width: 135px;
    height: 135px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
    
    
    cursor: default;
}
.sproutDetails b, .sproutDetails span {
    clear: both;
    display: block;
    margin-left: 2px;
}
.sproutDetails #sproutId {
    font-weight: normal;
}
.sproutReport {
    float: right;
    margin-bottom: 20px;
    margin-top: 25px;
    width: 640px;
}
#message {
    display: none;
    height: 100%;
    width: 100%;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(210, 210, 210, .5);
}
#messageWrapper {
    background-color: #282828;
    -webkit-box-shadow: 1px 1px 3px #000000;
    -moz-box-shadow: 1px 1px 3px #000000;
    box-shadow: 1px 1px 3px #000000;
    border-radius: 10px 10px 10px 10px;
    margin: 150px auto 0;
    width: 500px;
    padding-bottom: 60px;
}
#message .closeButtonX {
    display: block;
    margin: 10px 10px 0px 0px;
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url("images/icon.close.dialog.png") no-repeat center center;
}
#message .closeButtonX:hover {
    background: transparent url("images/icon.close.dialog.over.png") no-repeat center center;
}
#message .closeButton {
    margin: 15px 20px 15px 0;
    height: 26px;
    width: 120px;
    color: white;
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), color-stop(50%, #8C8C8C), to(#888));
    background-image: -moz-linear-gradient(top, white, #8C8C8C, #888);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8c8c8c, endColorstr=#ff555555)";
    background-image: -o-linear-gradient(top, white, #888);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    font-family: CalibriBoldLocal;
    line-height: 100%;
    float: right;
    cursor: pointer;
    line-height: 26px;
}
#message .closeButton:hover {
    background-color: #666666;
    background-image: none;
}
#message .messageTitle {
    font-family: CalibriBoldLocal;
    color: white;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0 0 20px;
    text-align: left;
}
#message .messageSubTitle {
    font-family: CalibriLocal;
    line-height: 100%;
    font-size: 16px;
    color: #cbcbcb;
    display: block;
    margin: 2px 0 20px 20px;
    text-align: left;
}
#message .messageText {
    font-family: Lucida Grande, Tahoma;
    background-color: #393939;
    color: #cbcbcb;
    margin: 20px 20px 5px 20px;
    padding: 5px;
    display: block;
    text-align: left;
    font-size: 12px;
    border: 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
    word-wrap: break-word;
    line-height: 15px;
    height: 30px;
    width: 450px;
    resize: none;
    overflow: hidden;
    cursor: default;
    outline-style: none;
}
#message .messageNotification {
    background-color: #F0D44D;
    border-radius: 5px 5px 5px 5px;
    color: #B0B0B0;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
}
.sproutDetailsNotes {
    margin-top: 12px;
}
#modalTransparency {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    background-color: rgba(228, 228, 228, .5);
}
#dialogBox {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -124px;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 3px #000000;
    -moz-box-shadow: 1px 1px 3px #000000;
    box-shadow: 1px 1px 3px #000000;
    background-color: #282828;
}
#dialogMessage {
    color: #cbcbcb;
    display: block;
    line-height: 100%;
    font-family: CalibriBoldLocal;
    font-size: 14px;
    height: 20px;
    margin-top: -5px;
}
#dialogProgressBar {
    width: 208px;
    height: 13px;
    background: transparent url("images/loading.animation.gif") no-repeat center center;
}
.control,
.control:hover {
    cursor: pointer;
}
.page-error {
    margin: 45px;
}
.dialog {
    background: rgba(210, 210, 210, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
}
.dialog .content {
    background-color: #282828;
    display: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 3px #000000;
    -moz-box-shadow: 1px 1px 3px #000000;
    box-shadow: 1px 1px 3px #000000;
    margin: 0 auto 0 auto;
    padding: 25px 25px 55px 25px;
    position: relative;
    top: 75px;
    width: 460px;
}
.dialog h2 {
    color: white;
    font-family: 'CalibriBoldLocal';
    font-size: 20px;
    line-height: 100%;
    margin: 0px 0px 2px 0px;
    padding: 0px;
}
.dialog h3 {
    color: #CBCBCB;
    font-family: 'CalibriLocal';
    font-size: 16px;
    line-height: 100%;
    margin: 0px 0px 25px 0px;
    padding: 0px;
}
.dialog label {
    color: #CBCBCB;
    display: block;
    font-family: 'CalibriBoldLocal';
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 10px;
}
.dialog .prompt label,
.dialog .alert label {
    font-family: 'CalibriLocal';
    font-size: 16px;
    margin-bottom: 10px;
}
.dialog button {
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), color-stop(50%, #8C8C8C), to(#888888));
    background-image: -moz-linear-gradient(top, #FFFFFF, #8C8C8C, #888888);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF8C8C8C, endColorstr=#FF555555)";
    background-image: -o-linear-gradient(top, #FFFFFF, #888);
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-family: 'CalibriBoldLocal';
    float: right;
    height: 26px;
    line-height: 100%;
    margin: 15px 0px -1px 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    padding: 0 20px;
}
.dialog input[type="text"]:focus,
.dialog input[type="password"]:focus {
    outline: none;
}
.dialog input::selection {
    background: #5D86AF;
}
.dialog input[type=text],
.dialog input[type=password] {
    background-color: #393939;
    border: 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0 inset;
    color: #cbcbcb;
    font-family: Lucida Grande, Tahoma;
    font-size: 14px;
    margin-bottom: 7px;
    padding: 5px;
    width: 95%;
}
.dialog input[type=file] {
  color: #cbcbcb;
  font-family: Lucida Grande, Tahoma;
  font-size: 14px;
  margin-bottom: 7px;
}
.dialog .import label,
.dialog .export label,
.dialog .import input,
.dialog .export input[type="text"] {
    margin-left: 20px;
    width: 85%;
}
.dialog .description {
    color: #CBCBCB;
    display: block;
    font-size: 14px;
    font-family: 'CalibriLocal';
    line-height: 14px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.dialog .description a {
    color: #CBCBCB;
    text-decoration: underline;
}
.dialog .description a:hover {
    color: #FFFFFF;
}
.dialog .message {
    color: #333333;
    background-color: #ECD916;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 25px;
    padding: 8px 10px 8px 10px;
    text-align: center;
}
.drag-drop {
    background: rgba(50, 134, 255, .25);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 102;
}
.dragging {
    cursor: move;
    opacity: 0.7;
}
.admin-wrapper {
    margin: 20px;
}
.admin-wrapper .navigation {
    margin-bottom: 20px;
}
.admin-wrapper .sproutReport {
  float: none;
}
.overlay {
    background: rgba(228,228,228,0.5);
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
}
iframe.auth-dialog {
    display: block;
    height: 300px;
    margin: 150px auto 0 auto;
    opacity: 0;
    position: relative;
    width: 390px;
}
.sidebar-folders .default {
  margin: 5px 0;
}
.sidebar-folders .default span:hover {
  text-decoration: underline;
}
.sidebar-folders button {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#EEEEEE), to(#BBBBBB));
  background-image: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFBBBBBB)";
  background-image: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
  border: 1px solid #666666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #444444;
  margin: 5px 0;
}
.sidebar-folders button:hover {
  background-image: none;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8C8C8C), color-stop(50%, #777777), to(#555555));
  background-image: -moz-linear-gradient(top, #8C8C8C, #777777, #555555);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF666666, endColorstr=#FF333333)";
  background-image: -o-linear-gradient(top, #8C8C8C, #555555);
  color: #FFFFFF;
}
.folder-tree {
  line-height: 14px;
  margin: 0;
}
.folder-tree.root {
  max-height: 295px;
  overflow-y: scroll;
}
.dialog .folder-tree.root {
  max-height: 140px;
}
.folder-tree.root::-webkit-scrollbar {
  width: 16px;
}
.folder-tree.root::-webkit-scrollbar-thumb:vertical {
    -webkit-border-image: url("images/projects.scrollthumb.vertical.png") 13 0 13 0;
    border-color: transparent;
    border-width: 13px 0;
    min-height: 100px;
}
.sidebar-menu .folder-tree li {
  cursor: auto;
  padding: 2px 0;
}
.folder-tree li {
  clear: both;
  padding: 2px 0;
  position: relative;
}
.sidebar-menu .folder-tree li:last-child {
  padding-bottom: 0;
}
.sidebar-menu .folder-tree li:hover,
.folder-tree .name.selected:hover {
  text-decoration: none;
}
.folder-tree .name:hover,
.select-folder .remove:hover {
  text-decoration: underline;
}
.folder-tree .selected {
  font-weight: bold;
}
.folder-tree.root,
.folder-tree.root li {
  margin: 0;
}
.select-folder {
  color: #CBCBCB;
}
.folder-tree.child {
  margin-left: 10px;
  margin-top: 2px;
}
.folder-tree .edit,
.folder-tree .delete {
  background-image: url("images/Sprite_Icon.png");
  background-repeat: no-repeat;
  display: inline-block;
}
.folder-tree .edit {
  background-position: -10px -1157px;
  height: 10px;
  margin: 0 0 0 2px;
  width: 12px;
}
.folder-tree .delete {
  background-position: -11px -1280px;
  float: right;
  height: 12px;
  margin: 0 2px 0 0;
  position: relative;
  top: 1px;
  width: 12px;
}