﻿.formLabel 
{
	width: 20%;
	vertical-align:top;
	border-top: solid 1px white;
}

.formField
{
	vertical-align:top;
	border-top: solid 1px white;
}

.formField input, .formField textarea
{
	width: 95%;
}




.formLayout 
{
	border-top: solid 1px white;
	padding: 0.2em 0em;
	width: 100%;
}

.formLayoutNoLine 
{
	
	padding: 0.2em 0em;
	/*white-space: nowrap;*/
	width: 100%;
}

.formLayout label 
{
	vertical-align:top;
	padding-left: 6px;
	width: 25%;
	height: 100%;
}
.formLayoutNoLine label 
{
	vertical-align:top;
	padding-left: 13px;
	width: 25%;
	height: 100%;
}



.formLayout textarea, .formLayout input, .formLayout select
{
	font-family: Arial;
	width: 72%;
}
.formLayoutNoLine textarea, .formLayout input, .formLayout select
{
	font-family: Arial;
	width: 72%;
}

.formLayout .mandatory 
{
	width: 9px;
	vertical-align: top;
	margin: 0px 0px 0px 2px;
}

.formLayout .inputDate 
{
	width: 8em;	
}

.formLayout .inputDateTime 
{
	width: 10em;	
}

.formLayout .inputShort 
{
	width: 8em;	
}

.formLayoutSecondLine 
{
	width: 72.5%; 
	float:right;
	text-align: left;
	white-space:normal;
}

.formLayoutSecondLine input
{
	width: auto;
}

.formInformation

{
	vertical-align:top;
	padding-left: 13px;
	
	height: 100%;
}


/* table layout */

tr.tableLayout 
{
	vertical-align: top;
	padding: 0.2em 0em;
}

td.tableLayout, td.dashedTop
{
	border-top: dotted 1px #D1D3D4;
	padding: 0.2em 0em;
}

td.tableLayoutMand 
{
	width: 20px;
	text-align: center;
	border-top: dotted 1px #D1D3D4;
	padding: 0.2em 0em;
}

td.tableLayoutFreeForm
{
	width: auto;
	border-top: dotted 1px #D1D3D4;
	padding: 0.2em 0em;
}

td.tableLayoutLabel
{
	width: 20%;
	text-align: left;
	border-top: dotted 1px #D1D3D4;
	padding: 0.2em 0em;
}

td.tableLayoutControl
{
	text-align: left;
	border-top: dotted 1px #D1D3D4;
	padding: 0.2em 0em;
}

td.tableLayoutValidator
{
	width: 24px;
	text-align: right;
	border-top: dotted 1px #D1D3D4;
	padding: 0.2em 0.1em;
}

.tableLayout label 
{
	width: 99%;
}

.tableLayout textarea, .tableLayout input, .tableLayout select
{
	font-family: Arial;
	width: 97%;
}

.tableLayout .inputDate 
{
	width: 8em;	
}

.tableLayout .inputDateTime 
{
	width: 10em;	
}

.tableLayout .inputShort 
{
	width: 8em;	
}

.inputShort 
{
	width: 8em;	
}

.tableLayout .basketButtons, .tableLayout .basketButtonsLight
{
	width: auto;	
}

.freeform label, .freeform input, .freeform select
{
	width: auto;
}

/* table layout with no spacing */
tr.tableLayout2 
{
	vertical-align: top;
	padding: 0.2em 0em;
}

tr.tableLayout2 td
{
	border-top: solid 1px white;
	padding: 0.2em 0em;
}

/* tableLayout with spcing but border at the bottom */

.tableLayout3 tr, .tableLayout3 th
{
	padding: 0.4em 0px;
}

.tableLayout3 td 
{
	border-bottom: dotted 1px #D1D3D4;	
}

.tableLayout3 .basketItemDesc 
{
	border-bottom: none;
	padding: 0px 0px;
}

