/** INFINITY BRAND COLOURS ----------------------------
-------------------------------------------------------
Deep Purple:#e52d87
Light Purple:#ff7fbe
Link Grey: #656565
---------------------------------------------------- */
body{
  font-family:Arial,Verdana,sans-serif;
  font-size:0.8125em;
  text-align:center;
  color:#444;
  z-index:100;
  position:relative;
}

/** LINK STYLES ---------------------------------------
---------------------------------------------------- */
a,
a:link,
a:visited,
a:focus{
  color:#008cc9;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

label {
  cursor:pointer;
}

.wrapper {
  margin:0 auto;
  width:960px;
}
form > li {
    padding-left:10px;
}
/** NAVIGATION STYLES ---------------------------------
---------------------------------------------------- */

.nav{
  width: 100%;
  text-transform:uppercase;
}
.navContent{
  margin:0 auto;
  width:960px;
}
.nav ul {
  text-align:left;
  list-style-type:none;
  min-height: 2.3em;
}
.nav li {
  display:inline-block;
  *display:inline; /* Ie 6&7 inline fix */
  *zoom: 1;
}
.nav li a {
  display:block;
  color: #000000;
  padding:0.75em 1em 0.65em 1em;
  border-left:1px dotted #333;
  font-weight:bold;
  font-size:0.85em;
}
.nav ul li.logout{
  border-left:1px dotted #333;
  border-right:1px dotted #333;
}
.nav li a:hover,
.nav li a.selected{
  background-color:#000;
}
.nav li a,
.nav li a:link,
.nav li a:visited,
.nav li a:hover,
.nav li a:focus{
  color:#fff;
  text-decoration:none;
}
.nav li.logout {
  float:right;
}
.nav li.logout a{
  border:none;
}
.nav ul li.last a {
  border-right:1px dotted #333;
}
.nav ul.alignRight {
  float:right;
  border-right:1px dotted #333;
  margin-top: -2.3em;
}
div.navSecondary ul li a.subSelected {
  text-decoration: none;
}
.nav.noChildren,
div.navSecondary {
  margin-bottom: 8px;
}
div.navSecondary ul {
  border-bottom:1px dotted #a8a8a8;
}
div.navSecondary {
  background-color:#fff;
  text-transform:none;
}
div.navSecondary li a,
div.navSecondary li a:link,
div.navSecondary li a:visited,
div.navSecondary li a:hover,
div.navSecondary li a:focus{
  color:#656565;
  border:none;
  text-decoration:underline;
  font-weight:normal;
}
div.navSecondary a:hover {
  background-color:#fff;
  text-decoration:none;
  color:#000;
}
div.navSecondary ul li.first {
  padding:0 1em;
  font-weight:bold;
  font-size:0.85em;
  color:#000000;
}
/*HEADER NAV */
#headernav a{
  padding:0.2em 0.7em 0.2em 0.7em;
  background-color:#000;
  color:#fff;
  font-weight:bold;
  font-size:0.85em;
  text-decoration:none;
}
#headernav a:hover{
  background-color:#656565;
}

/** Full screen NAV mods **/
#full .navContent, #full .nav ul {
  width: 95%;
}
div.overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8999;
  background-color: black;
  position: fixed;
  opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
/** IGROUP PICKER -------------------------------------
---------------------------------------------------- */
#igroup{
  float:right;
  margin:15px 0 0 0;
  font-size:0.85em;
  padding:0.2em 0px 10px;
  color:#656565;
}

#igroup p {
  margin:0px 0 0 0;
  margin-top:-2px;
}
#igroup select {
  margin:0px 0 0 0;
  margin-top:-5px;
}

#igroup button.chooser {
  border: 0;
  background-color: white;
  margin: 0;
  padding: 0;
  font-size: 11px;
  cursor: pointer;
}
#igroup button.chooser:hover {
  text-decoration: underline;
}

/** Global Notifications holder */
#notificationsWrapper {
    position: relative;
    z-index: 1000;
}
#notifications {
  top:0;
  *left:0;
  text-align:left;
  width:960px;
  *width:auto;
  position:fixed;
  margin:0;
  color:#ffffff;
  z-index:1000;
  font-size:1.1em;
}
#notifications .notification {
  position:relative;
  padding:7px 10px 7px 5px;
  border-bottom:1px solid #8f8f8f;
  background-color:#000;
  z-index:1000;
  overflow:hidden;
}
#notifications .notification span.getnoticedText {
  padding-top:4px;
  display:inline-block;
  float:left;
}
#notifications .notification a.getnoticedClose {
  float:right;
  font-weight:bold;
  color:#ffffff;
}
#notifications .notification div.getnoticedTitle {
  width:70px;
  margin-right:4px;
  padding:4px;
  margin-left:4px;
  float:left;
  text-align:center;
  font-weight:bold;
  color:#FFF;
}
#notifications .notification span {
  text-align:center;
}
#notifications .notice div.getnoticedTitle {
  background-color: #FFB347;
  color:#000;
}
#notifications .info div.getnoticedTitle {
  background-color: #59A33D;
}
#notifications .error div.getnoticedTitle {
  background-color: #D3454B;
}
#notifications .accepted div.getnoticedTitle {
  background-color: #259AE2;
}

/** DATE RANGE PICKER ---------------------------------
---------------------------------------------------- */
#range{
  float:right;
  position: relative;
  margin-top:0.2em;
  margin-right:0px;
  z-index: 100;
  color:#656565;
  min-height: 28px;
}
.layoutTwoColumn #range{
  float:none;
}
#dateRangeText {
  padding: 5px;
}
#range span.active,
#range span.active a {
  color:white;
}
#range p {
  padding:0;
  margin:0;
  text-align: right;
}
#range div.currentTime {
  float:left;
  padding-left:16px;
  padding-top:10px;
}
#date_range {
  position: absolute;
  width: 560px;
  right:0px;
  background-color: #ffffff;
}
#dateRangeCalendars {
  padding-left: 6px;
}
#date_range .nav {
  padding-top:10px;
  margin-bottom:7px;
}
#date_range .nav ul {
  width: 565px;
}
#date_range .nav li a {
  border-color: #999;

}
#date_range .nav li.first a {
  border-left:none;
}
#date_range .nav li.last a {
  border-right:none;
}
#date_range .nav ul ul li.first{
  border:none;
  text-decoration:none;
  text-transform:uppercase;
  color:#000000;
}
#date_range input#dateRangeStart, #date_range input#dateRangeEnd {
  border:none;
  padding-left:5px;
  background-color: #ffffff;
}

#updateDateRange {
  float:right;
  margin: 5px 20px 5px 0px;
  background-color:#000;
  color:#fff;
  border:none;
  padding:2px 6px;
  font-size:1em;
}

.dateRangeCal {
  float: left;
  margin: 0px 11px 0px 11px;
}
.dateRangeCal label {
    width:70px;
}
.dateRangeCal label, .dateRangeCal input {
  padding-left:0px;
}

/** USER INFO */
#user {
  float:right;
  margin:0px 0 0 0;
  font-size:0.85em;
  padding:0.2em 0px 10px;
  color:#656565;
}

#user p {
  margin:0px 0 0 0;
  margin-top:13px;
  * margin-top:15px;
  _ margin-top:15px;
}
#user input {
  margin:0px 0 0 0;
  vertical-align: middle;
}
#user label {
  margin-top:10px;
  vertical-align: middle;
}
#userChooser {
  clear:right;
  text-align: right;
  margin-top:10px;
}




/** HEADER STYLES -------------------------------------
---------------------------------------------------- */
#header {
  width:960px;
  height:125px;
  margin:0 auto;
  position:relative;
  background: #fff url('../images/infinitySwirl.png') no-repeat top right;
}
#logo{
  position:absolute;
  bottom:10px;
  left:0;
}
#headernav{
  float:right;
  margin:15px 0 0 5px;
}
#headernav li{
  float:left;
  margin:0 0 0 5px;
}
.credit{
  position:absolute;
  bottom:0;
  right:0;
  font-size:0.85em;
  color:#656565;
}



/** TYPE STYLES ---------------------------------------
---------------------------------------------------- */
h3{
  color:#000;
  font-size:2em;
  padding:0.2em 10px;
  font-weight:bold;
  margin-bottom:0.5em;
}
h3 span{
  color:#b7b7b7;
}
h3 a,
h3 a:visited{
  text-decoration:underline;
}
h3 a:hover{
  text-decoration:none;
}

h4{
  color:#fff;
  font-size:1.3em;
  padding:0.2em 4px 0.2em 10px;
  font-weight:bold;
  margin-bottom:0.6em;
  background: #000;
  position:relative;
  z-index: 1;
  *zoom:1;
}
h4:after {
  content: ' ';
  position: absolute;
  top:25px;
  left: 10px;
  border-style:solid;
  border-width:10px;
  width:0;
  border-color: black transparent transparent transparent;
  height:0;
}
h4.bottom:after {
  border:none;
}
#content h4 a {
  color:white;
  text-decoration: underline;
  font-size:0.8em;
}
#content p a:link{
  text-decoration:underline;
}
h4 .time{
  float:right;
  font-weight:normal;
  font-size:0.65em;
  padding:2px 4px;
  margin-top:1px;
}
h4 span.refresh, h4 .button, h4 .pager {
  float:right;
  font-weight:normal;
  font-size:0.65em;
  color:#fff;
  padding:2px 4px;
  margin-top:1px;
  margin-left: 5px;
  margin-right: 3px;
}
h4 span.refresh, h4 .button{
    cursor:pointer;
}
h4 .button.left {
  float:none;
}
h4 .med, h5 .med {
    overflow:auto;
    font-size: 0.65em;
}
.medium {
  float:right;
  width:90px;
  text-align: right;
}
h4 .button a {
    color:#fff;
}
h4 .pager {
    font-weight:normal;
    font-size:0.65em;
    /** divider border*/
    border-right: 2px #444 solid;
    margin: 0px 2px;
    padding: 2px 5px;
    background-color: black;
}

h4 .pager a {
    display: inline-block;
    padding: 2px 3px 1px 2px;
    cursor:pointer;
    border: 1px #777 solid;
    /** global default cannot be overriden*/
    background-color: #000 !important;
    width: 10px;
    text-align: center;
}
#content h4 .pager a {
    text-decoration: none;
}
h4 .pager a:hover{
    /** global default cannot be overriden*/
    background-color: #ccc !important;
    border: 1px #444 solid;
    /** global default cannot be overriden*/
    color: #000000 !important;
}
h4 span.refresh:hover{
    background-color:#fff;
    color:#E52D87;
}
#content h4 .filter a {
  font-size: 0.65em;
  color: #9f9f9f;
  text-decoration:underline;
  padding:0px;
  margin:0px;
}
#content h4 .filter.active a {
  color: white;
  text-decoration:none;
}
h4 .filter:before {
  content: '|';
  color:#4f4f4f;
}
h5{
  color:#000;
  font-size:1.2em;
  padding:0.2em 10px 0.4em 10px;
  font-weight:bold;
}
h6{
    font-size: 1.0em;
    padding:0.2em 10px 0.4em 10px;
    font-weight:normal;
    margin: 0px;
}
h7 {
    font-size: 10px;
    font-weight:normal;
    margin: 0px;
}
h8 {
    font-size: 0.5em;
    font-weight:normal;
    margin: 0px;
}
.newbutton {
  font-weight:normal;
  color:#fff;
  font-size:0.75em;
  background-color: black !important;
  color:#fff;
  padding:0px;
  margin-left: 5px;
  font-size:12px;
}
.newbutton a {
  text-decoration:none !important;
  color:white !important;
  display: inline-block;
  padding: 2px 3px 1px 2px;
  cursor:pointer;
  border: 1px #777 solid;
  background-color: #000;
  text-align: center;
}
.newbutton a:hover {
  background-color: #ccc;
  border: 1px #444 solid;
  color: #000000 !important;
  text-decoration:none;
}
.button {
  font-weight:normal;
  color:#fff;
  background-color: black;
}
.button a:hover {
  /** global default cannot be overriden*/
  background-color: #ccc;
  border: 1px #444 solid;
  /** global default cannot be overriden*/
  color: #000000 !important;
  text-decoration:none;
}
button.anchor {
  background: inherit;
  border: 0;
  color: #E52D87;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  padding: 0;
  cursor: pointer;
}
button.anchor:hover {
  text-decoration: underline;
}
.button a {
  color:white !important;
  display: inline-block;
  padding: 2px 3px 1px 2px;
  cursor:pointer;
  border: 1px #777 solid;
  /** global default cannot be overriden*/
  background-color: #000;
  text-align: center;
}
p span.med {
  font-size:1.0em;
}
p span.med:after {
    content: ' | ';
}
p span.med:last-child:after {
    content: '';
}
div.igrp {
  border-bottom: 1px solid #B7B7B7;
  clear:both;
}

div.igrp h3 {
  float: left;
  font-size: 2.3em;
}
.invisible {
  display:none;
}

div.igrp h3 a {
  text-decoration: none;
}

div.igrp span.details {
  float:right;
  font-size: 1.5em;
  color:#B7B7B7;
  padding:0.65em 10px;
  font-weight:bold;
  margin-bottom:0.5em;
}
div.igrp span.details a {
  color: #B7B7B7;
  text-decoration: underline;
}

p,td,th {
  margin-bottom:1em;
}
p{
  padding:0 1em 0 10px;
}


p.overviewCopy{
  color:#B7B7B7;
  font-size:1.65em;
  padding:0.2em 10px;
  font-weight:bold;

  clear:left;
}
p.overviewCopy.small{
  font-size:1.4em;
}
.overviewCopyHighlight{
  color:#000;
}

/** ICON STYLES ---------------------------------------
---------------------------------------------------- */
table.separated tbody tr td img.networkIcon,
table.separated tbody tr td img.statusIcon{
    margin: 0px;
    padding: 0px;
    float: left;
}
table.separated tbody tr td img.statusIcon{
    margin-left: 1px;
    margin-top: 3px;
}


/** CONTENT STYLES ------------------------------------
---------------------------------------------------- */
#content{
  width:960px;
  margin:0 auto 2.3em auto;
}
#full #content {
  width:95%;
}
#full #content .content {
  width:100%;
}
div.content{
  width:960px;
  margin:0 auto 1.3em auto;
  text-align:left;
  border-bottom:1px dotted #A8A8A8;
  float:left;
  clear:left;
}
div.content.noBorder {
  border: none;
}
.concatColumn {
  border-bottom:none;
}
/* 1 Column */
.layoutOneColumn p{
  /*margin-right:240px;*/
}

/* 2 Column */
.layoutTwoColumn .column{
  float:left;
  width:460px;
  margin-right:40px;
}
.layoutTwoColumn .column.last{
  margin-right:0;
}
  /* 2 Column Figures */
  .layoutTwoColumn .layoutThreeColumn.figureZeroMargin .column{
    width:153px;
  }
  .layoutTwoColumn .layoutThreeColumn.figureZeroMargin .column.last{
    width:152px;
  }
  .layoutTwoColumn .layoutThreeColumn.figureZeroMargin dt{
    color:#000;
    font-size:1.45em;
  }
  .layoutTwoColumn .layoutThreeColumn.figureZeroMargin dd.value{
    font-size:2.4em;
  }
  .layoutTwoColumn .layoutThreeColumn.figureZeroMargin dd.value span{
    font-size:0.3em;
  }

/* 2 Column Left */
.layoutTwoColumnLeft .column{
  float:left;
  width:300px;
  margin-right:40px;
}
.layoutTwoColumnLeft .column.last{
  width:620px;
  margin-right:0;
}

/* 2 Column Right */
.layoutTwoColumnRight .column{
  float:left;
  width:620px;
  margin-right:40px;
}
.layoutTwoColumnRight .column.last{
  width:300px;
  margin-right:0;
}

