﻿.stand_alone_field_control_container
{
	border: none;
	float: left; 
	/*padding-bottom: 0px;*/
	margin-bottom: 0px;
	margin-top: 0px;
}
.field_group_control_container .stand_alone_field_control_container
{
    padding-bottom: 4px;
}
/*dont add padding for FieldControl if its in a datapager thats in a fieldgroup, the datapager CSS will sort padding out for the cell contents*/
.field_group_control_container .datapager_cell .stand_alone_field_control_container
{
    padding-bottom: 0px;
}
.stand_alone_field_control_container_debug
{
	border-color: Silver;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
}

.stand_alone_field_validation_failure_popup
{
	display: none;
	border: solid 1px red;
	position: absolute;
	background-color: white;
	padding: 5px;
	font-weight: bold;
}

.stand_alone_field_validation_failure_image, .stand_alone_field_validation_warning_image
{
	cursor: hand;
	float: left; 
}

.stand_alone_field_validation_warning_popup
{
	display: none;
	border: solid 1px black;
	position: absolute;
	background-color: white;
	padding: 5px;
	font-weight: bold;
}

.stand_alone_field_validation_info, .stand_alone_field_mandatory_flag, .stand_alone_field_mandatory_flag_label_above, .stand_alone_field_help_icon, .stand_alone_field_help_icon_label_above
{
	width: 20px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	vertical-align: top;
	float: left;
}
.stand_alone_field_detail
{
	float:left; 
}

.stand_alone_field_header
{
	float: left; 
	/*width: 200px;*/
	/*display: inline-block;*/
	/*padding: .5em;*/
	background-color: transparent;
	color: Black;
	border: none;	
	/*padding-top: 0px;
	padding-bottom: 0px;*/
	font-weight: normal;
}

.stand_alone_field_name
{
	width: 200px;
	display: inline-block;
}

.stand_alone_fieldname_outline
{
	/*border-top: solid 1px silver;*/
}
.stand_alone_field_label_above_input
{
	clear: both;
}
.stand_alone_field_value
{
	float: left;
}
.partial_date_year_value
{
	width: 5em;
}
.partial_date_month_value
{
	width: 3em;
}
.partial_date_day_value
{
	width: 3em;
}

.vertical_control_container
{
	float: left;
}
.vertical_control_container_debug
{
	border-color: Fuchsia;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
}
.horizontal_control_container
{
	float: left;
}
.horizontal_control_container_debug
{
	border-color: Green;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
}
.vertical_flow, .stand_alone_vertical_field
{
	clear:both;
}
.horizontal_flow, .stand_alone_horizontal_field
{
	clear: none;
	float:left;
}
.vertical_flow_radiobuttons
{
	display: block;
}

/************************************
*                                   *
*   BEGIN FULL WIDTH CSS CLASSES    *
*                                   *
************************************/

/* Span layout classes */
.stand_alone_fullwidth_field_control_container
{
    width:100%;
	border: none;
	float: left; 
	margin-bottom: 0px;
	margin-top: 0px;
}
.field_group_control_container .stand_alone_fullwidth_field_control_container
{
    padding-bottom: 4px;
}
.stand_alone_fullwidth_help_icon_container
{
    float:left;
    display:block;
}
.stand_alone_fullwidth_validationandmandatory_icon_container
{
    float:right;
    display:block;
}
.stand_alone_fullwidth_header
{
    float:left;
    display:block;
}
.stand_alone_fullwidth_field_detail
{
    display:block;
    _float: left; /* IE Fix */
}



/* Left Label margin classes */ 
/* add's left margin to the 'detail' span depending on the size of the label */
.stand_alone_fullwidth_small_margin_left
{
    margin-left: 100px;   
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_standard_margin_left
{
    margin-left: 200px;
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_large_margin_left
{
    margin-left: 300px;
    _margin: 0px; /* IE Fix */
}

/* Right Label margin classes */
/* add's right margin to the 'detail' span depending on the size of the label and icon */
.stand_alone_fullwidth_small_margin_right
{
    margin-right: 120px;   
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_standard_margin_right
{
    margin-right: 220px;
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_large_margin_right
{
    margin-right: 320px;
    _margin: 0px; /* IE Fix */
}
/* add's right margin to the 'detail' span depending on the size of the label only*/
.stand_alone_fullwidth_small_margin_right_no_icon
{
    margin-right: 100px;   
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_standard_margin_right_no_icon
{
    margin-right: 200px;
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_large_margin_right_no_icon
{
    margin-right: 300px;
    _margin: 0px; /* IE Fix */
}
/* add's right margin to the 'detail' span depending on the size of the icon only*/
.stand_alone_fullwidth_margin_right_no_label
{
    margin-right: 20px;   
    _margin: 0px; /* IE Fix */
}

/* Above Label margin class */ 
/*  adds right and left margin to the 'detail' span for the help and mandatory icons */
.stand_alone_fullwidth_margin_label_above
{
    margin-right: 20px;
    margin-left: 20px;
    
    /*_margin: 0px; /* IE Fix */
    _clear:both;
    _float:none;
    _margin-top: -1.5em;
}
.stand_alone_fullwidth_margin_label_above_no_mandatory
{
    margin-right: 0px;
    margin-left: 20px;
    /*_margin: 0px; /* IE Fix */
    _clear:both;
    _float:none;
    _margin-top: -1.5em;
}
.stand_alone_fullwidth_margin_label_above_no_help
{
    margin-right: 20px;
    margin-left: 0px;
    /*_margin: 0px; /* IE Fix */
    _clear:both;
    _float:none;
    _margin-top: -1.5em;
}

/* classes for handling Field Underlining */
.stand_alone_fieldname_outline_fullwidth
{
    display:block;
    border-bottom: 1px solid silver;

}
.stand_alone_fieldname_no_outline_fullwidth
{
    display:block;
    border-bottom: none;

}


/* Classes for handling margins of 'detail' span when right or above label positions are used*/
.stand_alone_fullwidth_right_label
{
    margin-right:0px;
    _margin: 0px; /* IE Fix */
}

.stand_alone_fullwidth_above_label
{
    margin-right:0px;
    _margin: 0px; /* IE Fix */
}



/* Classes for handling margins of 'detail' span for icons when label is default(left) position */
.stand_alone_fullwidth_detail_both_icon_margins
{
    margin-left:20px;
    margin-right:20px;
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_detail_left_icon_margin
{
    margin-left:20px;
    margin-right:0px;
    _margin: 0px; /* IE Fix */
}
.stand_alone_fullwidth_detail_right_icon_margin
{
    margin-left:0px;
    margin-right:20px;
    _margin: 0px; /* IE Fix */
}

/*********************************
*                                *
*   END FULL WIDTH CSS CLASSES   *
*                                *
*********************************/