/**********************************************************************/
	/* Fachhochschule Münster                                             */
	/* Fachbereich Elektrotechnik und Informatik                          */
	/*                                                                    */
	/* extended DHTML Controls                                            */
	/* Projektarbeit im Fach Weborganisation/-Gestaltung (DHTML)          */
	/*                                                                    */
	/* (c) 2006 Matthias Boehmer | mail@m-boehmer.de | www.m-boehmer.de   */
	/*                                                                    */
	/* $Id: xstyle.css,v 1.13 2006/03/20 22:32:36 mboehmer Exp $          */
	/*                                                                    */
	/**********************************************************************/


	.textInput {
		border: 1px solid #7E838E;
		background-image: url('../img/input_back.gif');
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 2px;
		{ height: 21px; }
	}

	.textInputXErr {
		border: 1px solid #BE0000;
		background-image: url('../img/input_back_err.gif');
	}
	
	.textInputXOkay {
		border: 1px solid #197400;
		background-image: url('../img/input_back_okay.gif');
	}
	
	.xCheckBox {
		width: 12px;
		height: 12px;
		cursor: pointer;
		margin-bottom: -2px;
		margin-right: 6px;
		background-image: url('../img/checkbox.gif');
		border: 1px solid #7E838E;		
	}
	
	.xCheckBoxDown {
		background-image: url('../img/checkbox_checked.gif') !important;
	}
	
	.xCheckBoxDownDvd {
		background-image: url('../img/checkbox_checked_dvd.gif') !important;
	}

	.xCheckBoxDownWww {
		background-image: url('../img/checkbox_checked_www.gif') !important;
	}
	
	.xCheckBoxDownProg {
		background-image: url('../img/checkbox_checked_prog.gif') !important;
	}
	
	.xCheckBoxOver {
		border: 1px ridge #197400;
	}
	
	.xRadio {
		width: 12px;
		height: 12px;
		cursor: pointer;
		margin-bottom: -2px;
		margin-right: 6px;
		background-image: url('../img/radio.gif');
		border: 1px solid #7E838E;
	}
	
	.xRadioDown {
		background-image: url('../img/radio_checked.gif') !important;
	}
	
	.xRadioDownWin {
		background-image: url('../img/radio_checked_win.gif') !important;
	}

	.xRadioDownLin {
		background-image: url('../img/radio_checked_lin.gif') !important;
	}

	.xRadioDownMac {
		background-image: url('../img/radio_checked_mac.gif') !important;
	}


	.xRadioOver {
		border: 1px ridge #197400;
	}

	/* styles for standard pulldown select box */
	.xSelectBox {
		border: 1px solid #7E838E;
		cursor: pointer;
		position: relative;
		background-image: url('../img/input_back.gif');
		height: 19px;
		{ height: 21px !important; } /* nur IE */
	}
	
	.xSelectBoxPulldown {
		background-image: url('../img/xSelectPulldown.gif');
		height: 15px;
		width: 15px;
		cursor: pointer;
		position: absolute;
		right: 3px;
		top: 2px;
		background-repeat: no-repeat;
	}
	
	.xSelectBoxText {
		cursor: pointer;
		position: absolute;
		height: 15px;
		width: 90%;
		left: 2px;
		top: 2px;
	}
	
	.xSelectBoxMenue ul {
		list-style: none;
		margin: 0;
		padding: 0px;
	}
	
	.xSelectBoxMenue {
		background-color: #E9EAEE;
		cursor: default;
		position: absolute;
		width: 100%;
		top: 24px;
		z-index: 50;
		padding-top: 0px;
		top: 20px;
		border: 0px solid #000000;
		margin: -1px;
	}
	
	.xSelectList {
		width: 50%;
	}

	.xSelectList ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.xSelectListOption {
		border: 1px solid #7E838E;
		margin-bottom: 2px;
		margin-top: 0px;
		cursor: pointer;
		width: 100%;
		list-style-type: none;
		{margin-right: -2px !important}
	}

	.xSelectListOptionDown {
		background-color: #E9EAEE;
		margin-bottom: 2px;
		margin-top: 0px;
		background-color: #AEB1B8 !important;
	}
	
	.xSelectListOptionOver {
		margin-bottom: 2px;
		margin-top: 0px;
		border-bottom: 1px solid #000000 !important;
		border-left: 1px solid #000000 !important;
		border: 1px solid #000000 !important;
		cursor: pointer;
		width: 100%;
		list-style-type: none;
	}
	
	.textareaInputXOkay {
		border: 1px solid #197400;
	}
	
	.textareaInputXErr {
		border: 1px solid #BE0000;
	}
	
	.xTooltip {
		border: 1px solid #8E6707;
		background-color: #FFBB11;
		visibility: show; 
		position:absolute; 
		left: 0px; 
		top: 0px; 
		z-index: 100;
		overflow: show;
	}