@charset "utf-8";
/* CSS Document */

.accordion
{
  width:445px;
  padding:2px;
  list-style:none;
  overflow:hidden;
  border:solid 1px #EDD99E;
  background:#FFFFCC;
}

.accordion .accordionPanel { overflow:hidden; }

.accordion .accordionPanel .label
{
  height:24px;
  border:solid 1px #EDD99E;
  font:bold 120%/24px sans-serif;
}

.accordion .accordionPanel .label a
{
  display:block;
  background: url(../images/barback.jpg) repeat-x;
/*  color:white;*/
  text-decoration:none;
  width:445px;
/*  cursor:default;*/
	cursor:pointer;
}
/* make only labels of collapsed panels behave active */
/* and only if inside spiffy */
.spiffy .accordion .collapsed-panel .label a:hover,
.spiffy.accordion .collapsed-panel .label a:active,
.spiffy.accordion .collapsed-panel .label a:focus  { background: url(../images/barbackHover.jpg) repeat-x}

.accordion .accordionPanel .label .icon
{
  float:left;
  display:block;
/*  width:35px;*/
  width:440px; 
  height:24px;
  background:no-repeat 0 1px;
}
.accordion #mailPanel     .label .icon { background-image:url(../../udocs/img/top_mail.gif); }
.accordion #notesPanel    .label .icon { background-image:url(../../udocs/img/top_notes.gif); }
.accordion #contactsPanel .label .icon { background-image:url(../../udocs/img/top_contacts.gif); }

.accordion .accordionPanel .content { padding:5px 3px 5px 3px; }

/* only hide content of collapsed panel if spiffy is on */
.spiffy .accordion .collapsed-panel .content { display:none; }