/* @override http://www.chooseyourcolors.com/templates/css/forms.css */

/*Forms*/

form .section{
border-top:#eeeeee 1px solid;
border-bottom:#eeeeee 1px solid;
padding:10px;
margin:6px 0 6px 0;
background: url('/templates/images/entry_bubbles.gif') top repeat-x;
}
form .title{
font-size:14px;
color:#006699;
}
fieldset {
padding:0 8px;
margin:8px 0;
font-size:1.0em;
color:#333333;
border:#eeeeee 2px solid;
text-align:left;
}
legend {
padding:4px;
margin:6px 0 6px 0;
font-size:1.2em;
color:#006699;
font-weight:bold;
}
/*Form Elements*/
label {
margin:8px 0 4px 0;
padding: 0;
font-size:1.1em;
color: #555555;
font-weight:bold;
text-transform:capitalize;
display: block;
}
label span{
font-size:0.9em;
color:#777777;
font-weight: normal;
text-transform:lowercase;
}
.input,
.textarea,
.select,
.multiselect {
border: 1px solid #cccccc;
border-top-color: #999999;
border-left-color: #999999;
color:             #333;
background: #f9f9f9 url(/templates/images/form_field_bg.gif) no-repeat top left;
font-family:       "Lucida Grande", Verdana, Geneva, Sans-serif;
font-size:1.2em;
line-height: 1.2em;
padding:2px;
margin:0 4px 0 0;
display: block;
} 
.textarea{
line-height: 1.8em;
width: 99%;
}
.readonly {
color: #999999;
background-color: #eeeeee;
}
.radio {
color:             #333333;
background-color:  transparent;
margin-top:        4px;
margin-bottom:     0px;
padding:           0;
border:            0;
}
.checkbox {
color:             #333333;
background-color:  transparent;
margin-top:        4px;
margin-bottom:     0px;
padding:           0;
border:            0;
}

.button {
font-family:    	Lucida Grande, Verdana, Geneva, Sans-serif;
font-size:         	11px;
font-weight:       	bold;
border:				1px inset #ccc;
margin:        		10px 0 0 0;
padding:			0 6px 0 6px;
background: #eeeeee url(/templates/images/grey_grad.gif) repeat-x top left;
color:             #0066CC;
line-height:				18px;
border:				1px outset #ccc;
cursor:				pointer;
}
.button:hover {
border:				1px outset #006699;
background-position:20px;
}