form.contenteditform {
  margin-top: 1em;
  width: 50em;
  background-color: #e0e0e0;
  padding: 1em;
  }
div.formwrapper {
  background-color: #eee;
  padding-bottom: 2em;
  }
div.formcontrols {
  margin: 1em 0em 0em 0em;
  padding-left: 1em;

  }

div.widget {
  margin-top: 0.5em;
  }
  div.widget > div.inner {
    padding-left: 0.5em;
    }
    div.widget > div.inner > input.name {
      width:88%;
      border: thin solid #ccc;
      }
    div.widget > div.inner > textarea {
      width:88%;
      border: thin solid #ccc;
      }
    div.widget > div.inner > input.text {
      width:88%;
      border: thin solid #ccc;
      }
    
div.widget > label {
  display:block;
  font-weight: bold;
  background-color: #efefef;
  padding: 0.2em 0.5em;
  margin-bottom: 0.3em;
  color: #555;
  border-bottom: thin dotted #aaa;
  }
  div.widget > label > .toggler {
    font-weight:normal;
    color: #777;
    cursor: pointer;
    visibility: hidden;
    }
    div.widget:hover > label > .toggler {
      visibility: visible;
      }

  div.widget ul {
    list-style-type: none;
    list-style-position: outside;
    padding:0;
    margin:0;
    }
  div.widget ul li a {
    color: blue;
  }
  div.widget ul li a:hover {
    text-decoration: underline;
    }
  div.widget ul li .deleter {
    visibility: hidden;
    }
    div.widget ul li:hover .deleter {
      visibility: visible;
      color:red;
      }
    div.widget ul li:hover .deleter:hover {
      cursor:pointer;
      font-weight:bold;
      }

div.results {
  width: 45em;
  //clear:both;
  border-top: none;
  border-right: medium solid #e5e5e5;
  border-bottom: medium solid #e5e5e5;
  background-color: white;
  padding: 1em;
  }
  div.results span.sorters {
    float: right;
    margin-right: 0.5em;
    }
  div.results span.sorters span.titlesort {
    cursor: pointer;
    }
  div.results span.sorters span.datesort {
    cursor: pointer;
    }
  div.results span.sorters span.selected {
	font-weight: bold;
  }
  div.results span.sorters span.reversed {
	font-style: italic;
  }
  div.results span.closer {
    cursor: pointer;
    }

  div.results ul {
    margin-bottom: 1em;
    }
  div.results ul li span.hit { 
    cursor: pointer;
    }
  div.results ul li span.hit:hover { 
    background-color: blue;
    color: white;
    }
  div.results ul li span.type {
    color: #aaa;
    }

  div.results ul li span.open {
    visibility: hidden;
    }
  
  div.results ul li:hover span.open {
    visibility: visible;
    }
  div.results ul li:hover span.open:hover {
    text-decoration:underline;
    }
  
  div.results span.next {
    color: blue;
    cursor: pointer;
    }
    div.results span.next.none {
      color: black;
      cursor: default;
      }

  div.results span.prev {
    color: blue;
    cursor: pointer;
    }
    div.results span.prev.none {
      color: black;
      cursor: default;
      }
	  
	  
div.uploadcontrols {
  width: 45em;
  clear:both;
  border-top: none;
  border-right: medium solid #e5e5e5;
  border-bottom: medium solid #e5e5e5;
  background-color: white;
  padding: 1em;
  }
 div.uploadcontrols span.closer {
	float: right;
    cursor: pointer;
    }
 div.uploadcontrols input.new_inputfields {
	}
 div.uploadcontrols input.new {
	}

div.imagesearch {
  width: 55em;
  clear:both;
  border-top: none;
  border-right: medium solid #e5e5e5;
  border-bottom: medium solid #e5e5e5;
  background-color: white;
  padding: 1em;
  }

 div.imagesearch span.closer {
	float: right;
    cursor: pointer;
    }

.content button {
	padding:0em;
}    
div.imagesearch .selected {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.left{
 float:left;
 padding-top:0em;
}
.right{
 float:right;
 padding-top:0em;
}
div.imagesearch table {
  clear:both;
  margin-left: -1em;
}
div.imagedetails{
	float: left;
	margin-left: 1em;
	clear: right;
	align: bottom;
}
div.imagedetails textarea {
  margin-top: 1.25em;
  margin-bottom: 1.5em;
}

div.imageorder{
  float: left;
  clear: both;
  margin: -1em 0 2em 9.5em;
}
.imagewidget img {
  float: left;
  clear: left;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}
.imagewidget li{
 clear: both;
}

.associationscontrols{
 clear: both;
}
/*      <input type="file"   class="new" name="${widget.id}.new" value="Browse">
      <img id="loading" src="/@@/loading.gif" style="display:none;"><br/>
      
      <label for="${widget.id}.new_title" >Title:</label>
      <input type="text" class="new_title" name="${widget.id}.new_title" value="" title="The title of the new file (If this is not set the filename will be used)"><br/>
      
      <input type="submit" class="submit_new" name="${widget.id}.submit" value="Upload">


*/

/* utilityclassee */

.none{
  display:none;
}
.invisible{
  visibility: hidden;
}
.hidden{
  display:block;
  position: absolute;
  left: -10000px;
}
.errormsg{
  color: #FF0000;
}