/**
 * form style sheets
 *
 * @project		multimetrix
 * @author		maik mettenheimer <mettenheimer@november.de>
 * @lastupdate	2009-06-11
 */


/* sidebar forms
------------------------------------------------------------------------------*/

#secondaryContent form div {
	border: 1px solid #cbcbcb;
	float: left;
	line-height: 1;
	margin: 0;
}

#secondaryContent form p {
	margin: 0 0 8px 20px;
}

#secondaryContent input {
	border: 0;
	padding: 0;
	margin: 0;
}

#secondaryContent input.text {
	width: 186px;
	margin-left: 20px;
	float: left;
}

#secondaryContent input.button {
	width: 16px;
	float: right;
}

/* indexed search
------------------------------------------------------------------------------*/

/*
#searchButton{
	background: #fff url(../img/btn_search.png) no-repeat 100% 50%;
	border: 1px solid #cbcbcb;
	padding: 0px 20px 0px 0px;
	margin: 8px 0px 0px 150px;
	text-align: left;
	cursor: pointer;
	font-weight: bold;
}

*/
.tx-indexedsearch h3 {
	font-size: 12px;
	margin-bottom: 0px;
}

/* ----------------------------------------------------  Defaults Styling --- */

fieldset {
	margin-bottom: 10px;
	margin-top: -10px;
	width: 630px;
}

input, textarea, select {
	font: 12px/12px Verdana, sans-serif;
	padding: 0;
	width: 260px;
}

dd.radio input {
	width: auto;
}

legend {
	display: none;
}

label {
	font-size: 11px;
	font-weight: bold;
}

label.opt {
	font-weight: normal;
}

dl {
	clear: both;
}

dt {
	float: left;
	text-align: right;
	width: 120px;
	line-height: 25px;
	margin: 0 10px 10px 0;
}

dd {
	float: left;
	width: 500px;
	line-height: 25px;
	margin: 0 0 10px 0;
}


/* ---------------------------------------------------------- Text inputs --- */

.NFText {
	border: none;
	vertical-align: middle;
	font: 12px/15px Arial, Helvetica, sans-serif;
	background: none;
}

.NFTextCenter {
	height: 15px;
	background: url(../img/niceforms/input.png) repeat-x 0 0;
	padding: 3px 0;
	margin: 0;
	float: left;
	line-height: 15px;
}

.NFTextLeft, .NFTextRight {
	width: 7px;
	height: 21px;
	vertical-align: middle;
	float: left;
}

.NFTextLeft {
	background: url(../img/niceforms/input-left.png) no-repeat 0 0;
}

