@charset "UTF-8";

#docform
{
width: 561px;
margin: 20px 0px 0px;
padding: 0px;
}

#docform form
{
width: auto;
margin: 10px 0px;
padding: 0px;
letter-spacing: 0.03em;
color: #333333;
text-align: left;
text-indent: 0px;
font: 12px/18px Arial, Helvetica, sans-serif;
}

fieldset
{
display: block;
margin: 0px 0px 20px;
padding: 0px;
border-width: 0px;
border-style: none;
}

fieldset a:link, fieldset a:visited, fieldset a:hover, fieldset a:active
{
color: #2C86E3;
text-decoration: none;
}

.submit { margin-left: 10px; }

.clear { clear:both; }

.group1 input
{
overflow: visible;
position: relative;
margin: 0px;
padding: 0px;
height: auto;
width: 375px;
border-style: none;
}

.group2 input
{
overflow: visible;
position: relative;
margin: 0px;
padding: 0px;
height: auto;
width: 375px;
}

input.checkbox
{
width: auto;
height: auto;
overflow: visible;
float: left;
margin-right: 10px;
}

input.radio, input.submit
{
width: auto;
height: auto;
overflow: visible;
float: left;
}

#docform p
{
overflow: visible;
margin: 4px 0px 10px 30px;
padding: 0px;
width: auto;
position: relative;
clear: both;
line-height: 18px;
}

legend
{
font: 20px/20px Georgia, "Times New Roman", Times, serif;
color: #2C86E3;
margin: 0px;
padding: 0px 0px 10px 30px;
text-indent: 0px;
position: relative;
float: left;
}
 .infoLegend, {
font: 20px/20px Georgia, "Times New Roman", Times, serif;
color: #999999;
margin: 0px 0px 0px 30px;
padding: 0px;
position: relative;
text-indent: 0px;
}

#docform h3
{
margin: 0px 0px 0px 20px;
padding: 0px;
letter-spacing: 0.05em;
font-family: Arial, Helvetica, sans-serif;
}

div.group1
{
width: 520px;
margin: 0px;
padding: 0px 0px 0px 30px;
height: auto;
}

.group1 label
{
height: auto;
position: relative;
overflow: visible;
float: left;
margin: 0px;
padding: 0px;
}

div.group1 div.list
{
padding: 0px;
height: auto;
width: 480px;
overflow: visible;
margin: 0px 0px 10px 30px;
}

div.group2
{
width: 490px;
margin: 0px;
padding: 0px 30px;
height: auto;
}

.group2 label
{
height: auto;
overflow: visible;
float: left;
width: 70px;
text-align: right;
position: relative;
margin: 0px 10px 0px 0px;
padding: 0px;
}

div.group2 div.list
{
padding: 0px;
height: auto;
width: 480px;
overflow: visible;
margin: 0px 0px 10px;
float: left;
position: relative;
}

#name, #email
{
overflow: visible;
float: left;
border-bottom: 1px solid #CCCCCC;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

textarea
{
overflow: auto;
height: 100px;
float: left;
border-style: none;
color: #000000;
}

#amount
{
width: auto;
height: auto;
overflow: visible;
float: left;
margin-left: 10px;
border-bottom: 1px solid #CCCCCC;
}

.amount { color: #2C86E3; }

.group2 label.topBold
{
text-align: right;
display: block;
}

.group2 input:focus, .group2 textarea:focus, .group1 input:focus { background: #F1F1F1 url(../../assets/images_01/donations/gray_flash.gif) repeat-y left top; }