﻿.dataLabel{
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: bottom;
}

.dataField
{
	width: 35%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.dataFieldFull
{
	width: 100%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.dataLabelBig{
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.dataFieldBig
{
	width: 35%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.dataLabelCustomWidth
{
	padding-top: 3px; 
	padding-left: 0px;	
	padding-bottom: 3px;
}

.dataFieldBigCustomWidth
{
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.dataLabelLong
{
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.dataLabelLong2
{
	width: 40%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.dataFieldLong2
{
	width: 60%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

/* Meant to be used when there is a long label and 2 other fields in the row */
.dataLabelLong3
{
	width: 40%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}
/* Meant to be used when there is a long label and 2 other fields in the row */
.dataFieldLong3
{
	width: 35%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.dataLabelBig2
{
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.dataFieldBig2
{
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.dataFieldBig3
{
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataLabel
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.viewDataLabelLast
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #becf95;
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.viewDataLabelMultilineLast
{
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #becf95;
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}


/* a data field 35% in width */

.viewDataLabelNotice
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: bottom;
	font-weight: bold;
	color: Black;
	font-family: Arial;
	font-size: 12px;
}

.viewDataField
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	width: 35%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataFieldLast
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	border-bottom: solid 1px #becf95;
	background-color: White;
	width: 35%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataFieldMultiline
{
	background-color: White;
	padding-top: 3px;
	padding-left: 0px;
	width: 100%;
	padding-bottom: 3px;
}

.viewDataFieldMultilineLast
{
	background-color: White;
	border-bottom: solid 1px #becf95;
	padding-top: 3px;
	padding-left: 0px;
	width: 100%;
	padding-bottom: 3px;
}

.viewDataFieldFull
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	width: 100%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}
/* a data field 15% in width */
.viewDataFieldShort
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	width: 15%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

/* a long view label. intended to have 2 items on row */
.viewDataLabelLong2
{
    width: 50%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
}

.dataLabelQuestionnaire
{
	color: Black;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
}

.dataFieldQuestionnaire
{	
	background-color: White;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	width: 15%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataLabelQuestionaire
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
}

.viewDataFieldQuestionaire
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	width: 15%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataFieldQuestionaireNoWrap
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	width: 15%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
	white-space: nowrap;
	text-align: left;
}

.viewDataFieldQuestionaireNoWidth
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataMessageQuestionaire
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	width: 15%;
}

.viewDataLabelBig
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.viewDataFieldBig
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	width: 35%;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataLabelLong
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.viewDataLabelBig2
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	width: 15%;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: top;
}

.viewDataFieldBig2
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #becf95;
	background-color: White;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataFieldBig3
{
	background-color: White;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

.viewDataFieldBig4
{
	background-color: White;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
}

/*Mark a field as required*/
.requiredField
{
    color: Red;
    padding-left: 5px;
}