/* 3 Column */
.layoutThreeColumn .column{
  float:left;
  width:306px;
  margin-right:20px;
}
.layoutThreeColumn .column.last{
  margin-right:0;
}

  /* 3 Column Figures */
  .layoutThreeColumn.figureZeroMargin .column{
    width:319px;
  }
  .layoutThreeColumn.figureZeroMargin .column.last{
    width:320px;
  }
  .layoutThreeColumn.figureZeroMargin dt{
    color:#000;
    font-size:1.65em;
  }
  .layoutThreeColumn.figureZeroMargin dd.value{
    font-size:3.6em;
  }
  .layoutThreeColumn.figureZeroMargin dd.value span{
    font-size:0.3em;
  }

/* 4 Column */
.layoutFourColumn .column{
  float:left;
  width:220px;
  margin-right:20px;
}
.layoutFourColumn .column.last{
  margin-right:0;
}

  /* 4 Column Figures */
  .layoutFourColumn.figureZeroMargin .column{
    width:240px;
  }
  .layoutFourColumn.figureZeroMargin .column.last{
    width:236px;
  }
  .layoutFourColumn.figureZeroMargin dt{
    color:#000;
    font-size:1.65em;
  }
  .layoutFourColumn.figureZeroMargin dd.value{
    font-size:5.6em;
  }
  .layoutFourColumn.figureZeroMargin dd.value span{
    font-size:0.3em;
  }

.layoutFourColumn .column p {
  padding-top:5px;
}

/* 5 Column */
.layoutFiveColumn .column{
  float:left;
  width:172px;
  margin-right:10px;
}
.layoutFiveColumn .column.last{
  margin-right:0;
}

  /* 5 Column Figures */
  .layoutFiveColumn.figureZeroMargin .column{
    width:189px;
  }
  .layoutFiveColumn.figureZeroMargin .column.last{
    width:200px;
  }
  .layoutFiveColumn.figureZeroMargin dt{
    color:#000;
    font-size:1.45em;
  }
  .layoutFiveColumn.figureZeroMargin dt span{
    font-size:0.6em;
    color:#A5A5A5;
  }
  .layoutFiveColumn.figureZeroMargin dt span.metricType.tooltip {
    font-size:1.3em;
    color:black;
  }
  .layoutFiveColumn.figureZeroMargin dt span.extraCols span,
  .layoutFiveColumn.figureZeroMargin dt span.extraCols {
    font-size: 0.76em;
  }
  .layoutFiveColumn.figureZeroMargin dd.value{
    font-size:1.7em;
  }
  .layoutFiveColumn.figureZeroMargin dd.value span{
    font-size:0.5em;
    color: #555;
  }

  #content .inlineBlock {
    display: inline-block;
    *display: inline; /*IE 6&7 fix for inline-block*/
    zoom: 1;
  }

/** Figure Column Globals -----------------------------
---------------------------------------------------- */
.figureZeroMargin{
  float:left;
  margin-bottom:0.5em;
}
.figureZeroMargin .column{
  margin-right:0;
  border-right:1px dotted #A8A8A8;
}
.figureZeroMargin .no_border{
  margin-right:0;
  border-right:1px dotted #fff;
}

.figureZeroMargin .column.last{
  border-right:none;
}
.figureZeroMargin dt{
  padding:0.2em 10px 0 10px;
  font-weight:bold;
}
.figureZeroMargin dd.value{
  padding:0 0px 0 10px;
  color:#E52D87;
  clear: both;
  font-weight:bold;
}
.figureZeroMargin dd.value span{
  color:#B7B7B7;
}

#footer {
    text-align: right;
    clear: both;
    color: #8f8f8f;
    font-size: 0.80em;
}


/** REPORTS STYLES ------------------------------------
---------------------------------------------------- */
.report{
  border:1px solid #aeaeae;
  border-top:none;
  margin-bottom:0.65em;
  padding:0;
}
.reportFilters {
  text-align: left;
}

/** TABLE STYLES --------------------------------------
---------------------------------------------------- */
table{
  width:100%;
  font-size:0.85em;
}
thead{
  background-color:#e52d87;
}
thead th{
  color:#fff;
  padding:0.6em 0.8em;
  font-weight:bold;
}
td img, th img{
  float:left;
  margin-right:5px;
  margin-bottom:10px;
  padding-top:2px;
}
td.location img {
  margin-bottom: 0px;
}
img.sort {
  float: right;
}
th img.close {
  float:left;
  margin-left:5px;
  margin-bottom:10px;
  padding-top:2px;
}
td img.sort, th img.sort, th img.close {
  padding:0px;
  margin:0px;
}
tbody td,
tbody th{
  border-top:0.2em solid #fff;
  border-right:0.4em solid #fff;
  border-bottom:0.2em solid #fff;
  border-left:0.4em solid #fff;
  padding:0.4em;
  vertical-align:top;
  line-height:1.5em;
}
tbody td {
  border-left:none;
  border-top:none;
}
tbody th{
  border-top: none;
  font-weight:bold;
}
tr.row {
  background-color:#F7F6F6;
}
tbody tr.selected td,
tbody tr.selected th{
  background-color:#d3d3d3;
}
tbody tr.totalRow td,
tbody tr.totalRow th{
  font-weight:bold;
  color:#000;
}
tbody tr.extra td{
  color:#999;
  border-bottom:1px solid #000;
  padding-bottom:12px;
}

/* Global Table Column widths */
th.visit{
  width:65px;
}
td.visit {
  *width:79px;
}
th.date{
  width:115px;
}
th.datetime{
  width:150px;
}
th.duration{
  width:75px;
}
th.location{
  width:130px;
}
th.goals,
th.pageViews{
  width:16px;
}
th.type {
  width:100px;
}
th.criteria {
  width: 500px;
}
td.action{
  width:100px;
}
th.center,
td.center {
  text-align: center;
}
#full table thead tr th {
    text-align: left;
    padding-left:5px;
}
table thead tr th a, table thead tr th a:link, table thead tr th a:visited, table thead tr th a:focus {
    color:#fff;
}

table.exit {
    border-top: 1px solid #999;
}

table.exit thead tr th {
    background:#FFF;
    padding-top:0px;
    margin-top:0px;
}

thead tr th span.info {
    font-size:0.7em;
    color:#555;
}

/** UNIQUE REPORTS STYLES -----------------------------
---------------------------------------------------- */

/* PPC Networks */
.ppcNetworks {
  font-size:0.85em;
  border-collapse: collapse;
}
.ppcNetworks table{
  border-collapse: collapse;
  font-size:100%;
}
.ppcNetworks th,
.ppcNetworks td{
  border:none;
  border-top:1px solid #D3D3D3;
  /*border-right:1px solid #fff;*/
  padding:6px 0px 6px 4px;
}
.ppcNetworks .campaigns td,
.ppcNetworks .campaigns .adGroups td,
.ppcNetworks .campaigns .adGroups .keywords td {
  padding:0;
  border-top:0;
}
.ppcNetworks .campaigns td td,
.ppcNetworks .campaigns .adGroups td td,
.ppcNetworks .campaigns .adGroups .keywords td td {
  border-top:1px solid #D3D3D3;
}
.ppcNetworks .campaigns table td,
.ppcNetworks .campaigns .adGroups table td,
.ppcNetworks .campaigns .adGroups .keywords table td {
  padding:6px 0px 6px 4px;
}
.ppcNetworks .publishers .campaigns td.indent,
.ppcNetworks .publishers .campaigns th.indent,
.ppcNetworks .campaigns .adGroups td.indent,
.ppcNetworks .campaigns .adGroups th.indent {
  background-image:url("../images/cellBlockWhite25.png");
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:30px;
  width:194px
}
.ppcNetworks .publishers .campaigns .keywords td.indent,
.ppcNetworks .publishers .campaigns .keywords th.indent,
.ppcNetworks .campaigns .adGroups .keywords td.indent,
.ppcNetworks .campaigns .adGroups .keywords th.indent {
  background-image:url("../images/cellBlockWhite55.png");
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:60px;
  width:164px
}
.ppcNetworks .campaigns .adGroups .keywords td span.matchType,
.ppcNetworks .campaigns .adGroups .keywords td span.segmentedMatchType {
  font-size: 9px;
  font-style: italic;
}
.ppcNetworks .campaigns .adGroups .keywords td span.matchType {
  color: #e52d87;
}
.ppcNetworks .fullWidth{
  width: 100%;
}
.ppcNetworks .campaign, .ppcNetworks .publishers td.label {
  width:218px
}
.ppcNetworks .adGroups .campaign{
  width:194px
}
.ppcNetworks .keywords .campaign{
  width:162px
}
.ppcNetworks table th .info {
  font-size: 80%;
  font-weight: normal;
  color: white;
  font-style: italic;
}
.ppcNetworks table td .info {
  font-size: 80%;
  font-weight: normal;
  color: #999;
  font-style: italic;
}
.ppcNetworks .onlineGoals,
.ppcNetworks .callGoals,
.ppcNetworks .dataCol{
   width:134px;
   font-weight: bold;
}
.ppcNetworks .lands{
    width:120px;
}
.ppcNetworks .calls{
    width:100px;
}
.ppcNetworks .goals{
    width:110px;
}
.ppcNetworks td.value {
  padding: 6px 0px 6px 4px;
}
.ppcNetworks thead th.campaign,
.ppcNetworks thead th.dataCol {
  background-color:#e5e5e5;
  color:#000000;
  font-size:13px;
}
table.ppcNetworks thead tr th.dataCol a,
table.ppcNetworks thead tr th.dataCol a span.tooltip {
  color: #222;
  padding: 0px;
}
.ppcNetworks th{
  color:#fff;
}
.ppcNetworks .total td{
  background-color:#e5e5e5;
  font-weight:bold;
}
.ppcNetworks .total.top td{
  font-size:1.2em;
}
.ppcNetworks .total.top td span{
  font-size:0.8em;
}
.ppcNetworks td span{
  color:#555;
}
.ppcNetworks a {
  padding-right:10px;
}
.ppcNetworks .inactive a {
  padding-right:10px;
  background: url(../images/right.png) no-repeat center right;
}
.ppcNetworks .keywords a:hover{
  padding-right:0;
  background-image: none;
}
.ppcNetworks table tr td a {
    padding-right:0px;
}
.ppcNetworks tr.ppcSegments {
  background-color: #E9E9E9;
}
.ppcNetworks .campaigns tr.ppcSegments td.container {
  padding: 0;
  border-top: 0;
}
.ppcNetworks .campaigns .adGroups tr.ppcSegments td.container td.title {
  width: 215px;
}
.ppcNetworks .campaigns .adGroups tr.ppcSegments td.container td.indent {
  background: none;
  padding-left: 7px;
}
.ppcNetworks .campaigns .adGroups .keywords tr.ppcSegments td.container td.indent {
  background-image: url("../images/cellBlockWhite25.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 34px;
}
.ppcNetworks .campaigns .adGroups .keywords tr.ppcSegments td.container td.keywordIndent {
  background-image: url("../images/cellBlockWhite55.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 60px;
}
.ppcNetworks .campaigns .adGroups .keywords tr.ppcSegments td.container td.title {
  width: 190px;
}
.ppcNetworks .campaigns .adGroups .keywords tr.ppcSegments td.container td.title.keywordIndent {
  width: 164px;
}
.ppcNetworks a.ppcSegmentation {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-image: url("../images/infinity-icons-small.gif");
  *margin-right: .3em;
  line-height: 9px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  position: relative;
  top: 1px;
  background-position:  -45px -9px;
}
.ppcNetworks a.ppcSegmentation.closed {
  background-position: -36px -9px;
}
table.ppcNetworks thead tr th a {
  color: black;
}

/* Column Chooser Table Headers */
table.ppcNetworks thead tr th.colChooserHeader {
  padding: 0px;
}
/* IE6 will apply the follwoing styles to all col choser headers if the campaign
selector is added before teh colChooserHeader selector .. the order does matter */
table.ppcNetworks thead tr th.colChooserHeader.campaign {
  width: 222px; /*compensating for the missing padding*/
}
table.ppcNetworks thead tr a span.colChooserSectionTitle {
  color: black;
  font-size: 12px;
  padding-left: 4px;
}
table.ppcNetworks thead tr th.colChooserHeader a,
table.ppcNetworks thead tr th.colChooserHeader a span.tooltip,
table.ppcNetworks thead tr th.colChooserHeader a span.info,
table.ppcNetworks thead tr th.colChooserHeader span.colChooserSmall,
table.ppcNetworks thead tr th.colChooserHeader a span.info span.tooltip {
  color: #666;
  padding: 0px;
  font-size: 10px;
}
table.ppcNetworks thead tr th.colChooserHeader a span.colChooserColumnTtitle {
  padding-left: 4px;
}
table.ppcNetworks thead tr th.colChooserHeader span.colChooserSmall {
  font-size: 8px;
}
table.ppcNetworks thead tr div.colChooserHeaderContent {
  position: relative;
  padding: 0px 0px 2px 0px;
  *padding: 0px 0px 4px 0px; /*IE7 and below, box model fix, it was off by 2px */
}
table.ppcNetworks thead tr div.colChooserHeaderContent span.tooltip.featureInfo {
  top: 2px;
  left: 132px;
  position: absolute;
}
table.ppcNetworks thead tr div.colChooserHeaderContent.bordered {
  border-left: 1px #cccccc solid;
}
/* change the cog icon to white in active state */
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive span.tooltip.featureInfo i.icon.small.cog {
  background-position: 0px -27px;
}
/* hide the cog icon in changing state as that space will be taken up by the changing icon */
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging span.tooltip.featureInfo i.icon.small.cog {
  display: none;
}
/* active state for the col chooser header section elements */
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive a span.colChooserSectionTitle,
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive a span.colChooserColumnTtitle,
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive a span.info span.tooltip,
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive span.colChooserSmall,
table.ppcNetworks thead tr th.colChooserHeader.ppcaccsummary.cmenuActive a,
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive a span.info,
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive a:hover,
table.ppcNetworks thead tr th.colChooserHeader.cmenuActive {
  color: white;
  text-decoration: none;
  background-color: black;
}
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging a span.colChooserSectionTitle,
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging a span.colChooserColumnTtitle,
table.ppcNetworks thead tr th.colChooserHeader.ppcaccsummary.cmenuChanging a span.tooltip,
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging a span.info span.tooltip,
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging span.colChooserSmall,
table.ppcNetworks thead tr th.colChooserHeader.ppcaccsummary.cmenuChanging a,
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging a span.info,
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging a:hover,
table.ppcNetworks thead tr th.colChooserHeader.cmenuChanging {
  color: #777;
  text-decoration: none;
  background: url(../images/icon_loading_spinner.gif);
  background-color: #e5e5e5;
  background-repeat: no-repeat;
  background-position: 132px 2px;
}
/* PPC Acc Summary specific styles */
table.ppcNetworks thead tr th.ppcaccsummary div.colChooserHeaderContent span.tooltip.featureInfo {
  top: 20px;
}
table.ppcNetworks thead tr th.colChooserHeader.ppcaccsummary a,
table.ppcNetworks thead tr th.colChooserHeader.ppcaccsummary a span.tooltip {
  color: black;
  font-size: 12px;
}
/* Col Chooser sorting arrows styles*/
table.ppcNetworks thead tr th.colChooserHeader ul.colChooserSort {
  top: 12px;
  left: 132px;
  position: absolute;
}
table.ppcNetworks thead tr th.colChooserHeader ul.colChooserSort li {
  height: 12px;
  /* IE6,7 specific fix*/
  font-size: 1px;
  line-height: 1px;
}

/*Col Chooser Global Column Picker Section Styles */
div.globalColumnChooser dt span.headerSection,
div.layoutFiveColumn.figureZeroMargin.globalColumnChooser dt.ppcaccsummary span.colChooserSmall,
div.layoutFiveColumn.figureZeroMargin.globalColumnChooser dt.ppcaccsummary span.metricType.tooltip {
  font-size: 1.2em;
}
div.globalColumnChooser dt span.headerSection,
div.layoutFiveColumn.figureZeroMargin.globalColumnChooser dt.ppcaccsummary span.metricType.tooltip {
  color: black;
}
div.layoutFiveColumn.figureZeroMargin.globalColumnChooser dt span.metricType.tooltip {
  font-size: 0.9em;
  color: #666;
}
div.layoutFiveColumn.figureZeroMargin.globalColumnChooser dt span.colChooserSmall {
  font-size: 0.7em;
}
div.globalColumnChooser dt span.headerSection {
  font-weight: bold;
}
div.globalColumnChooser dt span.headerSection.cmenuActive {
  padding-left: 6px;
  color: white;
  z-index: 1000;
  position: relative;
}
div.globalColumnChooser dt,
div.globalColumnChooser dt.cmenuActive {
  position: relative;
  clear: both;
  cursor: pointer;
}
div.globalColumnChooserDisabled dt,
div.globalColumnChooserDisabled dt.cmenuActive {
  cursor: auto;
}
div.globalColumnChooserDisabled dt i.icon.small.cog {
  display: none;
}
div.globalColumnChooser dl dt span.tooltip.featureInfo {
  top: 5px;
  left: 175px;
  position: absolute;
}
div.globalColumnChooser dl dt span.tooltip.featureInfo i.icon.small.cog {
  opacity: 0.5;
}
div.globalColumnChooser dl dt.cmenuActive span.tooltip.featureInfo i.icon.small.cog {
  opacity: 1;
  background-position: 0px -27px;
}
div.globalColumnChooser dt.cmenuActive {
  background: black;
}
div.globalColumnChooser dt.cmenuActive,
div.globalColumnChooser dt.cmenuActive span {
  color: white !important;
}
div.globalColumnChooser dt.cmenuChanging {
  padding-right: 14px;
  background: url(../images/icon_loading_spinner.gif) no-repeat center right;
  color: #888;
  background-position: right 21px;
}
.layoutFiveColumn.figureZeroMargin dt.colChooserOverview {
  font-size: 1.0em;
  padding-top: 0px;
  border-left: 1px white solid;
}

/* Col Chooser Contextual Menu */
div.contextualMenu.colChooser {
  width: 244px;
}
div.contextualMenu.colChooser ul li:hover {
  background-color: #222;
}
div.contextualMenu.colChooser ul li.colchooserHeading {
  background-color: #444;
  color: white;
  cursor: default;
}
div.contextualMenu.colChooser ul li.colChooserSection.colChooserAccordionGroup {
  display: none;
}
div.contextualMenu.colChooser ul li.colchooserHeading.colChooserNoSelect {
  background-color: #333;
  }
div.contextualMenu.colChooser ul li.colchooserHeading.accordion-expanded {
  background-color: #555;
}
div.contextualMenu.colChooser ul li.colchooserHeading.collapsable {
  cursor: pointer;
}
div.contextualMenu.colChooser ul li.colChooserSection ul,
div.contextualMenu.colChooser ul li.colChooserSection {
  padding: 0px;
  background-color: black;
  zoom: 1;
}
div.contextualMenu.colChooser ul li.colchooserHeading.collapsable i.icon.small.boxPlus {
  margin-top: 2px;
  opacity: 0.7;
}
div.contextualMenu.colChooser ul li.colchooserHeading.accordion-expanded i.icon.small.boxPlus {
  background-position: -9px  -9px;
}
div.contextualMenu.colChooser ul li.colChooserSection ul li:hover i.icon.small.indent {
  background-position: 0px  0px;
}
div.contextualMenu.colChooser ul li.colChooserSection ul li:hover {
  background-color: #222;
}

#full table tbody td, #full table thead th {
    border-right:1px solid #CDCDCD;
    border-bottom:1px solid #CDCDCD;
    padding: 0.6em 0.6em 0.6em 0.2em;
}

#full th {
    text-align: right;
    padding-right:5px;
}
table.separated tbody td, table.separated thead th {
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    padding: 0.6em 0.4em 0.6em 0.4em;
    min-width:35px;
}
table.separated thead th {
    vertical-align: top;
}
table.separated thead tr th {
    border-right:1px solid #8f8f8f;
    border-bottom:1px solid #8f8f8f;
}
table.separated tbody tr td, table.separated tbody tr td input {
    vertical-align: middle;
}
.checkboxContainer {
    position:relative;
    float:left;
}
table.separated tbody tr.processing div.checkboxContainer span.status,
table.separated tbody tr.actioned div.checkboxContainer span.status,
table.separated tbody tr.failed div.checkboxContainer span.status,
table.separated tbody tr.alert div.checkboxContainer span.status {
    display:block;
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    position: absolute;
    left:-24px;
    top: 4px;
}
table.separated tbody tr.processing div.checkboxContainer input,
table.separated tbody tr.actioned div.checkboxContainer input,
table.separated tbody tr.failed div.checkboxContainer input,
table.separated tbody tr.alert div.checkboxContainer input,
table.separated tbody tr div.checkboxContainer input{
    position: relative;
    right: -3px;
    margin: 7px 0px;
    padding: 0px;
    /*compensating for the IE7 box-model bugs*/
    *right:0px;
}
table.separated tbody tr.processing div.checkboxContainer span.status {
    background-image: url(../images/loading.gif);
}
table.separated tbody tr.actioned div.checkboxContainer span.status {
    background-image: url(../images/success.png);
}
table.separated tbody tr.failed div.checkboxContainer span.status {
    background-image: url(../images/failed.png);
}
table.separated tbody tr.alert div.checkboxContainer span.status {
    background-image: url(../images/alert.png);
}
table.separated tbody tr td img {
  margin-bottom: 2px;
  margin-top: 2px;
  padding-top:0px;
  margin-left:2px;
}
table.separated tbody td.networkCode, table.separated thead th.networkCode {
    min-width: 40px;
}
/* END PPC Networks */

