a
{
  color: rgb(8,33,147);
  text-decoration: none;
  font-weight: bold;
}

a:hover
{
  /* color: rgb(0,0,255); */
  text-decoration: underline;
}

a.cancel
{
  color: rgb(128, 128, 128);
  font-weight: normal;
}

body
{
  font-family: sans-serif;
  margin: 0;
}

div.content
{
  text-align: justify;
  width: 80ex;
  margin-left: auto;
  margin-right: auto;
}

div.content div.summary
{
  font-weight: bold;
}

h2
{
  font-size: x-large;
  font-weight: bold;
  text-align: center;
  margin: 1.5ex 0 1.5ex 0;
}

div.content h3
{
  font-size: large;
  font-weight: bold;
  margin: 1ex 0 0 0;
}

div.content div.border
{
  border: 1px solid gray;
}

div.content div.background
{
  background-color: rgb(248,248,248);
}

div.content div.float
{
  float: right;
  /* width: 28ex; */
  padding: .5ex;
  margin: 0 0 1ex 1ex;
}

div.content div.float.left
{
  float: left;
  margin: 0 1ex 1ex 0;
}

div.content div.float ul
{
  margin: 0 0 0 0.5ex;
  padding: 0;
}

div.content div.float li
{
  list-style-position: inside;
}

/* footnores {{{ */
div.footnote
{
  font-size: smaller;
}

div.footnote + span
{
  font-weight: bold;
}

span.footnote_ptr
{
  font-size: smaller;
  font-weight: bold;
  vertical-align: super;
}

h1
{
  text-align: center;
}

img
{
  border: none;
}

img.full
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

span.reg
{
  vertical-align: super;
  font-size: smaller;
}

table
{
  margin: 1em auto;;
  border-collapse: collapse;
}

table.download td,
table.download th
{
  vertical-align: top;
}

table.invisible td,
table.invisible th
{
  border: none;
}

td, th
{
  border: 1px solid rgb(7,30,132);
  padding: .5ex;
}

th
{
  color: white;
  background-color: rgb(7,30,132);
}

#menu
{
  position: relative;
  margin: 0px;
  padding: 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  background-color: rgb(7,30,132);
  color: white;
}

#menu h1
{
  position: absolute;
  left: 0px
  top: 0px;
  text-align: left;
  font-size: 30px;
  margin: 0px;
  padding: 10px 10px 10px 50px;

  background-image: url(/images/ssc_logo.white30.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

#menu ul
{
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  margin: 0 0 1ex 0;
  padding: 0;
}

#menu ul li
{
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

#menu ul a
{
  font-weight: normal;
  text-decoration: none;
  margin: 0;
  padding: 1ex;
  color: rgb(224,224,224);
}

#menu ul a:hover
{
  color: white;
}

ul.footer
{
  clear: both;
  text-align: center;
  margin: 1ex 0;
  padding: 1ex 0;
  border-top: solid 1px gray;
}

ul.footer li
{
  display: inline;
  margin: 0;
  padding: 0 1em;
  border-left: solid 1px gray;
}

ul.footer li:first-child
{
  border-left: none;
}

ul.news span.date
{
  font-style: italic;
}

ul.news span.title
{
  font-weight: bold;
}

ul.news span.detail
{
  display: block;
}

.left
{
  text-align: left;
}

.right
{
  text-align: right;
}

.error
{
  background-color: yellow;
  color: maroon;
  border: 2px dashed red;
  margin: 1em 0px 0.5ex 0px;
  padding: 1ex;
}

.success
{
  background-color: #d0ffd8;
  border: 2px solid #00d080;
  margin: 1em 0px 0.5ex 0px;
  padding: 1ex;
}

.info
{
  background-color: rgb(248,248,255);
  border: 1px solid rgb(8,33,147);
  margin: 0.5ex 0px 0.5ex 0px;
  padding: 1ex;
}

.engage
{
  display: block;
  width: 234px;
  margin: 2em auto;
  padding: 1.5ex;
  text-align: center;
  color: rgb(255,248,248);
  /* background-color: rgb(152,35,9); */
  background-color: rgb(164,61,49);
}

.engage:hover
{
  text-decoration: none;
  color: 
  rgb(255,255,255);
  /* background-color: rgb(132,30,7); */
  background-color: rgb(201,66,45);
}

.engage div
{
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

table.licenses tr.active td {
  color: rgb(0, 128, 0);
  background-color: rgb(240, 255, 240);
}

table.licenses tr.active.payment_pending td {
  color: rgb(0, 0, 128);
  background-color: rgb(232, 232, 255);
}

table.licenses tr.inactive td {
  color: rgb(128, 128, 128);
  background-color: rgb(240, 240, 240);
}

table.licenses tr.inactive.payment_pending td {
  color: rgb(128, 0, 0);
  background-color: rgb(255, 240, 240);
}

pre {
  background-color: rgb(240,240,240);
  color: rgb(0, 0, 64);
  padding: .5ex;
}

/* vim: set sw=2 sts=2 ts=8 : */