body
{
}

.dataLabelLongLabel{
	width: 35%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: bottom;
}

.dataFieldLongLabel
{
	width: 15%;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
}

/* generic container for data in edit/create mode with 2 pairs of label/data per row*/
.DataField
{
	width: 35%;
}
/* generic container for data in edit/create mode with 1 pair of label/data per row*/
.DataField2
{
	width: 70%;
}
/* generic container for data in edit/create mode with 1 pair of label/data per row
With data being tall*/
.DataField2Tall
{
	width: 85%;
}
/*generic container for data in edit/create mode with 2 pairs of label/data per row.
WITH OTHER DATA BEING TALL */
.DataFieldTall,.DataLabel2Tall
{
	vertical-align:top
}
/*generic container for data where row has ONLY ONE long data field */
.DataField4
{
	width:100%;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
}

/*generic container for data where row has 1 label and a long data field */
.DataField3, .DataField, .DataFieldTall, .DataField2, .DataField2Tall
{
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
}
.DataLabel2Tall,.DataLabelTall
{
	vertical-align:top
}
/* generic container for label in edit/create mode with 2 pairs of label/data per row*/
.DataLabel, .DataLabelTall, .DataLabel2Tall, .DataLabel2
{
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: top;
}
.DataLabelTall2
{
}
/* generic container for label in edit/create mode with 2pairs of lable/data per row but with tall data field */
.DataLabelTall,.DataLabelTall2
{
	vertical-align: top
}

/* Default data label cell. designed for 2 pairs of label/fields per row*/ 
.viewDataLabel, .viewDataLabelTall,.viewDataLabelTall2
{    
    width: 15%;
	padding-bottom: 3px;
	/*padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;*/
	vertical-align: top;
}
/* Default data field cell. designed for 2 pairs of label/fields per row*/ 
.viewDataField, .viewDataFieldTall
{           
    width: 35%;
	/*padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;*/
	padding-bottom: 3px;
}

/* data label cell. designed for 1 pairs of label/fields per row*/ 
.viewDataLabel2
{
	/*border-top-style: solid;
	border-top-width: 0px; /* Decided to have to horizontal border for now 
	border-top-color: #cdcecd;*/
	width: 30%;
	padding-bottom: 3px;
	/*padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;*/
	vertical-align: top;
}
/* data field cell. designed for 1 pairs of label/fields per row*/ 
.viewDataField2
{
	/*border-top-style: solid;
	border-top-width: 0px; /* Decided to have to horizontal border for now 
	border-top-color: #cdcecd;*/
	/*background-color: White;*/
	width: 70%;
	/*padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;*/
	padding-bottom: 3px;
}
/* data field cell. designed for 1 label and a long field*/  
.viewDataField3
{
    width: 85%;
	/*border-top-style: solid;
	border-top-width: 0px; /* Decided to have to horizontal border for now 
	border-top-color: #cdcecd;
	background-color: White;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;*/
	padding-bottom: 3px;
}
/* To be used when a cell contains another control that follows the view 
display convention */
.viewDataControlContainer
{
}

/****Begin Admin Fields*/
.adminDescriptionfield
{
	border-top-style: solid;
	border-top-width: 1px; /* Decided to have to horizontal border for now */
	border-top-color: #e5e7e5;
	width: 35%;
	background-color: White;
}
.adminLinkField
{
	border-top-style: solid;
	border-top-width: 1px; /* Decided to have to horizontal border for now */
	border-top-color: #e5e7e5;
	width: 15%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/****End Admin Fields*/