.NFTextRight {
	background: url(../img/niceforms/input-right.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------- Radio --- */

.NFRadio {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid transparent;
	background: url(../img/niceforms/radio.png) no-repeat 0 0;
	z-index: 2;
}

/* ------------------------------------------------------------- Checkbox --- */

.NFCheck {
	cursor: pointer;
	position: absolute;
	width: 12px;
	height: 12px;
	border: 1px solid transparent;
	background: url(../img/niceforms/checkbox.png) no-repeat 0 0;
	z-index: 2;
}

/* -------------------------------------------------------------- Buttons --- */

.NFButton {
	width: auto;
	height: 26px;
	color: #fff;
	padding: 0 2px;
	background: url(../img/niceforms/button.png) repeat-x 0 0;
	cursor: pointer;
	border: none;
	font: 10px/26px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	vertical-align:middle;
}

.NFButtonLeft, .NFButtonRight {
	width: 6px;
	height: 26px;
	vertical-align: middle;
}

.NFButtonLeft {
	background: url(../img/niceforms/button-left.png) no-repeat 0 0;
}

.NFButtonRight {
	background: url(../img/niceforms/button-right.png) no-repeat 0 0;
}

/* ------------------------------------------------------------ Textareas --- */

.NFTextarea {
	border: none;
	background: none;
	font: 12px/12px Arial, Helvetica, sans-serif;
	margin: 0;
}

.NFTextareaTop, .NFTextareaBottom {
	height: 5px;
	clear: both;
	float: none;
	padding-right: 10px;
}


.NFTextareaTop {
	background: url(../img/niceforms/textarea-tr.png) no-repeat 100% 0;
}

.NFTextareaBottom {
	background: url(../img/niceforms/textarea-br.png) no-repeat 100% 0;
	margin-bottom: 5px;
}

.NFTextareaTopLeft, .NFTextareaBottomLeft {
	width: 5px;
	height: 5px;
}

.NFTextareaTopLeft {
	background: #f2f2e6 url(../img/niceforms/textarea-tl.png) no-repeat 0 0;
}

.NFTextareaBottomLeft {
	background: #f2f2e6 url(../img/niceforms/textarea-bl.png) no-repeat 0 0;
}

.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {
	float: left;
	padding-bottom: 5px;
}

.NFTextareaLeft, .NFTextareaLeftH {
	width: 5px;
}

.NFTextareaLeft {
	background: url(../img/niceforms/textarea-l-off.png) repeat-y 0 0;
}

.NFTextareaLeftH {
	background: url(../img/niceforms/textarea-l-over.png) repeat-y 0 0;
}

.NFTextareaRight, .NFTextareaRightH {
	padding-right: 5px;
	padding-bottom: 0;
}

.NFTextareaRight {
	background: url(../img/niceforms/textarea-r-off.png) repeat-y 100% 0;
}

.NFTextareaRightH {
	background: url(../img/niceforms/textarea-r-over.png) repeat-y 100% 100%;
}

/* ---------------------------------------------------------------- Files --- */

.NFFileButton {
	padding-bottom: 0;
	vertical-align: bottom;
	cursor: pointer;
	background: url(../img/niceforms/file.png) no-repeat 0 0;
	width: 60px;
	height: 21px;
}

.NFFile {
	position: relative;
	margin-bottom: 5px;
}

.NFFile input.NFhidden {
	position: relative;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	text-align: left;
}

.NFFileNew {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

/* -------------------------------------------------------------- Selects --- */

.NFSelect {
	height: 21px;
	position: absolute;
	border: 1px solid transparent;
}

.NFSelectLeft {
	float: left;
	width: 3px;
	height: 21px;
	background: url(../img/niceforms/select-left.png) no-repeat 0 0;
	vertical-align: middle;
}

.NFSelectRight {
	height: 21px;
	width: auto;
	background: url(../img/niceforms/select-right.png) no-repeat 100% 0;
	cursor: pointer;
	font: 12px/21px Arial, Helvetica, sans-serif;
	color: #fff;
	padding-left: 3px;
	margin-left: 3px;
}

.NFSelectTarget {
	position: absolute;
	background: none;
	margin-left: -13px;
	margin-top: 18px;
	z-index: 3;
	left: 0;
	top: 0;
	padding-bottom: 13px;
}

.NFSelectOptions {
	position: relative;
	background: #707175;
	margin-left: 16px;
	margin-top: 0;
	list-style: none;
	padding: 4px 0;
	color: #fff;
	font: 11px/13px Arial, Helvetica, sans-serif;
	z-index: 4;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	left: 0;
	top: 0;
}

.NFSelectOptions li {
	padding-bottom: 1px;
}

.NFSelectOptions a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 2px 3px;
	background: none;
}

.NFSelectOptions a.NFOptionActive {
	background: #464646;
}

.NFSelectOptions a:hover {
	background: #333;
}

/* ----------------------------------------------------- Multiple Selects --- */

.NFMultiSelect {
	border: 0;
	background: none;
	margin: 0;
}

.NFMultiSelectTop, .NFMultiSelectBottom {
	height: 5px;
	clear: both;
	float: none;
	padding-right: 10px;
}

.NFMultiSelectTop {
	background: url(../img/niceforms/textarea-tr.png) no-repeat 100% 0;
}

.NFMultiSelectBottom {
	background: url(../img/niceforms/textarea-br.png) no-repeat 100% 0;
	margin-bottom: 5px;
}

.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {
	width: 5px;
	height: 5px;
}

.NFMultiSelectTopLeft {
	background: #f2f2e6 url(../img/niceforms/textarea-tl.png) no-repeat 0 0;
}

.NFMultiSelectBottomLeft {
	background: #f2f2e6 url(../img/niceforms/textarea-bl.png) no-repeat 0 0;
}

.NFMultiSelectLeft, .NFMultiSelectRight,
.NFMultiSelectLeftH, .NFMultiSelectRightH {
	float: left;
	padding-bottom: 5px;
}

.NFMultiSelectLeft, .NFMultiSelectLeftH {
	width: 5px;
}

.NFMultiSelectLeft {
	background: url(../img/niceforms/textarea-l-off.png) repeat-y 0 0;
}

.NFMultiSelectLeftH {
	background: url(../img/niceforms/textarea-l-over.png) repeat-y 0 0;
}

.NFMultiSelectRight, .NFMultiSelectRightH {
	padding-right: 5px;
	padding-bottom:0;
}

.NFMultiSelectRight {
	background: url(../img/niceforms/textarea-r-off.png) repeat-y 100% 0;
}

.NFMultiSelectRightH {
	background: url(../img/niceforms/textarea-r-over.png) repeat-y 100% 0;
}

/* -------------------------------------------------------------- Focused --- */

.NFfocused {
	border: 1px dotted #666;
}

/*--------------------------------------------------------------- Hovered --- */

.NFh {
	background-position: 0 100%;
}

.NFhr {
	background-position: 100% 100%;
}

/* --------------------------------------------------------------- Hidden --- */

.NFhidden {
	opacity: 0;
	z-index: -1;
	position: relative;
}

/* --------------------------------------------------------------- Safari --- */

select, input, textarea, button {
	outline: none;
	resize: none;
}