/* Set a default font and size for many elements */
a, body, div, p, td, th { font-family: helvetica, arial, sans-serif; font-size: 13px}

/* Links */
a:active	{color: red; text-decoration: none}
a:link		{color: blue; text-decoration: none}
a:visited	{color: blue; text-decoration: none}

a.sidebar		{font-size: 16px}
a.sidebar:active	{color: #F00; text-decoration: none}
a.sidebar:link		{color: #FFF; text-decoration: none}
a.sidebar:visited	{color: #FFF; text-decoration: none}

/* Body classes */
body.header, body.sidebar {background-color: #369}

/* Clear left class */
.cleft {clear: left}

/* Div classes */
div.header {font-weight: bold}
div.title {
  font-size: 16px;                   /* Was 12pt before 01-2010 */
  font-weight: bold;
}

/* IO 2019-01-30 */
.move-contain {
  width: 520px;
}

/* IO 2018-12-14 */
/* IO 2019-01-30 - added: min-width, height, overflow */
/*               - changed margin-left and width */
.wrapper {
  margin-left: 0;
  margin-right: auto;
  width: 100%;
  min-width: 930px;
  height: auto;
  overflow: auto;
}
/* IO 2019-01-30 */
.msg {
  width: 510px;
  height: auto;
  display: table-row;
  margin-right: 0.5px;
  float: left;
} 
/* IO 2019-01-30 */
.tables {
  min-width: 390px;
  max-width: 400px;
  display:inline-block;
}

/* IO 2019-01-30 - added: width */
.bottom {
  width: 100%;
  float: left;
}
.footer {
  margin-left: auto;
  margin-right: none;
  text-align:center;
  clear: both;
}

/* IO 2018-12-14 */
/* msg table text area control */
/* IO 2019-01-30 - added max-width - changed width */
.msgtxt {
  width: 470px;
  max-width: 500px;
}
/*.msgtxt:focus {
  border: 1px solid #699292;
}*/

input.mono, textarea {
  font-family: monospace;
  font-size: 13px;
}

/* Float left & right */
.fleft {float: left}
.fright {float: right}


/* Legal div */
#legal {                             /* New 01-2010 */
  text-align: center;
  font-weight: bold;
}
#legal a {color: #000}

/* M2M Button */
#m2mButton {display: inline;}

/* No padding */
.nopad {padding: 0px}

/* Page break before */
.pbreak {page-break-before: always}

/* Paragraph classes */
p.copyright {
  font-family: Times;
  font-size: 10px;                   /* Was 8pt before 01-2010 */
  text-align: center;
}
p.header {font-weight: bold}
p.sidebar {
  font-weight: bold;
  color: #FFF;
}
p.title {
  font-size: 16px;                   /* Was 8pt before 01-2010 */
  font-weight: bold;
}

/* IO 2019-01-30 */
p.mover {
  font-weight: bold;
  display: inline;
}

/* Table classes */
/* IO 2019-01-30 - removed groove border */
table.auctions {                    /* New 2013-06-25 */
  width: 100%;                      
  background-color: #DD8;           /* #e0e080; *//
/*  border: 4px groove #DD8; */        
}
table.disman	{
  background-color: #FC9;
}

/* IO 2019-02-01 */
table.dislist	{
  background-color: #FC9;
  border: 2px solid #FC9;
  border-collapse: collapse;
}
table.dislist tr, table.dislist td, table.dislist th{
  border: 1px solid #EB9;
}

/* IO 2019-02-01 - removed groove border */
table.findmsgs	{
  width: 512px;                     /* New 01-2010 */
  background-color: #9C9;
/*  border: 4px groove #9C9; */         /* New 01-2010 */
}

/* IO 2019-01-29 */
table.findmsgs input[type="submit"] {
  display: inline-block;
  padding: 2px 20px;
  border-radius: 3px;
  border: 1px solid #7AA3A3;
  box-sizing: border-box;
/*    height: ;  */
  background-color: #FFF;
}
table.findmsgs input[type="submit"]:hover {
  background-color: #EEEEEE;
  border: 1px solid #699292;
}

/* IO 2019-01-29 - added border-collapse - changed border /*/
table.findres	{                   /* New 01-2010 */
  width: 100%;
  background-color: #9C9;
/*  border: 4px groove #cc9;          /* New 01-2010 */
  border: 1px solid #808080; 
  border-collapse: collapse;
}

table.inv	{
  background-color: #999;
}
table.links {
  background-color: #FFC;
}

/* IO 2019-01-30 */
table.linklist {
  background-color: #FFC;
  border: 2px solid #FFC;
  border-collapse: collapse;
}
table.linklist tr, table.linklist td, table.linklist th {
  border: 1px solid #BBA;
}

/* IO 2019-01-30 - added border-collapse */
table.meminfo	{
  background-color: #CCC;
  border-collapse: collapse;      /* IO 2019-01-30 */
}

/* IO 2018-12-14 */
/* IO 2019-01-30 - added display, margin-bottom, width, float, clear */
/*               - changed border */
table.quotes {
  display: inline-block;
  border: 1px solid #ccc;
  background-color: #CCC;
  margin-bottom: 1em;
  width: 100%;
  float: left;
  clear: left;
}
table.quotes tr {
  width: 100%;
}

tbody.quotes {
  background-color: white;
  font-weight: 500;
}

/* IO 2019-01-30 */
table.quotes th {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
table.quotes td {
    white-space: nowrap;
}

/* IO 2019-01-28 */
/* for co names */
td.coname {
  max-width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

table.sam {                         /* New 01-2010 */
  width: 100%;
}
table.samres {                      /* New 01-2010 */
  width: 100%;
  background-color: #DDD;
  border: 2px groove #9CC;
}
table.samresalts {                  /* New 01-2010 */
  width: 100%;
  background-color: #9CC;
}

/* IO 2019-01-31 - removed groove border */
table.samview {                     /* New 01-2010 */
  width: 100%;
  background-color: #9CC;
/*  border: 4px groove #9CC; */ /* IO 2019-01-31 */
}

/* IO 2019-01-24 new table styles
/* IO 2018-12-14 */
table.sendmsgs, table.sendprmsgs, table.sendadv{
  display: inline-block;
}

/* IO 2019-01-24 - removed groove border, background-color */
/*               - added border-collapse, padding and line-height */
table.sendmsgs {
  background-color: #9CC;
/*  border: 4px groove #9CC;          /* New 01-2010 */
  margin-right: 5px;
  border-collapse: collapse;
  padding: 1%;
  line-height: 1.5em;
}

/* IO 2019-01-24 - added table.sendadv */
/*               - removed groove border, background-color */
/*               - added border-collsapse, padding, line-hieght */
table.sendprmsgs, table.sendadv {
  background-color: #9CC;
/*  border: 4px groove #9CC;          /* New 01-2010 */
  float: left;
  margin-right: 5px;
  border-collapse: collapse;
  padding: 1%;
  line-height: 1.5em;
}

/* IO 2019-02-01 */
table.sendadv {
  max-width: 510px;
}

/* IO 2019-01-30 */
select.top {
    width: 100%;
    overflow: hidden;
}

/* IO 2019-01-30 - added table.showpics */
table.showpics {
  background-color: #9CC;
/*  border: 4px groove #9CC;          /* New 01-2010 */
  margin-right: 5px;
  border-collapse: collapse;
  padding: 1em;
  line-height: 1.5em;
}

/* IO 2019-01-30 */
table.showpics td, table.showpics th{
  padding: 1px 5px 1px 5px;
  border: 1px solid rgb(114,153,153);
  border: 1px solid rgba(114,153,153, 0.5);
}

/* IO 2019-01-30 */
table.showpics th{
    border-bottom: 2px solid rgb(114,153,153);
    border-bottom: 2px solid rgba(114,153,153,0.5);
}

/* IO 2019-01-30 */
/* drop down styles */
table.findmsgs select {
    border: 1px solid #9BB;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 2.5px 20px 2.5px 2.5px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* IO 2019-01-30 */
table.meminfo select {
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 2.5px 1.5em 2.5px 2.5px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* IO 2019-01-30 */
table.sendadv select {
    border: 1px solid #9BB;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 2.5px 1.5em 2.5px 2.5px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* IO 2019-01-30 */
table.sendmsgs select, table.sendprmsgs select, table.viewmsgs select, table.sendset select, table.viewset select {
    border: 1px solid #9BB;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 2.5px 1.5em 2.5px 2.5px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* IO 2019-01-30 */
table.disman select, table.viewmsgs select, table.viewset select {
    border: 1px solid #858563;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 2.5px 1.5em 2.5px 2.5px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* IO 2019-01-30 */
table.disman select:focus, table.meminfo select:focus, table.sendmsgs select:focus, table.sendprmsgs select:focus, table.sendadv select:focus, table.findmsgs select:focus, table.viewmsgs select:focus, table.sendset select:focus, table.viewset select:focus {
    border: 1px solid #699292;
}

/* IO 2019-01-30 */
table.viewmsgs select:focus, table.viewset select:focus {
    border: 1px solid #69694E;
}

/* IO 2019-01-30 */
table.sendadv input.mono {
    display: inline-block;
    border: 1px solid #9BB;
    border-radius: 3px;
    padding: 4px 1em 4px 4px;
    box-sizing: border-box; 
}

/* IO 2019-01-30 */
table.sendadv input.mono:focus {
    border-radius: 3px;
    border: 1px solid #699292;
    padding: 4px 1em 4px 4px;
}

/* IO 2019-01-30 */
table.sendmsgs input.mono, table.sendprmsgs input.mono, table.findmsgs input.mono, table.meminfo input.mono, table.disman input.mono {
    display: inline-block;
    border: 1px solid #9BB;
    border-radius: 3px;
    padding: 4px;
    box-sizing: border-box; 
}

/* IO 2019-01-30 */
table.sendmsgs input.mono:focus,table.sendprmsgs input.mono:focus, table.findmsgs input.mono:focus, table.sendset input.mono:focus, table.viewset input.mono:focus, table.meminfo input.mono:focus, table.disman input.mono:focus {
    border-radius: 3px;
    border: 1px solid #699292;
    padding: 4px;
}

/* IO 2019-01-30 */
/* text area */
table.sendmsgs textarea, table.sendprmsgs textarea, table.sendadv textarea {
    width: 100%;
}

/* IO 2019-01-30 */
/* submit buttons */
table.sendmsgs input[type="submit"], table.sendprmsgs input[type="submit"], table.sendadv input[type="submit"], table.sendset input[type="submit"], table.viewset input[type="submit"] { 
    padding: .75em 2em;
    border-radius: 3px; 
    border: 1px solid #7AA3A3;
    height: 100%;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    display: block;
    margin: auto;
}

/* IO 2019-01-30 */
table.sendmsgs input[type="submit"]:hover, table.sendprmsgs input[type="submit"]:hover, table.sendadv input[type="submit"]:hover, table.sendset input[type="submit"]:hover, table.viewset input[type="submit"]:hover {
    background-color: #EEEEEE;
    border: 1px solid #699292;
}

/* IO 2019-01-30 */
.submit {
    text-align: center;
}

/* IO 2019-01-30 */
input[type="submit"] {
  display: inline-block;
  padding: 3.5px 20px 3px 20px;
  border-radius: 3px;
  border: 1px solid #7AA3A3;
  box-sizing: border-box;
  background-color: #FFF;
}

/* IO 2019-01-30 */
input[type="submit"]:hover {
  background-color: #EEEEEE;
  border: 1px solid #699292;
}
/* end submits */

/* IO 2019-01-22 - removed groove border - added padding */
table.sendsam {
  width: 512px;                     /* New 01-2010 */
  background-color: #9CC;
/*  border: 4px groove #9CC; */    /* IO 2019-01-22 */
  text-align: center;
  padding: 5px;
}

/* IO 2019-01-22 */
/* text boxes */
table.sendsam input.mono, table.sendset input.mono, table.viewset input.mono {
    display: inline-block;
    border: 1px solid #9BB;
    border-radius: 3px;
    padding: 4px;
    box-sizing: border-box; 

}

/* IO 2019-01-22 */
table.sendsam textarea {
    width: 100%;
}

/* IO 2019-01-22 */
table.sendsam th, table.sendsam tr, table.sendsam td {
    padding-bottom: 5px;
}

/* IO 2019-01-22 - newly added table.sendset and table.viewset */
/*               - removed groove border and background-color */
/*               - added border-radius, border, padding */
table.sendsam input.mono:focus, table.sendset input.mono:focus, table.viewset input.mono:focus {
    border-radius: 3px;
    border: 1px solid #699292;
    padding: 4px;
}

/* buttons */
/* IO 2019-01-22 */
/* IO 2019-02-11 - added table.sendadv input[type="button"] */
table.sendsam input[type="button"] {
    display: inline-block;
    padding: 1px 10px;
    border-radius: 3px;
    border: 1px solid #7AA3A3;
    width: 44px; 
    box-sizing: border-box;
    background-color: #FFF;
}
table.sendadv input[type="button"] {
    display: inline-block;
    padding: 1px 10px;
    border-radius: 3px;
    border: 1px solid #7AA3A3;
    width: 30px; 
    box-sizing: border-box;
    background-color: #FFF;
}

/* IO 2019-01-22 */
/* IO 2019-02-11 - added table.sendadv input[type="button"]:hover */
table.sendsam input[type="button"]:hover, table.sendadv input[type="button"]:hover {
    background-color: #EEEEEE;
    border: 1px solid #699292;
}

/* IO 2019-02-11 */
table.sendsam input[type="button"]:focus, table.sendadv input[type="button"]:focus {
    background-color: #EEEEEE;
    border: 1px solid #699292;
}

/* SAM dropdowns */
/* IO 2019-01-22 */
table.sendsam select {
    border: 1px solid #9BB;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 2.5px 1em 2.5px 2.5px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* IO 2019-01-22 */
table.sendsam select:focus{
    border: 1px solid #699292;
}

/* IO 2019-01-22 */
/* sam submit button */
table.sendsam input[type="submit"] {
    padding: .75em 2em;
    border-radius: 3px; 
    border: 1px solid #7AA3A3;
    height: 100%;
    background-color: #FFF;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

/* IO 2019-01-22 */
table.sendsam input[type="submit"]:hover {
    background-color: #EEEEEE;
    border: 1px solid #699292;
}

/* table.sendsam input.mono:focus {background-color: #CCC}  IO 2019-01-22 */
/* table.sendsam textarea:focus {background-color: #CCC}    IO 2019-01-22 */

/* IO 2019-01-22 - removed groove border */
table.sendset {
  background-color: #9CC;
/*  border: 4px groove #9CC; */  /* IO 2019-01-31 */
}

/* IO 2019-01-22 */
/* table.sendset textarea, input[type="text"] { */
table.sendset textarea, table.sendset input[type="text"] {
  font-family: monospace;
  font-size: 12px;
}

/* IO 2019-01-22 - removed groove border and changed border */
/*               - added width and border-collapse */
table.sentmsgs	{
  background-color: #9CC;
  width: 100%;                      /* New 01-2010 */
/*  border: 4px groove #cc9;          /* New 01-2010 */
  border: 1px solid rgb(46,46,34);
  border: 1px solid rgb(46,46,34,0.5);
  border-collapse: collapse;
}

/* IO 2019-01-22 */
table.sentmsgs td {
  border: 1px solid rgb(46,46,34);
  border: 1px solid rgb(46,46,34,0.5);
}

/* IO 2019-01-22 - removed groove border and changed border */
/*               - added border-collapse */
table.viewmsgs {
  width: 100%;                      /* New 01-2010 */
  background-color: #CC9;
/*  border: 4px groove #cc9;          /* New 01-2010 */
  border: 1px solid rgb(46,46,34);
  border: 1px solid rgb(46,46,34,0.5);
  border-collapse: collapse;
}

/* IO 2019-01-22 - removed groove border */
table.viewset {
  background-color: #CC9;
/*  border: 4px groove #CC9; */ /* IO 2019-01 */
}

/* IO 2018-10-12 */
/* sendm2m old replys display */
.repheader {
  padding-top: 3em;
  clear: both; 
}

/* IO 2019-01-22 - replaced groove border */
table.replys {
  border: 1px solid #CCC;
  min-width: 660px;
  max-width: 660px;
  margin-top: 1em;
  background-color: #CCC;
}

/* IO 2019-01-22 - removed groove border */
table.replys th {
  padding: 5px 4px 5px 0px;
  font-weight: 400;
}

/* IO 2019-01-22 - added td.left */
th.left, td.left {
  text-align: left;
}

/* IO 2019-01-22 - added td.right */
th.right, td.right {
  text-align: right;
}

/* IO 2019-01-22 */
/* viewmsg <td> formating */
td.name {
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* IO 2019-01-22 */
td.number {
  width: 15%;
}

/* IO 2019-01-22 */
td.replystatus { 
  width: 30%;
  text-align: justify;
}

/* IO 2019-01-22 */
td.phone {
  width: 20%;
}

/* IO 2019-01-22 */
td.addr {
  width: 10%;
}

/* IO 2019-01-22 */
/* two line view classes */
td.twolinereply {
  width: 16%;
}

/* IO 2019-01-22 */
td.twolinephone {
  width: 35%;
}

/* IO 2019-01-22 */
td.twolinemsg {
  width: 15%;
}

/* IO 2019-01-22 */
td.twolinename {
  width: 20%;
}

/* IO 2019-01-22 */
td.qq {
 width: 20%;
}

/* IO 2019-01-22 - removed groove border */
table.replys td {
/*    border: 4px groove #CCC;  */    /* 2019-01-30 */
}

td.big {font-size: 16px}            /* Was 12 pt before 01-2010 */

td.header	{font-weight: bold}

/* JN 2016-08-11 - needed picture cells */
td.picture {
    border: 0px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-align: center;
}

td.title {
  font-size: 16px;
  font-weight: bold;
}

/* IO 2019-01-22 - added td.h1 */
tr.hl, td.hl {background-color: #FF9}

td.bmtext { 
  padding: 4px;
}

/* IO 2019-01-22 - removed grooved border */
table.viewbusmsgs {
  width: 100%;
  background-color: #27ae60;
/*  border: 4px groove #CC9; */
}

/* IO 2019-01-22 */
/* select styles */
p.mover select {
    border: 1px solid #9BB;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 2.5px 1em 2.5px 2.5px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* IO 2019-01-22 */
p.mover. select:focus {
    border: 1px solid #699292;
}

/* IO 2019-01-22 */
.select-contain {
    position: relative;
    display: inline;
}

/* IO 2019-01-22 */
.select-contain:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none;
}

/* IO 2019-01-22 */
.select-contain:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: .3em;
    right: .75em;
    border-top: 8px solid black;
    opacity: 0.5;
}

/* IO 2019-01-22 */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* IO 2019-01-22 */
select::-ms-expand {
    display: none;
}

/* End table styles */

/* Colors */

.alizarin {
  background-color: #E74C3C;
}

.amethyst {
  background-color: #9B59B6;
}

.aqua {
  background-color: #06CCD0;
}

.clemson {
  background-color: #EC6A2A;
  color: #3B205B;
}

.clouds {
  background-color: #ECF0F1;
}

.concrete {
  background-color: #95A5A6;
}

.emerald {
  background-color: #2ECC71;
}

.midnight-blue {
  background-color: #2C3E50;
  color: #FFFFFF;
}

.orange {
  background-color: #F39C12;
}

.peter-river {
  background-color: #3498DB;
}

.pink {
  background-color: #FECCCB;
  color: #FE6699;
}

.silver {
  background-color: #BDC3C7;
}

.sunflower {
  background-color: #F1C40F;
}


.turquoise {
  background-color: #1ABC9C;
}

.virginia-tech {
  background-color: #860037;
  color: #E39D2E;
}


/* NetCom Network link */
p.netcomnetwork a:active	{color: #2ECC71; text-decoration: none}
p.netcomnetwork a:link		{color: #2ECC71; text-decoration: none}
p.netcomnetwork a:visited	{color: #2ECC71; text-decoration: none}

a.netcomnetwork		{font-size: 22px}


/* IO 2018-09-14 */
/*  Notification badge to display number of current quicksales */
/*  Changed M2M and PR notfications to match quicksale notfication */
.button-badge {
  background-color: #1779ba;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.badge {
  position: absolute;
  top: -2px;
  right: -6px;
  padding: 3px 4px;
  font-size: 1em;
  font-weight: 600;
  border-radius: 10px 10px 10px 10px;
  height: 9px;
  background-color: red;
  color: #FFFFFF;
  text-align: center;
  line-height: 9px;
}

.headnotify {
  color: white;
  background-color: red;
  padding-left: 4.8px;
  padding-right: 4.8px;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  font-weight: 600;
}

/* end notification style */