form.xform {
	font-size : 0px;
}

form.xform h2 {
	font-size : 14px;
	font-weight : bold;
	text-align : left;
	float : none !important;
	clear : both !important;
}

form.xform input {
	font-size : 12px;
}

div.datafield,
div.xinput {
	position : relative;
	min-height : 40px;
	float : left;
	margin-bottom : 5px;
	z-index : 0;
}

div.xinput.no-label {
	min-height : 0px;
}

div.xinput.active {
	z-index : 1;
}

div.xinput.subject {
	display : none;
}
	
	div.datafield > span,
	div.xinput > label {
		float : left;
		position : relative;
		margin : 0px 5px -1px;
		z-index : 2;
		padding : 2px 3px 1px;
		border-width : 1px 1px 0px;
		border-radius : 2px 2px 0px 0px;
		border-color : #666666;
		border-style : solid;
		background : url('/img/layout/xinput.label.bkg.png') top left repeat-x #cccccc;
		font-size : 10px;
		line-height : 10px;
		height : 10px;
		font-weight : bold;
		width : auto;
		color : #000000;
	}
	
	div.datafield > span {
		border : none !important;
		background : none !important;
	}
	
	div.datafield > div,
	div.xinput > span {
		display : block;
		clear : left;
		margin : 0px 5px;
		position : relative;
		z-index : 1;
		padding : 2px;
		background : url('/img/layout/xinput.span.bkg.png') bottom left repeat-x #cccccc;
		border : 1px #666666 solid;
		border-radius : 0px 2px 2px 2px;
	}
	
	div.xinput.no-label > span {
		border-radius : 2px;
	}
	
	td > div.xinput.no-label {
		margin-bottom : 0px;
		margin-top : -4px;
	}
	
	div.datafield > div {
		background : none !important;
		border : none !important;
		font-size : 12px;
	}
	
	div.datafield > div.content {
		height : auto;
	}
	
	div.xinput > span > input[type="text"],
	div.xinput > span > input[type="password"],
	div.xinput > span > select {
		width : 100%;
		height : 18px;
		padding : 0px;
		margin : -1px;
		border : 1px #666666 solid;
		display : block;
		border-radius : 2px;
	}
	
	div.xinput > span > iframe {
		width : 100% !important;
		margin : -1px !important;
		border : 1px #666666 solid !important;
		border-radius : 2px !important;
	}
	
	div.xinput > span > textarea {
		display : block;
		width : 100%;
		min-height : 200px;
		border : 1px #666666 solid;
		border-radius : 2px;
		margin : -1px;
	}
	
	label.xinput {
		text-indent : 5px;
		padding : 2px 0px;
		font-size : 12px;
	}
	
	label.xinput > input[type="checkbox"],
	label.xinput > input[type="radio"] {
		display : inline-block;
		margin-left : 5px;
	}
	
	div.xinput > span > select {
		height : 20px;
		margin : -1px 0px;
	}
	
	form.xform fieldset {
		border : 1px #dddddd solid;
		border-radius : 4px;
		margin : 0px 4px 4px;
	}

form.xform input[type="file"] {
	position : fixed;
	top : -200px;
}

	form.xform div.file label.delete {
		float : right !important;
		background : none !important;
		border : none !important;
		padding : 0px !important;
		margin : 0px 5px 0px 0px;
	}
	
	form.xform div.file label.delete input {
		display : inline-block;
		vertical-align : middle;
		margin-top : -1px;
	}

form.xform div.file {
	position : relative;
}

/*
form.xform div.file span {
	position : relative;
	height : 16px;
}
*/
form.xform div.file label {
	padding-left : 36px;
}

form.xform div.file span {
	overflow : hidden;
}

form.xform div.file input[type="text"] {
	padding-left : 36px;
}

form.xform div.image img.icon,
form.xform div.file img.icon {
	width : 31px;
	height : 31px;
	position : absolute;
	left : 7px;
	top : 2px;
	border : 1px #666666 solid;
	border-radius : 2px 2px 0px 2px;
	z-index : 2;
	background : #ffffff;
	z-index : 100;
}

form.xform div.file img.icon {
	width : 16px;
	height : 16px;
	padding : 7px 8px 8px 7px;
}

form.xform div.file.active img {
	border-color : #333333;
}

form.xform div.file img.preview {
	position : absolute;
	left : 5px;
	top : 34px;
	width : auto;
	height : auto;
	max-width : 90%;
	border : 2px #666666 solid;
	border-radius : 0px 0px 3px 3px;
	display : none;
	background : #ffffff;
}

form.xform div.file.active img.preview {
	display : block;
}

form.xform div.file.active img.preview {
	border-color : #333333;
}

form.xform div.file input[type="button"] {
	position : absolute;
	right : 0px;
	top : 0px;
	width : 40px;
	height : 22px;
	border-radius : 0px 3px 3px 0px;
	border-width : 0px 0px 0px 1px;
	border-left : 1px #000000 solid;
	padding : 1px 0px;
	background : #cccccc;
}

form.xform div.file input[type="button"]:active {
	padding : 2px 0px 0px;
}