/* --=[ Definitions (CSS variables) ]=-- */
:root {
  --bgcolor: #009000;
  --leftbarwidth: 250px;
}


/* --=[ Global ]=-- */
BODY {
  background-color:var(--bgcolor);
  font-family:arial,helvetica,sans-serif;
  font-size:14px;
}


/* --=[ Topbar ]=-- */
#topbar .breadcrumbs {
  margin-left:265px; /* leftbar + #content.border-radius + #content.padding-left */
  color:#ffffff;
  font-size:12px;
}
#topbar .breadcrumbs a, #topbar .breadcrumbs a:visited { color:#ffffff; }
#topbar h1 {
  text-align:center;
  color:#ffffff;
  text-shadow: #c0c0c0 3px 3px 5px;
  font-style:italic;
}
#site_logo_img {
  border:0;
  float:left;
  height:50px;
  padding-left:15px;
}

/* --=[ Leftbar ]=-- */
#leftbar {
  width:var(--leftbarwidth);
  float:left;
  padding-top:15px;
}
#leftbar ul.navtabs { list-style-type:none; }
#leftbar .navtabs li {
  border-radius:5px 0 0 5px;
  text-decoration:none;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-right: 1em;
  text-align:right;
}
#leftbar .navtabs li.active { background-color:#ffffff; }
#leftbar .navtabs li.active:hover { background-color:#dddddd; }
#leftbar .navtabs li.inactive:hover { background-color:#559055; }
#leftbar .navtabs li a, #leftbar #support_us a {
  text-decoration:none;
  color:white;
}
#leftbar .navtabs li.active a { color:var(--bgcolor); }
#leftbar #support_us {
  text-align:center;
  margin-top:2em;
}
#leftbar #support_us .badge {
  padding:0.5em;
/*  background-color:#00b000; */
  border-radius:5px;
}
.badge img {
  vertical-align:middle;
  box-shadow: 0 0 20px rgb(0,240,0);
}
#amazon {
  text-align:center;
  margin-top:3em;
}
.amablock {
  width:195px;
  align:center;
  background-color:transparent;
  font-size:10px;
  border-collapse:separate;
  border-spacing:7px;
}
.amablock td {
  background-color:#ffffff;
  margin-top:1em;
  border-radius:4px;

  border-spacing:1em;
  border:2px solid gray;
  box-shadow: 4px 4px 2px #8a8;

  font-family: "DejaVu Sans", Tahoma, Verdana, sans-serif;
}
.amablock td.premium {
  border-color: rgb(255, 255, 0);
  box-shadow: 4px 4px 2px rgba(255, 255, 153, 0.7);
  background-color: rgb(255, 238, 170);
}
.amablock img {
  border:0;
  vertical-align:middle;
  float:left;
  margin-right:0.5em;
  max-height:75px;
  max-width:50px;
}
.amablock a, .amablock a:visited {
  text-decoration:none;
  color:#00f;
}
.amablock .priceinfo { color:var(--bgcolor); }
#amazon .ama_cachedate {
  font-size:9px;
  color:#dfd;
}

