/* VistaBar Grid
 (C) samuli virtanen 2010
 updated 2016-02-27 : changed class order [selected] before [hoverwhite]
  */

 #vbgrid,
 .vbgrid
 {
  font-family: arial;
  border-collapse:collapse;
  border: 1px solid #999;
 }

 #vbgrid td, .vbgrid td{
  font-size: 11px;
  line-height:16px;
  }

.bolded {
 font-size: 11px;
 font-weight: bold;
 } 
 .paymentDue {
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
  }

 #vbgrid a, .vbgrid a{
  font-size: 11px;
  }

 #vbgrid tr.nohover {
   border-bottom: 1px solid #EDEDED;
   background: #fff;
 }
 #vbgrid tr.nohover td { 
  height:21px;
  border-right: 1px solid #eee;
  padding-left: 5px; padding-right: 5px;
 }

 #vbgrid tr.hover {
   border-bottom: 1px solid #EDEDED;
 }
 #vbgrid tr.hover td { 
  height:21px;
  padding-left: 5px; padding-right: 5px;
 }

 
#vbgrid tr.hoverlines:hover {
	background: #efefef url(../img/vbgrid/vb_hover.jpg) repeat-x;
	
	}
#vbgrid tr.hoverlines:hover input, #vbgrid tr.hoverlines:hover select  {
	border-bottom: 1px #aaa solid;
	}
#vbgrid tr.hoverlines {
   border-bottom: 1px solid #EDEDED;
   background: #fff;
 }
 #vbgrid tr.hoverlines td { 
  height:21px;
  padding-left: 5px; padding-right: 5px;
  border-right: 1px solid #eee;
 }

#vbgrid tr.hoverwhite:hover {
	background: #efefef url(../img/vbgrid/vb_hover.jpg) repeat-x;
	  background: url(../img/vbgrid/hover.png) repeat-x top;
  outline: 1px solid #555;
	}
#vbgrid tr.hoverwhite {
   border-bottom: 1px solid #EDEDED;
   background: #fff;
 }
 #vbgrid tr.hoverwhite td { 
  height:21px;
  padding-left: 5px; padding-right: 5px;
  border-right: 1px solid #eee;
 }
 
#vbgrid tr.selected {
   background: #ffffaa url(../img/vbgrid/vb_sel.gif) repeat-x;
   border-bottom: 1px solid #EDEDED;
 }
#vbgrid tr.picked {
   background: #ffffaa url(../img/vbgrid/vb_picked.gif) repeat-x;
   border-bottom: 1px solid #EDEDED;
 }

#vbgrid tr.selected a {
 color: #000;
 }
 #vbgrid tr.selected td, #vbgrid tr.picked td { 
  height:21px;
  padding-left: 5px; padding-right: 5px;
  border-right: 1px dotted #bbb;
 }
 #vbgrid tr.selected:hover {
  background: #ffff55 url(../img/vbgrid/vb_sel_hover.gif) repeat-x;
  border-bottom: 1px solid #d0d0d0;
  outline: 1px solid #555;  
  }

 #vbgrid tr.caption {
  background: url('../img/vbgrid/vb_col2_dg.png') repeat-x center;
  height:24px;
  font-weight:bold;
 }
 #vbgrid tr.caption td { padding-left: 5px; border-bottom: 1px solid #777;border-top:1px solid #999; border-right: 1px solid #9999ff; }
 #vbgrid tr.columns {
  background: url(../img/vbgrid/vb_columns.jpg) repeat-x center;
  height:24px;
 }

 #vbgrid td.column {
  background: url(../img/vbgrid/vb_columns.jpg) repeat-x center;
 }
 #vbgrid tr.columns td { padding-left: 5px; padding-right: 5px; border-right: 1px solid #d0d0d0;  border-bottom: 1px solid #D0D0D0; }

 #vbgrid tr.hover:hover {
  background: #EFEFEF url(../img/vbgrid/vb_hover.jpg) repeat-x;
  border-bottom: 1px solid #d0d0d0;
  }

 .vbgrid {
  font-family: arial;
  border-collapse:collapse;
  border: 1px solid #99BBE8;
 }

 .vbgrid tr.nohover {
   border-bottom: 1px solid #EDEDED;
   background: #fff;
 }
 .vbgrid tr.nohover td { 
  height:21px;
  border-right: 1px solid #eee;
  padding-left: 5px; padding-right: 5px;
 }

 .vbgrid tr.hover {
   border-bottom: 1px solid #EDEDED;
 }
 .vbgrid tr.hover td { 
  height:21px;
  padding-left: 5px; padding-right: 5px;
 }
.vbgrid tr.hoverlines:hover {
	background: #efefef url(../img/vbgrid/vb_hover.jpg) repeat-x;
	}
.vbgrid tr.hoverlines:hover input, .vbgrid tr.hoverlines:hover select  {
	border-bottom: 1px #aaa solid;
	}
.vbgrid tr.hoverlines {
   border-bottom: 1px solid #EDEDED;
   background: #fff;
 }
 .vbgrid tr.hoverlines td { 
  height:21px;
  padding-left: 5px; padding-right: 5px;
  border-right: 1px solid #eee;
 }
 .vbgrid tr.caption {
  background: url(../img/vbgrid/vb_toptitle.jpg) repeat-x;
  height:24px;
  font-weight:bold;
 }
 .vbgrid tr.caption td { padding-left: 5px; border-bottom: 1px solid #99BBE8;}
 .vbgrid tr.columns {
  background: url(../img/vbgrid/vb_columns.jpg) repeat-x center;
  height:24px;
 }
 .vbgrid tr.columns td { padding-left: 5px; padding-right: 5px; border-right: 1px solid #d0d0d0;  border-bottom: 1px solid #D0D0D0; }

 .vbgrid tr.hover:hover {
  background: #EFEFEF url(../img/vbgrid/vb_hover.jpg) repeat-x;
  border-bottom: 1px solid #d0d0d0;
  }
.inbx1, .inbx2, .inbx3,.inbx4,.inbx5 {
 border: 0px solid #dddddd;
 border-bottom: 1px dotted #ccc;
 margin-bottom:1px;
 }
.inbx1,.inbx4{ text-align: right;}
.inbx1:focus,.inbx2:focus,.inbx3:focus,.inbx4:focus,.inbx5:focus{
 background: #ffffaa;
 }

.inbx1,.inbx5 { width: 60px; }
.inbx2,.inbx4 { width: 40px; }
.inbx3 { width: 300px; }
.verobox {
 border: 0px;
 border-bottom:1px dotted #ccc;
 margin-bottom:1px;
 }

.sumbox, .sumboxb{
 border:0;
 width:118px;
 text-align:right; 

 }
.sumboxb{font-weight:bold;}
.whitebox{border:0;  color:#427CA1; width: 198px;}


#mailItem {
 font-size: 11px;
 float: left;
 cursor: pointer;
 }
#mailItem:hover {
 outline: 1px solid #aaa;
 }

.money {
  font-family: 'Lucida Sans Typewriter', 'courier new', 'courier';
  font-size: 15pt;
  }