/* BEGIN  channel totals */

.channelTotals{
  font-size:0.85em;
}
.channelTotals table{
  font-size:100%;
}
.channelTotals th,
.channelTotals td{
  border:none;
  border-bottom:1px solid #D3D3D3;
  /*border-right:1px solid #fff;*/
  padding:6px 4px;
}

.channelTotals .lands,
.channelTotals .calls,
.channelTotals .goals,
.channelTotals .onlineGoals,
.channelTotals .callGoals{
  width:104px;
}
.channelTotals thead th{
  background-color:#e5e5e5;
  color:#000000;
  font-size:1.45em;
}
.channelTotals th{
  color:#fff;
}
.channelTotals .total td{
  background-color:#e5e5e5;
  font-weight:bold;
  border-bottom:1px solid #ACACAC !important;
}
.channelTotals .total.top td{
  font-size:2.4em;
}
.channelTotals .total.top td span{
  font-size:0.5em;
}
.channelTotals td span{
  color:#a5a5a5;
  margin-left:3px;
}
.channelTotals a {
  padding-right:15px;
}

/* END channel totals */


/* Visitor Sessions */
.visitorSessions li.channels{
  padding:0;
  margin:0;
  color:#999;
}
.visitorSessions li.channels.underline {
  margin:0 0 0.3em 0;
  padding:0 0 0.3em 0 !important;
  font-weight:bold;
  border-bottom:1px solid #e4e4e4;
}
.visitorSessions .row li.channels.underline {
  border-bottom:1px solid #fff;
}
.visitorSessions li.channels span{
  color:#444;
}
.visitorSessions li.channels em{
  font-weight:normal;
  color:#444;
}
.visitorSessions img.goal{
  margin:0;
}
/* END Visitor Sessions */



/* Visitor Sessions - Visitor Activity */
td.actionIcon{
  padding-right:0;
  border-right:0;
  width:40px;
}
td.actionIcon img {
  float:right;
  margin:0;
}
td.actionIcon .goal {
  float:right;
}
td.action{
  padding-left:0.8em;
  border-left:0;
}
td.action{
  background-repeat:no-repeat;
  background-position:0.4em 0.4em;
}

/* END Visitor Sessions - Visitor Activity */

/* Visitors per Channel */
.visitorsPerChannel .total{
  width:80px;
}
.visitorsPerChannel .percentage{
  width:80px;
}
/* END Visitors per Channel */


/* Visitors Stats */
.visitorStats .total{
  width:80px;
}
/* END Visitors Stats */


/* About this Visitor */
.aboutVisitor .item{
  width:80px;
}
/* END About this Visitor */

/* PPC Management */

.ppcKeywordBidManagement .button {
  float:left;
  font-weight:normal;
  font-size:0.55em;
  color:#fff;
  padding:2px 4px;
  margin-top:1px;
  margin-left: 5px;
  margin-bottom: 5px;
  cursor:pointer;
}
.ppcKeywordBidManagement .button.left {
  float:none;
}

.ppcKeywordBidManagement .button a {
  color:#fff;
}

.ppcKeywordBidManagement .button_disabled,
.ppcKeywordBidManagement .button_disabled:hover,
.ppcKeywordBidManagement .button_disabled a:hover{
  color:#777 !important;
  background-color: #ccc !important;
  border: 1px #aaa solid !important;
}


.figureZeroMargin dl.ver_small dt{
    padding:0px;
}

.figureZeroMargin dl.ver_small dt.heading {
    padding-bottom: 3px;
    margin-left: 5px;
    font-size: 0.8em;
}
.figureZeroMargin dl.ver_small dt.bordered{
    border-right:1px dotted #A8A8A8;
}
.figureZeroMargin dl.ver_small dt p {
    font-size:0.7125em;
    font-weight: normal;
    padding: 4px 0 4px 5px;
    margin: 0px;
}
table.separated thead tr th.ppc_checkbox,
table.separated tbody tr td.ppc_checkbox {
    width: 33px;
    padding: 1px;
    min-width: 33px;

}
input.maxCpcEdit {
    outline:none;
    padding: 0px;
    margin:0px;
    font-size: inherit;
    width: 13px;
    color:#000;
    border: none;
    background-color: transparent;
}
input.maxCpcEditDirty{
    color:#000;
    border: 1px #ccc solid;
}
.currentMaxCPC{
    float: left;
    margin-right: 2px;
}
.editMaxCpcButton{
  font-size:inherit;
  color:#666;
  padding:1px;
  margin-left: 6px;
  margin-top: 1px;
  cursor:pointer;
  background-color: #ccc;
  border: 1px #aaa solid;
  float: left;
  width: 20px;
  line-height: 0.9em;
  text-align: center;
}
table.separated tbody td.maxCPC{
    white-space: nowrap;
    min-width: 60px;
}
.editMaxCpcForm{
    border: 1px transparent solid;
    float: left;
    margin-left: 1px;
    padding-right: 1px;
    margin-top: -1px;
}
.editMaxCpcFormError{
    border-bottom: 1px red solid !important;
}

.jobStatusPending{
    border: 2px red solid;
}
.jobStatusDone{
    border: 2px green solid;
}

/* END PPC Management*/

/* Goals */
th.goal, th.med{
  width:100px;
}
/* PPC Keyword popup goals list start */

/*over-riding line 820 border width, fixedHeader
plugin don't like widths in ems*/
.fht-table td, .fht-table th{
    border-width: 1px;
}
/*this is fix for the fixedHeaderTable plugin*/
div.fht-tbody .fht-table {
    margin-top: -32px !important;
}
/*this is fix for the fixedHeaderTable plugin*/
table.keywordGoalListTable {
    width: 100% !important;
}
div.fht-thead .fht-table{
    font-weight: bold;
}
div.fht-thead .fht-table th{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-bottom-width: 4px;
}
div.pupKeywordGoalsList{
    height: 400px;
}
div.pupKeywordGoalsList span.description{
    margin-left: 10px;
}
.fht-table .visitor{
    width: 50px;
}
.fht-table .date{
    width: 120px;
}
.fht-table .location{
    width: 90px;
}
.fht-table tbody .info{
    font-size: 0.85em;
    padding-right: 15px;
}
.goalsListAlt td{
    background-color: #F8F8F8 !important;
}
div.popupreportTable div.fht-thead .fht-table th {
  border-bottom-color: #808080;
  border-bottom-style: solid;
  font-size: 11px;
  padding: 4px;
}

table.popupreportTable th,
table.popupreportTable td {
  font-size: 11px;
  padding: 6px 4px;
  border-bottom-color: #D8D8D8;
  border-bottom-style: solid;
}

/* END Goals */

/** MISC ----------------------------------------------
---------------------------------------------------- */
.tooltip{
  font-weight: bold;
  cursor:help;
}
.tooltip.regular {
  font-weight: normal;
}
h6.withinTooltip {
  color: #fff;
  padding:2px 0px;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: 0 4px;
}
h6.success{
    background-image: url(../images/success_small.png);
}
h6.processing{
    background-image: url(../images/loading_small.gif);
}
h6.failed{
    background-image: url(../images/failed_small.png);
}
.alignRight{
    text-align: right;
}
.innerTooltipContainer{
    text-align: left;
}
a .tooltip {
    cursor: pointer;
}
img.visitorType{
  margin:0;
  padding:0;
  padding-right:3px;
  float:right;
}
.aboutVisitor img.visitorType {
  float:left;
}
h3 span.channelHeading {
  color: black;
}

/** DGRP Config */
h6.formSeparator {
  font-weight: bold;
  padding: 4px 4px 4px 10px;
  background-color: #EEE;
  border: 1px #DDD solid;
  margin: 15px 0;
}
h6.formSeparator button.help {
  float: right;
  padding: 0;
  margin: 0;
  background: inherit;
  border: 0;
  color: #444;
  cursor: pointer;
}
div.fixedNumberOrder div.help, div.dgrpConfig div.help {
  background-color: #FFFDEE;
  padding: 5px 0 0;
  margin-bottom: 10px;
  border: 1px #D0C016 solid;
}
div.fixedNumberOrder.modeToggle {
  float: right;
  font-size: 11px;
}
div.fixedNumberOrder.modeToggle > span {
  font-weight: bold;
}
div.fixedNumberOrder.modeToggleTarget.hidden {
  display: none;
}
.dgrpConfig .dgrpId {
    font-size:0.75em;
}
.dgrpConfig hr {
  width: 40%;
  margin: 14px 0px;
}
#content div.dgrpConfig form .formRow {
  margin-bottom: 8px;
}
#content div.dgrpConfig form .button {
  margin-top: 10px;
}
div.dgrp div.buttonRow {
  margin: 0 10px 10px 0;
}
/** Popup relative to another element */
.relPopup {
    background:white;
    border: 6px solid black;
    position:absolute;
    left:0px;
    z-index: 9999;
    width: 620px;
    height: 260px;
    font-weight: normal;
}
.sqrPopup {
    width: 800px;
    height: 400px;
}
.relPopup div.menubar{
    background-color: #000;
    height: 30px;
    cursor: move;
}
.relPopup p.close {
    float:right;
    z-index: 9999;
    padding: 0px;
    margin: 0px;
}
.relPopup div.left,
.relPopup div.right,
.relPopup div.top,
.relPopup div.bottom{
    position: absolute;
    z-index: 999;
    border-style:solid;
    border-width:10px;
    width:0;
    height:0;
}
.relPopup div.left {
    left: -25px;
    top: 47%;
    border-color: transparent black transparent transparent;
}
.relPopup div.top {
    left: 49%;
    top: -25px;
    border-color: transparent transparent black transparent;
}
.relPopup div.bottom {
    left: 49%;
    top: 100%;
    border-color: black transparent transparent transparent;
}
.relPopup div.right {
    right: -25px;
    top: 47%;
    border-color: transparent transparent transparent black;
}
.relPopup h5 {
  padding-top:5px;
  float: left;
  color: #fff;
}
.relPopup em {
  color: #999999;
}
.relPopup div.ajaxdata{
    width: 100%;
    text-align: left;
}
.relPopup div.chart{
    margin-top: 20px;
}
.relPopup div.noData{
    margin: 90px auto;
    background-color: #EEE;
    width: 300px;
    height: 40px;
    background-image: url(../images/no_data.gif);
    background-repeat:no-repeat;
    background-position: 15px 11px;
    border: 1px #ddd solid;
    text-align: center;
    padding-left: 5px;
}
.relPopup div.noData p{
    line-height: 40px;
    font-size: 12px;
    margin: 0px;
}

