/* Start of CMSMS style sheet 'kontaktowy' */
#DkrContactForm {
   display: block;
   clear: both;
   margin: 0;
   padding: 20px 0 0 50px;
   width: 300px;
}
   /* Komunitay **************************************************************/
   #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;
           }
   /************************************************************** Komunitay */
   
   
   /* 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; width: 300px;
       }
           
           #DkrContactForm .form fieldset.info .field {float: left; width: 300px;}

   #DkrContactForm input {
               width: 175px; float: left;           
           }
           
           #DkrContectForm .form fieldset.info label {
              background:#fff; }


       #DkrContactForm .form fieldset.message {
padding: 10px 0 0 0;
           float: left;
           width: 300px;
       }
           
           #DkrContactForm .form fieldset label {
               display: block; float: left;
               clear: both;
width: 100px; text-align: right; padding: 0 10px 0 0;
               background:none;
           }
           
           #DkrContactForm .form fieldset input, #DkrContactForm .form fieldset textarea {
               margin-bottom: 0; float: left;
               border: 1px solid #000;
font-size: inherit; font-family: inherit;
padding: 2px;
               background: #fff;
color: #000;
           }
           
           #DkrContactForm .form fieldset input.submit {
               float: left; clear: none !important;
               width: 80px;
               height: 22px; line-height: 22px;
               background: #D4D0C8; border: none; display: inline;
color: #000;
           }
           
           #DkrContactForm .form fieldset input.reset {
               float: left; clear: none !important; 
               width: 80px; margin: 0 20px 0 0;
               height: 22px; line-height: 22px;
               background:#D4D0C8; border: none; display: inline;
color: #000;
           }
#phoneValidate {margin: 0 !important;}           
           #DkrContactForm .form fieldset input#subject {
               width: 175px;
           }
           
           #DkrContactForm .form fieldset textarea {
               width: 175px; float: left; font-family: Tahoma, Arial, sans-serif;
               height: 150px;
               overflow:auto;
           }
           
           #DkrContactForm .form fieldset .field {
               display: block; float: left;
               clear: both;
               margin: 0; width: 300px;
               padding: 0;
               margin-bottom: 8px;
           }
           
           #DkrContactForm .form fieldset .buttons {
                padding: 0 0 10px 110px; width: 186px;   overflow: hidden;
               clear: both;
           }

                    
   /************************************************************** Formularz */

/* 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;
   margin-bottom: 8px;
   padding: 3px;
   padding-right: 0;
   color: #CC3333;
   margin-left:107px;

}

/* 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;
}

/* 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; */
}

/* 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;
   margin-bottom: 8px;
   padding: 3px;
   padding-right: 0;
   color: #CC3333;
   margin-left: 110px;
   padding-top: 3px;
}


/* 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 'kontaktowy' */