/* saved */ /* Start of CMSMS style sheet 'Formularz kontaktowy' */
#DkrContactForm {
	display: block;
	clear: both;
	margin: 0 auto auto 0;
	overflow: hidden;
}


/* Komunikaty. */

#DkrContactForm #messages {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

#DkrContactForm #messages ul {
	list-style: none;
}

#DkrContactForm #messages ul li {
	background-image: none;
}

#DkrContactForm #messages ul .fieldName {
	font-weight: bold;
}


/* Formularz. */

#DkrContactForm .form {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

#DkrContactForm .form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#DkrContactForm .form fieldset.info {
	float: left;
}

#DkrContactForm .form fieldset.message {
	float: right;
}

#DkrContactForm .form fieldset label {
	display: block;
	clear: both;
	background: none;
}

#DkrContactForm .form fieldset input.submit {
	float: right;
}

#DkrContactForm .form fieldset input.reset {
	float: left; 
}

#DkrContactForm .form fieldset textarea {
	overflow: auto;
}

#DkrContactForm .form fieldset .field {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}

#DkrContactForm .form fieldset .buttons {
	display: block;
	clear: both;
}


/* Dostosowujemy poniższe style do wyglądu strony. */

#DkrContactForm {
	padding: 10px 0px;
	width: 431px; /* Szerokość formularza = szerokość prawej kolumny + szerokość lewych pól + 6px + odstęp między kolumnami. */
}

#DkrContactForm .form fieldset.info input {
	width: 179px; /* Szerokość pól w lewej kolumnie. */               
}

#DkrContactForm .form fieldset.info {
	width: 170px; /* Szerokość lewej kolumny = szerokość pól + 6px. */
}

#DkrContactForm .form fieldset input#subject, #DkrContactForm .form fieldset textarea {
	width: 224px; /* Szerokość pól w prawej kolumnie. */
}

#DkrContactForm .form fieldset textarea {
	height: 100px; /* Wysokość textarea. */
}

#DkrContactForm .form fieldset.message {
	width: 230px; /* Szerokość prawej kolumny = szerokość pól + 6px. */
}

#DkrContactForm .form fieldset input, #DkrContactForm .form fieldset textarea {
	margin-bottom: 0;
	border: 1px solid #0D7003;
	font-family: trebuchet, sans-serif;
	padding: 2px;
	background: #EDEDED;
	color: #000;
}

#DkrContactForm .form fieldset input:hover, #DkrContactForm .form fieldset textarea:hover {
	background: #F1F3F4;
	color: #000;
}
#DkrContactForm .form fieldset input:focus, #DkrContactForm .form fieldset textarea:focus {
	background: #FFFFFF;
	color: #000;
}

#DkrContactForm .form fieldset input.submit, #DkrContactForm .form fieldset input.reset,
#DkrContactForm .form fieldset input.submit:focus, #DkrContactForm .form fieldset input.reset:focus {
	width: 88px;
	height: 23px;
	color: #FFFFFF;
	border: 0px none;
	cursor: pointer;
	font-size: 11px;
	margin: 10px 12px 0px 12px;
}

#DkrContactForm .form fieldset input.submit, #DkrContactForm .form fieldset input.submit:focus {
	background: url(uploads/images/button1.gif) no-repeat right center;
}

#DkrContactForm .form fieldset input.reset, #DkrContactForm .form fieldset input.reset:focus {
	background: url(uploads/images/button1.gif) no-repeat left center;
}

#DkrContactForm .form fieldset input.submit:hover {
	background: url(uploads/images/button2.gif) no-repeat right center;
}

#DkrContactForm .form fieldset input.reset:hover {
	background: url(uploads/images/button2.gif) no-repeat left center;
}

#DkrContactForm .form fieldset label {
	background: none;
	color: #000;
	font-size: 95%;
}




/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.5 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages which prevent them from being displayed by default. */
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {
	display: none;
}


/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {
	display: block;
	clear: both;
	margin-left: 2px;
	padding: 3px;
	padding-right: 0;
	color: #CC3333;
}


/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */


/* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color: #B8F5B1 !important;
}


/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea,
textarea.textareaMinCharsState, .textareaMinCharsState textarea,
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color: #FF9F9F !important;
}


/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	/* background-color:#FFFFCC; */
}


/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState {
	color:red !important;
}


/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea {
	/* color: red !important;*/
}




/* SpryFormValidation.css - version 0.4 - Spry Pre-Release 1.5 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg,
.textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: block;
	clear: both;
	margin-left: 2px;
	padding: 3px;
	padding-right: 0;
	color: #CC3333;
}


/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states:
 * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1 !important;
	color: #000 !important;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F !important;
	color: #000 !important;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
//	color: red !important;
}


.formMessage {
	width: 100%;
	text-align: center;
	font-weight:bold;
	padding-top:30px;
}

/* End of 'Formularz kontaktowy' */