/*
 * CSS for User module
 */

table.user
{
  background-color: #EEEEEE;
  border-collapse: collapse;
}

table.user tr.error td
{ 
  background-color: #FFC0C0;
  border: 1px solid red;
}

table.user input.error
{ 
  background-color: #FFC0C0;
}

table.user tr td
{ 
  color: #606060;
  font-weight: bold;
}

table.user tr td:first-child
{ 
  color: black;
  font-weight: normal;
}
/*
 * CSS for the Invoice components
 *
 * $Id: invoice.css,v 1.3 2007/01/24 08:36:45 jakob Exp $
 */

div.invoice
{ 
  width: 100%;
}

/*
 * Left-side formatting.
 */

div.invoice div.left
{ 
  padding-top: 5ex;
  float: left;
  width: 40%;
  font-size: large;
}

div.invoice div.left div.blank
{ 
  float: left;
  clear: left;
  height: 2ex;
}

div.invoice div.left div.full
{ 
  float: left;
  clear: left;
}

div.invoice div.left div.full:first-child
{ 
  font-weight: bold;
}

/*
 * Center column
 */

div.invoice div.center
{ 
  padding-top: 10ex;
  font-size: x-large;
  font-weight: bold;
  text-decoration: underline;
  float: left;
  width: 20%;
}

/*
 * Right-side formatting. We have both
 * 'full' lines, 'blank' lines and
 * 'pair' lines with fancy adjustment...
 */

div.invoice div.right
{ 
  float: left;
  width: 40%;
}

div.invoice div.right div.blank 
{
  float: left;
  clear: left;
  height: 2ex;
}

div.invoice div.right div.invno
{ 
  font-weight: bold;
}

div.invoice div.right div.pleft
{
  float: left;
  width: 40%;
  clear: left;
}

div.invoice div.right div.pright
{
  float: left;
}

div.invoice div.right div.full
{ 
  float: left;
  clear: left;
}

/*
 * Description box
 */
div.invoice div.descr
{ 
  float: left;
  clear: left;
  width: 100%;
  font-size: large;
  margin-top: 1em;
  margin-bottom: 1em;
}

/*
 * Items table
 */