img.popupLoader{
  position: relative;
  top: 50px;
  left: 50%;
}
span.infSignature{
    font-weight: bold;
    color:#ee2c87;
    font-size:115%;
}

a.jPlay{
    display:block;
    background-image: url(../images/controls.gif);
    background-position: 0px -34px;
    background-repeat:no-repeat;
    width:16px;
    height:16px;
}

a.jPlay:hover{
    background-position: 0px -50px;
}

a.jPause{
    background-position: 0px 0px;
}

a.jPause:hover{
    background-position: 0px -16px;
}

ul.tabs {
  text-align:left;
  position:relative;
  list-style-type:none;
  height:2.7em;
  text-transform:uppercase;
  font-size: 0.8em;
  margin-top:10px;
  font-weight: bold;
}
ul.tabs a {
  color:white;
  background: #999;
  padding:0.75em 1em;
  border:1px solid white;
  border-style: none solid none none;
  display: inline-block;
}
ul.tabs a:hover {
  background-image:none;
  text-decoration: none;
  background-color:#222;
}
ul.tabs li {
  float:left;
  display: inline;
}
ul.tabs li.active a {
  background-color: #000;
  background-image: none;
  border-bottom:1px solid black;
}
ul.tabs li.toggleHiddenColumns, ul.tabs li.secondaryTab {
    float:right;
    position: relative;
}
ul.tabs li.addSpacerAfter {
  margin-right: 36px;
}
#hiddenColumns {
    position: absolute;
    z-index: 9999;
    left:0px;
    top:28px;
}
#hiddenColumns li {
    position:relative;
    float: none;
    border:none;
    height: 30px;
}
#hiddenColumns li a {
    padding:0.75em 1em 0.7em 1em;
    display: block;
    border:none;
}
.absMid {
  position: absolute;
  margin:0 auto;
  text-align: center;
  border: 3px solid black;
  width: 80px;
  background: none repeat scroll 0% 0% white;
  top: 45%;
  left: 48%;
  height: 80px;
  z-index: 9999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.absMid img {
  padding-top: 24px;
}
.loadingLarge {
  position: fixed;
  top:45%;
  text-align: center;
  border: 3px solid black;
  width: 80px;
  background: none repeat scroll 0% 0% white;
  height: 80px;
  z-index: 9999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.loadingLarge img {
  padding-top: 24px;
}
p.terms {
  font-size: 0.80em;
}
td.status {
  width: 74px;
}
td.callInfo {
  width: 155px;
}
td .postCallRatingContainer {
  position: relative;
}
.postCallRatingContainer button.callRatingButton {
  padding: 3px 3px 3px 0;
  margin: 0px;
  background-color: transparent;
}
.postCallRatingContainer button.callRatingButton:hover {
  text-decoration: none;
}
td.callInfo span.actionsMenuButton {
  margin-top: 3px;
}
.postCallRatingContainer button.callRatingButton.active,
td.callInfo span.actionsMenuButton.active {
  background-color: #000;
  color: #fff;
  position: relative;
  top:0;
  left: -3px;
  padding: 3px;
}
td.callInfo span.actionsMenuButton.active a {
  color: white;
  text-decoration: none;
}
.postCallRatingContainer ul.callRatingMenu {
  left: -3px;
}
.postCallRatingContainer ul.callRatingMenu,
td.callInfo ul.actionsMenu {
  position: absolute;
  width: 160px;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  color: #ddd;
  min-height: 20px;
  background-color: #000;
  z-index: 2;
  *top: 18px; /*IE7 position reflow fix*/
}
.postCallRatingContainer ul.callRatingMenu li {
  border-bottom: 1px solid #777;
}
.postCallRatingContainer ul.callRatingMenu li a,
td.callInfo ul.actionsMenu li a {
  background-color: black;
  color: #fff;
  display: block;
  padding: 6px 3px 6px 7px;
}
.postCallRatingContainer ul.callRatingMenu li a {
  background-color: transparent;
}
.postCallRatingContainer ul.callRatingMenu li.selected,
.postCallRatingContainer ul.callRatingMenu li:hover,
td.callInfo ul.actionsMenu li a:hover {
  text-decoration: none;
  background-color: #777;
}
.postCallRatingContainer ul.callRatingMenu input {
  width: 40%;
  background-color: #000;
  color: #BBB;
  border: 1px #444 solid;
  padding: 4px;
  margin: 4px;
  text-align: right;
}
.postCallRatingContainer .txvCapture {
  padding-left: 6px;
}
.postCallRatingContainer button.submit {
  cursor: pointer;
  padding: 4px;
  border: 1px #ccc solid;
}
td.callInfo ul.actionsMenu li .icon {
  top: 4px;
  right: 10px;
  position: absolute;
}
td.callInfo ul.actionsMenu li a {
  background-position: 144px center;
  background-repeat: no-repeat;
}
td.callInfo ul.actionsMenu li a.loading {
  background-image: url("../images/loading_small.gif");
}
td.callInfo ul.actionsMenu li a.success {
  background-image: url("../images/success_small.png");
}
td.callInfo ul.actionsMenu li a.error {
  background-image: url("../images/failed_small.png");
}
td.date {
  width: 115px;
}
td.duration {
  width:120px;
}
td.duration .indent {
  margin-left:5px;
}
table#keywordPerformance tr td.keywordPaused,
table#keywordPerformance tr td.keywordPaused a{
    color: #777;
}
table#keywordPerformance tr td.keywordDeleted,
table#keywordPerformance tr td.keywordDeleted a{
    color: #777;
    text-decoration: line-through;
}
h4 input.pull-right {
  margin:0;
  margin-top:1px;
  background:black;
  color:#8f8f8f;
  float:right;
  border:none;
  width:140px;
  border: 1px solid #8f8f8f;
}
h4 input[type="submit"].pull-right {
    margin:0;
    margin-top:1px;
    background:black;
    color:#8f8f8f;
    float:right;
    border:none;
    width:24px;
    border: 1px solid #8f8f8f;
    cursor: pointer;
    margin-left:3px;
    padding-bottom:1px;
    padding-left:0px;
    padding-right:0px;
    text-align: center;
}
h4 input[type="submit"]:hover.pull-right {
    border: 1px #ccc solid;
    color: #000;
    background-color: #8f8f8f;
}
table#keywordPerformance {
  clear: both;
}
table#keywordPerformance td a:link {
  text-decoration: underline;
}
tr.highlight {
  background: #F9E3EE;
}
.relPopup table tbody tr td {
  background: #ffffff;
}
.negative {
  color:red;
  font-weight: bold;
}
em {
  font-weight: bold;
  font-style: italic;
}
.column.ppcManagement td img, th img, .column.seoManagement td img, th img {
    float:none;
    vertical-align: middle;
    margin:0px;
    padding:0px;
}
#numberReplacement {
    overflow: hidden;
}

table.channelTotals tr td.posNum
{
    width:15px;
}

table.channelTotals tr th.visits
{
    width:110px;
}

table.channelTotals tr td
{
    word-break: break-all;
}

table.channelTotals thead tr th span
{
    color:#A5A5A5;
    font-size: 0.75em;
    margin-left: 3px;
}

table.channelTotals tr th.calls,
table.channelTotals tr th.goals,
table.channelTotals tr th.onlineGoals,
table.channelTotals tr th.callGoals
{
    width:150px;
}

div.byKeyword
{
    margin-bottom:30px;
}
div.goal, div.dgrp {
    margin-left:10px;
    border: 1px solid grey;
    border-top:0;
    margin-bottom:25px;
}
.goal h6, .dgrp h6 {
    color:#888;
}
.goal td img, th img {
    float:right;
}
div.goal table td.status {
  text-align: center;
}
div.goal table td.status img {
  float: none;
}
div.goal.disabled,
div.goal.disabled h5 {
  color: #7C7C7C;
}
div.goal > p {
  color: #000;
}
div.goal.disabled table thead {
  background-color: #757575;
}
div.goal div.details.hidden {
  display: none;
}
div.goal button.toggleDetails {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: white;
  cursor: pointer;
}

div.goal button.toggleDetails .icon {
  position: relative;
  top: 3px;
}

.chartOptionsMenuButtonTop,
#reportOptionsMenuButtonTop,
#reportOptionsMenuButtonBottom {
    float: right;
    cursor: pointer;
    font-size: 0.65em;
    padding-left: 5px;
    line-height: 20px;
    background:url('../images/reportOptions.png') no-repeat;
    background-position:53px 1px;
    background-color: black;
    width: 68px;
}
.exportOptionsMenuButtonTop,
#exportOptionsMenuButtonBottom {
    float: right;
    cursor: pointer;
    font-size: 0.65em;
    border-right: 2px #444 solid;
    padding-left: 5px;
    line-height: 20px;
    width: 60px;
    background:url('../images/exportOptions.gif') no-repeat;
    background-position: 44px 1px;
    background-color: black;
}
.exportOptionsMenuTop,
#exportOptionsMenuBottom {
    position: absolute;
    z-index: auto;
    top: 26px;
    background-color: #000;
    cursor: pointer;
}
.chartOptionsMenuTop,
#reportOptionsMenuTop,
#reportOptionsMenuBottom {
    position: absolute;
    z-index: auto;
    top: 26px;
    right: 0px;
    background-color: #000;
    cursor: pointer;
}
#exportOptionsMenuBottom,
#reportOptionsMenuBottom {
    /*This is a fallback for value generated using JS*/
    top: -52px;
}
.chartOptionsMenuTop li,
.exportOptionsMenuTop li,
#reportOptionsMenuTop li,
#exportOptionsMenuBottom li,
#reportOptionsMenuBottom li {
    width: 160px;
    font-size: 0.6em;
    font-weight: bold;
    text-transform: uppercase;
    color: #ddd;
    min-height: 20px;
}
.chartOptionsMenuTop.extraWide li,
.exportOptionsMenuTop.extraWide li,
#reportOptionsMenuTop.extraWide li,
#exportOptionsMenuBottom.extraWide li,
#reportOptionsMenuBottom.extraWide li {
  width:253px;
}
#reportOptionsMenuTop li.bottomBorder,
#reportOptionsMenuBottom li.bottomBorder {
    border-bottom: 1px #333 solid;
}
.chartOptionsMenuTop li:hover,
.exportOptionsMenuTop li:hover,
#reportOptionsMenuTop li:hover,
#exportOptionsMenuBottom li:hover,
#reportOptionsMenuBottom li:hover {
    background-color: #777;
    color: #fff;
}
.chartOptionsMenuTop li a,
.exportOptionsMenuTop li a,
#reportOptionsMenuTop li a,
#exportOptionsMenuBottom li a,
#reportOptionsMenuBottom li a {
    padding: 0.7em 1.0em;
    color: inherit;
    text-decoration: none !important;
    display: block;
    font-size: 1.0em !important;
}

/** NETWORK FILTER CSS RULES **/
/** no on hover rule for network filter option **/
#reportOptionsMenuTop li.filters:hover,
#reportOptionsMenuBottom li.filters:hover{
    background-color: #000;
    color: #ddd;
}
#reportOptionsMenuTop li.filters table,
#reportOptionsMenuBottom li.filters table{
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}
#reportOptionsMenuTop li.filters table tbody td > img, input.cb,
#reportOptionsMenuBottom li.filters table tbody td > img, input.cb{
    padding: 0px;
    margin: 0px;
}
#reportOptionsMenuTop li.filters table tbody td,
#reportOptionsMenuBottom li.filters table tbody td{
    cursor: default;
    border: 1px #000 solid;
    padding: 5px;
}
#reportOptionsMenuTop li.filters table tbody td label,
#reportOptionsMenuBottom li.filters table tbody td label {
    float: left;
}
#reportOptionsMenuTop li.filters table tbody td input.cb,
#reportOptionsMenuBottom li.filters table tbody td input.cb{
    margin-top: 1px;
    float: right;
    /** IE7 and below box-model bug for checkboxes**/
    *margin-top: -3px;
}
#reportOptionsMenuTop li.filters table tbody td .nf_button,
#reportOptionsMenuBottom li.filters table tbody td .nf_button{
    border: 1px #555 solid;
    padding: 4px;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 14px;
    background-color: #222;
    color: #CCC;
    text-transform: uppercase;
    font-size: 10px;
    width: 100%;
}
#reportOptionsMenuTop li.filters table tbody td .nf_button:hover,
#reportOptionsMenuBottom li.filters table tbody td .nf_button:hover{
    border: 1px #ccc solid;
    color: #fff;
    background-color: #777;
}
#reportOptionsMenuTop li.filters table tbody td.bottom_border,
#reportOptionsMenuBottom li.filters table tbody td.bottom_border{
    border-bottom: 1px #333 solid;
}
#reportOptionsMenuTop li.filters table tbody td.right_border,
#reportOptionsMenuBottom li.filters table tbody td.right_border{
    border-right: 1px #333 solid;
}
#reportOptionsMenuTop li.filters table tbody td.networkTitle,
#reportOptionsMenuBottom li.filters table tbody td.networkTitle{
    background-color: #444;
    padding: 2px 5px;
}
#reportOptionsMenuTop li.filters table tbody td.filterButton,
#reportOptionsMenuBottom li.filters table tbody td.filterButton{
    padding: 6px;
}
#reportOptionsMenuTop span.filterTitle,
#reportOptionsMenuBottom span.filterTitle{
    display: block;
    background-color: #333;
    line-height: 20px;
    padding-left: 5px;
    cursor: default
}
#reportOptionsMenuTop span.filterTitle span.filter_info,
#reportOptionsMenuBottom span.filterTitle span.filter_info{
    position: relative;
    top: 1px;
    left: 5px;
}

