/************************************************/
/*  customFormElements Definitions				*/
/* 												*/
/*  classes:									*/
/*  F - Element has focus						*/
/*  H - Mouse is over the Element				*/
/*  A - Element is somehow active (e.g. checked)*/
/*  P - Element is pressed						*/
/*												*/
/*  classes can be used in any combination		*/
/************************************************/

form *:focus {
	outline: none;
}

.form_label {
	width: 150px;
	vertical-align: top;
	height: 17px;
	clear: both;
}
.form_field {
	width: 220px;
	vertical-align: top;
	height: 17px;
}

.submit {
	clear: both;
	float: none;
	height: 15px;
	padding-top: 0px;
}

/* 
 * fieldsets 
 */
/*
fieldset.F {
	border: 1px dotted #cc3300;
}

fieldset.F legend {
	background-color: #cc3300;
}*/

fieldset.H {
	border: 2px dashed #F0E68C;
	background-color: #FFFFF0;	
}

fieldset.H legend{
	background-color: #F0E68C;
}

fieldset.A{
	background-color: #F0FFFF;
	border-color: #40E0D0;
}

fieldset.A legend{
	background-color: #40E0D0;
}

/* 
 * labels 
 */
label {
	cursor: pointer;
}
label.H {
	color: #CCCCCC;
}
label.F {
	
}

/* 
 * tool tip related 
 */
.tip{
	border: 1px solid #339999;
	background-color: #fff;
	z-index:100;
	font-size:0.9em;
	color:#666;
	padding:2px 4px;
}

.jsQM{
	cursor: help;
	margin-left: 3px;
	vertical-align: middle;
	height: 13px;
	width: 12px;
	background: url(/fileadmin/magura/img/forms/qm.gif) no-repeat left top;
}

/* 
 * textfields with sliding doors
 */
.jsTextSlide,.jsPasswordSlide {
	background-image: none;
	background-color: #191919;
	border: 0px none;
	display: inline;
	float: left;
}
.jsTextSlide .jsText,.jsPasswordSlide .jsPassword {
	background-image: none;
	background-color: #191919;
	border: 0px none;
	display: inline;
	float: left;
	height: 15px;
	padding: 0 0 0 8px;
	width: 210px;
}
#indexedsearch .jsTextSlide {
	background-color: transparent;
}
#indexedsearch .jsTextSlide .jsText, #indexedsearch .searchfield {
	background-color: #FFFFFF;
	color:#191919;
	font-size:9px;
	font-weight:normal;
	height:12px;
	margin:3px 3px 0 0;
	padding:2px;
	width:100px;	
}
/* 
 * teaxtareas with sliding doors 
 */
/*
.jsTextareaSlide {
	background: url(/fileadmin/magura/img/forms/cfeTextareaR.gif) no-repeat right top;
	float: left;
}
.jsTextareaSlide .jsTextarea {
	background: url(/fileadmin/magura/img/forms/cfeTextareaL.gif) no-repeat left top;
	border: 0;
	float: left;
	height: 108px;
	margin: 0;
	padding: 5px 6px;
	width: 200px;
}
.jsTextareaSlide.F {
	background-position: 100% -120px;
}
.jsTextareaSlide.F .jsTextarea {
	background-position: 0 -120px;
}
*/

/*
 *  checkboxes and radiobuttons 
 */
.jsCheckbox img,.jsRadiobutton img {
	background-repeat: no-repeat;
	background-position: -4px -4px;
	height: 14px;
	vertical-align: text-top;
	width: 14px;
}
.jsCheckbox img {
	background-image: url(/fileadmin/magura/img/forms/checkboxes.gif);
}
.jsRadiobutton img {
	background-image: url(/fileadmin/magura/img/forms/radiobuttons.gif);
}
.jsCheckbox.A img,.jsRadiobutton.A img {
	background-position: -4px -44px;
}
.jsCheckbox.H img, .jsRadiobutton.H img {
	background-position: -4px -84px;
}
.jsCheckbox.H.A img,.jsRadiobutton.H.A img {
	background-position: -4px -124px;
}
.jsCheckbox.F img,.jsRadiobutton.F img {
	
}
.jsCheckbox.F.A img,.jsRadiobutton.F.A img {
	background-position: -4px -44px;
}
.jsCheckbox.F.H img,.jsRadiobutton.F.H img {
	background-position: -4px -84px;
}
.jsCheckbox.F.A.H img,.jsRadiobutton.F.A.H img {
	background-position: -4px -124px;
}

/* 
 * alternate checkboxes in second fieldset 
 */
.chb2 .jsCheckbox img {
	background-color: white;
	background-image: none;
	border: 1px solid #000;
	height: 12px;
	margin: 3px;
	width: 12px;
}
.chb2 .jsCheckbox.A img {
	background-color: #477B76;
}
.chb2 .jsCheckbox.H img {
	background-color: #ddd;
}
.chb2 .jsCheckbox.H.A img {
	background-color: #999;
}

/*
 *  file input 
 */