div.invoice table.items
{ 
  clear: left;
  float: left;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

div.invoice table.items tr.head
{ 
  font-weight: bold;
  border-bottom: 2px solid black;
}

div.invoice table.items tr.spacer
{ 
  height: 2ex;
}

div.invoice table.items td {  padding-right: 1em; padding-left: 1em; }
div.invoice table.items td.col0 { width: 8em; text-align: left; }
div.invoice table.items td.col1 { width: 6em; text-align: right; }
div.invoice table.items td.col2 { text-align: left; }
div.invoice table.items td.col3 { width: 10em; text-align: right; }
div.invoice table.items td.col4 { width: 10em; text-align: right; }
div.invoice table.items td.totpart { text-align: right; }
div.invoice table.items td.totfull { text-align: right; font-weight: bold; }

div.invoice table.items tr.foot
{ 
  height: 0px;
  border-bottom: 2px solid black;
}
/*
 * My-account CSS
 */
body {
  padding: 0px;
  margin: 0px;
  font-family: sans-serif;
}

/*
 * Top bar
 */
div.topbar {
  background-color: #05202b;
  color: #f0f0f0;
  text-align: right;
  padding-right: 6%;
  border-bottom: 3px solid #044a63;
}

div.topbar a {
  margin-left: 2ex;
  text-decoration: none;
  color: #f0f0f0;
}

/*
 * Top navigation tab
 */
div.toptab {
  position: relative;
  font-weight: bold;
  font-size: large;
  font-style: italic;
  margin: 0px;
  padding: 0px;
  background-color: #052f3d;
  border-bottom: 3px solid #caaa00;
  padding-left: 6%;
  padding-right: 6%;
}

div.toptab div.linkbox {
  float: left;
  margin-top: 0px;
  margin-left: 0ex;
  margin-right: 2ex;
  margin-bottom: 0px;
  padding-top: 4ex;
  padding-left: 2px;
  padding-right: 2px;
}

div.toptab div.linkselbox {
  float: left;
  margin-top: 0px;
  margin-left: 0ex;
  margin-right: 2ex;
  margin-bottom: 0px;
  padding-top: 4ex;
  padding-left: 2px;
  padding-right: 2px;
  background: #063a4f;
  background-image: -moz-linear-gradient(top, #063a4f, #046f93);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#063a4f), to(#046f93));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#063a4f', endColorstr='#046f93');
}

div.toptab img {
  position: absolute;
  right: 6%;
  bottom: -40px;
  width: 200px;
  margin: 0px;
}

div.toptab div.endlinks {
  clear: left;
}

div.toptab a {
  text-decoration: none;
  color: #f0f0f0;
}


/*
 * The hosted tab
 */

div.uinfo {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2ex;
  margin-bottom: 2ex;
  padding: 4px;
  width: 60%;
  border: 2px solid #202020;
  background-color: #8d885c;
  text-color: #f0f0f0;
}

div.uinfo div.but {
  margin: 8px;
  padding: 4px;
  text-align: center;
  border-top: 1px dotted #202020;
}

div.vstatus {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2ex;
  margin-bottom: 2ex;
  padding: 4px;
  width: 60%;
  border: 2px solid #606060;
  border-radius: 4px;
  text-color: #101010;
}


div.statline {
  padding: 0px;
}

div.statline span {
  margin-left: 2ex;
  font-weight: bold;
}

div.statline span.key {
  font-weight: normal;
}

div.statline img {
  margin-left: 2ex;
  vertical-align: middle;
}

/*
 *
 */

div.section
{ 
  margin-top: 1ex;
  margin-bottom: 2ex;
  margin-left: 6%;
}

div.section div.title
{ 
  color: #0094D0;
  font-family: sans-serif;
  font-size: large;
  font-weight: bold;
  border-bottom: 1px solid #FFD700;
  margin-bottom: 1ex;
}

div.section p {
  width: 60ex;
}

/*
 * License table
 */

table.lictable
{ 
  text-align: center;
  width: 90%;
  background-color: #EEEEEE;
  border-collapse: collapse;
}

table.lictable td
{
  padding-left: 0.4em;
  padding-right: 0.4em;
  white-space: nowrap;
}

table.lictable tr.head
{ 
  font-weight: bold;
  background-color: #E0E0E0;
}

table.lictable tr.head td
{
  white-space: normal;
}

table.lictable tr.odd
{ 
  background: #cbdfe7;
}

table.lictable td.signature
{ 
  font-family: monospace;
}

table.lictable td.warn
{ 
  color: red;
}

/*
 * GID table
 */

table.gidtable
{ 
  text-align: center;
  width: 25%;
  background-color: #EEEEEE;
  border-collapse: collapse;
}

table.gidtable tr.head
{
  font-weight: bold;
  background-color: #E0E0E0;
}

a img {
  border: 0px;
  text-decoration: none;
}


/*
 * Form table
 */

table.formtable
{ 
  border-spacing: 2px;
  background: #F0F0F0;
  padding: 2px;
  border: 1px solid #A0A0A0;
}

table.formtable tr.head td
{ 
  font-family: sans-serif;
  font-size: large;
  color: #0094D0;
  border-bottom: 1px solid #FFD700;
}

table.formtable td.head2
{ 
  font-family: sans-serif;
  color: #0094D0;
  padding: 3px;
}

table.formtable td.numcell
{
  text-align: center;
}

table.formtable .numright
{
  text-align: right;
}

table.formtable tr.bad
{ 
  background: #F0A0A0;
}

table.formtable input.spaced
{
  margin-right: 10px;
}

table.formtable td.topalign
{
  vertical-align: top;
}

table.formtable div.warn
{
  font-style: italic;
  color: #ff0000;
}

table.firstcolbold tr td:first-child
{
  font-weight: bold;
}

table.firstcolbold tr.warn td:first-child
{
  color: #ff0000;
}


div.rightalign
{
  float: right;
}

div.normaltext
{
  font-size: medium;
  font-weight: normal;
  color: black;
}

table.pricetable
{
  background: #F0F0F0;
  padding: 5px;
  border: 1px solid #A0A0A0;
}

table.pricetable tr.head td
{ 
  font-family: sans-serif;
  color: #0094D0;
  border-bottom: 1px solid #FFD700;
}

table.pricetable tr.bold td
{
  font-weight: bold;
}

p.nomargin
{
  margin: 0px;
}

table.myaccount
{
  background-color: #EEEEEE;
}

div.progressbar
{
  margin-top: 3px;
  margin-bottom: 10px;
  font-family: arial;
}

div.progressbar span.lmargin
{
  margin-left: 20px;
}

div.progressbar span.bold
{
  padding: 2px;
  border: 1px solid #0094D0;
}

div.progressbar span.done
{
  color: gray;
}


/*
 * Payment table
 */

table.paytable tr.head td
{ 
  font-family: sans-serif;
  font-size: large;
  color: #0094D0;
  border-bottom: 1px solid #FFD700;
}

table.paytable td.numcell
{
  text-align: center;
}

table.paytable .numright
{
  text-align: right;
}

table.paytable div.warn
{
  font-style: italic;
  color: #FF0000;
}

table.paytable td.graybg
{
  background-color: #EEEEEE;
}


/*
 * Error backtraces
 */
p.error {
 white-space: pre;
}

/*
 * Download table
 */
table.downloads {
  font-size: small;
  border: none;
  background-color: #EEEEEE;
  border-collapse: collapse;
}

table.downloads tr td {
  border-bottom: 1px solid #A0A0C0;
  padding-right: 20px;
}

table.downloads tr.head td {
  border-bottom: 2px solid #A0A0C0;
  font-weight: bold;
  background-color: #FFFFFF;
}

a {
  color: #101010;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #0094D0;
  text-decoration: none;
  font-weight: bold;
}


/*
 * Login and user registration
 */

form.login {
  margin-top: 1ex;
  font-size: small;
}

form.login div.entry {
  color: #404040;
  font-weight: bold;
  margin-bottom: 1ex;
  position: relative;
}

form.login div.entry input {
  width: 100%;
}

form.login div.entry span.err {
  color: #f03030;
  position: absolute;
  right: 0px;
}

/*
 * Info box
 */
div.cleft {
  width: 50%;
  float: left;
}

div.cright {
  font-size: small;
  float: right;
  width: 30%;
  background-color: #0c252d;
  color: #f0f0f0;
  border-radius: 10px;
  padding: 1ex;
  margin: 2ex;
}

div.cright a {
  color: white;
}

div.clearcol {
  clear: both;
}

/*
 * Empty Licenses Page - big buttons
 */
div.bigbut {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3ex;
  margin-bottom: 0ex;
  padding-top: 1ex;
  padding-bottom: 1ex;
  width: 24ex;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 0px;
  color: #f0f0f0;
  font-size: xx-large;
  font-weight: bold;
  border-radius: 4px;
  border: 1px;
  background: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2f96b4));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4');
}

