/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: normal; font-size: 12px;}


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1em; }

/* Text fields */
input 						{font-size: 12px;}
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#fff; padding:3px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1em; font-weight: normal; background:#fff;}

/* Textareas */
textarea            { width: 400px; height: 150px; margin:0.5em 0.5em 0.5em 0; font-size: 13px; }
textarea            { border:1px solid #bbb; background:#fff; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#fff; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/*styling for online donation page */

p label { float: left; width: 220px; font-weight: bold; }

p input {margin:0.5em 0.5em 0.5em 0;border:1px solid #bbb; background:#fff; padding:3px;}

p input:hover.donatenow {
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
p input:active.donatenow{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* KOKODA LINK */

#link-form input {width:300px; border:1px solid #bbb; margin:10px 0px; font-size: 12px; height: 20px; line-height: 16px;}

#link-form textarea.content {width:500px; height: 500px;}

#link-form textarea.summary {width:500px; height: 100px;}

#link-form input.kokoda-submit {font-weight:bold; border:1px solid #bbb; background:#dff4ff; width: 80px; height:30px; cursor:pointer;}

#link-form input:hover.kokoda-submit {
  background-color:#6299c5;
  border:1px solid #c2e1ef;
  color:#fff;
}

#link-form input:active.kokoda-submit{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* TX Newsletter Styles */

.TXNewsletters_form_labelGauche {
display:block;
padding-top:2px;
float:left;
width:100px;
height:18px;
color: #333333;
position:relative;
top:0px;
text-align:left;
margin-right:2px;
}

.TXNewsletters_form_labelGauche 'Group' {display: none;}

.TXNewsletters_form {
margin:10px;
padding:2px;
}

.TXNewsletters_form_right {
padding-left:185px;
}

.TXNewsletters_form_item {
padding:1px;
margin:2px 2px 10px 2px;

}

.TXNewsletters_form_item TEXTAREA {
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333; 
}

.TXNewsletters_form_item INPUT {
height:20px;
vertical-align:left;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
width:250px;
}

INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
color:#ff0000;
}

.TXNewsletters_form_right input {
color: white;
background-color: #325a87;
}

/* NEWSLETTER SIGN UP */

input#name, input#djolt-djolt {width: 230px; height: 25px; border:1px solid #bbb;font-size: 16px;}

label#newsletter_name, label#newsletter_email {font-size: 16px; font-weight: 500; margin: 0px 15px 15px 20px;}

input.newsletter_submit {font-weight:bold; border:1px solid #bbb; background:#dff4ff; width: 80px; height:30px; cursor:pointer; margin-left: 90px;}

input:hover.newsletter_submit {
  background-color:#6299c5;
  border:1px solid #c2e1ef;
  color:#fff;
}

input:active.newsletter_submit{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}