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

.forms p {border-bottom: 1px solid #eee; margin: 0; clear:both; width: 500px;}
.forms table, .forms th, .forms td { border: none; padding: 0;}
.forms table { margin: 10px 0; /*border-top: 1px solid #eee; border-bottom: 1px solid #eee;*/ margin-bottom: 20px;}
.forms td { vertical-align: top; padding: 0.5em 0; padding-right: 1.5em; /*border-bottom: 1px solid #f3f3f3;*/ }

.forms label {  font-weight: bold; display: block; text-align: right; /*display: block; float: left; margin: 0.5em 0; padding: 0 0; width: 11em; */ color: #3e494e; }
.forms label.checkLabel { display: block; text-align: left;float: left; width: 230px; /*background: #eee;*/ }


/* Fieldsets */
.forms fieldset    { padding:10px; /*margin: 0 10px 1.5em 10px;*/ border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.forms legend      { font-size: 0.9em; font-weight: bold; text-transform: uppercase; letter-spacing: normal; line-height: 1.6em; color: #24b2f1; }

/* Text fields */
.forms input.text, .forms input.title   { width: 230px; /*width: 300px; margin:0.5em 0.5em 0.5em 0;*/ }
.forms input.text, .forms input.title   { border:1px solid #eee; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background:#f6f6f6; padding:3px; }
.forms input.text:focus,
.forms input.title:focus         { border:1px solid #ddd; border-top: 1px solid #aaa; border-left: 1px solid #aaa; background:#fff; }
.forms input.title               { font-size:1.5em; }
.forms input.checkbox { float: left; background: #fff; margin: 0; /*margin-top: 0.6em;*/ margin-right: 0.5em; }

/* Textareas */
.forms textarea            { width: 400px; height: 250px; /*margin:0.5em 0.5em 0.5em 0;*/ }
.forms textarea            { border:1px solid #eee; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background:#f5f5f5; padding:3px; }
.forms textarea:focus      { border:1px solid #ddd; border-top: 1px solid #aaa; border-left: 1px solid #aaa; background:#fff; }

/* Select fields */
.forms select              { border:1px solid #ccc; background:#f6f6f6; width: 238px;/*width:200px;*/ margin:0.5em 0.5em 0.5em 0; padding:3px;}
.forms select:focus        { border:1px solid #999; background:#fff; }

.forms .chkBoxListingTable label { display: block; text-align: left;float: left; width: 230px; /*background: #eee;*/ }
.forms .chkBoxListingTable input { float: left; background: #fff; margin: 0; /*margin-top: 0.6em;*/ margin-right: 0.5em; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { /*padding: .8em; margin-bottom: 1em;*/ padding: 0.2em 0.8em; border: 1px solid #ddd; display:block; }
.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; }

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
/*  display:block;
  float:left;*/
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
/*  border: 1px solid #dedede;*/
border: 1px solid #ccc;	
  border-top:1px solid #eee;
  border-left:1px solid #eee;
background: url(../images/common/bkg_button.gif) repeat-x bottom left;
  background-color:#f5f5f5;
/*  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
/*  border:1px solid #c2e1ef;*/
  border-right: 1px solid #c2e1ef;
  border-bottom: 1px solid #c2e1ef;
  /*border-right: 1px solid #24b2f1;
  border-bottom: 1px solid #24b2f1;*/
/*  color:#336699;*/
color: #0682b4;
  text-decoration: none;
  background-image: none;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}