/* Version: $Revision: 1.17 $ */ 

/* Structure of this stylesheet:
  =MAINBOX
  =DIALOG GLOBAL
  =DIALOG COLORS
*/ 

/* =MAINBOX
   -----------------------------------------------------------------*/
.box-bt,.box-bt div,.box-bb,.box-bb div {
  background-image: url(/s/fw/img/boxes/main-box.png);
  background-repeat: no-repeat;
}

.box-br,.box-bl {
  background-image: url(/s/fw/img/boxes/main-borders.png);
  background-repeat: repeat-y;
}

.box-br {
  padding: 0 2px 0 0;
  background-position: right 0;
}

.box-bl {
  padding: 0 0 0 2px;
  background-position: 0 0;
}

.box-bt {
  margin: 0 -2px;
  background-position: right 0;
  font-size: 6px; /*remove default height for ie6*/
}

.box-bt div {
  width: 18px;
  height: 6px;
  background-position: 0 0;
}

.box-bb {
  margin: 0 -2px;
  background-position: right bottom;
  font-size: 6px; /*remove default height for ie6*/
}

.box-bb div {
  width: 18px;
  height: 6px;
  background-position: 0 bottom;
}

.box-main {
  background: #fff;
}

/* =DIALOG GLOBAL
   -----------------------------------------------------------------*/
.dialog {
  position: relative;
  margin: 0px auto;
  min-width: 8em;
  max-width: 760px;
  /* based on image dimensions - not quite consistent with drip styles yet */
  color: #fff;
  z-index: 1;
  margin-left: 7px; /* default, width of left corner */
  margin-bottom: 0.5em; /* spacing under dialog */
}

.dialog .content {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0px 7px 0px 0px;
  background-position: top right;
}

.dialog .t { /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 7px; /* top slice width */
  margin-left: -7px;
  height: 100%;
  _height: 1600px; /* arbitrary long height, IE 6 */
  background-position: top left;
}

.dialog .b { /* bottom */
  position: relative;
  width: 100%;
}

.dialog .b,.dialog .b div {
  height: 30px; /* height of bottom cap/shade */
  font-size: 1px;
}

.dialog .b {
  background-position: bottom right;
}

.dialog .b div {
  position: relative;
  width: 7px; /* bottom corner width */
  margin-left: -7px;
  background-position: bottom left;
}

.dialog .hd,.dialog .bd,.dialog .ft {
  position: relative;
}

.dialog .wrapper {
  /* extra content protector - preventing vertical overflow (past background) */
  position: static;
  max-height: 1000px;
  overflow: auto;
  /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog p {
  /* margins will blow out backgrounds, leaving whitespace. */
  padding:15px;
  color:#333;
}
.contactTypes .dialog{
  color:#323332;
}
.contactTypes p{
  padding:0;
}

/* =DIALOG COLORS
   -----------------------------------------------------------------*/
/* box-01 - needs a static 'width' */
.box-01 .content, .box-01 .b, .box-01 .b div, .box-01 .t {
  background-image:url(/s/fw/img/boxes/box-01.png);
}
.box-01 {
  width:226px;
}
.box-01 .content, .box-01 .b, .box-01 .b div, .box-01 .t {
  background-image:url(/s/fw/img/boxes/box-01.png);
}
/* box-02 */
.box-02 .content, .box-02 .b, .box-02 .b div, .box-02 .t {
  background-image:url(/s/fw/img/boxes/box-02.png);
}
/* box-03 - needs a static 'width' */
.box-03 .content, .box-03 .b, .box-03 .b div, .box-03 .t {
  background-image:url(/s/fw/img/boxes/box-03.png);
}
.box-03 {
  width:226px;
}