/*
	This is identical to manndatoryFields.css with two exceptions
	1. change all negative margins to 0.
	2. change all float:none to float:none
*/

/*
	Known issues:
  IE with hide/show javascript does not float the mandatory indicator properly but overlays it on the label of the field
*/

/*
	Reset everything in a fieldset.
*/
fieldset div, fieldset p {
padding: 0;
margin: 0;
height:auto;
width:auto;
}

/*
	Put in a margin of 1.5em on the left so there is room to float the mandatory indicators, check boxes and radio buttons.
*/
fieldset
{
	/*padding:.25em 1em .5em 1.5em;*/
	padding:.25em 1em .5em 2em;
	margin:0 0 1em 0; /* leave 1em between this fieldset and whatever follows */
}



/*
	Put enough space left and right so that any mandatory indicator fits in the legend.
*/
fieldset legend
{
	padding:.25em 1em .25em 1em;
}

/*
	zero out the extra space in the legend if the fieldset is hidden
*/
fieldset.hidefieldset legend
{
	padding: 0px;	
}

/*
	Paragraphs in a fieldset are usually instructional or explanatory text.
*/
fieldset p
{
/*	padding:.5em 0 1em 0;*/
}

/*
	put the bullets in the margin not outside like the mandatory, check boxes and radio buttons
*/

/*
	The basic format for an field in a field set is:
	<fieldset class="sidebyside"> (change to stacked to change the formatting)
	<legend>title goes here</legend>
	<div>
		<label for="firstField">first field label</label>
		<input id="firstField" />
	</div>
	</fieldset>
*/
fieldset.sidebyside div
{
	clear:both;
}

fieldset.stacked
{
}

fieldset.stacked div
{
	padding:0 0 0 0;
	clear:both;
	display:table;
}

fieldset.stacked div.calendarDate
{
	clear:none;
	display:none;
}

fieldset.stacked div.nextDoor
{
	display:table;
	padding:0;
	height:auto;
}

fieldset.stacked div.nextDoor div
{
	padding:0 2em 0 0;
	float:none;
	clear:none;
}

fieldset.sidebyside label 
{
	padding:0 0 1em 0;
	float:none;
	width:40%;
}

fieldset.sidebyside input + label
{
	padding:0 0 1em 0;
	float:none;
	width:75%;
}

fieldset.sidebyside input
{
	float:none;
}

fieldset.sidebyside textarea,
fieldset.sidebyside select
{
	margin: 0 0 1em 0;
	float:none;
}

fieldset.stacked select
{
	margin: 0 0 1em 0;
}

fieldset.sidebyside input[type="checkbox"],
fieldset.stacked input[type="checkbox"],
fieldset.stacked input.stackedBox,
fieldset.sidebyside input[type="radio"],
fieldset.stacked input[type="radio"]
{
	float:none;
	margin:0 0 0 0em;
}

span.mandatory
{
	padding:0 0 0 0;
	margin:0 0 0 -1em;
	color:#CC0000;
	font-weight:bold;
}

legend span.mandatory
{
	margin:0;
}

.indicatemandatory span.mandatory {
    margin: 0;
}

div.instructions .mandatory,
legend .mandatory,
p.instructions .mandatory
{
	padding:0 .25em 0 0;
	margin:0 0 0 0;
	color:#CC0000;
	font-weight:bold;
}

fieldset div.checkBoxTable
{
	clear:both;
	width:100%;
}

fieldset div.checkBoxTable div.checkboxColumn
{
	width:290px;
	padding:0 1em 0 0;
	float:none;
	display:table-cell;
	vertical-align:top;
}

fieldset div.checkBoxTable div.checkboxColumnRight
{
	padding:0 0 0 1em;
	width:auto;
	display:table-cell;
	vertical-align:top;
}

div.checkboxColumn div label,
div.checkboxColumnRight div label
{
	padding:0 .5em .5em 0;
	margin:0;
	display:block;
}

div.checkboxColumn div input,
div.checkboxColumnRight div input,
div.checkboxColumn div input[type="checkbox"],
div.checkboxColumnRight div input[type="checkbox"]
{
	margin:0 0 0 0em;
}

div.instructions
{
	height:auto;
	padding: 0 0 0 0;
	position:relative;
}

.noShow
{
	display:none;
}

fieldset.sidebyside input[type="image"],
fieldset.sidebyside input[type="file"],
fieldset.stacked input[type="image"],
fieldset.stacked input[type="file"]
{
	padding:0;
	margin:0;
}

/*
	Add a littel padding on the right of options to ensure they all fit within the closed view of a drop-down.
*/
fieldset.stacked select option
{
	padding-right:1em;
}

div.simpleTable
{
	padding:0;
	margin:0;
	display:table;
	border:thin solid #0066FF;
}

div.simpleTable div.rowEven
{
	clear:both;
	background-color:white;
	display:table-row;
}

div.simpleTable div.rowOdd
{
	clear:both;
	background-color:#EEEEEE;
	display:table-row;
}

div.simpleTable div.rowHeading
{
	clear:both;
	display:table-row;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#0066FF;
}

div.simpleTable div.leftContainer
{
	float:none;
	display:table-cell;
	padding:0 1%;
}

div.simpleTable label
{
	position:absolute;
	left:-9999px;
	top:-9999px;
}

div.simpleTable input
{
	margin-top:1em;
	display:inline;
}

div.fields {
    padding: 0.25em 1em 0;
}