form.inline {
  margin: 0;
}

.editor {
  display: none;
}
/* using display:none breaks designMode in moz, so hide this way instead */
.html .editor {
  display: block;
  position: relative;
  left: 999em;  
  height: 0;
  width: 0;
  overflow: hidden;
}
.editing .editor {
  display: inline;
  position: static;
  height: inherit;
}
.html .editor iframe, .html .editor textarea {
  height: 400px;
}

.editing .value {
  display: none;
}

.editor textarea {
  width: 100%;
}

.editable .value:hover, .editor .field {
  font: inherit;
  color: inherit;
  background-color: #ffffd9;
}
.selected .value img {
	-moz-opacity: 0.8;
	opacity: 0.8;
/*	filter:alpha(opacity: 0.8);*/
}

.busy * {
  display: none;
}
.busy {
  background: url(../images/thumpers/apple.gif) no-repeat center;
}

/*.saving * {
  display: none;
}
.saving {
  width: 30px;
  background: url(/images/progressbar.gif) no-repeat top center;
}
*/

/*--------------------------------------------------------------------------*/

.slides, .slide {
  margin: 0;
  padding: 0;
}
.slides {
  list-style:none;
}
.slide { /* will also need explcit dimensions set to the size of the image ... */
  display: block;
  overflow: hidden;
}

/*
  mozilla doesn't support input.click(), so ...
  position so that the 'browse' button covers all of the containing box (the slide) 
*/
.slide input.file {
  display: block;
  font-size: 999px;
  position: relative;
  top: -1000px;
  left: -2000px;
  -moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: -1;
}

.slide .icons {
/*  z-index: 999;*/
}

/*--------------------------------------------------------------------------*/

.icons {
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.icons .icon {
  margin-bottom: -16px;
}
.lower {
  position: relative;
  top: -16px;
}
/*
.collectionContainer:hover .icons {
  visibility: visible;
}
.collectionContainer:hover .item .icons {
  visibility: hidden;
}*/

/** html .item:hover .icons, * html .collectionContainer:hover .icons,
li.item:hover > .icons, tr.item:hover td .icons {
  visibility: visible;
}*/
.item:hover .icons {
  visibility: visible;
}

.upper a.icon {
  float: right;
}
.lower a.icon {
  float: left;
}

/*--------------------------------------------------------------------------*/

.collection a.icon, a.icon {
  display: block;
  height: 0 !important;
  width: 0 !important;
  height /**/:16px;
  width /**/:16px;
  padding: 16px 16px 0 0;
/*  margin: 2px;*/
  overflow: hidden;
}

a.create                           { background: url(../images/icons/plus_off.png) }
a.create:hover                     { background: url(../images/icons/plus_on.png) }

.collection .item a.destroy        { background: url(../images/icons/close_off.png) }
.collection .item a.destroy:hover  { background: url(../images/icons/close_on.png) }


a.previous       { background: url(../images/icons/prev_off.png) }
a.next           { background: url(../images/icons/next_off.png) }
a.previous:hover { background: url(../images/icons/prev_on.png) }
a.next:hover     { background: url(../images/icons/next_on.png) }

/*--------------------------------------------------------------------------*/
/* IE love */

* html a.create {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/plus_off.png", sizingMethod="crop");
}
* html a.create:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/plus_on.png", sizingMethod="crop");
}

* html .collection .item a.destroy {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/close_off.png", sizingMethod="crop");
}
* html .collection .item a.destroy:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/close_on.png", sizingMethod="crop");
}

* html a.previous {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/prev_off.png", sizingMethod="crop");
}

* html a.next {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/next_off.png", sizingMethod="crop");
}

* html a.previous:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/prev_on.png", sizingMethod="crop");
}

* html a.next:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/next_on.png", sizingMethod="crop");
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
  zoom: 1;
}