2 /* class for numeric columns in tables */
 
   3 .numeric { text-align: right }
 
   5 /* various oneshot decoration for legacy purpose. dont use */
 
   6 .small-text { font-size: 70% }
 
   7 .bold       { font-weight: bold }
 
   9 .float-left  { float: left  }
 
  10 .float-right { float: right }
 
  12 /* quirk to force certain constructs to block context */
 
  13 .block-context { overflow: hidden }
 
  16 .position-relative { position: relative }
 
  17 .position-absolute { position: absolute }
 
  21 @media screen {   .noscreen { display: none } }
 
  22 @media print {    .noprint  { display: none } }
 
  23 @media handheld { .nomobile { display: none } }
 
  25 body { behavior:url("csshover.htc") }
 
  27 /* class to fix container around floats */
 
  39   display: inline-block;
 
  44   vertical-align: center;
 
  45   background-image: url(../image/icons/16x16/phone.png);
 
  46   background-repeat: no-repeat;
 
  49 /* the cvars table in the 2. row */
 
  50 .row2-cvars-table tr { vertical-align: top }
 
  51 .row2-cvars-table th { text-align: right; padding-left: 15px; padding-right: 0 }
 
  52 .row2-cvars-table td, .row2-cvars-table th { padding-top: 10px }
 
  56   transition:         width 0.1s;
 
  57   -moz-transition:    width 0.1s;
 
  58   -webkit-transition: width 0.1s;
 
  59   -o-transition:      width 0.1s;
 
  61 input.grow_on_focus:focus { width: 150px }
 
  63 /* clickable text anchors, usually with attached javascript handlers */
 
  64 .interact { color: gray }
 
  65 .interact:hover { color: black; }
 
  66 .cursor-default { cursor: default }
 
  67 .cursor-pointer { cursor: pointer }
 
  68 .cursor-help { cursor: help }
 
  71 #dunning_invoice_list .direct_debit td,
 
  72 #dunning_invoice_list .direct_debit a {