span.noMenuDivider,
#exportOptionsMenuButtonBottom.noMenuDivider{
    border: none;
    margin-right: 0px;
    position: relative;
    left: 4px;
}
#reportOptionsAlert {
    float:right;
    margin-top: 0.15em;
}
/*Contextual Menu styles*/
div.contextualMenu,
#ppcReportsCMenu {
  width: 212px;
  position: absolute;
  z-index: 999;
  color: #fff;
  font-size: 0.8em;
  top: 0px;
  left: 3.9em;
}
div.contextualMenu.fluidWidth,
div#ppcReportsCMenu.fluidWidth {
  width: auto;
}
div.contextualMenu ul,
#ppcReportsCMenu ul {
  margin: 0px;
  padding: 3px;
  border: none;
  background-color: #000;
}
div.contextualMenu ul li,
#ppcReportsCMenu ul li {
  display: block;
  color:#ddd;
  background-color:inherit;
  padding:4px 5px;
  cursor:pointer;
  border-bottom:1px #333 solid;
  text-align: left;
}
div.contextualMenu ul li:last-child,
#ppcReportsCMenu ul li:last-child {
  border-bottom-width: 0px;
}
div.contextualMenu ul li:hover,
#ppcReportsCMenu ul li:hover {
  background-color:#777;
  color:#fff;
}
.cMenuButton {
    cursor: pointer;
    float:right;
    margin-top:5px;
    margin-right:1px;
    width: 12px;
    height: 13px;
    background:url('../images/infinity-icons.gif') ;
    /*c_menu sprite: icon from first row second column*/
    background-position: -19px 0px;
    padding: 0px;
    /*Compensating for the IE7 box-model bug*/
    *margin-top:9px;
}
.cMenuButton:hover{
    /*c_menu sprite: icon from first row first column*/
    background-position: -3px 0px;
}
.cMenuMaster {
    margin-top: 1px;
    /*c_menu sprite: icon from first row third column*/
    background-position: -35px 0px;
}
#ppcReportsCMenu div.arrow {
    position:absolute;
    z-index:999;
    border-style:solid;
    border-width:8px;
    width:0;
    height:0;
}
#ppcReportsCMenu div.arrow.left {
    left:-16px;
    top:8px;
    border-color:transparent black transparent transparent;
}
#ppcReportsCMenu div.arrow.right {
    left:100%;
    top:8px;
    border-color:transparent transparent transparent black;
}
#ppcReportsCMenu div.arrow.bottom {
    left:42%;
    top:100%;
    border-color:black transparent transparent transparent;
}
#ppcReportsCMenu div.arrow.top {
    left:45%;
    top:-16px;
    border-color:transparent transparent black transparent;
}
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    *margin-right: .3em;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url("../images/infinity-icons.gif");
    background-position: 16px 16px;
    background-repeat: no-repeat;
}
.icon.small {
  width: 9px;
  height: 9px;
  background-image: url("../images/infinity-icons-small.gif")
}
.icon.networks {
  width: 13px;
  height: 13px;
  background-image: url("../images/infinity-icons-networks.gif")
}
.icon.menu-black              { background-position:   0px 0px; }
.icon.clipboard               { background-position: -48px 0px; }
.icon.page                    { background-position:   0px -16px; }
.icon.pages                   { background-position: -16px -16px; }
.icon.tick                    { background-position: -32px -16px; }
.icon.star                    { background-position: -48px -16px; }
.icon.refresh                 { background-position:   0px -32px; }
.icon.graph                   { background-position: -16px -32px; }
.icon.list-page               { background-position: -32px -32px; }
.icon.edit                    { background-position: -48px -32px; }
.icon.cassette                { background-position:   0px -48px; }
.icon.reel                    { background-position: -16px -48px; }
.icon.plus                    { background-position: -32px -48px; }
.icon.magnifying-glass        { background-position: -48px -48px; }
.icon.head                    { background-position:   0px -64px; }
.icon.heads                   { background-position: -16px -64px; }
.icon.delete                  { background-position: -32px -64px; }
.icon.phone                   { background-position: -48px -64px; }
.icon.chartoption,
.icon.chartoption:hover       { height: 12px; background-color: black; }

.icon.info {
  background-image: url("../images/no_data.gif");
  background-position: 0 -1px;
}
.icon.help {
  background-image: url("../images/help.gif");
  background-position: 0 -1px;
}
.icon.spinner {
  background-image: url("../images/indicator.gif");
  background-position: 0 0;
}
.icon.spinner.small {
  background-image: url("../images/loading_small.gif");
  background-position: 0 0;
}
.icon.spinner.small.white {
  width: 12px;
  height: 12px;
  background-image: url("../images/loading_small_white.gif");
  background-position: 0 0;
}
.icon.attribution {
  width: 25px;
  height: 24px;
  background-image: url(../images/attribution-icons.gif);
}
.icon.arrow.right {
  background-image: url("../images/right.png");
  background-position: 0 0;
}
.icon.arrow.down {
  background-image: url("../images/drop.png");
  background-position: 0 0;
}
.icon.attribution.first                     {background-position:   0px 0px;}
.icon.attribution.weightedFirst             {background-position: -25px 0px;}
.icon.attribution.last                      {background-position: -50px 0px;}
.icon.attribution.weightedLast              {background-position:   0px -24px;}
.icon.attribution.equal,
.icon.attribution.spread                    {background-position: -25px -24px;}
.icon.attribution.classic                   {background-position: -50px -24px;}
.icon.attribution.timeDelay                 {background-position:   0px -48px;}
.icon.attribution.unknown                   {background-position: -25px -48px;}
.icon.attribution.custom                    {background-position: -50px -48px;}
.icon.attribution.spreadFirstAndLastEqual   {background-position:   0px -72px;}
.icon.attribution.spreadFirstAndLastFirst   {background-position: -25px -72px;}
.icon.attribution.spreadFirstAndLastLast    {background-position: -50px -72px;}

.icon.small.whiteHover,
.icon.small.lgrayHover,
.icon.small.dgrayHover,
.icon.small.blackHover        { cursor: pointer };

.icon.small.indent.whiteHover:hover,
.icon.small.indent.white      { background-position:   0px 0px; }
.icon.small.indent.lgrayHover:hover,
.icon.small.indent.lgray      { background-position:  -9px 0px; }
.icon.small.indent.dgrayHover:hover,
.icon.small.indent.dgray      { background-position: -18px 0px; }
.icon.small.indent.blackHover:hover,
.icon.small.indent.black      { background-position: -27px 0px; }

.icon.small.boxPlus.whiteHover:hover,
.icon.small.boxPlus.white     { background-position:   0px -9px; }
.icon.small.boxPlus.lgrayHover:hover,
.icon.small.boxPlus.lgray     { background-position: -18px -9px; }
.icon.small.boxPlus.dgrayHover:hover,
.icon.small.boxPlus.dgray     { background-position: -36px -9px; }
.icon.small.boxPlus.blackHover:hover,
.icon.small.boxPlus.black     { background-position: -54px -9px; }

.icon.small.boxMinus.whiteHover:hover,
.icon.small.boxMinus.white    { background-position:  -9px -9px; }
.icon.small.boxMinus.lgrayHover:hover,
.icon.small.boxMinus.lgray    { background-position: -27px -9px; }
.icon.small.boxMinus.dgrayHover:hover,
.icon.small.boxMinus.dgray    { background-position: -45px -9px; }
.icon.small.boxMinus.blackHover:hover,
.icon.small.boxMinus.black    { background-position: -63px -9px; }

.icon.small.arrowUp.whiteHover:hover,
.icon.small.arrowUp.white     { background-position:  -9px -18px; }
.icon.small.arrowUp.lgrayHover:hover,
.icon.small.arrowUp.lgray     { background-position: -27px -18px; }
.icon.small.arrowUp.dgrayHover:hover,
.icon.small.arrowUp.dgray     { background-position: -45px -18px; }
.icon.small.arrowUp.blackHover:hover,
.icon.small.arrowUp.black     { background-position: -63px -18px; }

.icon.small.arrowDown.whiteHover:hover,
.icon.small.arrowDown.white   { background-position:   0px -18px; }
.icon.small.arrowDown.lgrayHover:hover,
.icon.small.arrowDown.lgray   { background-position: -18px -18px; }
.icon.small.arrowDown.dgrayHover:hover,
.icon.small.arrowDown.dgray   { background-position: -36px -18px; }
.icon.small.arrowDown.blackHover:hover,
.icon.small.arrowDown.black   { background-position: -54px -18px; }

.icon.small.arrowRight.whiteHover:hover,
.icon.small.arrowRight.white   { background-position:   0px -36px; }
.icon.small.arrowRight.lgrayHover:hover,
.icon.small.arrowRight.lgray   { background-position: -18px -36px; }
.icon.small.arrowRight.dgrayHover:hover,
.icon.small.arrowRight.dgray   { background-position: -36px -36px; }
.icon.small.arrowRight.blackHover:hover,
.icon.small.arrowRight.black   { background-position: -54px -36px; }

.icon.small.cog.whiteHover:hover,
.icon.small.cog.white         { background-position:   0px -27px; }
.icon.small.cog.lgrayHover:hover,
.icon.small.cog.lgray         { background-position:  -9px -27px; }
.icon.small.cog.dgrayHover:hover,
.icon.small.cog.dgray         { background-position: -18px -27px; }
.icon.small.cog.blackHover:hover,
.icon.small.cog.black         { background-position: -27px -27px; }

.icon.small.chevronLeft.whiteHover:hover,
.icon.small.chevronLeft.white   { background-position:  -9px -45px; }
.icon.small.chevronLeft.lgrayHover:hover,
.icon.small.chevronLeft.lgray   { background-position: -27px -45px; }
.icon.small.chevronLeft.dgrayHover:hover,
.icon.small.chevronLeft.dgray   { background-position: -45px -45px; }
.icon.small.chevronLeft.blackHover:hover,
.icon.small.chevronLeft.black   { background-position: -63px -45px; }

.icon.small.chevronRight.whiteHover:hover,
.icon.small.chevronRight.white  { background-position:   0px -45px; }
.icon.small.chevronRight.lgrayHover:hover,
.icon.small.chevronRight.lgray  { background-position: -18px -45px; }
.icon.small.chevronRight.dgrayHover:hover,
.icon.small.chevronRight.dgray  { background-position: -36px -45px; }
.icon.small.chevronRight.blackHover:hover,
.icon.small.chevronRight.black  { background-position: -54px -45px; }

.icon.small.newWindow.whiteHover:hover,
.icon.small.newWindow.white  { background-position: -36px -27px; }
.icon.small.newWindow.lgrayHover:hover,
.icon.small.newWindow.lgray  { background-position: -45px -27px; }
.icon.small.newWindow.dgrayHover:hover,
.icon.small.newWindow.dgray  { background-position: -54px -27px; }
.icon.small.newWindow.blackHover:hover,
.icon.small.newWindow.black  { background-position: -63px -27px; }

.icon.small.trend.standard.up           { background-position:   0px -54px; }
.icon.small.trend.standard.down         { background-position:  -9px -54px; }
.icon.small.trend.inverse.up            { background-position: -18px -54px; }
.icon.small.trend.inverse.down          { background-position: -27px -54px; }
.icon.small.trend.neutral.up            { background-position: -36px -54px; }
.icon.small.trend.neutral.down          { background-position: -45px -54px; }
.icon.small.trend.neutral.right         { background-position: -18px -36px; }
.icon.small.trend.neutral.left          { background-position: -27px -36px; }
.icon.small.trend.inverse.nochange,
.icon.small.trend.neutral.nochange,
.icon.small.trend.standard.nochange     { background-position: -54px -54px; }
.icon.small.trend.neutral.refresh       { background-position: -63px -54px; }

.icon.networks.gaw           { background-position:   0px 0px; }
.icon.networks.mac           { background-position: -13px 0px; }
.icon.networks.ysm           { background-position: -26px 0px; }

.icon.networks.gaw.mono           { background-position:   0px -13px; }
.icon.networks.mac.mono           { background-position: -13px -13px; }
.icon.networks.ysm.mono           { background-position: -26px -13px; }

/* IE6,7 cant do inherit bg color */
.chartOptionsMenuTop li:hover .icon.chartoption {
  background-color: #777;
}
.ppc_checkbox input {
    float: left;
}
div.attributions {
    padding-top:5px;
}
div.attribution:has(em.modelName) {
  border-bottom:1px solid #dfdfdf;
}
div.attributions em.title {
    font-size:14px;
}
div.attributions p {
    padding-left:0;
    margin-bottom:0;
}
div.attributions p.title {
    font-weight:bold;
}
div.attribution em.modelName {
    width:90px;
    text-decoration:underline;
}
div.attribution em.emptyModelName {
  text-decoration:none;
}

.pull-right {
    float: right;
    margin-right:5px;
}
.additionalMetric,
.ppcNetworks .total .additionalMetric {
  font-size:10px;
  font-weight: normal;
}
.ppcNetworks .total .additionalMetric {
  font-weight: bold;
}
table.ppcTopMetrics tbody td.matchType,
table.separated tbody td.matchType {
  font-style:italic;
  padding-left: 5px;
  font-size:9px;
  color:#8f8f8f;
}
table.ppcTopMetrics tbody td.matchType.broad,
table.separated tbody td.matchType.broad {
  background-color: #DFF0D8;
  color: #468847;
}
table.ppcTopMetrics tbody td.matchType.phrase,
table.separated tbody td.matchType.phrase {
  background-color: #D9EDF7;
  color: #3A87AD;
}
table.ppcTopMetrics tbody td.matchType {
  padding-left: 2px;
  text-align: center;
}
/* Filters */
.filters {
  margin-right: 0px;
  z-index: 100;
  color: #656565;
  display: inline;
  *zoom: 1;
}
.filters > p {
  margin: 0px;
  padding: 5px;
  float: left;
  margin-bottom: 5px;
}
.filters p.pBackground,
.filters p.pBackground a {
  color: white;
}
.filters .popup {
  position: absolute;
  width: 300px;
  z-index: 1000;
  min-height: 75px;
  background-color: white;
  padding:5px;
  border-width: 5px;
  border-style: solid;
}
.filters .popup .section {
  padding: 10px 4px;
  border-bottom: 1px #ccc solid;
}
.filters .popup .section.search select {
  width: 49%;
  display: inline-block;
  display: inline;
}
.filters .popup select,
.filters .popup input {
  width: 100%;
  box-sizing: border-box;
}
.filters .popup input {
  margin-top: 3px;
  *width: 98%;
}
.filters .popup label {
  font-size: 11px;
  font-weight: bold;
  padding: 2px 0px;
  color: #444;
  display: block;
}
.filters .popup .clear {
  font-size: 10px;
  color: #888;
  font-style: italic;
  font-weight: bold;
  float: right;
  cursor: pointer;
  display: block;
  padding-top: 2px;
}
.filters .popup .clear:hover {
  color: #444;
}
.filters .popup .button {
  padding: 3px 8px;
  float: right;
  font-size: 12px;
  margin-top: 10px;
  cursor: pointer;
}
p.smallgap {
  margin-bottom: 2px;
  padding:0px 0px 5px 4px;
}
h3.smallgap {
  margin-bottom: 2px;
  padding: 0 0 0 4px;
}

/**
 * organisation filter
 */
.segmentAndOrgFilter {
    display: inline;
    float: right;
    height: 21px;
    padding: 5px 0 5px 10px;
}
.segmentAndOrgFilter div.accessDenied {
    display: inline;
}
.segmentAndOrgFilter img.accessDenied {
  position: relative;
  top: 3px;
}
.segmentAndOrgFilter > label {
    color: #656565;
    font-size: 13px;
}
.segmentAndOrgFilter > label > a {
    text-decoration: underline;
}
.segmentAndOrgFilter > input {
  width: 180px;
}
div.spinner,
.segmentAndOrgFilter div.spinner {
    position: absolute;
    height: 16px;
    width: 16px;
    background-color: white;
}
.segmentAndOrgFilter div.spinner {
    background-image: url(../images/indicator.gif);
}
.listpicker-target,
.segmentAndOrgFilter-popup {
    position: absolute;
    z-index: 1000;
    display: block;
    width: 300px;
    min-height: 10px;
    background-color: #FFF;
    border: 1px #444 solid;
    /** max height**/
    max-height: 600px;
    overflow-y: auto;
}
.listpicker-target ul li,
.segmentAndOrgFilter-popup ul li {
    padding: 5px;
    cursor: pointer;
}
.segmentAndOrgFilter .small {
  font-size: 9px;
}
.segmentAndOrgFilter-popup ul li p {
    margin: 0px;
    width: 85%;
    padding-left: 0px;
}
.segmentAndOrgFilter-popup ul li p.indent.l1 {
    width: 80%;
    padding-left: 8px;
}
.segmentAndOrgFilter-popup ul li p.indent.l2 {
    width: 80%;
    padding-left: 16px;
}
.listpicker-target ul li:hover,
.segmentAndOrgFilter-popup ul li:hover {
    background-color: #888;
    color: white;
}
.segmentAndOrgFilter-popup ul li div.members {
    float: right;
    display: block;
    padding: 3px 0px 3px 5px;
    cursor: pointer;
    border: 1px transparent solid;
}
.segmentAndOrgFilter-popup ul li div.members:hover {
    border: 1px #bbb solid;
}
.segmentAndOrgFilter-popup ul li div.back {
    width: 65px;
    padding-top: 2px;
    padding-right: 4px;
    float: right;
    *float: none;
}
.segmentAndOrgFilter-popup ul li div.back > div.triangle {
    margin-top: 3px;
}
.segmentAndOrgFilter-popup ul li.section {
    background-color: black;
    border-bottom: 1px #555 solid;
    cursor: auto;
    color: white;
}
.segmentAndOrgFilter-popup ul li.title {
    background-color: #444;
    cursor: auto;
    color: white;
}
.segmentAndOrgFilter-popup ul li.controls {
    height: 20px;
    padding: 2px;
    color: #AAA;
    background-color: #333;
    border-bottom: 1px #666 solid;
    text-align: right;
}
.segmentAndOrgFilter-popup ul li.controls div.triangle.left {
    border-color: transparent #AAA transparent transparent;
}
.segmentAndOrgFilter-popup ul li.controls:hover {
    color: white;
}
.segmentAndOrgFilter-popup ul li.controls:hover div.triangle.left {
    border-color: transparent white transparent transparent;
}
.segmentAndOrgFilter-popup .noData {
    text-align: center;
    padding: 8px 0;
    margin: 0px;
    background: #EEE;
}
div.triangle.left {
    border-color: transparent #ccc transparent transparent;
     /* ie6 transparent fix */
    _border-top-color: pink;
    _border-bottom-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}
