/*
Turró i Cutiller Foundation. License notice.
Copyright (C) 2013 Lluis Turró Cutiller <http://www.turro.org/>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* 
    Created on : Jan 25, 2016, 8:45:12 AM
    Author     : Lluis Turró Cutiller <lluis@turro.org>
*/
/* First body child */
.default-element,
.default-body {
  padding: 0px;
  margin: 0px;
}
.default-element > .default-body:first-child > a[name]:first-child + * {
  margin-top: 0px;
}
/* Links */
a.externalLink,
a.externallink:link,
a.externallink:visited,
a.externallink:active,
a.externallink:hover {
  background: url('external_link.png') right center no-repeat;
  padding-right: 15px;
}
a.newwindow,
a.newwindow:link,
a.newwindow:visited,
a.newwindow:active,
a.newwindow:hover {
  background: url('new_window.png') right center no-repeat;
  padding-right: 15px;
}
/* Calendar date */
div.calendar {
  text-shadow: none;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  border: solid 1px #ddd;
}
div.calendar .day {
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 2px 6px 0px 6px;
}
div.calendar .month {
  color: #555;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 0px 6px 2px 6px;
}
div.calendar .year {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 6px 2px 6px;
  color: white;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.event .year {
  background-color: #666666;
}
.alert .year {
  background-color: #663300;
}
.start .year {
  background-color: #003366;
}
/* Soft Buttons */
.softButton {
  color: #428bca;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  font-weight: 600;
  height: auto;
  background-image: 8121991;
  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
  background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
  background-image: -o-linear-gradient(#ffffff, #f2f2f2);
  background-image: linear-gradient(#ffffff, #f2f2f2);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}
.softButton + .softButton {
  margin-left: 10px;
}
.softButton:hover {
  color: black!important;
  border: 1px solid #ddd !important;
  background: white!important;
}
/* Dark Buttons */
.darkButton {
  color: #fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  font-weight: 600;
  height: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3MDcwNzAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #707070, #3c3c3c);
  background-image: -moz-linear-gradient(top, #707070, #3c3c3c);
  background-image: -o-linear-gradient(top, #707070, #3c3c3c);
  background-image: linear-gradient(to bottom, #707070, #3c3c3c);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}
.darkButton + .darkButton {
  margin-left: 10px;
}
.darkButton:hover {
  color: white!important;
  background: #000;
}
/* Orange Buttons */
.orangeButton {
  color: #fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #c02106;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  font-weight: 600;
  height: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZTczMWEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QwMzExNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #ee731a, #d03116);
  background-image: -moz-linear-gradient(top, #ee731a, #d03116);
  background-image: -o-linear-gradient(top, #ee731a, #d03116);
  background-image: linear-gradient(to bottom, #ee731a, #d03116);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}
.orangeButton + .orangeButton {
  margin-left: 10px;
}
.orangeButton:hover {
  color: white!important;
  background: #cb6216;
  background: -moz-linear-gradient(top, #cb6216, #b12a13);
  background: -ms-linear-gradient(top, #cb6216, #b12a13);
  background: -o-linear-gradient(top, #cb6216, #b12a13);
  background: -webkit-linear-gradient(top, #cb6216, #b12a13);
  background: linear-gradient(top, #cb6216, #b12a13);
}
/* Blue Buttons */
.blueButton {
  color: #fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #3186e0;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  font-weight: 600;
  height: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1YWEzZTgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwN2NlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #5aa3e8 0%, #207ce5 100%);
  background-image: -moz-linear-gradient(top, #5aa3e8 0%, #207ce5 100%);
  background-image: -o-linear-gradient(top, #5aa3e8 0%, #207ce5 100%);
  background-image: linear-gradient(to bottom, #5aa3e8 0%, #207ce5 100%);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}
.blueButton + .blueButton {
  margin-left: 10px;
}
.blueButton:hover {
  color: white!important;
  background: #3186e0;
  background: -moz-linear-gradient(top, #3186e0 0%, #207ce5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #3186e0), color-stop(100%, #207ce5));
  background: -webkit-linear-gradient(top, #3186e0 0%, #207ce5 100%);
  background: -o-linear-gradient(top, #3186e0 0%, #207ce5 100%);
  background: -ms-linear-gradient(top, #3186e0 0%, #207ce5 100%);
  background: linear-gradient(to bottom, #3186e0 0%, #207ce5 100%);
}
/* Green Buttons */
.greenButton {
  color: #fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #14a623;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  font-weight: 600;
  height: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzZGQxNGIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTQwZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #3dd14b 0%, #00940f 100%);
  background-image: -moz-linear-gradient(top, #3dd14b 0%, #00940f 100%);
  background-image: -o-linear-gradient(top, #3dd14b 0%, #00940f 100%);
  background-image: linear-gradient(to bottom, #3dd14b 0%, #00940f 100%);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}
.greenButton + .greenButton {
  margin-left: 10px;
}
.greenButton:hover {
  color: white!important;
  background: #14a623;
  background: -moz-linear-gradient(top, #14a623 0%, #00940f 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #14a623), color-stop(100%, #00940f));
  background: -webkit-linear-gradient(top, #14a623 0%, #00940f 100%);
  background: -o-linear-gradient(top, #14a623 0%, #00940f 100%);
  background: -ms-linear-gradient(top, #14a623 0%, #00940f 100%);
  background: linear-gradient(to bottom, #14a623 0%, #00940f 100%);
}
/* Red Buttons */
.redButton {
  color: #fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #d40000;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  font-weight: 600;
  height: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjE2MDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #ff1605 0%, #d40000 100%);
  background-image: -moz-linear-gradient(top, #ff1605 0%, #d40000 100%);
  background-image: -o-linear-gradient(top, #ff1605 0%, #d40000 100%);
  background-image: linear-gradient(to bottom, #ff1605 0%, #d40000 100%);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}
.redButton + .redButton {
  margin-left: 10px;
}
.redButton:hover {
  color: white!important;
  background: #eb1e1e;
  background: -moz-linear-gradient(top, #eb1e1e 0%, #d40000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #eb1e1e), color-stop(100%, #d40000));
  background: -webkit-linear-gradient(top, #eb1e1e 0%, #d40000 100%);
  background: -o-linear-gradient(top, #eb1e1e 0%, #d40000 100%);
  background: -ms-linear-gradient(top, #eb1e1e 0%, #d40000 100%);
  background: linear-gradient(to bottom, #eb1e1e 0%, #d40000 100%);
}
/* Table Scroll */
table.scrollable thead {
  display: block;
}
table.scrollable tbody {
  display: block;
  overflow: auto;
}
/* Wiki */
TABLE.tb_wiki {
  border-spacing: 5px;
  border-collapse: separate;
  margin-bottom: 1em;
}
TD.thd_wiki {
  background-color: #f1f2f3;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  color: #646753;
  font-weight: bold;
}
TR.thr_wiki {
  background: none;
}
TD.tbd_wiki {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
DIV.note_wiki {
  margin-left: 6em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-style: italic;
  padding: 0.5em;
  background-color: #F8F8F9;
  color: #555;
  border: 1px solid #CCC;
  padding: 1em 1.5em;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
DIV.note_wiki I {
  font-style: normal;
  color: #543;
}
TABLE.stab_wiki {
  padding: 0px !important;
  margin-top: 1em;
}
TR.stab_wiki {
  padding: 0px !important;
  margin: 0px !important;
}
TD.stab_wiki {
  margin-right: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  border: none;
  color: black;
  font-weight: 700;
  background-color: white;
  cursor: pointer;
}
TD.stab_wiki:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-left: 1px solid silver;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  content: '' !important;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 4px;
  -moz-background-clip: padding;
  border-top-right-radius: 4px;
  background-clip: padding-box;
}
TD.utab_wiki {
  margin-right: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  border: none;
  color: #888;
  font-weight: 700;
  background-color: white;
  cursor: pointer;
}
TD.utab_wiki:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  content: '' !important;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 4px;
  -moz-background-clip: padding;
  border-top-right-radius: 4px;
  background-clip: padding-box;
}
TABLE.tab_wiki {
  border: 1px solid silver;
  margin-bottom: 1em;
}
TABLE.tab_wiki TD {
  padding: 5px 10px;
}
DT.blind_wiki {
  cursor: pointer;
  margin-top: 10px;
  font-weight: bold;
}
DD.blind_wiki {
  margin-top: 5px;
  margin-left: 5px;
}
/* Buttons */
div.buttons {
  font-weight: normal;
  font-family: monospace;
  font-size: 90%;
  padding: 8px;
  clear: both;
}
div.buttons a {
  margin-left: 5px;
  padding: 5px 10px;
  text-decoration: none;
  color: #6e6e6e;
  border: 1px solid #dddddd;
  background-color: #eeeeee;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
div.buttons a:hover {
  color: #316ac5;
  border: 1px solid #a2b3df;
  background-color: #c2d3ef;
}
div.buttons img {
  border: none;
  vertical-align: top;
}
/* User actions */
div#useractions {
  border-top: solid 1px #cecfce;
  background-color: #efefde;
  padding: 5px;
}
div#useractions a {
  margin-left: 10px;
}
div#useractions span {
  color: #aeafae;
  font-weight: bold;
}
/* App menu */
.buttonRound * {
  color: #333333;
}
.buttonRound {
  background-color: #efefef;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 12px #e4e4e4;
  -moz-box-shadow: 0px 0px 12px #e4e4e4;
  box-shadow: 0px 0px 12px #e4e4e4;
}
.buttonRound:hover {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0px 0px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 0px 0px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
  box-shadow: 0 0px 0px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
}
.buttonRound.appMenuItem {
  text-align: center;
  font-size: small;
  padding: 10px;
  width: 100px;
  height: 135px;
  border: solid 1px #dde;
}
/* QTip */
.qtip-default {
  background-color: #f1f2f3 !important;
  border: 1px solid #CCC !important;
  color: #333 !important;
}
/* Vote It */
.voteit-container {
  text-align: center;
  line-height: 0.9em;
  background: #eaeada;
  border-collapse: separate;
  border-spacing: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.voteit-container td {
  text-align: center;
}
.voteit-container img {
  display: inline !important;
}
.voteit-container .voteit-votes {
  font-size: 1.3em;
  font-weight: bold;
}
.voteit-container .voteit-string {
  font-size: 0.75em;
}
.voteit-container .voteit-bar {
  height: 8px;
  margin-left: 2px;
}
.voteit-container .voteit-positive {
  background: #11f605;
  height: 8px;
}
.voteit-container .voteit-nocare {
  background: #ffa327;
  height: 8px;
}
.voteit-container .voteit-negative {
  background: #f00900;
  height: 8px;
}
.voteit-container a img {
  cursor: pointer;
}
/* Star it */
.starit-container {
  margin: 5px;
  width: 75px;
}
.starit-container a:hover {
  opacity: 0.5;
}
.starit-container .starit-string {
  font-size: 0.8em;
  text-align: right;
  padding: 0px;
}
/* Context title */
div.context-title {
  margin-top: 2em;
  margin-bottom: 1em;
  padding-bottom: 5px;
  border-bottom: solid 1px silver;
  font-size: 2em;
  font-weight: normal;
  color: #444444;
}