/* --------------------------------------------------------------------------------- */
/*                                    FormGrid v2                                    */
/*                                    KingCom BDC                                    */
/* --------------------------------------------------------------------------------- */

form
{
	width: 100%;
	height: auto;	
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	overflow: hidden;
}

/* --------------------------------------------------------------------------------- */
/*                                     Fieldset                                      */
/* --------------------------------------------------------------------------------- */

fieldset.formGrid,
fieldset.formGrid fieldset
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0 none;
}

fieldset.formGrid legend,
fieldset.formGrid fieldset legend
{
	color: #000;
	font-size: 12px;
}

fieldset.formGrid hr
{
	
}

fieldset.formGrid br
{
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

/* --------------------------------------------------------------------------------- */
/*                                      formRow                                      */
/* --------------------------------------------------------------------------------- */

fieldset.formGrid .formRow
{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

fieldset.formGrid .formRow:after,
fieldset.formGrid .buttonRow:after
{
	content: "."; 
	display: block; 
	height: 0; 
	line-height: 0; 
	font-size: 0; 
	clear: both; 
	min-height: 0; 
	visibility: hidden; 
}

fieldset.formGrid .formRow label
{
	position: relative;
	float: left;
	width: 34%;
	display: block;
	margin: 1px 0 0 0;
	padding: 0 0 0 1%;
	line-height: 100%;
}

fieldset.blockLabels .formRow label
{
	display: block;
	float: none;
	width: 100%;
	height: auto;
	line-height: 140%;
	padding: 0;
	margin: 0;
}

fieldset.formGrid .formRow input,
fieldset.formGrid .formRow .textBox
{
	float: left;
	width: 63%;
	height: auto;
	line-height: 140%;
	font-weight: normal;
}

fieldset.formGrid .formRow input[type="file"],
fieldset.formGrid .formRow input.fileUpload
{
	width: 63%;
}

fieldset.blockLabels .formRow input
fieldset.blockLabels .formRow .textBox
{
	float: none;
	width: 100%;
	height: auto;
	line-height: 140%;
	font-weight: normal;	
}

fieldset.formGrid .formRow textarea,
fieldset.formGrid .formRow .textArea
{
	width: 63%;
	line-height: 140%;
	font-weight: normal;
}

fieldset.formGrid .formRow span
{
	display: block;	
}

fieldset.formGrid .formRow p.rowInfo
{
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 35%;
	padding: 0;
}

fieldset.blockLabels .formRow p.rowInfo
{
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;	
}

/* --------------------------------------------------------------------------------- */
/*                                     buttonRow                                     */
/* --------------------------------------------------------------------------------- */

fieldset.formGrid .buttonRow
{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

fieldset.formGrid .buttonRow a.linkButton
{
	display: block;
	width: 63%;
	height: auto;
	margin: 0 0 0 35%;
	padding: 0;
	font-size: normal;	
	line-height: 140%;
}

fieldset.formGrid .buttonRow input.button,
fieldset.formGrid .buttonRow input[type="button"],
fieldset.formGrid .buttonRow input[type="submit"],
fieldset.formGrid .buttonRow input[type="reset"]
{
	width: auto;
	height: auto;
	text-align: center;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------- */
/*                  Horizontal and vertical radioButton & checkBox                   */
/* --------------------------------------------------------------------------------- */

fieldset.formGrid .formRow span.checkBox
{
	float: left;
	width: 63%;
	height: auto;
	line-height: 140%;
}

fieldset.formGrid .formRow span.checkBox input,
fieldset.formGrid .formRow span.checkBox label
{
	width: auto;	
}

fieldset.formGrid .formRow span.checkBox label
{
	line-height: 140%;	
}

fieldset.formGrid .formRow .vertical,
fieldset.formGrid .formRow .horizontal
{
	float: left;
	width: 65%;
}

fieldset.formGrid .formRow .vertical span.checkBox,
fieldset.formGrid .formRow .vertical span.radioButton
{
	float: left;
	width: 100%;
	height: auto;
	display: block;
}

fieldset.formGrid .formRow .vertical span.checkBox input,
fieldset.formGrid .formRow .vertical span.checkBox label,
fieldset.formGrid .formRow .vertical span.radioButton input,
fieldset.formGrid .formRow .vertical span.radioButton label
{
	width: auto;
}

fieldset.formGrid .formRow .vertical span.checkBox label,
fieldset.formGrid .formRow .vertical span.radioButton label
{
	padding: 0;	
	line-height: 140%;
}

fieldset.formGrid .formRow .horizontal span.checkBox,
fieldset.formGrid .formRow .horizontal span.radioButton
{
	width: auto;
	height: auto;
	display: block;
	clear: right;
}

fieldset.formGrid .formRow .horizontal span.checkBox input,
fieldset.formGrid .formRow .horizontal span.checkBox label,
fieldset.formGrid .formRow .horizontal span.radioButton input,
fieldset.formGrid .formRow .horizontal span.radioButton label
{
	width: auto;
}

fieldset.formGrid .formRow .horizontal span.checkBox input,
fieldset.formGrid .formRow .horizontal span.radioButton input
{
	line-height: 140%;
}

fieldset.formGrid .formRow .horizontal span.checkBox label,
fieldset.formGrid .formRow .horizontal span.radioButton label
{
	padding: 0;	
	line-height: 140%;
}

html:first-child fieldset.formGrid .formRow .horizontal span.checkBox label,
html:first-child fieldset.formGrid .formRow .horizontal span.radioButton label 
{
	line-height: 100%; /* for Opera */
}

fieldset.blockLabels .formRow .vertical,
fieldset.blockLabels .formRow .horizontal
{
	float: none;
	width: 100%;	
}

/* --------------------------------------------------------------------------------- */
/*              Horizontal and vertical radioButtonList & checkBoxList               */
/* --------------------------------------------------------------------------------- */

fieldset.formGrid .formRow table.checkBoxList,
fieldset.formGrid .formRow table.radioButtonList
{
	width: 63%;
	height: auto;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	border-spacing: 0;
	*border-collapse: collapse; /* for IE7 */
}

fieldset.formGrid .formRow table.checkBoxList tbody,
fieldset.formGrid .formRow table.radioButtonList tbody
{
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

fieldset.formGrid .formRow table.checkBoxList tbody tr,
fieldset.formGrid .formRow table.radioButtonList tbody tr
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

fieldset.formGrid .formRow table.checkBoxList tbody tr td,
fieldset.formGrid .formRow table.radioButtonList tbody tr td
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

fieldset.formGrid .formRow table.checkBoxList tbody tr td input,
fieldset.formGrid .formRow table.checkBoxList tbody tr td input[type=checkbox],
fieldset.formGrid .formRow table.radioButtonList tbody tr td input,
fieldset.formGrid .formRow table.radioButtonList tbody tr td input[type=radio]
{
	width: auto;
	height: auto;
}

fieldset.formGrid .formRow table.checkBoxList tbody tr td label,
fieldset.formGrid .formRow table.radioButtonList tbody tr td label
{
	width: auto;	
	line-height: 140%;
	padding: 0;
	margin: 0;
}

html:first-child fieldset.formGrid .formRow table.checkBoxList tbody tr td label,
html:first-child fieldset.formGrid .formRow table.radioButtonList tbody tr td label
{
	color: White;
}

/* --------------------------------------------------------------------------------- */
/*                   DropDownList, Multiple DropDownList & ListBox                   */
/* --------------------------------------------------------------------------------- */

fieldset.formGrid .formRow select,
fieldset.formGrid .formRow .dropDownList
{
	width: 310px;
	margin: 0;
	padding: 0;
}

fieldset.formGrid .formRow .multipleDropDownList
{
	float: left;
	width: 315px;	
	margin: 0;
	padding: 0;
}

fieldset.formGrid .formRow .multipleDropDownList select,
fieldset.formGrid .formRow .multipleDropDownList .dropDownList
{
	float: left;
	width: 100px;
	margin: 0 5px 0 0;	
}

fieldset.formGrid .formRow select.listBox
{
	width: 63%;
	height: auto;
}

/* --------------------------------------------------------------------------------- */
/*                            Errors & Validation Summary                            */
/* --------------------------------------------------------------------------------- */

fieldset.formGrid .error
{
	
}

fieldset.formGrid .validationSummary
{
	position: relative;
	height: auto;
	margin: 0;
	padding: 0;
}

fieldset.formGrid .validationSummary h3
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 100%;
}

fieldset.formGrid .validationSummary ul
{
	margin: 0;
	padding: 0 1% 0 1%;
	border: 1px solid #DF7D7D;
	background-color: #FFDFDF;
}

fieldset.formGrid .validationSummary ul li
{
	position: relative;
	margin: 0 0 0 5px;
	padding: 0;
	line-height: 140%;
	list-style-position: inside;
}

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