body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  background-color: #ffffff;
  padding:10px;
}

#header {
  height: 2px;
}

#main {
  left: 0;
  margin-top: 24px;
  position: relative;
  top: 0;
  width: 100%;
}
#content {
  background-color: white;
  color: black;
  margin: 0 0 0 10px;
  padding: 0 0 0 8px;
}
/* I renamed this from 'title' to avoid conflict with grids' title columns. */
#content .contenttitle {
  clear: left;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.6em;
  margin-bottom: 5px;
}
legend {
  border: 1px solid #66a;
  color: #228;
  font-size: 90%;
  padding: 0.2em 0.5em;
}
select {
  border: 1px solid #999;
  color: black;
  margin: 3px 0 3px 0px;
  padding: 1px;
  width: 41%;
}
select option {
  color: black;
}

textarea {
  border: 1px solid #7f9db9;
  font: normal 1em Arial, Helvetica, sans-serif;
  padding: 5px;
}
.error {
  color: #f00;
  font-weight: bold;
  line-height: 16px;
  padding-left: 4px;
}
.donuterror {
  color: #f00;
  font-weight: bold;
  line-height: 16px;
  padding: 4px;
}
.message {
  color:#0a0;
  font-weight: bold;
  line-height: 16px;
  padding-left:4px;
}
form {
  padding-left: 4px;
  padding: 0;
  text-align: left;
  width: 100%;
}
form.editor {
}
form.editor .lft {
  clear: left;
  display: block;
  float: left;
  font-weight: bold;
  margin: 4px 2px 4px 2px;
  padding: 0;
  width: 128px;
}
form.editor .widelft {
  clear: left;
  display: block;
  float: left;
  font-weight: bold;
  margin: 4px 2px 4px 2px;
  padding: 0;
  width: 160px;
}
form span.widefaketextfield {
  display: block;
  width: 40%;
  margin: 0 0 0 167px;
  padding: 0 1px;
  background-color: #eef;
  border: 1px solid #aaa;
  min-height: 17px;
}
form.editor .checkbox {
  margin: 4px;
  height: 16px;
}
form .txt {
  height: 16px;
  margin: 2px 2px 2px 0px;
  padding: 0;
  width: 40%;
}
form .widetxt {
  height: 16px;
  margin: 2px 2px 2px 0px;
  padding: 0;
  width: 60%;
}
form span.faketextfield {
  display: block;
  width: 40%;
  margin: 0 0 0 133px;
  padding: 0 1px;
  background-color: #eef;
  border: 1px solid #aaa;
  min-height: 17px;
}
form div.bdr {
  border: 1px solid #ccc;
  line-height: 17px;
  margin: 0 auto 10px auto;
  text-align: left;
  width: 98%;
}
form.editor div.fl60 {
  float: left;
  text-align: left;
  width: 60%;
}
form.editor div.fl50 {
  float: left;
  text-align: left;
  width: 50%;
}
form.editor div.fr50 {
  float: right;
  width: 50%;
}
div.lft25 {
  float: left;
  font-weight: bold;
  margin: 0 0 0 290px;
  padding-left: 1%;
  padding-top: 1px;
  width: 520px;
}

