/* UI icons. */
.ui-icon {
  display : block;
  overflow : hidden;
  width : 16px;
  height : 16px;
  background : transparent url("../../images/ui-icons/jquery-ui-icons.png") no-repeat scroll right top;
  text-indent : -99999px;
}

/* If icon takes too much space, apply this class. */
.ui-icon.small {
  width : 12px;
  height : 12px;
}

/* If a small amount of margin is needed for correct vertical position. */
.ui-icon.margin-top { margin-top : 6px; }
.ui-icon.margin-bottom { margin-bottom : 6px; }

/* If a small amount of horizontal margin is needed. */
.ui-icon.margin-left { margin-left : 6px; }
.ui-icon.margin-right { margin-right : 6px; }

/* Vertical align. */
.ui-icon.top {
  display : inline-block;
  vertical-align : top;
}

.ui-icon.middle {
  display : inline-block;
  vertical-align : middle;
}

.ui-icon.bottom {
  display : inline-block;
  vertical-align : bottom;
}

/* Empty icon. Used when alignment is needed between rows that have icons and rows that do not have. */
.ui-icon.empty { background : transparent none no-repeat scroll left top; }

/* Icons using jQuery UI icons image file. */
.ui-icon.check { background-position : -64px -144px; }
.ui-icon.minus { background-position : -48px -128px; }
.ui-icon.triangle-e { background-position : -32px -16px; }
.ui-icon.triangle-s { background-position : -64px -16px; }
.ui-icon.carat-2-n-s { background-position: -128px 0; }
.ui-icon.arrowthick-n-s { background-position : -128px -48px; }
.ui-icon.extlink { background-position : -32px -80px; }
.ui-icon.ui-icon-gripsmall-diagonal-se { background-position : -80px -224px; }
.ui-icon.directory-open { background-position : -16px -96px; }
.ui-icon.calendar { background-position : -32px -112px; }
.ui-icon.close { background-position : -80px -128px; }
.ui-icon.closethick { background-position : -96px -128px; }
.ui-icon.circle-close { background-position : -32px -192px; }

/* Icons using their own image files. */
.ui-icon.modify {
  height : 10px;
  background : transparent url("../../images/ui-icons/018.png") no-repeat scroll center center;
}
.ui-icon.remove {
  height : 10px;
  background : transparent url("../../images/ui-icons/101.png") no-repeat scroll center center;
}
.ui-icon.publish {
  height : 10px;
  background : transparent url("../../images/ui-icons/102.png") no-repeat scroll center center;
}
.ui-icon.unpublish {
  height : 10px;
  background : transparent url("../../images/ui-icons/150.png") no-repeat scroll center center
}
.ui-icon.view {
  height : 10px;
  background : transparent url("../../images/ui-icons/049.png") no-repeat scroll center center;
}
.ui-icon.create {
  height : 10px;
  background : transparent url("../../images/ui-icons/103.png") no-repeat scroll center center;
}
.ui-icon.duplicate {
  height : 14px;
  background : transparent url("../../images/ui-icons/duplicate.png") no-repeat scroll center center;
}
.ui-icon.list {
  height : 13px;
  background : transparent url("../../images/ui-icons/list.png") no-repeat scroll center center;
}
.ui-icon.tree-list {
  height : 13px;
  background : transparent url("../../images/ui-icons/tree-list.png") no-repeat scroll center center;
}