/* --=[ Content ]=-- */
#content {
  background-color:#ffffff;
  border-radius:10px;
  min-height:350px;
  padding:1em;
  margin-right:0;
  margin-left:var(--leftbarwidth);
}
#content h1, #content h2, #content h3, #content h4, #content h5 { color:var(--bgcolor); }
#content > h2:first-child { margin-top:0; }
#content blockquote {
  background-color:#ffff99;
  border-left:2px solid var(--bgcolor);
  padding-left:0.5em;
  margin-left:1.1em;
}
#content blockquote blockquote {
  background-color:#ffffcc;
  border-left:2px solid #99ff00;
  margin-left:0.3em;
}
#content p, #content div, #content dd, #content dt {
  text-align:justify;
  font-size:13px;
}
#content dt { font-weight: bold; }
#content div.center { text-align:center; }
#content a {
  color:var(--bgcolor);
  text-decoration:none;
}
#content a:hover, .amablock a .priceinfo:hover {
  text-decoration:underline;
  font-style:italic;
  background-color:#eeeeee;
}
#content table {
  border:1px #999999 solid;
  background-color:#e5e5e5;
}
#content th, #content td, #content li { font-size:13px; }
#content th { background-color:#ffff99; }
#content td { background-color:#f5f5f5; }
#last_update, #content #last_update {
  text-align:center;
  color:#cccccc;
  font-size:11px;
}
#content #catintro, #content #catextro {
  border-spacing:1em;
  border:1px solid gray;
  border-radius:0.5em;
  box-shadow: 10px 10px 5px #888;
  padding:0.5em;
}
#content #catintro { margin-bottom:2em; }
code, .code, pre {
  font-family: Courier, monospace;
  background-color:#eeeeee;
}
div.code { border:darkgreen dotted 1px; }
div.code > pre { margin: .2em; }
.small { font-size:11px; }
span.hasperms, span.hasmoreperms, span.noperms, span.hasconcerns {
  border:1px solid gray;
  border-radius:2px;
  font-size:11px;
  padding-left:0.1em; padding-right:0.15em;
  font-size:9px;
  vertical-align:top;
}
span.hasperms { background-color:#ffff00; }
span.hasmoreperms { background-color:#ffee66; }
span.noperms  { background-color:#99ff00; }
span.hasconcerns { border-color:red; }
span.appname { color:#0000ff; cursor:pointer; }
span.gglue1 { color:orange; font-weight:bold; }
span.gglue2 { color:red; font-weight:bold; }
span.app_offline, span.app_offline span.appname, span.app_nogoogle, span.app_nogoogle span.appname { color:#555555; }
span.app_offline { text-decoration:line-through; }
#content div.group_lastupdate {
   display:inline;
   background-color: #dfd;
   padding: 1px 2px 1px 2px;
   float: right;
   border: 1px dotted black;
   font-size: 10px;
   font-weight: bold;
   margin-left:1em;
}
.applink_icon {
  border:0;
  height:1em;
}
input[readonly] {background-color:#dddddd;}

#topdock { float:right; text-align:right; background-color:#f3f3f3; padding:.2em; border-radius:.5em; }
#topdock * { height:1em; vertical-align:middle; }
#topdock .first { margin-left:0.1em; }
#topdock .next { margin-left:0.3em; }
#topdock + h2 { margin-top:0; }

/* article specific */
#content .itemlist div.teaserimg {
  border:0;
  vertical-align:middle;
  float:left;
  margin-right:0.5em;
  max-height:110px;
  width:100px;
  text-align:center;
}
.itemlist div.teaserimg img {
  max-height:90px;
  max-width:90px;
}
#content .itemlist div.teaserimg p { text-align:center; font-size:9px; }
#content .itemlist td .title { font-weight:bold; font-size:120%; }
#content div.tag_line p, #content .itemlist td div.tag_line p { font-size:11px; text-align:right; }
#content span.tag { background-color:#999; border-radius:4px; padding-left:0.4em;padding-right:0.4em; line-height:1.2em; }
#content span.tag + span.tag { margin-left:0.3em; }
#content span.tag a, #content span.tag a:hover { color:#fff; text-decoration:none; font-size:11px; }
#content span.tag a:hover, #content span.tag:hover { background-color:#666; }
#content .itemlist td {
  background-color:#ffffff;
  padding:3px;
  margin-top:1em;
  border-radius:4px;

  border-spacing:1em;
  border:2px solid gray;
  box-shadow: 4px 4px 2px #8a8;
}
#content .itemlist td p { margin-top:0.3em; }
#content .itemlist {
  background-color:transparent;
  border-collapse:separate;
  border-spacing:7px;
  border-width:0;
}
.itemlist td .last_update { font-weight:normal; display:inline; float:right; font-size: 10px; color:#444; margin-left:1em; }
#content .itemlist #pager td { background-color:transparent; border:0; border-radius:0; border-spacing:0; box-shadow:unset; }
#content .itemlist #pager td table { border:0; background-color:transparent; }
#content .quotesource { font-size:10px; text-align:right; }
#content blockquote + .quotesource { margin-top:-1em; }
#content .footnotes ol li, #content .footnotes p { font-size:11px; margin-bottom:0.2em; margin-top:0.2em; }
.footnote-ref { font-size: 0.9em; }