div.triangle.right {
    border-color: transparent transparent transparent #ccc;
    _border-top-color: pink;
    _border-bottom-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}
div.triangle {
    content: '';
    border-width: 5px;
    border-style: solid;
    float: left;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
}

/* Search query report styles */
.sqrPopup .reportHeader {
    height: 17px;
    background: #444;
    padding: 6px;
}
.popupreport .reportHeader {
  height: 22px;
  background: #444;
  font-size: 11px;
  padding: 2px;
}
.popupreport span.info,
.sqrPopup span.info {
    float: left;
    display: block;
    color: #ccc;
}
.popupreport span.info i,
.sqrPopup span.info i {
    color: white;
}
.popupreport ul.controls,
.sqrPopup ul.controls {
    float: right;
}
.popupreport ul.controls li,
.sqrPopup ul.controls li {
    display: inline;
    color: white;
    margin-right: 4px;
}
.popupreport ul.controls img.spinner,
.sqrPopup ul.controls img.spinner {
    position: relative;
    top: 1px;
}
.popupreport ul.controls li.pager,
.sqrPopup ul.controls li.pager {
    float: right;
    display: block;
    border-left: 1px #888 solid;
    padding-left: 6px;
}
.popupreport ul.controls li.pager a,
.sqrPopup ul.controls li.pager a {
    font-size: 9px;
    line-height: 16px;
    text-decoration: none !important;
    border: 1px #888 solid;
    padding: 0px 4px 0px 4px;
    color: white;
}
.popupreport ul.controls li.pager a:hover,
.sqrPopup ul.controls li.pager a:hover {
    background-color: #888;
    color: white;
}
.popupreport ul.controls li.export .exportOptionsMenuButtonTop,
.sqrPopup ul.controls li.export .exportOptionsMenuButtonTop {
    line-height: 18px;
    border: 0;
    border-left: 1px #888 solid;
    font-size: 100%;
    background-position: 40px 0px;
    background-color: #444;
    width: 56px;
}
.popupreport ul.controls li.export a,
.sqrPopup ul.controls li.export a {
    color: white;
    text-decoration: none !important;
}
.popupreport ul.controls li.export .exportOptionsMenuTop,
.sqrPopup ul.controls li.export .exportOptionsMenuTop {
    position: absolute;
    font-size: 100%;
    z-index: 9999;
    top: 26px;
    background-color: #000;
}
.popupreport ul.controls li.searchFilter,
.sqrPopup ul.controls li.searchFilter {
    float: right; /*prevents IE 6&7 from auto float left*/
    white-space: nowrap;
}
.popupreport ul.controls li.searchFilter input,
.sqrPopup ul.controls li.searchFilter input {
    float: none;
}
.popupreport img.popupLoader,
.sqrPopup img.popupLoader {
  margin-top: 90px;
}
.popupreport div.error,
.sqrPopup div.error {
    margin: 90px auto;
    background-color: #EEE;
    width: 60%;
    height: 40px;
    background-image: url(../images/no_data.gif);
    background-repeat:no-repeat;
    background-position: 15px 11px;
    border: 1px #ddd solid;
    text-align: center;
    padding-left: 5px;
}
.sqrPopup div.error p {
    line-height: 40px;
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;
}
.sqrPopup div.top {
    left: 1%;
}
.sqrPopup div.bottom {
    left: 1%;
    top: 101%;
}
.sqrPopup .search-query {
  width: 280px;
}
.sqrPopup table span.info {
    float: none;
    padding: 0px;
    display: inline;
    color: white;
}
.changed {
  background-color: #FBF065 !important;
}
.listpicker {
  width: 240px;
}
.listpicker input.search-input {
  width: 230px;
}
.listpicker-target li.row_even {
  background-color: #eee;
}
.listpicker li.error:hover,
.listpicker li.error {
  color: #911;
  cursor: default;
  font-size: 11px;
  border: 1px #911 solid;
  background-color: white;
}

/** Fixed number order form ------------------------
---------------------------------------------------- */
.readonly {
  color: #888;
}
#content form p.infoMessage {
  background: #fcf8e3;
  width: 340px;
  margin: 4px 9px;
  padding: 6px 10px;
  color: rgb(124, 104, 71);
  border: 1px solid #fbeed5;
}
#content form p.alertMessage {
  background: #FCE3E3;
  width: 340px;
  margin: 4px 9px;
  padding: 6px 10px;
  color: #7C4747;
  border: 1px solid #FBD5D5;
}

/** Notifications **/

/** Notifications Form **/
div.notificationsForm div.notificationsContent {
  padding: 0 0 10px 10px;
}
div.notificationsForm div.formRow {
  margin-top: 10px;
  position: relative;
}
div.notificationsForm div.formRow input,
div.notificationsForm div.formRow select,
div.notificationsForm div.formRow textarea,
div.notificationsForm li ul.error_list {
  width: 98%;
}
div.notificationsForm div.formRow div.filterTools input,
div.notificationsForm div.formRow div.filterTools select {
  width: 100%;
}
div.notificationsForm div.formRow input,
div.notificationsForm div.formRow select,
div.notificationsForm div.formRow textarea {
  margin-top: 4px;
  padding: 2px 0 2px 4px;
  border: 1px #ccc solid; /*Standardising border*/
  box-sizing: border-box;
  font-family: sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  *padding: 2px 0; /* IE6&7 fix*/
}
div.notificationsForm div.formRow.datefield {
  width: 49%;
  margin-right: 3px;
  display: inline-block;
  *display: inline; /*IE 6&7 fix for inline-block*/
  zoom: 1;
}
div.notificationsForm span.label {
  font-weight: bold;
  display: block;
}
div.notificationsForm button,
div.notificationsForm div.formRow input.button {
  padding: 6px 20px;
  cursor: pointer;
  margin: 10px 0 0 0;
  background-color: #444;
  border: 1px black solid;
}
div.notificationsForm button:hover,
div.notificationsForm div.formRow input.button:hover {
  background-color: black;
}
div.notificationsForm form div.errorRow ul.error_list li {
  padding: 6px;
  color: white;
  font-size: 10px;
  background-color: #911;
}
div.notificationsForm div.formRow ul.error_list li {
  color: #911;
  padding: 0px; /* ie6&6 specifity bug fix*/
  font-size: 10px;
  background-color: white;
}
div.notificationsForm form > li {
  padding: 0px;
  *display: inline; /* ie6&7 random offset bug fix*/
}
div.notificationsForm div.listpicker-target {
  width: 439px;
}
div.notificationsForm div.filterTools div.listpicker-target {
  width: 421px;
}
/* filter tools under notifications form */
div.notificationsForm div.filterTools {
  padding: 8px;
  border: 1px #ddd solid;
  background-color: #efefef;
}
div.notificationsForm ul.filterTool-collection li {
  padding: 4px;
  font-size: 12px;
  margin:4px 0 4px 0;
  background-color: #ddd;
  border: 1px #aaa solid;
}
div.notificationsForm ul.filterTool-collection li i.delete {
  cursor: pointer;
}
div.notificationsForm label.switch,
div.notificationsForm #notificationsPreview {
  color: #aaa;
}

div.notificationsForm label.switch #notificationsPreview {
  color: black;
}
div.notificationsForm div.preview {
  min-width: 98%;
  background-color: white;
  position: absolute;
  border: 1px #ccc solid;
  top:20px;
  left:0;
  overflow: auto;
  padding: 0 10px;
  background-color: #F7FAF7;
}
div.notificationsForm div.preview p {
  padding: 0px;
}

/** Notifications List **/
div.notificationsList {
  margin-bottom: 20px;
}
div.notificationsList h4,
div.notificationsList h4:after {
  content: none;
  margin-bottom: 0px;
}
div.notificationAlertsTarget {
  width: 960px;
  *font-size: 0px;
  margin: 0 auto;
}

/** Notifications Alert **/
div.notificationAlert h1,
div.notificationAlert h2,
div.notificationAlert h3,
div.notificationAlert h4,
div.notificationAlert h5,
div.notificationAlert h6  {
    font-weight: bold;
    color: black;
    padding: 4px 0px;
    margin: 0px;
    background: transparent;
    position: static;
}
div.notificationAlert h1 {
  font-size: 22px;
}
div.notificationAlert h2 {
  font-size: 18px;
}
div.notificationAlert h3 {
  font-size: 16px;
}
div.notificationAlert h4,
div.notificationAlert h4:after {
  border: 0;
  font-size: 14px;
}
div.notificationAlert h5 {
  font-size: 12px;
}
div.notificationAlert h6 {
  font-size: 12px;
  font-weight: normal;
}
div.notificationAlert ol,
div.notificationAlert ul {
  margin: 6px 0px 6px 16px;
}
div.notificationAlert ul li {
  list-style: disc;
}
div.notificationAlert ol li {
  list-style: decimal;
}
div.notificationAlert hr {
  border: 0;
  padding: 4px;
}
div.notificationAlert span.red {
  color: red !important;
}
div.notificationAlert span.green {
  color: green !important;
}
div.notificationAlert.standard {
  color: #444;
  margin: 6px 0;
}
div.notificationAlertsTarget i.newWindow {
  position: relative;
  top: 3px;
}
div.notificationsList div.notificationAlert,
div.notificationAlertsTarget div.notificationAlert {
  text-align: left;
  border-width: 2px;
  border-style: solid;
  border-color: #74a446;
  text-align: left;
  font-size: 12px;
  padding: 6px;
}
div.notificationsList div.notificationAlert.standard {
  margin-top: 10px;
}
div.notificationAlert.standard.noData {
  border: 0;
  border-bottom: 1px #ccc solid;
  background-color: white;
  font-size: 12px;
}
div.notificationAlert.standard div.header div.title {
  font-size: 14px;
  width: 80%;
  float: left;
  font-weight: bold;
}
div.notificationAlert.standard div.header div.controls {
  width: 20%;
  float: right;
  text-align: right;
}
div.notificationAlert.standard div.header p {
  margin-bottom: 4px;
}
div.notificationAlert.standard i.icon.newWindow {
  position: relative;
  top: 3px;
}
div.notificationAlert.standard a {
  color: #444;
  font-weight: bold;
  text-decoration: underline;
}
div.notificationAlert.standard p {
  padding: 3px 0px;
  margin: 3px 0px;
}
div.notificationAlert.standard div.controls ul li {
  display: inline;
}
div.notificationAlert.standard div.error {
  color: white;
  padding: 4px 6px;
  margin-bottom: 6px;
  background-color: #911;
}
div.notificationAlert.standard div.error p {
  font-size: 11px;
  margin-bottom: 0px;
}
div.notificationAlert.standard div.controls li a,
div.notificationAlert.standard,
div.notificationAlert.standard button,
div.notificationAlert.standard button.disabled:hover,
div.notificationAlert.standard button.disabled {
  background-color: #f7faf7;
}
div.notificationAlert.standard div.controls li a,
div.notificationAlert.standard button {
  border-color: #f7faf7;
}
div.notificationAlert.standard button.disabled:hover,
div.notificationAlert.standard button.disabled {
  border: 0;
}
div.notificationAlert.standard div.controls li a,
div.notificationAlert.standard button {
  margin: 0;
  padding: 0;
  color: #527E28;
  font-size: 12px;
  cursor: pointer;
  overflow: visible;
  border-width: 1px;
  border-style: solid;
  font-weight: normal;
  text-decoration: none;
}
div.notificationAlert.standard button:hover {
  text-decoration: underline;
}

/** dial plans config **/
div.dialplans .mapsList .map,
div.dialplans .mapItems .item {
  margin-top: 10px;
}
div.dialplans .mapsList .map h5 {
  color: white;
  font-size: 1em;
}
div.dialplans .mapsList .map h5 i.icon {
  position: relative;
  top: 5px;
}
div.dialplans .mapItems .itemValues {
  padding: 4px 6px;
  border: 1px #eee solid;
  border-top: 0;
}
div.dialplans .mapSelector {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px #ccc solid;
  padding: 10px;
}
div.dialplans .item .header {
  font-weight: bold;
  padding: 4px 4px 4px 10px;
  background-color: #eee;
  border: 1px #ddd solid;
}
div.dialplans .item .header button.editItem {
  color: black;
  float: right;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #ddd;
  border: 1px #bbb solid;
  *padding: 0px 3px;
}
div.dialplans .item .header button.editItem:hover {
  background-color: #ccc;
  border: 1px #aaa solid;
}
div.dialplans .itemValues ul li {
  display: inline;
  font-size: 11px;
  padding: 2px 2px 0 2px;

}
div.dialplans .itemValues ul li i.icon.plus,
div.dialplans .itemValues ul li i.icon.delete {
  top: 3px;
  position: relative;
}
div.dialplans span.date {
  font-size: 11px;
  font-weight: normal;;
  font-style: italic;
}
div.destinationMapItemEditForm {
  top: 30%;
  padding: 4px;
  left: -300px; /* auto positions on window resize */
  width: 600px;
  z-index: 9999;
  margin: 0 50%;
  position: fixed !important;
  position: absolute; /*fix for ie6*/
  background-color: white;
}
div.dialplans i.icon,
div.destinationMapItemEditForm i.icon {
  position: relative;
  top: 2px;
}
div.destinationMapItemEditForm div.header {
  padding: 3px 5px 3px 9px;
  font-weight: bold;
  border: 1px black solid;
  background-color: #444;
  color: white;
}
div.destinationMapItemEditForm div.header i.icon.delete {
  top: 1px;
  float: right;
  position: relative;
}
div.destinationMapItemEditForm div.buttons button {
  color: white;
  padding: 5px;
  float: right;
  margin-top: 4px;
  font-size: 0.9em;
  margin-left: 4px;
  background-color: #444;
  border: 1px black solid;
}
div.destinationMapItemEditForm div.buttons button.formSubmit.disable {
  background-color: #eee;
  border: 1px #bbb solid;
}
div.destinationMapItemEditForm div.buttons button.formSubmit {
  min-width: 120px;
}
div.destinationMapItemEditForm button.formAddNew:hover,
div.destinationMapItemEditForm div.buttons button:hover {
  background-color: black;
}
div.destinationMapItemEditForm button.formAddNew {
  color: white;
  padding: 2px 5px;
  *padding: 0px; /* ie 6&7 box model fix*/
  margin-left: 4px;
  background-color: #444;
  border: 1px black solid;
}
div.destinationMapItemEditForm ul.mapItemsEdit li {
  margin: 2px;
  padding: 4px;
  font-size: 12px;
  marign-right: 4px;
  background-color: #ddd;
  border: 1px #bbb solid;
}
div.destinationMapItemEditForm .editContent {
  padding: 10px;
}
div.destinationMapItemEditForm .editContent p,
div.destinationMapItemEditForm .editContent h5 {
  padding: 2px 0px;
}
div.destinationMapItemEditForm .editContent .inputMenu {
  background-color: #eee;
  border: 1px #ccc solid;
  padding: 2px 10px;
}
div.destinationMapItemEditForm .editContent .inputMenu input {
  width: 300px;
  padding-left: 4px;
}
div.destinationMapItemEditForm .editContent .inputCanvas {
  padding: 8px;
  margin-bottom: 10px;
  border: 1px #ccc solid;
  border-top: 0;
}
div.destinationMapItemEditForm p.formError {
  color: white;
  font-size: 12px;
  padding: 2px 8px;
  background-color: #911;
  border: 1px #800 solid;
}
div.dialplans .mapsList .map h5,
div.destinationMapItemEditForm button.formAddNew,
div.destinationMapItemEditForm div.buttons button,
div.destinationMapItemEditForm div.header i.icon.delete,
div.destinationMapItemEditForm .editContent .inputCanvas i.icon {
  cursor: pointer;
}

