/* contactlist */
/*
div.contactlist-container
{
  position: absolute;
  top: 100px;
  left: 10px;
  width:500px;
  bottom:10px;
  overflow:visible;
}
*/

div.contactlist-footer
{
  margin:2px;
  z-index:1;
}
div.contactlist
{
  position: absolute;
  /*
  border:2px solid #ccc;
  background-color: #fff;
  */
  border-width:2px;
  border-style:solid;
  overflow: hidden;
  z-index:2;
}
table.contactlist
{
  border-collapse:collapse; 
}

/* contact-detail */
div.detail-container
{
  position: absolute;
  top: 140px;
  left: 520px;
  right: 10px;
  bottom:10px;
  overflow:visible;
  /*
  border:2px solid #ccc;
  */
  border-width:2px;
  border-style:solid;
}
div.detail-container div.header
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
}


div.contact-detail
{
  position: absolute;
  z-index:2;
}
table.contact-detail
{
  width:100%;
  table-layout:fixed;
}
table.contact-detail td.desc,
table.contact-detail col.desc 
{
   width:200px; 
}
table.contact-detail td.desc 
{
   vertical-align:top;
   padding:4px;
   color:#666666;
   font-size:11px;
   font-weight:bold;  
}
table.contact-detail td.view
{
   padding:2px 4px;
   color:#666666;
   font-size:11px;
}
table.contact-detail td.edit
{
   padding:0 10px 0 0;
   color:#666666;
   font-size:11px;
}
table.contact-detail td.edit input,
table.contact-detail td.edit textarea
{
  width:100%;
}
table.contact-detail td.button
{
  text-align:right;
  vertical-align:bottom;   
  padding:10px 15px 0px 0px;
}


/* contact-toolbar */
div.contact-toolbar
{
  position: absolute;
  top: 100px;
  left: 520px;
  /*right: 10px;*/
  height: 35px;
  white-space: nowrap;
  background-image: url(images/toolbar.jpg);
  background-repeat:no-repeat;
  background-position:right;
}

/* footer */
div.contact-footer
{
  border-style:solid;
  border-bottom-width:0;
  border-left-width:0;
  border-right-width:0;
  border-top-width:2px;
  
}