/* Datamanager CSS rules. Include this whenever you want to have
 * a datamangager (or at least create the corresponding style
 * rules).
 *
 * $Id: datamanager.css,v 1.3.2.1 2005/07/12 09:58:31 torben Exp $
 */


/************************ External References ******************************
 * These must go first, so that CSS is happy.
 * Dont use any media Tags, IE will ignore it.
 */

@import "../midcom.helper.datamanager/jscript-calendar/jscalendar.css";
@import "../midcom.helper.datamanager/htmlarea/htmlarea.css";


form.datamanager label 
{
  display: block;
  padding: 3px 0 3px 0;
  font-weight: bold;
}

form.datamanager label input, 
  form.datamanager label textarea, 
  form.datamanager label select, 
  form.datamanager label button
{
  margin: 0.5ex 0 0 0;
  display: block;
}

form.datamanager fieldset 
{
  margin: 1ex 0 1ex 0;
  padding: 3px 10px;
}

form.datamanager fieldset legend 
{
  font-weight: bold;
  /* border: 1px solid black; */
  padding: 1px 3px;
}

form.datamanager required
{
  font-weight: bold;
}

form.datamanager missing
{
  color: red;
}

form.datamanager fieldset.account legend,
  form.datamanager fieldset.blob legend,
  form.datamanager fieldset.image legend,
  form.datamanager fieldset.collection legend,
  form.datamanager fieldset.radiobox legend,
  form.datamanager fieldset.date legend,
  form.datamanager fieldset.mailtemplate legend
{
   	font-weight: normal;
}

form.datamanager fieldset.radiobox label
{
	display: inline;
	margin: 0px 10px 0px 0px;
	white-space: nowrap;
}

form.datamanager fieldset.radiobox input
{
	display: inline;
	vertical-align: top !important;
	vertical-align: baseline; /* This one is for IE */
}

form.datamanager fieldset.date
{
	border: none;
    padding: 3px 0 3px 0;
	margin: 0;
}

form.datamanager fieldset.date input.date
{
    display: inline;
    width: 10em;
}

form.datamanager fieldset.date button.date
{
	display: inline;
    margin: 0px 0px 0px 5px;
    width: 24px;
    height: 20px;
    background-image: url('../stock-icons/16x16/web-calendar.png');
    background-repeat: no-repeat;
}

form.datamanager div.blob_preview,
  form.datamanager div.image_preview
{
	float: right;
	width: 180px;
	padding: 5px;
	border: 1px solid black;
	margin: 5px;
	text-align: center;
}

form.datamanager div.image_frame
{
	width: 180px;
	height: 140px;
	margin: none;
	padding: none;
	border: none;
	overflow: scroll;
}

form.datamanager fieldset.collection fieldset legend
{
	/* Hide the captions of all directly contained blobs, would look weird. */
    display: none;
}

form.datamanager label.communityhtml select
{
    display: inline;
}

form.datamanager textarea.communityhtml
{
    width: 500px;
    height: 250px;
}

form.datamanager span.communityhtml_toolbar img
{ 
    border: none;
}