﻿fieldset
{
	float: left;
	clear: both;
	width: 95%;
	margin: 0 0 1.5em 0;
	padding: 3px 0 3px 3px;
	border: none;
	background-color: transparent;
}
fieldset ol
{
	width: 95%;
	list-style: none;
	display: inline-block;
}
fieldset ol label
{
	font-size: 13px;
	text-align: right;
	margin-right: 10px;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 10px;
}

fieldset li fieldset
{
	clear: both;
	float: none;
	display: inline;
	width: 400px;
	margin: 0; 
	padding: 0;
}

fieldset fieldset ol
{
	margin: 0 0 5px 0;
	padding: 0;
	display: inline-block;
}

fieldset fieldset li
{
	padding-bottom: 3px;
}

fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
	margin-left: .5em;
}

fieldset p
{
	margin: 5px 0;
}

label
{
	float: left;
	width: 10em;
	margin-right: .5em;
	text-align: left;
}

label.wide
{
    display: block;
	float: none;
	width: auto;
	padding: 0;
	margin: 0 0 7px;
}

fieldset .buttonRight
{
	width: 410px;
	text-align: right;
}

fieldset .buttonRightSmall
{
	width: 335px;
	text-align: right;
}

fieldset .columnRight
{
	float: right;
	width: auto;
	text-align: right;
	padding-right: 50px;
}

fieldset .columnLeft
{
	float: left;
	width: auto;
}

.childOrgsCheckBoxList tbody tr td label{
    width: 205px;
}

/*
Example checkbox in a td
<span class="radiolist" title="Select this checkbox if you want to also save this survey as a template for other surveys.">
<input id="ProductSurvey_Form_chkSaveAsTemplate" type="checkbox" name="ProductSurvey_Form$chkSaveAsTemplate" />
<label for="ProductSurvey_Form_chkSaveAsTemplate">Save As Template</label>
</span>
Example checkbox in an li (now to spec in VS and how it gets rendered).
	<asp:CheckBox ID="chkInactiveUsers" CssClass="radiolist" Text="Inactive Users" runat="server" />
	<span class="radiolist"><input id="_chkInactiveUsers" type="checkbox" /><label for="_chkInactiveUsers">Inactive Users</label></span>
</li>
*/
fieldset.radiolist
{
}

fieldset.radiolist input, table.radiolist td input, span.radiolist label, td.radiolist input
{
	float: none;
	border: none;
}
/* */
fieldset.radiolist label, table.radiolist td label
{
	float: none;
	width: auto;
	padding-right: 10px;
	display: inline;
	text-align: left;
	margin-left: 2px;
	white-space: nowrap;
}

table.radiolist td
{
	white-space: nowrap;
}

span.radiolist label, table.formViewSmall td span.radiolist label
{
	width: auto;
	float: none;
	display: inline;
	vertical-align: middle;
	position: relative;
	top: -3px;
	padding-right: 15px;
}

span.radiolist input
{
	border: none;
}

.radiolist
{
	font-size:11px;
}

fieldset.fontSize10 label, table.fontSize10 td label, .fontSize10
{
	font-size:10px;
}

.floatLeft
{
	float: left;
}
.floatLeft input
{
	margin-left: 0;
}

/* TODO: add an image of a red asterisk and place the text off screen (Lucas)*/
label span.required
{
	text-indent: -5000px;
	display: inline-block; /*background: url(/images/asterisk_orange.png) no-repeat;*/
	background: transparent url(/images/RedAsterisk2.gif) no-repeat left top;
	width: 7px;
	height: 7px;
	text-align: left;
	margin-left: 2px;
	margin-bottom:4px;
}

.RequiredField
{
	color: Red;
	font-weight: bold;
}

label.right
{
	display: inline;
	float: none;
	width: auto;
	text-align: right;
	font-weight: normal;
	padding: 2px 2px 0px 15px;
}

span.right
{
	display: block;
	width: 150px;
	text-align: right;
	font-weight: bold;
	padding: 10px 2px 0px 0px;
	letter-spacing: 1px;
}