/* Phone Systems Manager */
div.psmNavigation ul.psmNav {
  margin-top: 20px;
}
div.psmNavigation ul.psmNav li {
  width: 300px;
  text-align: center;
  border: 1px #ddd solid;
  margin: 0 8px 20px 8px;
  background-color: #f0f0f0;

  display: inline-block;
  *display: inline; /*IE 6&7 fix for inline-block*/
  zoom: 1;
}
div.psmNavigation ul.psmNav li:hover {
  background-color: #e9e9e9;
  border: 1px #bbb solid;
}
div.psmNavigation ul.psmNav li.disabled {
  color: #aaa;
  font-size: 14px;
  padding: 10px 0;
  border: 1px #eaeaea solid;
  background-color: #fefefe;
}
div.psmNavigation ul.psmNav li a {
  color: #444;
  font-size: 14px;
  padding: 10px;
  display: block;
}
div.psmNavigation ul.psmNav li a span.domain {
  font-size: 12px;
  font-style: italic;
  color: #888;
}

/* attribution selector styles */
div.ppcSegmentationMenu {
  float: right;
}
div.ppcSegmentationMenu div.popup,
div.attributionSelector div.popup {
  padding: 0px;
  text-align: left;
  min-height: 0;
}
div.attributionSelector span.info {
  font-size: 11px;
  font-style: italic;
}
div.ppcSegmentationMenu ul.ppcSegmentationList li.odd,
div.attributionSelector ul.attributionModelList li.odd {
  background-color: #f8f8f8;
}
div.ppcSegmentationMenu ul.ppcSegmentationList li.selected,
div.attributionSelector ul.attributionModelList li.selected {
  background-color: #DFF0D8;
}
div.ppcSegmentationMenu ul.ppcSegmentationList li a,
div.ppcSegmentationMenu ul.ppcSegmentationList li a:hover,
div.attributionSelector ul.attributionModelList li a,
div.attributionSelector ul.attributionModelList li a:hover {
  text-decoration: none;
  display: block;
  cursor: pointer;
}
div.ppcSegmentationMenu ul.ppcSegmentationList li:hover,
div.attributionSelector ul.attributionModelList li:hover {
  background-color: #eee;
}
div.ppcSegmentationMenu .ppcSegementationWrapper {
    padding: 4px 8px;
    border-bottom: 1px #ddd solid;
    min-height: 20px;
}
div.attributionSelector .attributionWrapper {
  padding: 4px 8px;
  border-bottom: 1px #ddd solid;
  min-height: 40px;
}
div.ppcSegmentationMenu ul.ppcSegmentationList h2,
div.attributionSelector .attributionWrapper h2 {
  font-size: 13px;
  font-weight: bold;
  color: #444;
}
div.attributionSelector .attributionWrapper h2 span.defaultStatus {
  font-size: 10px;
  color: #888;
  font-weight: normal;
}
div.ppcSegmentationMenu div.ppcSegmentationIcon,
div.attributionSelector div.attributionIcon {
  float: right;
}
div.ppcSegmentationMenu div.ppcSegmentationIcon.spinnerIcon,
div.attributionSelector div.attributionIcon.spinnerIcon {
  padding: 4px 4px 0 0;
}
div.attributionSelector .attributionWrapper ul.attributionDetails {
  padding: 2px 0;
  font-size: 11px;
  color: #777;
}
div.attributionSelector span.attributionParamTitle {
  font-style: italic;
}span.phoneNumberLocation img {
  float: none;
  width: 12px;
  height: 8px;
  margin: 0px;
  padding:0px;
}

/* PPC Top Metrics Report */
table.ppcTopMetrics{
  font-size:0.85em;
  border-collapse: collapse;
}
table.ppcTopMetrics th,
table.ppcTopMetrics td {
  border:none;
  border-bottom:1px solid #e4e4e4;
  padding:6px 2px;
}
table.ppcTopMetrics th.row-controls,
table.ppcTopMetrics td.row-controls {
  padding: 6px 0 6px 2px;
  min-width: 22px;
}
table.ppcTopMetrics th {
  background-color: #e5e5e5;
  border: 1px #ccc solid;
  border-bottom: 0;
  padding-bottom: 0;
  color: black;
  vertical-align: top;
}
table.ppcTopMetrics tr.controls th {
  padding: 0 3px;
  border-bottom: 1px #ccc solid;
  border-top: 0;
}
table.ppcTopMetrics tr.odd {
  background-color: #fafafa;
}
td.centered,
table.ppcTopMetrics td.centered {
  text-align: center;
}
table.ppcTopMetrics th ul.colSort {
  float: right;
}
table.ppcTopMetrics th ul.colSort li {
  height: 12px;
  /* IE6,7 specific fix*/
  font-size: 1px;
  line-height: 1px;
}
table.ppcTopMetrics tr.greyed {
  color: #aaa;
}
table.ppcTopMetrics td div.cMenuButton {
  float: left;
  margin: -1px 0px;
  padding: 0;
}
/* Popup report */
div.popupreport {
  height: 300px;
  width: 800px;
}
div.popupreport div.arrow.left {
  top: 0px;
}
div.popupreport div.menubar {
  height: 31px;
}
div.popupreport p {
  padding: 0px;
  margin-bottom: 4px;
}

/* call rating config */
.callRatingConfig h5 {
  background-color: black;
  color: white;
  margin-top: 10px;
  font-size: 14px;
  line-height: 19px;
  padding: 4px 6px;
}
.callRatingConfig h5 button.anchor {
  background: transparent;
}
.callRatingConfig h5 span.med {
  font-size: 11px;
}
.callRatingConfig h5 span.edit {
  float: right;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  margin-top: 5px;
}
.callRatingConfig h5 span.edit a {
  color: white;
  padding: 0;
  margin: 0;
  border: 1px #777 solid;
  padding: 2px 6px;
}
.callRatingConfig h5 span.edit a:hover {
  color: black;
  background-color: #ccc;
  text-decoration: none;
  border: 1px white solid;
}
.callRatingConfig i.arrowDown {
  position: relative;
  top: 3px;
}
/* javascript generator */
.jsConfig {
  position: relative;
}
.jsConfig button.copyToClipboard {
  position: absolute;
  top: 45px;
  right: 15px;
  cursor: pointer;
  background-color: #FFF;
  border: 1px #D8D8D8 solid;
  font-size: 10px;
  line-height: 20px;
  padding: 0 5px;
  margin: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.jsConfig button.copyToClipboard.zeroclipboard-is-hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.jsConfig button.copyToClipboard.zeroclipboard-is-active {
  color: #e52d87;
}
.jsConfig button.copyToClipboard .icon {
  position: relative;
  top: -3px;
}
.jsConfig div.integration {
  margin-bottom: 6px;
}
.jsConfig div.integration.toggle {
  position: relative;
  border-bottom: 1px #ccc solid;
  height: 12px;
  margin-bottom: 12px;
}
.jsConfig button.toggleAdvancedIntegrations {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  border: none;
  height: 24px;
  cursor: pointer;
}
.jsConfig button.toggleAdvancedIntegrations:hover {
  color: #e52d87;
}
.jsConfig div.advancedIntegrations {
  margin:0;
  padding: 0;
  display: none;
}
.jsConfig button.toggleAdvancedIntegrations .icon.small.trend.neutral.right {
  position: relative;
  left: 3px;
  top: 2px;
}
.jsConfig button.generateConfig {
  background-color: #444;
  border: 1px black solid;
  padding: 6px 20px;
  color: white;
  cursor: pointer;
  margin-bottom: 6px;
  width: 100%;
}
.jsConfig button.generateConfig:hover {
  background-color: black;
}
.layoutTwoColumn div.jsConfigColumn {
  width: 65%;
}
.layoutTwoColumn div.jsConfigHelpColumn {
  width: 30%;
}
.jsConfigDgrps div.dgrpRow {
  border: 1px #dadada solid;
  padding: 6px;
  margin-bottom: 10px;
  color: #ccc;
}
.jsConfigDgrps div.dgrpRow.selected {
  background-color: #F7F7F7;
  border: 1px #B6B6B6 solid;
  color: #444;
}
.jsConfig label,
.jsConfigDgrps div.dgrpRow label {
  font-size: 14px;
  font-weight: bolder;
}
.jsConfigDgrps div.dgrpRow label span.dgrpRowId {
  font-size: 11px;
  font-weight: bolder;
  font-style: italic;
}
.jsConfigDgrps div.dgrpRow ul.dgrpRowClasses {
  padding: 5px 0px 0px 0px;
}
.jsConfigDgrps div.dgrpRow ul.dgrpRowClasses li {
  font-size: 11px;
}
.jsConfigDgrps div.dgrpRow button.addAnotherClass,
.jsConfigDgrps div.dgrpRow button.removeRowClassSelector,
.jsConfigDgrps div.dgrpRow button.removeSingleClass {
  background-color: white;
  border: 0;
  cursor: pointer;
}
.jsConfigDgrps div.dgrpRow button.addAnotherClass {
  color: #ccc;
  text-decoration: underline;
  padding-left: 0;
}
.jsConfigDgrps div.dgrpRow.selected button.addAnotherClass,
.jsConfigDgrps div.dgrpRow.selected button.removeRowClassSelector,
.jsConfigDgrps div.dgrpRow.selected button.removeSingleClass {
  background-color: #f5f5f5;
  border: 0;
  cursor: pointer;
}
.jsConfigDgrps div.dgrpRow.selected button.addAnotherClass {
  color: #e52d87;
  text-decoration: underline;
  padding-left: 0;
}
.jsConfigDgrps div.controls {
  padding: 2px 7px;
  background-color: #E9E9E9;
  margin-bottom: 4px;
}
.jsConfigDgrps div.controls label {
  font-size: 11px;
}
.jsConfigDgrps ul.bread li {
  background-color: #ECEBEB;
  display: inline-block;
  *display:inline; /* Ie 6&7 inline fix */
  *zoom: 1;
  padding: 5px;
  color: #444;
  margin-left: 10px;
}
.jsConfigDgrps ul.bread li.current {
  background-color: #e52d87;
  color: white;
}
.jsConfigDgrps form.dgrpsSelect {
  padding: 0 10px;
}
.jsConfigDgrps button.selectIntegrations {
  width: 100%;
  background-color: #444;
  color: #FFF;
  padding: 6px 20px;
  border: 1px #000 solid;
  cursor: pointer;
}
.jsConfigDgrps button.selectIntegrations:hover {
  background-color: black;
}
.jsConfig span.advancedInputContainer {
  margin-left:22px;
  display:none;
  font-size: 11px;
  border: 1px solid #B6B6B6;
  padding: 6px 12px;
  margin: 10px 22px 0px;
  background-color: #F7F7F7;
}
.jsConfig span.advancedInputContainer.visible {
  display: block;
}
.jsConfig span.advancedInputContainer label {
  font-size: 11px;
  font-weight: normal;
}
.jsConfig textarea.javascriptOutput {
  width: 100%;
}
.callerInsightConfig td.clickOut,
.callerInsightConfig td.buttonLabel {
  width: 130px;
}
.callerInsightConfig span.param {
  font-style: italic;
  color: #e52d87;
}
.noMenu div#header {
  width:auto;
  background-position: 270px 0;
}

.noMenu div#logo {
  padding-left:15px;
}

.noMenu div#content, .noMenu .content {
  width:475px;
}

.ppcAccountList table tr.disabled td {
  color: gray;
  text-decoration: line-through;
}

.ppcAccountList table tr.paused td,
.ppcAccountList table tr.suspended td {
  color: gray;
  font-style: italic;
}

.ppcAccountList table tr.unauthorised td,
.ppcAccountList table tr.unavailable td {
  color: #e11;
  font-style: italic;
}

.ppcAccountList h4 span {
  width: 95px;
  background-position: 78px 1px;
}

.ppcAccountList h4 ul li {
  width: 150px;
  padding:5px;
}

.ppcAccountList table tr td.ppcAction,
.ppcAccountList table tr td.ppcAction a {
  font-style: normal;
  text-decoration: none;
}

.ppcAccountList table tr.enabled td.accountStatus {
  color: #008800;
}

.sipUserList table .phoneNumber {
  width: 75px;
}

.sipUserList table .longTitle {
  width: 127px;
}

/* Call Queue Time Threshold Config */
table.callQueueTimeThreshold td.colour {
  width: 30px;
  height: 15px;
  *overflow: scroll;
  line-height: 1em;
}
table.callQueueTimeThreshold td.label {
  background-color: white;
  width: 100%;
}
table.callQueueTimeThreshold td.threshold {
  background-color: white;
  cursor: row-resize;
  border-left: 1px #ccc solid;
}
table.callQueueTimeThreshold tr.static td {
  height: 15px;
  *overflow: scroll;
  line-height: 1em;
  border-left: 1px #ccc solid;
}

table.callQueueTimeThreshold td.threshold img {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Call queue time overview */
.heathmapKeyIndex {
  width: 11px;
  height: 11px;
  margin: 0 auto;
  border: 1px #aaa solid;
}
.heathmapThreshold {
  height: 3px;
  margin: 0;
  padding: 0;
  background-color: red;
}
.callWaitTimeOverview .topLevel {
  text-align: center;
  line-height: 160px;
  min-height: 160px;
  font-weight: bold;
  background: #EDEDED;
  margin-bottom: 10px;
  color: #000;
}
.callWaitTimeOverview .topLevel.level1 {
  font-size: 80px;
}
.callWaitTimeOverview .topLevel.level2 {
  font-size: 65px;
}
.callWaitTimeOverview .topLevel.level3 {
  font-size: 55px;
}
.callWaitTimeAndPercentagesTable {
  min-height: 300px;
}
/* Time Based Routing Styles */
#content #phoneManagerPreview form {
    margin-top: 25px;
}

#content #phoneManagerPreview button {
    background-color: #000;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    margin-bottom: 5px;
    width: 120px;
}

#content #phoneManagerPreview button.toggleAdvancedCriteria {
    background-color: white;
    border: medium none;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    color: black;
    font-size: 11px;
    width:85px;
}

#content #phoneManagerPreview fieldset button.removeBtn {
    position:absolute;
    color: #e52d87;
    background-color: white;
    border:none;
    right: -5px;
    top: -21px;
    width: 57px;
    font-size: 11px;
}

div.toggle {
    border-bottom: 1px solid #ccc;
    height: 12px;
    margin-bottom: 25px;
    position: relative;
}

div.advanced {
    display:none;
}

div.open div.advanced {
    display: block;
}

div.config {
    margin-bottom: 20px;
}

hr {
    border:none;
    background-color: #CCC;
    color: #CCC;
    height: 1px;
    margin:15px 0px;
    clear:both;
}

div.advanced hr {
    margin:15px 0 15px -10px;
}

button.oAuth, div.advanced button {
    margin:0 5px 5px 0;
    padding:1px 20px 0;
    display:inline-block;
    color:#FFF;
    border:1px solid #000;
    background-color:#000;
    font-size:12px;
    line-height:20px;
    text-decoration:none;
    cursor:pointer;
}

div.advanced button {
    font-size:12px;
    line-height:20px;
}

div.ajaxPart {
    width:100%;
    margin-top:20px;
}

#content #phoneManagerPreview div.ajaxPart ul.checkbox_list li input {
    margin:0px;
}

div.ajaxPart ul.checkbox_list li {
    margin:10px 0px;
}