.jsFileWrapper {
	background: url(/fileadmin/magura/img/forms/cfeFile.gif) no-repeat 0 3px;
	height: 26px;
	width: 125px;
}
.jsFileWrapper.H {
	background-position: 0 -76px;
}
.jsFileWrapper,.jsFileL {
	display: inline;
	float: left;
}
.jsFilePath {
	float: left;
	height: 20px;
	padding: 3px 0;
}
.jsFilePath.hidden {
	display: none;
}
.jsFilePath * {
	vertical-align: middle;
}
.jsFilePath img {
	background-image: url(/fileadmin/magura/img/forms/fileicons/file.gif);
	height: 16px;
	margin-right: 3px;
	width: 16px;
}
.jsFilePath img.delete {
	background-image: url(/fileadmin/magura/img/forms/cross.gif);
	cursor: pointer;
	height: 16px;
	margin-left: 5px;
	width: 16px;
}
.jsFilePath img.pdf {
	background-image: url(/fileadmin/magura/img/forms/fileicons/pdf.gif);
}
.jsFilePath img.jpg,.jsFilePath img.gif,.jsFilePath img.jpeg,.jsFilePath img.tif,.jsFilePath img.bmp {
	background-image: url(/fileadmin/magura/img/forms/fileicons/img.gif);
}
.jsFilePath img.doc {
	background-image: url(/fileadmin/magura/img/forms/fileicons/doc.gif);
}
.jsFilePath img.xls {
	background-image: url(/fileadmin/magura/img/forms/fileicons/xls.gif);
}
.jsFilePath img.sql,.jsFilePath img.db {
	background-image: url(/fileadmin/magura/img/forms/fileicons/db.gif);
}
.jsFilePath img.html,.jsFilePath img.htm {
	background-image: url(/fileadmin/magura/img/forms/fileicons/html.gif);
}
.jsFilePath img.swf,.jsFilePath img.fla {
	background-image: url(/fileadmin/magura/img/forms/fileicons/flash.gif);
}
.jsFilePath img.zip,.jsFilePath img.rar,.jsFilePath img.ace {
	background-image: url(/fileadmin/magura/img/forms/fileicons/zip.gif);
}
.jsFilePath img.txt,.jsFilePath img.odt {
	background-image: url(/fileadmin/magura/img/forms/fileicons/text.gif);
}

/*****************************
 * submit and reset button   *
 ****************************/
.jsSubmit, .jsReset {
	width: auto;
	background: #191919 none no-repeat left top;
	text-align: center;
	color: #fcf316;
	padding: 1px 0 2px 0;
}
.jsSubmitSlide, .jsResetSlide {
	height: 100%;
	background: #191919 none no-repeat right top;
	padding: 1px 0 2px 0;
}
*+html .jsSubmit {
	padding: 0;
}
*+html .jsReset {
	padding: 0;
}
.jsButton .label{
	line-height: 14px;
	padding: 0 15px;
}
.jsButton.P {
	background-position: 0 -40px;
}
.jsButton.H {
	background-position: 0 -80px;
}
.jsButton.F {
	background-position: 0 -200px;
}
.jsButton.F.P {
	background-position: 0 -160px;
}
.jsButton.H.P {
	background-position: 0 -40px;
}
.jsButton.P span {
	background-position: 100% -40px;
}
.jsButton.H span {
	background-position: 100% -80px;
}
.jsButton.F span {
	background-position: 100% -200px;
}
.jsButton.F.P span {
	background-position: 100% -160px;
}
.jsButton.H.P span {
	background-position: 100% -40px;
}


/*
 * selector boxes 
 */
select {
	background-color: #000000;
	color: #FFFFFF;
	border: 0px none;
	height: 15px;
}

.jsSelector1 {
	width: 200px;
}
.jsSelector0 {
	width: 283px;
}
.jsSelector {
	background-color: #191919;
	cursor: pointer;
	float: left;
	height: 15px;
	width: 218px;
}
.jsSelector.H {
}
.jsSelector.H .jsSelectorArrow {
}
.jsSelectorArrow {
	background-image: url(/fileadmin/magura/img/forms/cfeSelectorArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	height: 15px;
	width: 10px;
}
.jsSelectorSlide {
	float: left;
	height: 15px;
	padding: 0px;
	width: 100%;
}
.jsSelector .jsOption {
	margin: 0;
	padding: 0 0 0 8px;
}
.jsSelectorCWrapper {
	background-image: none;
	margin: 0px;
}
.jsSelectorContent {
	background-color: transparent;
	background-image: none;
	padding: 0px;
	/*height: 50px;*/
	/*padding: 3px 0 2px 8px;*/
	width: 218px;
}
.jsSelectorC {
	border: 0px solid #191919;
	width: 208px;
}
.jsOption {
	background-color: #191919;
	color: #FFFFFF;
	cursor: pointer;
	height: 15px;
	padding: 0px 0px 0px 8px;
}
.jsSelectorContent .H {
	background-color: #666;
	color: #FCF316;
}
.jsSelectorScrollerWrapper img {
	cursor: pointer;
	display: block;
	height: 10px;
	width: 10px;
}
.jsSelectorScrollerWrapper {
	/*
	border: 1px solid #191919;
	border-left: 0px none;
	*/
	background-color: #FFFFFF;
	width: 10px;
}
.jsSelectorScrollerWrapper .scrollTop {
	background: url(/fileadmin/magura/img/forms/scrollUp.gif) no-repeat top center;
	background-color: #191919;	
}
.jsSelectorScrollerWrapper .scrollKnob {
	background-color: #191919;
}
.jsSelectorScrollerWrapper .scrollBottom {
	background: url(/fileadmin/magura/img/forms/scrollDown.gif) no-repeat bottom center;
	background-color: #191919;	
}