/* 
    Document   : forms
    Created on : 27-Mar-2009, 11:01:55
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Form Elements */
/* fieldset styling */
fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */
label {

}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}
/*input*/
input{
	width: 140px;
    height:1.5em;
	margin: 0px 5px 10px 0;
    border:1px solid #ccc;
    color:#bbb;
	}
#searchform input{
   margin: 0px;
}
/* style form elements on focus */
input:focus, textarea:focus {
  background: #fff;
  color:#666;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 300px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}
/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}
/* End the hack */
select {
	border:1px solid #333;
	width:100%
	}
/*general classes*/
.searchbutton, .submit{
    border:none;
    background: none;
    color: #bc352d;
    border:1px solid #fff;
    width:auto;
}
.searchbutton:hover, #submit:hover{
  border:1px solid #bc352d;
}
.checkbox{
    margin:0;
    height:auto;
}
.button{
 margin-top:10px; /*add an extra 5px to the top to separate it out a bit*/
}
.paypal{
    height:auto;
    width:auto;
    border:none;
    margin-top: 1em;
}
/*specifics */
#gb_form_div{
    border-top:1px solid #ccc;
    margin-top:20px;
}
#tools {
font-size:0.95em;
height:25px;

padding:5px;
border-top:1px solid #bbb;
clear:both;
}
#tools a:hover {
background:transparent none repeat scroll 0 0;
}
#tools img{
 border:1px solid #CCCCCC;
margin:0 10px 5px 0;
padding:2px;
}



.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}



#searchsubmit {
	padding-left:5px;
	}

#commentform input{
	width: 140px;
	margin: 5px 5px 1px 0;
    border:1px solid #ccc;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}
/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}

.commentlist blockquote {
	background:#ededed;
	}

.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;


	}

.commentlist cite strong {
	font-size:1.1em;
	}

li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}

.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}

.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
    background:#fff;
	}

#comment {
	background:#fff;
	}