/*! $Id$ */

/* NDF control: main */

/* style any input fields within an .ndf-control container */

.ndf-control > input[type=text], .ndf-control > input[type=password], .ndf-control > input[type=text].ndf-icon, .ndf-control > input[type=password].ndf-icon, .ndf-control > select, .ndf-control > textarea {
	background-color: #ffffff;
	width: 253px;
	padding: 4px 3px 4px 3px;
	height: 18px;
	margin-bottom: 4px;
    /*float: left;*/
    clear: right;
}

.ndf-control > input[type=text].ndf-icon, .ndf-control > input[type=password].ndf-icon {
	padding: 4px 3px 4px 24px;
    width: 232px;
}

/* style any select fields within an .ndf-control container */

.ndf-control > select {
	width: 262px;
	height: 28px;
}

/* style any input fields within an .ndf-control container */

/*
.ndf-control option {
	padding: 2px 2px 2px 22px;
}
*/

/* style any input of type checkbox within an .ndf-control container */
.ndf-control > input[type=checkbox] {
	height: 22px;
    /*float: left;*/
}

/* style any labels within an .ndf-control container */

.ndf-control > label {
	float: left;
	clear: left;
	width: 260px;
	text-align: right;
	padding-right: 10px;
	height: 22px;
	vertical-align: bottom;
	position: relative;
	top: 4px;
}

/* placeholder class for browsers which do not support placeholders */

.ndf-control > .placeholder {
	color: #aaaaaa;
	font-style: italic;
}

/* placeholder class for webkit based browsers (chrome, safari); note the double [:] */

.ndf-control > ::-webkit-input-placeholder {
	color: #aaaaaa;
	font-style: italic;
}

/* placeholder class for mozilla/gecko based browsers (firefox) */

.ndf-control > :-moz-placeholder {
	color: #aaaaaa;
	font-style: italic;
}