/*

 CSS Kontaktform
 PROFILE MEDIA
 
 Author: Johan Prawiro (j.prawiro@profile-media.de)
 Updated for version 0.9b (2009-08-24)
 
*/

	body,html {
	}
	
	#pmKontaktForm p {
		margin:				0 0 1em 0;
	}

	
	#content {
		background-color:	#CCC;
		border:				1px solid #000;
		margin:				20px auto;
		padding:			20px 50px;
		position:			relative;
		width:				480px;
    }


	#pmKontaktForm {
		position:			relative;
		font-size:			11px;
    }

	span.required {
		color:				#C00;
		font-size:			10px;
		padding-left:		4px;
    }
	
	div.requiredNotice {
		clear:				both;
		font-size:			10px;
		text-align:			right;
		padding-right:		70px;
    }

	#pmKontaktForm fieldset {
		border:				none;
		background:			transparent;
		margin:				0 0 20px 0;
		padding-bottom:		0;
		padding-top:		8px;
		
		/* site specific*/
	}

	#pmKontaktForm fieldset .clearing {
		display:			block;
		clear:				both;
		height:				1px;
		visibility:			hidden;
		width:				1px;
	}

	#pmKontaktForm fieldset legend {
		background-color:	#666;
		border:				1px solid #000;
		color:				#EEE;
		font-size:			14px;
		font-weight:		bold;
		line-height:		1;
		margin-left:		10px;
		padding:			4px;
	}

	#pmKontaktForm fieldset.formControl {
		padding:			20px 10px;
	}
	
	#pmKontaktForm .formRow {
		clear:				both;
		padding:			10px 10px 0 10px;
	}
	
	#pmKontaktForm .formRowCaptcha {
		clear:				both;
	}

	#pmKontaktForm label.labelInputText {
		float:				left;
		padding-right:		20px;
		text-align:			right;
		width:				130px;
	}

	#pmKontaktForm label.labelInputTextarea {
		float:				left;
		padding-right:		20px;
		text-align:			right;
		width:				130px;
	}

	#pmKontaktForm label.labelSelect {
		float:				left;
		padding-right:		20px;
		text-align:			right;
		width:				130px;
	}
	
	
	#pmKontaktForm .fieldInputText {
		border:				1px solid #DDDDDD;
		float:				left;
		font-family:		Verdana,Arial,Geneva,sans-serif;
		font-size:			11px;
		width:				290px;
	}
	
	#pmKontaktForm .fieldInputTextarea {
		border:				1px solid #DDDDDD;
		float:				left;
		font-family:		Verdana,Arial,Geneva,sans-serif;
		font-size:			11px;
		height:				188px;
		width:				290px;
	}

	#pmKontaktForm .fieldSelect {
		border:				1px solid #DDDDDD;
		float:				left;
		font-family:		Verdana,Arial,Geneva,sans-serif;
		font-size:			11px;
		width:				292px;
	}

	#pmKontaktForm .fieldInputText:focus,
	#pmKontaktForm .fieldInputText:active,
	#pmKontaktForm .fieldInputTextarea:focus,
	#pmKontaktForm .fieldInputTextarea:active,
	#pmKontaktForm .formRowCaptcha input.captchaInput:focus,
	#pmKontaktForm .formRowCaptcha input.captchaInput:active {
		background-color:	#EEE;
	}
	
	#pmKontaktForm .formRowCaptcha {
		padding:			10px;

	}

	#pmKontaktForm .formRowCaptcha .inputErrorMsg {
	}
	
	#pmKontaktForm .formRowCaptcha .captchaNotice {
	}

	
	#pmKontaktForm .formRowCaptcha .captchaImage {
		float:				left;
	}

	#pmKontaktForm .formRowCaptcha input.captchaInput {
		border:				1px solid #DDDDDD;
		float:				left;
		font-family:		Verdana,Arial,Geneva,sans-serif;
		font-size:			11px;
		margin-bottom:		10px;
		margin-left:		20px;
		width:				290px;
	}

	#pmKontaktForm .formRowCaptcha a.captchaReload {
		background-color:	transparent;
		border:				none;
		color:				#333;
		float:				left;
		margin-left:		20px;
		padding:			2px;
		text-align:			left;
		text-decoration:	none;
		width:				286px;
	}

	#pmKontaktForm .formRowCaptcha a.captchaReload:hover {
		text-decoration:	underline;
	}
	
	#pmKontaktForm .formRowControl {
		clear:				both;
		padding-top:		20px;
		padding-right:		55px;
	}
	
	#pmKontaktForm .formRowControl .inputSubmit {
