.shortlist-left {width:100%; display:block; }
.shortlist-right {width:100%; display:block;}



/* ---- Shortlist tools ---- */

.shortlist-menu-container { float:none; width:100%; height:360px; display:block; }
.shortlist-menu-container .left { float:left; width:71%; height:auto; }
.shortlist-menu-container .right { float:right; width:28%; height:auto; }
.current-shortlist { float:left; width:94.5%; padding:10px 2.5% 15px 2.5%; border:1px solid #ccc; background:#e6e6e6; }
.current-shortlist h2 { padding:0 0 5px 5px; }
.current-shortlist p { float:left; color:#0092DC; width:100%; font-size:1em; line-height:2.5em; margin:0 0 1px 0; padding:0; /*border-bottom:1px solid #ccc;*/ }
.current-shortlist p a { float:left; display:block; color:#fff; background:#0092DC; width:91%; padding:0 0 0 2.5%; }
.current-shortlist p a:hover { color:#0092DC; background:#fff; }
.current-shortlist p:hover span { color:#0092DC; }
.current-shortlist p span { text-align:right; right:-10px; float:right; padding:0 5px; color:#666; background:#dcdcdc;  }
.current-shortlist p span:hover { color:#fff; background:red; }
.current-shortlist #compare-agencies { width:100%; text-align:center; margin:10px 0 0 0; }
.current-shortlist #compare-agencies a { background-color:#66CC33; width:97.5%; }
.current-shortlist #compare-agencies a:hover { background-color:#0092DC; color:#fff; }
.table-structure, .table-structure tr, .table-structure td { border:1px solid #fff; padding:0; border-right: none !important;}
.shortlist-logo {width:100px; float:right; padding: 0 0 10px 0; }




/* ---- input ---- */
#quicksearch { margin:0 0 12px 0; padding:.25em .4%; /*width:98.75%;*/ width:25%; }

/* ---- button ---- */
.button {
  display: inline-block;
  padding: 0.4em .65em;
  background: #dcdcdc;
  border: none;
  border-radius: 7px;
  /*background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );*/
  color: #222;
  font-family: sans-serif;
  /*font-size: 16px;*/
  /*text-shadow: 0 1px white;*/
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  /*text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);*/
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {
  color: white;
  /*text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);*/
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group { margin:0 0 8px 0; }

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin:0 2px 3px 0;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- isotope ---- */

.isotope {
  border: 0px solid #333;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  float: left;
width: 94.5%;
padding: 10px 2.5% 15px;
height: auto;
margin: 8px 2px;
background: none repeat scroll 0% 0% #E6E6E6;
color: #262524;
clear: both !important;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .name {
  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: normal;
  padding:.5em 0 1em 0;
}

.element-item .symbol {
  left: 10px;
  top: 0px;
  font-weight: bold;
  color:#666;
}

.element-item .number {
  right: 8px;
  top: 5px;
}

.element-item .weight {
  left: 10px;
  top: 76px;
  font-size: 12px;
  margin:0em auto 1em auto;
  text-align:center;
  background:#fff;
  padding:0;
}

.element-item .weight img { padding:10px; }

.element-item p { font-size:14px; font-weight:normal; padding:0 0 1em 0; }

.element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }
.element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }

.shortlist-intro a, .shortlist-intro input, .shortlist-intro button {
margin: 4px;
font-size: 16px;
font-weight: bolder;
cursor: pointer;
}

.shortlist-add, .view-shortlist, .compare-add {
float:left; 
display:block; 
height:auto; 
width:90%; 
border:none; 
background:#0092DC; 
color:#fff; 
margin:0 1.5% .5em 1.75%;
padding:5px 10px !important; 
font-weight:bold; 
text-align:center;
}

.view-shortlist a {
color:#fff; 
}

.shortlist-add:hover, .view-shortlist:hover { 
display:block; 
cursor:pointer; 
background:#0FB1FF; 
}

.shortlist-add:active { 
display:block; 
cursor:pointer; 
background:#0092DC; 
}

.shortlisted, .compared {
background:#66CC33; 
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

/* ---- Shortlist Table ---- */


#page-wrap { width: 600px; margin: 0 auto; }

.shortlist-table { width:100%; border:0; margin:0 0 2em 0; padding:0; font-size: 10px !important; }
.shortlist-table tr:nth-child(even) { background:none; }
.shortlist-table tr:nth-child(odd) { background:none; }
.shortlist-table th { border:0; }
.shortlist-table tr { border-botom:1px solid #ccc !important; }
.shortlist-table tr .hover { background:#7FC8ED !important; }
.shortlist-table td { border:0; width:25%; border-bottom:1px solid #ccc; }

.shortlist-table .title { color:#fff; background:#7FC8ED !important; font-size:10px; font-weight:bold; text-align:center; }
.shortlist-table .title h3 a:hover { color:#fff; }
.shortlist-table .title h3 a {font-size:10px;}
.shortlist-table .logos { text-align:center; background:#fff !important; border-right:none; border-bottom:10px solid #7FC8ED; }
.shortlist-table .logos:hover { background:#fff !important; }
.shortlist-table .logos img { width:100%; max-width: 60px; height:auto; margin:2px 0; }
.shortlist-table .hover { background:#004F75 !important; }
.shortlist-table .hover h4 { color:#fff; }
.shortlist-table h4 { font-weight:normal; margin:.5em 0 1em 0; font-size: 10px !important;}
.shortlist-table p { font-weight:normal; margin:0; padding:0 0 1em 0; font-size: 10px !important; color:#999; vertical-align:baseline; }
.shortlist-table .summary { background:#fff; border-right:none; }
.shortlist-table .summary h4 { font-size: 10px !important; font-weight:bold; }
.shortlist-table .shortlist_info, .shortlist-table .summary .remove { border-right:none; text-align:center; }
.shortlist-table .shortlist_info h4, .shortlist-table .summary .remove h4 { border-right:none; font-size: 10px !important; margin-bottom:.5em; }
.shortlist-table .shortlist_info p, .shortlist-table .summary .remove p { border-right:none; text-align:center; }
.shortlist-table .shortlist_info p a.pm-button, .shortlist-table .summary .remove p a.pm-button { width:50%; margin:1em auto 0 auto; text-align:center; float:none; }
.shortlist-table .hover .white-hover p { color:#fff; }
.shortlist-table .remove { border-top:1px solid #ccc; }
.shortlist-table .remove p { width:50%; float:none; margin:10px auto; font-weight:bold; color:#fff; }
.shortlist-table .smaller h4 { font-size: 10px !important; line-height:1.5em; font-weight:bold; }
.shortlist-table tr table tr td { background:none; border:0; }
.shortlist-table tr table tr td:hover { /*background:none;*/ border:0; }
.shortlist-table .shortlist_info tr, .shortlist-table .shortlist_info table { border:none; }
.shortlist-table .shortlist_info tr.hover { background:#004F75 !important; }
.shortlist-table colgroup.hover { background:#BFE4F6 !important; }


.dx-comparison-tool 
.button:hover {
  background-color: #E27070;
  /*text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);*/
  color: #222;
}

.dx-comparison-tool .button:active,
.dx-comparison-tool .button.is-checked {
  background-color: #CC0000;
}

.dx-comparison-tool .view-shortlist, .dx-comparison-tool .shortlist-add { background-color:#CC0000; }
.dx-comparison-tool .view-shortlist:hover, .dx-comparison-tool .shortlist-add:hover { background-color:#E27070; }

.dx-comparison-tool .name a { color:#CC0000; }
.dx-comparison-tool .name a:hover { color:#E27070; }
.dx-comparison-tool .dx.shortlisted { background-color:#E27070; }

.dx-comparison-tool .current-shortlist p a { background-color:#CC0000; }
.dx-comparison-tool .current-shortlist p a:hover { color:#FFFFFF; background-color:#E27070; }

.dx-comparison-tool .current-shortlist #compare-agencies a { background-color:#CC0000; }
.dx-comparison-tool .current-shortlist #compare-agencies a:hover { background-color:#E27070; }

.dx-comparison-tool .shortlist-table .compared { background-color:#CC0000; }
.dx-comparison-tool .shortlist-table .compared:hover { background-color:#E27070; }

.dx-comparison-tool .shortlist-table .shortlist_info p a.pm-button { background-color:#CC0000; }
.dx-comparison-tool .shortlist-table .shortlist_info p a.pm-button:hover { background-color:#E27070; }

.dx-comparison-tool .shortlist-table .title { background-color:#CC0000 !important; }
.dx-comparison-tool .shortlist-table .title h3 a { color:#ffffff; }
.dx-comparison-tool .shortlist-table .title:hover { background-color:#E27070 !important; }

.dx-comparison-tool .pm-button { background-color:#CC0000; }
.dx-comparison-tool .pm-button:hover { background-color:#E27070; }

.dx-comparison-tool .shortlist-table .logos { text-align:center; background:#fff !important; border-right:none; border-bottom:10px solid #CC0000; }

.dx-comparison-tool .shortlist-table colgroup.hover { background:#FFD9D9 !important; }

.dx-comparison-tool .shortlist-table .hover, .dx-comparison-tool .shortlist-table .shortlist_info tr.hover { background:#CC0000 !important; }



.compare-profiles-box { background: url('http://www.pmlive.com/__data/assets/image/0010/693883/communique-comparison.gif') no-repeat 4% 13px; }
.dx-comparison-tool.compare-profiles-box { background: url('http://www.pmlive.com/__data/assets/image/0004/717934/profiled-in-the-directory.gif') no-repeat 4% 13px; }

#pm-right .compare-profiles-box { background:none; }
#pm-right .dx-comparison-tool.compare-profiles-box { background:none; }