#content #phoneManagerPreview fieldset {
    border-top:1px;
    border-style: solid;
    border-color: #CCC;
    width:100%;
    margin:10px 10px 0px -5px;
    padding-top:5px;
    position: relative;
}

#content #phoneManagerPreview fieldset legend {
    padding:0 20px 0 6px;
    font-weight: bold;
    font-size: 14px;
}

#content #phoneManagerPreview fieldset.noLabel input,
#content #phoneManagerPreview fieldset.noLabel select {
    display:inline-block;
    width:200px;
    margin: 10px;
}

#content #phoneManagerPreview fieldset.noLabel label {
    display:none;
}

#content #phoneManagerPreview fieldset.noLabel input.hidden {
    display:none;
}

#content #phoneManagerPreview div.ajaxPart ul.checkbox_list,
#content #phoneManagerPreview div.ajaxPart ul.checkbox_list li {
    display:inline-block;
    margin-left:3px;
}

#content #phoneManagerPreview div.ajaxPart ul.checkbox_list label {
    display:inline-block;
    float:none;
    margin-right:10px;
    width:auto;
}

#content #phoneManagerPreview div.ajaxPart .listpicker {
    margin:10px 0px;
    width:100%;
}

#content #phoneManagerPreview div.ajaxPart .listpicker input,
#content #phoneManagerPreview div.ajaxPart .listpicker button {
    display: inline-block;
    margin-left: 7px;
}

#content #phoneManagerPreview .ajaxPart .infoMessage {
    background: none;
    border: none;
    color:#555;
    margin:10px 0 20px 7px;
    padding:0;
    width:70%;
    display:block;
    line-height: 20px;
}

#content #phoneManagerPreview input.hasDatepicker {
    width: 245px;
    display: inline-block;
}

#content #phoneManagerPreview .dataMap input, #content #phoneManagerPreview .dataMap select {
    width: 178px;
    display: inline-block;
}

#content #phoneManagerPreview .dataMap .addTag {
    margin-top: 7px;
    display:block;
}

#content #phoneManagerPreview p.infoMessage {
    background: none repeat scroll 0 0 #fcf8e3;
    border: 1px solid #fbeed5;
    color: rgb(124, 104, 71);
    margin: 24px 9px;
    padding: 6px 10px;
    font-size: 15px;
}

/* ===== NEW STUFF ====== */
#content #phoneManagerPreview input,
#content #phoneManagerPreview textarea,
#content #phoneManagerPreview select                                             { width:auto; }

#content #phoneManagerPreview form .button                                       { margin:10px 0 0; }

#content #phoneManagerPreview .criteriaRow, .edit .formRow                                { display:block; }
#content #phoneManagerPreview .formRow, .edit .criteriaRow                                { display:none; }

#content #phoneManagerPreview .criteria li.blrub                                 { margin:0 0 30px; border:none; }
#content #phoneManagerPreview .criteria li.blrub span                            { margin:0 5px 0 0; }

#content #phoneManagerPreview .config .formRow                                   { margin:0 0 22px; padding:0 0 20px 0; width:100%; overflow:hidden; display:block; border-bottom:1px dotted #BBB; }

#content #phoneManagerPreview .config .label                                     { margin:0 0 16px; line-height:16px; width:100%; }
#content #phoneManagerPreview .config .label em                                  { display:block; font-size:12px; font-weight:normal; color:#8f8f8f; }
#content #phoneManagerPreview .config label                                      { width:100%; display:block; float:left; }

#content #phoneManagerPreview .config .label,
#content #phoneManagerPreview .config input,
#content #phoneManagerPreview .config .select                                    { float:left; }

#content #phoneManagerPreview .config .dataMap li                                { width:100%; overflow:hidden; margin:0 0 5px; line-height:30px; float:left; }
#content #phoneManagerPreview .config .dataMap li span                           { margin:0 5px 0 0; }

#content #phoneManagerPreview .config input                                      { margin:0 5px 0 0; padding:6px 10px; width:400px; height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

#content #phoneManagerPreview .config input,
#content #phoneManagerPreview .config .select                                    { width:450px; }
#content #phoneManagerPreview .config input + .select,
#content #phoneManagerPreview .config input + .select + .select                  { width:auto; }
#content #phoneManagerPreview .config select                                     { width:100%; }

#content #phoneManagerPreview .config .select                                    { margin:0 5px 0 0;  padding:0; position:relative; display:inline-block; right:0; top:0; height:30px; background:#FFF; overflow:hidden; border:solid 1px #BBB; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#content #phoneManagerPreview .config .select:after                              { margin:0; padding:0; content:'\25be'; color:#999; line-height:28px; text-align:center; right:0; top:0; background:#FFF; width:28px; height:28px; position:absolute; pointer-events:none; }
#content #phoneManagerPreview .config .select select                             { padding:4px 10px 6px; -webkit-padding-before:0; -webkit-padding-start:6px; width:100%; height:30px; font-family:sans-serif; font-size:13px; line-height:30px; float:left; color:#000; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
#content #phoneManagerPreview .config .select option                             { padding:10px; border-bottom:1px solid #F2F2F2; }
#content #phoneManagerPreview .config .select optgroup                           { padding:0 10px; color:#000; background-color:#FFF; }
#content #phoneManagerPreview .config .select optgroup[label]                    { padding-top:10px; background-color:#FFF; font-style:normal; }
#content #phoneManagerPreview .config .select optgroup option                    { border-bottom:1px solid #F2F2F2; font-family:sans-serif; font-size:12px; line-height:30px; }
#content #phoneManagerPreview .config .select optgroup option:first-child        { margin:10px 0 0 0; border-top:1px solid #F2F2F2; }

#content #phoneManagerPreview .config .formRow.advanced                          { display: none; }

/* ======== MIKES ======== */

#content #phoneManagerPreview .criteria ol                                                { margin:0; padding:0; list-style:none; }
#content #phoneManagerPreview .criteria li                                                { margin:0 0 10px; display:table; width:100%; border-bottom:1px dotted #a8a8a8; position: relative; }
#content #phoneManagerPreview .criteria li:before                                         { content:'\2630'; display:block; float:left; cursor:move; }
#content #phoneManagerPreview .criteria li:last-child:before                              { display:none; }
#content #phoneManagerPreview .criteria li:last-child                                     { border:none; }

#content #phoneManagerPreview .criteria .checkbox                                                   { padding:10px 10px 0; widows:auto; float:right; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#content #phoneManagerPreview .criteria .checkbox > span                                            { margin:0 0 6px; padding:0; float:left; position:relative; top:0; left:0; width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#content #phoneManagerPreview .criteria .checkbox > span label                                      { padding:2px 0 0 32px; width:100%; height:auto; font-weight:normal; font-family:sans-serif; font-size:12px; border:none; line-height:20px; text-align:left; cursor:pointer; float:none; display:block; position:relative; left:0; top:0; color:#333; }
#content #phoneManagerPreview .criteria input[type="checkbox"],
#content #phoneManagerPreview .criteria input[type="checkbox"]:not(:focus):invalid                  { width:10px; height:10px; position:absolute; top:0; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#content #phoneManagerPreview .criteria input[type="checkbox"] + label:before                       { margin:0; content:''; position:absolute; left:0; top:0; background-color:#FFF; border:1px solid #BBB; cursor:pointer; display:inline-block; height:20px; width:20px; text-align:center; font-family:sans-serif; font-size:14px; line-height:22px; color:#CCC; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
#content #phoneManagerPreview .criteria input[type="checkbox"]:checked + label:before               { content:'\2714'; border-color:#999; color:#333; transition:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; }
#content #phoneManagerPreview .criteria input[type="checkbox"] + label + small                      { margin:0; padding:0 0 0 32px; background:none; border:none; color:#E74C3C; width:auto; float:none; }

#content #phoneManagerPreview .criteria .checkbox                                                   { position:absolute; top:23px; left:0; width:100%; min-width:200px; background-color:#FFF; color:#BBB; border:solid 1px #BBB; z-index:99; }
/*#content #phoneManagerPreview .criteria .checkbox:before                                          { content:''; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid black; position:relative; top:-20px; left:2px; }*/
#content #phoneManagerPreview .criteria .day label                                                  { display:block; }

#content #phoneManagerPreview .criteria .day label.edit                                             { margin:0; padding:6px 10px; position:relative; top:-6px; left:0; font-size:13px; font-weight:normal; display:inline-block; height:30px; background:#FFF; overflow:hidden; border:solid 1px #BBB; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

#content #phoneManagerPreview .criteria input                                                       { padding:6px 10px; width:100px; height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#content #phoneManagerPreview .criteria .select                                                     { margin:0; padding:0; position:relative; display:inline-block; right:0; top:-6px; min-width: 60px; height:30px; background:#FFF; overflow:hidden; border:solid 1px #BBB; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#content #phoneManagerPreview .criteria .select:after                                               { margin:0; padding:0; content:'\25be'; color:#999; line-height:28px; text-align:center; right:0; top:0; background:#FFF; width:28px; height:28px; position:absolute; pointer-events:none; }
#content #phoneManagerPreview .criteria .select select                                              { padding:4px 30px 6px 0; background-color:#FFF; -webkit-padding-before:0; -webkit-padding-start:6px; width:100%; height:30px; font-family:sans-serif; font-size:13px; line-height:30px; float:left; color:#000; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
#content #phoneManagerPreview .criteria .select option                                              { padding:10px; border-bottom:1px solid #F2F2F2; }
#content #phoneManagerPreview .criteria .select optgroup                                            { padding:0 10px; color:#000; background-color:#FFF; }
#content #phoneManagerPreview .criteria .select optgroup[label]                                     { padding-top:10px; background-color:#FFF; font-style:normal; }
#content #phoneManagerPreview .criteria .select optgroup option                                     { border-bottom:1px solid #F2F2F2; font-family:sans-serif; font-size:12px; line-height:30px; }
#content #phoneManagerPreview .criteria .select optgroup option:first-child                         { margin:10px 0 0 0; border-top:1px solid #F2F2F2; }

#content #phoneManagerPreview .criteria :empty                                                      { display:none; }

#content #phoneManagerPreview .criteria                                                             { margin:30px 0 20px; list-style:none; width:100%; }
#content #phoneManagerPreview .criteria span                                                        { margin:0; float:left; font-size:15px; line-height:18px; color:#666; height:30px; position:relative; }
#content #phoneManagerPreview .criteria span.txt                                                    { margin:0 5px; float:left; font-size:15px; line-height:18px; color:#666; height:30px; position:relative; }
#content #phoneManagerPreview .criteria span.active label                                           { color:#e52d87; }
#content #phoneManagerPreview .criteria label, #content #phoneManagerPreview .criteria button                            { color:#222; border-bottom:2px dotted #e52d87; font-weight:bold; width:auto; }
#content #phoneManagerPreview .criteria input,
#content #phoneManagerPreview .criteria .select,
#content #phoneManagerPreview .criteria .checkbox                                                   { float:left; }

#content #phoneManagerPreview input, #content #phoneManagerPreview .select                           { position:relative; top:-6px; left:0; }
#content #phoneManagerPreview input,
#content #phoneManagerPreview .select,
#content #phoneManagerPreview .actions :empty,
#content #phoneManagerPreview .checkbox                                          { display:block; }

#content #phoneManagerPreview .recordingManager                                  { margin:0 0 15px; }
#content #phoneManagerPreview .recordingManager li                               { padding:10px 0; font-weight:bold; border-bottom:1px dotted #A8A8A8; width:100%; position:relative; top:0; left:0; }
#content #phoneManagerPreview .recordingManager button.delete                    { top:2px; }

#content #phoneManagerPreview .recordingManager .addRecordingManager             { padding:10px; width:240px; background-color:#F1F1F1; border:1px solid #BBB; }
#content #phoneManagerPreview .recordingManager .addRecordingManager input       { width:200px; }
#content #phoneManagerPreview .recordingManager .addRecordingManager p           { padding-left:0px; font-weight:bold; }

#content #phoneManagerPreview .actions                                           { display:block; position:relative; top:-6px; left:0; }
#content #phoneManagerPreview .actions button                                    { height:30px; width:30px; color:#FFF; display:block; float:left; text-align:center; line-height:26px; border: none; }
#content #phoneManagerPreview .actions button:hover                              { text-decoration:none; }
#content #phoneManagerPreview .actions button.update                             { background-color:#29B765; font-size: 14px; }
#content #phoneManagerPreview .actions button.cancel                             { background: #E74C3C; }
#content #phoneManagerPreview button.delete                                      { height:30px; width:30px; color:#FFF; display:block; text-align:center; line-height:26px; background: url("../images/delete-04.gif") transparent no-repeat center center; background-size:14px; position: absolute; top:-5.4px; right: 0; border:none; }

#content #phoneManagerPreview .criteria .icon                                    { display:inline-block; }
#content #phoneManagerPreview .criteria button.add                               { line-height:25px; float:left; height:21px; border:none; padding:0; text-align:center; background-color: transparent; color:#e52d87; position:relative; top:-3px; left:0; margin:0; cursor: pointer; }
#content #phoneManagerPreview .criteria button.add span                          { color: white; font-size: 23px; font-weight: bold; padding-top: 2px; }

/************  FORM VERSION ************/
#formThing                                                  { padding:30px 0 20px; width:100%; overflow:hidden; border-top:1px dotted #BBB; }
#formThing input                                            { padding:6px 10px; height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#formThing .select                                          { margin:0; padding:0; position:relative; display:inline-block; right:0; top:0; height:30px; background:#FFF; overflow:hidden; border:solid 1px #BBB; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#formThing .select:after                                    { margin:0; padding:0; content:'\25be'; color:#999; line-height:28px; text-align:center; right:0; top:0; background:#FFF; width:28px; height:28px; position:absolute; pointer-events:none; }
#formThing .select select                                   { padding:4px 6px 6px ; -webkit-padding-before:0; -webkit-padding-start:6px; width:100%; height:30px; font-family:sans-serif; font-size:13px; line-height:30px; float:left; color:#000; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
#formThing .select option                                   { padding:10px; border-bottom:1px solid #F2F2F2; }
#formThing .select optgroup                                 { padding:0 10px; color:#000; background-color:#FFF; }
#formThing .select optgroup[label]                          { padding-top:10px; background-color:#FFF; font-style:normal; }
#formThing .select optgroup option                          { border-bottom:1px solid #F2F2F2; font-family:sans-serif; font-size:12px; line-height:30px; }
#formThing .select optgroup option:first-child              { margin:10px 0 0 0; border-top:1px solid #F2F2F2; }

#formThing                                                  { clear:both; float:left; }
#formThing span                                             { display:none; }
#formThing .edit, #formThing input, #formThing select       { margin:0 5px 0 0; width:200px; display:block; float:left; }

#formThing .add                                             { line-height: 25px; float:none; background-color:#444; height: 24px; border:none; padding:0 9px 0 5px; text-align:center; color:white; position:relative; top:-3px; left:0;  margin: 0;}
#formThing button.add span                                  { color: white; font-size: 23px; font-weight: bold; padding-top: 2px; }

/* Inline Code */
code                                                        { color: black; font-weight: bold; }

/* Help Videos */
.help-videos                                                { margin:20px 0; padding:0; list-style:none; overflow:hidden; }
.help-videos li                                             { margin:0 0 20px; padding:0 20px 0 0; float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.help-videos li:hover                                       { cursor:pointer; }
.help-videos li:hover img                                   { opacity:.6; }
.help-videos li h3                                          { margin:5px 0 0; font-size:1.4em; }
.help-videos li img                                         { margin:0 14px; padding:5px; float:left; width:150px; height:84px; border:1px solid #e1e2e3; }
.help-videos li ol                                          { margin:0; padding:0; width:auto; list-style:none; overflow:hidden; }
.help-videos li li                                          { margin:0; padding:0; width:auto; float:none; font-size:12px; color:#999; }
.help-videos li li:last-child                               { margin-top:10px; text-decoration:underline; }