/*		background-color:	#CCC;
		border:				1px solid #DDDDDD;*/
		color:				#333;
		float:				right;
		margin-right:		8px;
		width:				140px;
	}
/*
	#pmKontaktForm .formRowControl .inputSubmit:hover {
		background-color:	#7565AC;
		color:				#FFF;
	}
*/	
	#pmKontaktForm .formRowControl .inputReset {
		background-color:	#FFF;
		border:				1px solid #DDDDDD;
		color:				#333;
		float:				left;
		margin-left:		10px;
		width:				140px;
	}
	
	#pmKontaktForm .formRowControl .inputReset:hover {
		background-color:	#CCC;
	}
	
	#pmKontaktForm p.inputErrorMsg,
	#pmKontaktForm label.error {
		color:				#C00;
		display:			block;
		font-size:			11px;
		font-weight:		bold;
		padding:			2px 0;
		margin:				0;
	}
	
/* Radio Buttons */

	#pmKontaktForm label.labelRadioGroup {
		float:				left;
		padding-right:		20px;
		text-align:			right;
		width:				130px;
	}

	#pmKontaktForm ul.radioList {
		float:				left;
		list-style:			none;
		margin:				0;
		padding:			0;
		width:				292px;
	}

	#pmKontaktForm ul.radioList li {
		float:				left;
		padding:			0 5px 5px 0;
		width:				140px;
	}

	#pmKontaktForm ul.radioList li.radioOptionOther {
		clear:				both;
		padding:			0;
		width:				100%;
	}

	#pmKontaktForm ul.radioList li.radioOptionOther label.labelRadio {
		float:				left;
		padding:			2px 5px 0 5px;
		width:				90px;
	}
	
	#pmKontaktForm ul.radioList li.radioOptionOther input.fieldRadio {
		border:				1px solid #DDDDDD;
		float:				left;
		width:				190px;
	}

	#pmKontaktForm ul.radioList li.radioOptionOther input.fieldRadio:focus,
	#pmKontaktForm ul.radioList li.radioOptionOther input.fieldRadio:active {
		background-color:	#EEE;
	}

	
/* Checkboxes */


	#pmKontaktForm label.labelCheckboxGroup {
		float:				left;
		padding-right:		20px;
		text-align:			right;
		width:				130px;
	}

	#pmKontaktForm ul.checkboxList {
		float:				left;
		list-style:			none;
		margin:				0;
		padding:			0;
		width:				292px;
	}

	#pmKontaktForm ul.checkboxList li {
		float:				left;
		padding:			0 5px 5px 0;
		width:				140px;
	}
	
	#pmKontaktForm ul.field_dataprivacy li {
		width: auto;
	}

	#pmKontaktForm ul.checkboxList li.checkboxOptionOther {
		clear:				both;
		padding:			0;
		width:				100%;
	}

	#pmKontaktForm ul.checkboxList li.checkboxOptionOther label.labelCheckbox {
		float:				left;
		padding:			2px 5px 0 5px;
		width:				90px;
	}
	
	#pmKontaktForm ul.checkboxList li.checkboxOptionOther input.fieldCheckbox {
		border:				1px solid #DDDDDD;
		float:				left;
		width:				190px;
	}

	#pmKontaktForm ul.checkboxList li.checkboxOptionOther input.fieldCheckbox:focus,
	#pmKontaktForm ul.checkboxList li.checkboxOptionOther input.fieldCheckbox:active {
		background-color:	#EEE;
	}


/* Confirmation Table */

	.pmConfirmationTable {
		border-collapse:	collapse;
    }

	.pmConfirmationTable th.pmConfirmationLabel	{
		border:				1px solid #000;
		padding:			4px;
		text-align:			right;
		vertical-align:		top;
		width:				120px;
    }

	.pmConfirmationTable td.pmConfirmationValue	{
		border:				1px solid #000;
		padding:			4px;
		vertical-align:		top;
		width:				360px;
    }