.charterSmallLoading {
  background : url('/system/image/animation/loading_transparent_tiny.gif') no-repeat;
  height     : 18px;
  width      : 16px;
}

.loadingSmall2 {
  background : url('/system/image/animation/loading_transparent_tiny.gif');
  width      : 16px;
  height     : 16px;
  margin-top : 10px;
}

.animationContainer.loadingIcon {
  display : inline;
}

.animationContainer {
  width : 100%;
}

.animationContainer > img {
  margin-left  : auto;
  margin-right : auto;
  display      : block;
}

.animationContainer.loadingIcon,
.animationContainer.loadingIcon > img {
  margin-top : 1px;
  display    : inline;
}

.loadingMedium {
  padding : 14px;
}
.noCloseIcon a.ui-dialog-titlebar-close {
  display : none;
}#notificationsContainer {
  position           : absolute;

  width              : 350px;

  z-index            : 1;

  border-radius      : 8px;
  background         : #fff;
  color              : #444;

  display            : none;

  -moz-box-shadow    : 0 0 25px 0 #888;
  -webkit-box-shadow : 0 0 25px 0 #888;
  box-shadow         : 0 0 25px 0 #888;

}

#notificationsContainer div {
}

#notificationsContainer div.closeButton {
  position : absolute;
  right    : 5px;
  top      : 5px;
  cursor   : pointer;
}

#notificationsContainer div.pointerPart {
  position : absolute;
  left     : 60px;
  top      : -10px;
}

#notificationsContainer div.middlePart {
  margin : 16px 16px;
}

#notificationsContainer div.subject {
  font-size   : 13px;
  font-weight : bold;
}

#notificationsContainer div.main {

}

#notificationsContainer table tr td {
  vertical-align : top;
}

#notificationsContainer div.image {
  padding-right : 13px;
}

#notificationsContainer div.body {
  font-size : 11px;
  margin    : 5px 0 0 0;
}


#notificationsContainer {
  top  : 45px;
  left : 690px;
}
.puffDiv {
  float: left;
  width: 100%;
}

.puffDiv br {
  clear: none;
}

.puffRow {
  float: left;
  clear: both;
  width: 100%;
}

.puffItem {
  clear: none;
  float: left;
  padding: 5px 5px 5px 5px;
}

.puffCols2 .puffItem {
  width: 47%;
}

.puffCols3 .puffItem {
  width: 31%;
}

.puffCol1, .puffCol3 {
  text-align: right;
}

.puffCol2, .puffCol4 {
  text-align: left;
}

.puffCost {
  font-weight: normal;
  margin-top: 3px;
}

.puffCostNumber {
  color: red;
  font-weight: bold;
}

.puffTitle {
}

.puffImage {
  padding-right: 5px;
  padding-left: 5px;
}

.puffImage {
  clear: none;
  float: right;
}

.puffCol2 .puffImage, .puffCol4 .puffImage {
  float: left;
}

.puffContent {
  clear: none;
}

.leftPane .puffCol2 .puffImage, .leftPane .puffCol4 .puffImage,
  .rightPane .puffCol2 .puffImage, .rightPane .puffCol4 .puffImage {
  float: right;
}

.leftPane .puffItem,
  .rightPane .puffItem {
  width: auto !important;
  text-align: left !important;
}