/* all Identix Form classes should preced with "identix-" so no overlap occurs and to easily identify an app specific class in the code */

/* subit buttons (no save button)
   default form has 3 submit buttons at the bottom of each page, this Form only has 2 */
	div.submits { }
		div.submits div {
			background: url(../images/design/bg-submits-2.gif) 0 0 no-repeat;
		}
		div.submits input.next,
		div.submits input.back {
			width: 254px;
		}
		div.submits input.back {
			margin: 0 3px 0 0;
		}

	div.threeSubmits {}
		div.threeSubmits div
		{
			background: url(../images/design/bg-actions-3.gif) 0 0 no-repeat;
		}
		div.threeSubmits input.threeBack,
		div.threeSubmits input.threeMiddle,
		div.threeSubmits input.threeNext
		{
			width: 169px;
		}
		div.threeSubmits input.threeBack,
		div.threeSubmits input.threeMiddle
		{
			margin: 0 3px 0 0;
		}

/* information is centered on the file upload screen, this is overriding the class .field-groups */
	div.identix-photo {
		width: 250px;
		margin: 0 auto;
		float: none;
		padding-bottom: 20px;
	}
		#content-main div.identix-photo p {
			margin: 0;
		}
		#content-main div.identix-photo ul {
			margin-left: 0;
			padding: 0;
		}
		#content-main div.identix-photo li {
			background: url(../images/identix/bg-li.gif) 0 7px no-repeat;
			list-style: none;
			margin: 0;
			padding: 0 0 0 15px;
		}

/* we have no H1 on these pages, so we want to put the H2 down a bit */
	h2 {
		padding-top: 35px;
	}
	
table.error
{
	color:#cc0000;
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;	
	border-style:solid;
	border-width:1px;
	border-color:#cc0000;
	width:100%;
}

table.success
{
	font-family:Verdana;
	font-size:8pt;
	border-style:solid;
	border-width:1px;
	border-color:#00cc00;
	width:100%;
}

table.warning
{
	font-family:Verdana;
	font-size:8pt;
	border-style:solid;
	border-width:1px;
	border-color:#ffcc00;
	width:100%;
}

table.instructions
{
	color:#0000cc;
	font-family:Verdana;
	font-size:8pt;
	border-style:solid;
	border-width:1px;
	border-color:#0000cc;
	width:100%;
}


div.identix-radioList input
{
	background-color: Transparent;
	border: 0;
	vertical-align: middle;
	width: auto !important;
	margin-bottom: 0px;
}

div.identix-otherException
{
	margin-top: 0px;
	margin-bottom:20px;
	margin-left:30px;
}

div.cropTool { }
	div.cropTool div {
		background: url(../images/design/bg-photo-tool.gif) 0 0 no-repeat;
		background-position: center;
		height: 27px;
	}
	
td.cropTool
{
	vertical-align: top;
	padding: 3px 5px 3px 0px;
}

table.identix-errorListTable
{
	border: 1px solid #c00;
	width: 100%;
}

	table.identix-errorListTable th.resultHeader
	{
		background-color:#c00;
		color:#fff;
		font-family:Verdana;
		font-size:8pt;
		font-weight:bold;
		text-align:left;
	}
	
	table.identix-errorListTable td.result
	{
		padding: 4px 0 4px 20px;
		color: #c00;
		background: url(../images/design/bg-error-li.gif) 10px 6px no-repeat;
	}