/*
   baseforms.css
   resources
   
   Created by Cale Woodley on 2009-03-17.
   Copyright 2009 Webfirm. All rights reserved.
*/

.baseform li {
  margin: 5px 0 0 0;
  list-style: none !important;
}

.baseform fieldset {border: none;}

.baseform li.address {
  margin-bottom: 0;
  line-height: 15px;
}

.baseform .note {font-size: 11px; color: #808080;}

.baseform label {
  float: left;
  display: block;
  width: 140px;
  padding-right: 5px;
}

.baseform label.short {
  float: left;
  display: block;
  width: 80px !important;
  padding-right: 5px;
}

.baseform input[type="text"] {
  background: #fff;
  border: 1px solid #c3c3c3;
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #ddd;
  padding: 2px 2px;
  height: 18px;
}

.baseform textarea {
  background: #fff;
  border: 1px solid #c3c3c3;
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #ddd;
  padding: 2px 2px;
}

.baseform input.checkbox {
  background: none;
  border: none;
}

.baseform input.disabled {
  background: #d4d0c8;
  border: 2px solid #ccc;
}

.baseform label.error {
  background: url(../images/icon-form-error.gif) 0 0 no-repeat !important;
  float: none;
  display: block;
  color: #ff0000;
  font-size: 10px;
  line-height: 10px;
	padding: 0 0 0 15px;
  margin: 2px 0 0 145px;
  width: auto;
}

.baseform label.correct {
  background: url(../images/icon-form-valid.gif) 0 6px no-repeat !important;
  width: 10px;
  height: 22px;
  margin-left: 5px;
  vertical-align: top;
  display:inline-block;
}

.baseform a#delivery-same {color: #808080;}

.baseform span.attention {color: #ff0000; font-weight: bold;}

.baseform fieldset {width: 550px;}

form#mailinglist-form fieldset, #login-form fieldset {width:180px; padding:0; margin:0;}
form#mailinglist-form ol li {}
form#mailinglist-form input {width:110px; float:left; height:15px; background-color:#ffe7a7; border:1px solid #ffc962; padding:5px;}

form#mailinglist-form input.button  {width:45px; height:35px; border:none; background:none; padding:0 0 0 10px; margin:0;}
form#login-form input.button        {width:43px; height:35px; border:none; background:none; padding:0 15px 0 5px; margin:0;}

form#login-form       {background:#b59864 url('../images/core/title-login.gif') no-repeat left top; margin:0; width:180px !important; padding:50px 0 0 0;}
form#login-form input {width:145px; height:15px; background-color:#e5c68f; border:1px solid #977b48; padding:5px; margin:0 10px 0 10px;}

form#login-form label.error {margin:2px 0 0 25px;}
form#login-form span.attention {padding:5px 2px;}

form#search-form fieldset     {width:215px; padding:10px 0 0 0; margin:0;}
form#search-form input        {width:115px; float:left; height:15px; background:#fff; border:1px solid #edd082; padding:5px; color:#dd6600;}
form#search-form input.button {width:74px; height:32px; border:none; background:none; padding:0 0 0 0; margin:0 0 0 10px;;}

/*************************************************
    CUSTOM STYLING
    modify styles to suit your site here.
*************************************************/
/* BUTTONS - http://particletree.com/features/rediscovering-the-button-element/ */
.buttons a, .buttons button, .buttons input{
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    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;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px 0 0 !important;
    padding:0;
    border:none;
}

button:hover, .buttons a:hover, .buttons input:hover{
    background-color:#F0F6F8;
    border:1px solid #ccc;
}
.buttons a:active{
    background-color:#6299c5;
    color:#fff;
}

li.buttons {margin-left: 0px;} /* pushes submit button flush with inputs instead of labels */

.last-action {
	font-weight:bold; 
	padding:2px 2px 2px 35px; 
	display:block; 
	background:#ffc425 url('../images/small-info9999ff.gif') no-repeat top left;
	color:#000 !important; 
	margin:0 2px 5px 2px; 
	border:2px solid #e8a900; 
	line-height:12px;
	min-height:30px;
}

.last-actionmain {
	font-weight:bold; 
	padding:2px 2px 2px 35px; 
	display:block; 
	background:#ffc425;
	color:#000 !important; 
	margin:0 2px 5px 2px; 
	border:2px solid #e8a900; 
	line-height:12px;
	min-height:30px;
}

.last-action p{color:#fff !important;}
.error-title {
	color:#fff;
	margin:0 0 3px 0;
}
