/* MailSite ExpressPro 8.0.4.7 */
/* Editor.css Copyright 2005-2007 Rockliffe, Inc. */

/* The area that contains the action buttons */
.EditorActionsPanel 
{
	background-image:url(images/menu/menu_gradient.gif);
	background-repeat:repeat-x;
	border-bottom: thin solid #AAAAAA;
	/* Create a bounding container that is full width */
	width: 100%;
	/* Make sure no floating children are outside this container */
	float: left;
	/* Set it above the SettingsEditorModalImage */
	position:relative;
	z-index:3;
}

/* The title in the actions panel */
.EditorActionsPanelTitle  
{
	font-weight:bold;
	clear:left;
	display:block;
	padding: 5px;
}

/* The area containing the form, below the ActionsPanel */
.EditorWindowPanel
{
	clear:both;
	display: block;
	width: 100%;
	overflow: auto;
	/* Set it above the SettingsEditorModalImage */
	position:relative;
	z-index:3;
	background-color: white;
}

/* Region where you specify the meta info about */
.EditorPanel {
	clear:both;
	/* Float left and width 100% forces this not to use any more space than that 
	 * if we don't do this, then if the field values become very large it will push
	 * content off screen */	
	float: left;
	width: 100%;
	border: 0;
}

/* The label describing a EditorValue */
.EditorLabel 
{
	font-weight: bold;
	white-space: nowrap;
	/* The label floats in the left margin of an EditorValue */
	float:left;
	/* Make sure each value starts on a new line */
	clear:left;
	padding: 3pt 0pt 0pt 2pt;
}

/* A bounding region for the value of the Editor property */
.EditorValue 
{
	/* Create a bounding rectangle, with a left margin */
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	/* Leave a left hand margin for the floated EditorLabel.  Note if the label becomes long, it will render in our box */
	margin-left: 135px;
	/* Do not float this block, as when the page resizes, we want this to get wider/thinner. */
	float: none;
}

/* The EditorValue set up a bounding region, we now set the input that is in it to 90% to force it to fill the screen.
   We do not use 100% as input boxes have borders, which push the content to more than 100%, thereby creating newlines and scrollbars */
.EditorValue input {
	width: 90%;
	/* Checkboxes normally have a margin, but we'll remove this from the left so it lines up with other input controls */
	margin-left: 0px;
}

/* The EditorValue set up a bounding region, we now set the input that is in it to 90% to force it to fill the screen.
   We do not use 100% as input boxes have borders, which push the content to more than 100%, thereby creating newlines and scrollbars */
.EditorValue select {
	width: 90%;
}

/* The EditorValue set up a bounding region, we now set the input that is in it to 90% to force it to fill the screen.
   We do not use 100% as input boxes have borders, which push the content to more than 100%, thereby creating newlines and scrollbars */
.EditorValue textarea {
	width: 90%;
}

/* An EditorValue where a table formats the elements */
.EditorValueWithTable 
{
	/* Create a bounding rectangle, with a left margin */
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	/* Leave a left hand margin for the floated EditorLabel.  Note if the label becomes long, it will render in our box */
	margin-left: 135px;
	/* Do not float this block, as when the page resizes, we want this to get wider/thinner. */
	float: none;
}

/* The label describing a EditorMultiValue, with room on the left for the delete control */
.EditorMultiLabel {
	float:left;
	clear:both;
	font-weight: bold;
	white-space: nowrap;
	padding: 3pt 0pt 0pt 2pt;
	margin-left: 30px;
}

/* A bounding region for the value of a Editor property which has preferred controls down the right hand margin */
.EditorMultiValue 
{
	/* Create a bounding rectangle, with a left and right margin */
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	/* Left margin for the EditorMultiLabel */
	margin-left: 135px;
	/* Right margin for preferred selection controls */
	margin-right:120px;
}

/* A text input */
.EditorText {
	width: 90%;
}

/* A asp:checkbox contains an input and a Label */
.EditorCheckbox 
{
	/* Stack these as units, not inline-blocks */
	display:block;
	/* If the label becomes too long, we want this to go to a new line, rather than get shoved to the right.  Ideally
		we'd only do this for long labels, leaving short labels on the same line, but haven't found a way to do this with CSS yet.
		So for those controls that we want on a new line, we use clear:left on the EditorValue */
}

/* A Editor checkbox label */
.EditorCheckbox Label {
}

/* The EditorCheckbox consists of a input type=checkbox and a label */
.EditorCheckbox input 
{
	/* We cancel the styles inherited from EditorValue input */
	width: auto;
}

/* A checkbox that is part of a horizontal group of checkboxes */
input.EditorGroupedCheckbox {
	/* We cancel the styles inherited from EditorValue input */
	width:auto;
	margin-left: 0px;
}

/* The label to go with EditorGroupedCheckbox. */
label.EditorGroupedCheckbox {
	padding-left: 5px;
	padding-right: 5px;
}

/* A radio button that is part of a horizontal group of radio buttons */
input.EditorGroupedRadio {
	/* We cancel the styles inherited from EditorValue input */
	width: auto;
	margin-left: 0px;	
}

/* The label to go with EditorGroupedRadio. */
label.EditorGroupedRadio {
	padding-left: 5px;
	padding-right: 5px;
}

/* Style for the delete icon on the multivalue forms */
.DeleteEditorItem 
{
	clear:both;
	float:left;
	margin-top:3px;
	margin-right:3px;
	padding:2px;
	border:thin solid white;	
}

/* On hover style for the delete icon on the multivalue forms */
.DeleteEditorItemHover 
{
	clear:both;
	float:left;
	margin-top:3px;
	margin-right:3px;
	padding:2px;
	background:#FFEEC2;
	border:thin solid black;
}