.tableLayout3 .tableLayoutPlain td
{
	border-bottom: none;
	padding: 0.2em 0px;
}

/* span based layout */
@media screen 
{
	/*.formHeader 
	{
		background-color:  #4F87C6; 
		color: White;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
		padding: 0.4em 0.5em;
		float:none;
		clear: both;
		margin-top: 1em;
	}*/
	
	
	.formHeader 
	{
	 background-color:  #4F87C6; 
	 color: White;
	 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	 font-size: 0.7em;
	 font-weight: bold;
	 text-decoration: none;
	 padding: 0.4em 0.5em;
	 float:none;
	 clear: both;
	 margin-top: 1em;
	}
			
	.formHeader2 
	{
		background-color:  #A4C0E5; 
		color: black;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
		padding: 0.4em 0.5em;
		float:none;
		clear: both;
		margin-top: 1em;
	}
	
	.buttonBar 
	{
		background-color: #A4C0E5;
		color: black;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
	.formHeader a
	{
		color: White;
		text-decoration: underline;
	}
	
	.formHeader2 a
	{
		color: black;
		text-decoration: underline;
	}
	
	.formLayoutDivHeader 
	{
		width: 100%;
		background-color:  #4F87C6; 
		color: White;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
		padding: 0.4em 0.5em;
		float:none;
		clear: both;
		margin-top: 1em;
	}

	.formLayoutDiv
	{
		width: 49%;
		padding: 0.2em 0.1em;
	/*	margin: 0em 0.375%;*/
		float:left;
		border-bottom: dotted 1px #D1D3D4;
	}

	.formLayoutDivLabel
	{
		width: 40%;
		float: left;
		vertical-align:top;
	}

	.formLayoutDivContents
	{
		/*width:59.5%;*/
		float:left;
		vertical-align:top;
		font-weight: bold;
	}

	.formLayoutDivWide
	{
		width: 99.8%;
		padding: 0.2em 0.1em;
	/*	margin: 0em 0.375%;*/
		float:left;
		border-bottom: dotted 1px #D1D3D4;
	}
	.formLayoutDivWide .formLayoutDivLabel
	{
		width: 19.4%;
		float: left;
		vertical-align:top;
	}
	
	.formLayoutDivLabel 
	{
		margin-left: 0.2em;
		margin-right: 0.2em;
	}
}

@media print {
	.formLayoutDivHeader 
	{
		width: 100%;
		background-color:  #ADC8E9; 
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		padding: 0.4em 0.5em;
		float:none;
		clear: both;
		margin-top: 1em;
		border-bottom: solid 2px #C0C0C0;
	}

	.formLayoutDiv
	{
		width: 48.5%;
		padding: 0.2em 0.1em;
		margin: 0em 0.2em;
		float:left;
		border-bottom: solid 1px #C0C0C0;
	}

	.formLayoutDivLabel
	{
		width: 40%;
		float: left;
		vertical-align:top;
	}

	.formLayoutDivContents
	{
		/*width:59.5%;*/
		float:left;
		vertical-align:top;
		font-weight: bold;
	}

	.formLayoutDivWide
	{
		width: 99%;
		padding: 0.2em 0.1em;
		margin: 0em 0.2em;
		float:left;
		border-bottom: solid 1px #C0C0C0;
	}
	.formLayoutDivWide .formLayoutDivLabel
	{
		width: 19.4%;
		float: left;
		vertical-align:top;
	}
}
/* Textbox Watermark */
.watermark  
{
	/*font-size: 0.8em;*/
	color: #C0C0C0;
	text-transform: none;
}

/* Search Terms */
.searchTerm 
{
	/*display: inline; */
	padding: 0.3em 0.3em 0.3em 0.3em;	
	/*background-color: #F5BFD7;*/
	text-decoration: none;
	/*background-image: url(images/red-x.gif);
	background-attachment: fixed;
	background-position: right center;
	background-repeat: no-repeat;*/
	color: blue;
}