/* imitate a submit button */
a.btn {
  background-color: #f8f8f8;
  border: 1px solid #aaa;
  color: #333;
  font-family: Lucida Grande,sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 16px;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
a.rightbtn {
  float: right;
  margin: 0px 4px 0px 0px;
  background-color: #f8f8f8;
  border: 1px solid #aaa;
  color: #333;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 16px;
  padding: 0px 4px;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
}
input.smallbtn, a.smallbtn {
  color: #ffffff;
  background-color: #5555bb;
  border-color: #4646b0;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 14px;
  margin: 0 3px 0 3px;
  padding: 2px;
  text-decoration: none;
}
input.smallgraybtn, a.smallgraybtn {
  background-color: #ccc;
  border-bottom: 1px solid #888;
  border-left: 1px solid #ddd;
  border-right: 1px solid #888;
  border-top: 1px solid #ddd;
  color: #000;
  font-size: 0.8em;
  font-weight: normal;
  margin: 3px 0 2px 0;
  padding: 1px 2px;
  text-decoration: none;
}
input.graysmallbtn, a.graysmallbtn {
  background-color: #777;
  border-bottom: 1px solid #888;
  border-left: 1px solid #ddd;
  border-right: 1px solid #888;
  border-top: 1px solid #ddd;
  color: #fff;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 14px;
  margin: 0 3px 0 10px;
  padding: 0 2px;
  text-decoration: none;
}

a.logoutbtn {
  background-color: #555599;
  border-bottom: 1px solid #888;
  border-left: 1px solid #ddd;
  border-right: 1px solid #888;
  border-top: 1px solid #ddd;
  color: #eee;
  font-size: 0.75em;
  font-weight: normal;
  margin: 0 0 0 4px;
  padding: 2px 3px 1px 3px;
  text-decoration: none;
}

input.required, textarea.required, select.required {
  background-color: #feb;
}
/* Tweaking the appearance of the Upload field. */ 
input.notrequired {
  background-color: #ebebe4;
  height: 22px;
  margin: 0;
  padding: 0;
  width: 40%;
}
/* Make a disabled textfield look like a readonly one, not so faded */
form .disabled {
  background-color: #ebebe4;
  color: black;
  border: 1px solid #7f9db9;
}
form .disabledrequired {
  background-color: #f1e7c9;
  color: #606060;
}
form .readonly {
  background-color: #ebebff;
  color: black;
}

.ctr {
  text-align: center;
}
.radiolabel {
  vertical-align: bottom;
  margin-top: 20px;
  margin-bottom: 15px;
  margin-right: 12px;
  padding-top: 9px;
}
a.info {
  padding: 0 4px;
  font: x-small Verdana, sans-serif;
  font-family: Times,"Times New Roman",serif;
  font-style: italic;
  text-decoration: none;
  color: black;
  background-color: #eee;
  margin: 0 10px 0 10px;
  border: 1px solid #ccc;
}
a.infolink {
  padding: 0 4px;
  font: x-small Verdana, sans-serif;
  font-family: Times,"Times New Roman",serif;
  font-style: italic;
  text-decoration: underline;
  color: blue;
  background-color: #eee;
  margin: 0 10px 0 10px;
  border: 1px solid #ccc;
}
.link {
  color:black;
  text-decoration:underline;
}
a:visited.link {
  text-decoration:underline;
  color:black;
}
a:hover.link {
  text-decoration:underline;
  color:blue;
}
.wlink {
  text-decoration:underline;
  color:white;
}
a:visited.wlink {
  text-decoration:underline;
  color:white;
}
a:hover.wlink {
  text-decoration: underline;
  color: white;
}
.blklink {
  text-decoration: underline;
  color: black;
}
a:visited.blklink {
  text-decoration: underline;
  color: black;
}
a:hover.blklink {
  text-decoration: underline;
  color: black;
}

.rightlink {
  color: black;
  text-decoration: underline;
  float: right;
  font-weight: normal;
  font-size: .9em;
}

.rowClass {
  background-color: #fff;
  color: black;
}
.alternateRowClass {
  background-color: #ddd;
  color: black;
}
a.mediumbtn {
  background-color: #eee;
  border: 1px solid gray;
  color: black;
  font-size:0.9em;
  font-weight:normal;
  line-height:10px;
  margin:6px 3px 0 0;
  padding:1px 5px;
  text-decoration:none;
  border-bottom: 1px solid #002;
  border-left: 1px solid #8bd;
  border-right: 1px solid #002;
  border-top: 1px solid #8bd;
}

.hide {
  display: none;
}
table tr.alternateRow {
	background: #ccc;
}

div #submitbuttons {
  display: inline;
}
div #otherbuttons {
  display: inline;
}

table.t-data-grid { 
  border-top:1px solid #000066;
}

table.t-data-grid thead tr th.t-sort-column-descending, table.t-data-grid thead tr th.t-sort-column-ascending { 
  background-color:#bbe;
}

.sortAsc { 
  background-image: url('/i/asc1.gif');
  background-position: 98% 50%;
  background-repeat: no-repeat;
}
.sortDesc { 
  background-image: url('/i/desc1.gif');
  background-position: 98% 50%;
  background-repeat: no-repeat;
}
.sortAsc2 { 
  background-image: url('/i/asc2.gif');
  background-position: 98% 50%;
  background-repeat: no-repeat;
}
.sortDesc2 { 
  background-image: url('/i/desc2.gif');
  background-position: 98% 50%;
  background-repeat: no-repeat;
}

/* for B6Grid */
tr.highlightRow {
  background-color: #bff !important;
}
.grid-hdr {
  float: left;
  padding: 8px 2px 2px 2px;
  height: 22px;
  /* font-weight: bold; */
}
.btn-grid-show {
  background-color: blue;
  padding: 2px 4px;
  /* font-size: 12px; */
  line-height: 1.5;
  border-radius: 3px;
  margin-left: 16px;
  color: white !important;
  text-decoration: none;
  clear: both;
}


table.vtable {
  width:99%;
}

table.vtable td.gb {
  width: 100px;
  background: #ddd;
  font-weight: bold;
  vertical-align: top;
}


table.htable {
  width: 60%;
  border-collapse: collapse;
  
  
}
table.htable th {
  background: #ddd;
  font-weight: bold;
  text-align:left;
  padding-left: 5px;
}
table.htable td {
  vertical-align:top;
  padding-left: 5px;
}

table.htable tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}


table td.sumlabel {
  font-weight: bold;
  padding-right: 6px;
}
table td.suminfo {
  width: 90px;
  white-space:nowrap;
  padding-right: 16px;
}