div.bigbut2 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3ex;
  margin-bottom: 3ex;
  padding-top: 1ex;
  padding-bottom: 1ex;
  width: 24ex;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 0px;
  color: #f0f0f0;
  font-size: xx-large;
  font-weight: bold;
  border-radius: 4px;
  border: none;
  background: #5bb75b;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351));
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#51a351));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351');
}


div.center {
  text-align: center;
}

input.butreq {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3ex;
  margin-bottom: 3ex;
  padding-top: 1ex;
  padding-bottom: 1ex;
  width: 24ex;
  text-align: center;
  font-size: large;
  font-weight: bold;
}

/*
 * DBTable declarations
 */

table.dbtable_outer { 
  border-collapse: collapse;
}

td.dbtable_outer { 
  padding-left: 0px;                  
  padding-right: 0px;                  
}

table.dbtable_outer tr { 
  height: 23px;                      
}

table.dbtable {
  white-space: nowrap; 
}

tr.caption {
  background-color: #E0E0E0;
  font-weight: bold;
}

tr.caption td.sort_asc:after {
  content: url(graphics/downarrown.png);
}

tr.caption td.sort_desc:after {
  content: url(graphics/uparrown.png);
}

tr.caption td.sort_asc.sort1:after {
  content: url(graphics/downarrow.png);
}

tr.caption td.sort_desc.sort1:after {
  content: url(graphics/uparrow.png);
}

tr.caption td.sort_asc.sort2:after {
  content: url(graphics/downarrow2.png);
}

tr.caption td.sort_desc.sort2:after {
  content: url(graphics/uparrow2.png);
}

tr.caption td.sort_asc.sort3:after {
  content: url(graphics/downarrow3.png);
}

tr.caption td.sort_desc.sort3:after {
  content: url(graphics/uparrow3.png);
}

tr.caption a {
  color: black;
  text-decoration: none;
}

tr.even {
  background-color: #D5DCF2;
}

tr.odd {
  background-color: #cbdfe7;
}

body.debug tr.odd { 
  background-color: #ffffd8;
}

div.listing_left tr.even {
  background-color: #D5DCF2;
}

div.listing_left tr.odd {
  background-color: #F2F2F2;
}

tr.grey {
  color: black;
}

td.integer {
  text-align: right;
}

td.currency {
  text-align: right;
}

div.dbtable_filters {
  clear: both;
  background-color: #F0F4FF;
}

div.dbtable_filters div.group {
  float: left;
}

body div.dbtable_filters div.group div.header {
  font-size: smaller
  font-weight: normal;
  font-family: sans;
  width: 100%;
  color: black;
  border-bottom: none;
  margin-bottom: 0.2ex;
  margin-top: 0.2ex;
}

div.dbtable_filters div.dbtable_filters_submit {
  clear: both;
}

/* Menus (no javascript) */

div.menu_outer {
  position: absolute;
  width: 100px;
  height: 0px;
}

div.menu {
  position: absolute;
  top: 0px;
  width: 200px;
  display: none;
  background-color: #C0C0C0;
  padding: 2px;
  border-width: thin;
	/*  border-bottom-color: #808080;
  border-right-color: #808080;
  border-top-color: #E0E0E0;
  border-left-color: #E0E0E0;*/
  border-color: white;
}

td:hover div.menu
{ 
  display: none;
}

td div.menu div {
  padding: 1px 5px;
}

td div.menu div:hover {
  background-color: blue;
}

td div.menu div.sort:before {
  content: url(graphics/downarrown.png);
}

td div.menu div.sort.sort2:before {
  content: url(graphics/downarrow2.png);
}

td div.menu div.sort.sort3:before {
  content: url(graphics/downarrow3.png);
}

td div.menu div.lock:before {
  content: url("graphics/lock.png");
}

td div.menu div.unlock:before {
  content: url("graphics/unlock.png");
}

td div.menu div.collapse:before {
  content: url("graphics/collapse.png");
}

span.uncollapse:before {
  content: url("graphics/uncollapse.png");
}

img.listicon {
  margin-left: 5px;
  margin-right: 3px;
  vertical-align: middle;
}