span.si {
  background: #fff;
  color: #d12;
  margin: 0;
  padding: 0 5px;
  border: 1px solid red;
  float: left;
  font-size: .8em;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navbar {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-header {
  float:left;
  margin-right: 0;
  margin-left: 0;
  background-color: #ddf;
  border-color: #4f4f8e;
}

.navbar-header .navbar-brand {
  background: #ddddff url(/i/logo.png) no-repeat 15px 10px;
  width: 215px;
  height: 55px;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #000;
  background-color: #fff;
}
.navbar-nav {
  float: left;
  margin: 0;
  padding-left: 5px;
}
.navbar-nav > li {
  padding-bottom: 8px;
}
.navbar-nav > li > a {
  line-height: 20px;
  margin: 10px 0px 0px 4px;
  min-width: 56px;
  text-align: center;
  color: #ddd;
  background: #6666aa;
  position:relative;
  display: block;
  padding: 3px 7px;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #ee5533;
  font-size:1.1em;
}
.nav > li {
  position: relative;
  display: block;
}

#prospecting .checkmark-list-filter {
  float:left;
  margin-top:10px;
  margin-right:2%;
  width:90%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
  float: left;
}

.col-xs-6 {
  width: 25%;
}

#prospecting .t-checklist-row {
  padding:0px 3px;
  white-space:nowrap;
}

#prospecting .t-checklist-category {
  padding-bottom:3px;
}

#prospecting #product .t-checklist-row {
  padding-left:25px;
}

#prospecting .t-checklist-row input {
  margin:0px;  
}

#prospecting .t-checklist-row label {
  padding:0px 0px 0px 2px;
  vertical-align:top;
  font-size:.9em;
}

#prospecting {
  position:relative;
}

#prospecting #queryFormZone {
  width:100%;
}

#prospecting #lead-count-tool {
  position:absolute;
  height:110px;
  width:152px;
  text-align:center;
  top:0px;
  right:30px;
  z-index:2;
  background-color:white;
  border:1px solid #fff;
  border-radius:5px;
}

#prospecting #lead-count-tool a {
  margin-left:34px;  
  margin-top:6px;
}

#prospecting #lead-count-tool h3 {
}

#prospecting #lead-count-tool #counter {
  width:150px;
  background-color:#111;
  display:block;
  border-radius:5px;
  border:1px black solid;
}

#prospecting #lead-count,
#prospecting #search-status {
  display:none;
}

#prospecting #search-criteria {
  margin:0 1px 15px;
  font-size:1.1em;
  margin:0px 0px 15px 2px;
}

#prospecting #search-criteria label {
  font-weight:bold;
  padding-right:3px;
}

#prospecting #search-info {
  margin-right:250px;
  min-height:110px;
}

#prospecting .option-list,
#prospecting .checkmark-list {
  height:250px;
  overflow-y:scroll;
  border:1px solid #ccc;
  padding:5px;
  margin-bottom:5px;
}

#prospecting .checkmark-list-filter h3 {
  border:1px solid #ccc;
  border-bottom:none;
  border-radius:5px 5px 0px 0px;
  text-align:center;
  font-weight:bold;
  font-size:0.9em;  
  padding:8px 0px;
  margin:0px;
  background-color:#eee;
  position:relative;
}

#prospecting .checkmark-list-filter .total-text {
  font-weight:normal;  
}

#prospecting .checkmark-list-filter h3.clear-list
{
  background-image:url('/i/red_trashcan.png');
  background-position:6px;
  background-repeat:no-repeat;
  cursor:pointer;
}

.btn-primary {
  margin:2px;
  color: #ffffff;
  background-color: #5555bb;
  border-color: #4646b0;
  border-radius: 4px;
  line-height: 16px;
  min-width: 56px;
  text-align: center;
  /* display: block; */
  padding: 2px 4px;
}

/*** list navigator ***/
.batchwindow {
  display: block;
  position: relative;
  top: -18px;
  float: right;
  width: 170px;
  height: 0px;
  margin: 0;
  z-index: 1;
  text-align: center;
  background: transparent;
  font-size: 0.75em;
}
div.batchnav {
  background: #eeeeee;
  color: #000;
  padding-bottom: 1px;
  border: 1px solid #777777;
}
div.batchnav a {
  color: #33a;
  padding: 0 2px;
}
div.batchnav a:hover {
  color: #ee5533;
}

.taskselect {
  border: 1px solid #999;
  color: black;
  width: 130px;
  padding: 0;
  margin: 0;
  font-size: 1.0em;
  /* This z-index prevents the palette's div from overlaying the selects in TaskEditor. */ 
  position: relative;
  z-index: 10;
}

.titlePaneTitle {
  background-color: #ddddee;
  color: black;
  font-style: italic;
  width: 98.5%;
  margin: 0;
  padding: 1px 0 1px 6px;
  cursor: pointer;
}
div:hover.titlePaneTitle {
  background-color: #ddddee;
  color: black;
  font-style: italic;
  text-decoration: underline;
  width: 98.5%;
  margin: 0;
  padding: 1px 0 1px 6px;
}
.titlePaneContent {
  background-color: #fff;
  color: black;
  border: 1px solid silver;
  width: 98%;
  margin: 0;
  padding: 6px 3px 3px 3px;
}

input {
  font-size: 15px;
}

td, th {
     padding: 2px;
}


.form-control {
  padding:1px 2px 1px 2px;
  box-sizing: border-box;
  border-radius: 0px;
  display: unset;
  height:unset;
  
  
}