.daf-parent {position:relative; min-height:330px; overflow:hidden;}
.daf-parent .field {-webkit-transition:600ms all; -moz-transition:600ms all; -ms-transition:600ms all; -o-transition:600ms all; transition:600ms all;}
.daf-parent.daf-open .field {margin-right:250px;}
.daf-parent.daf-open #daf {top:0;}

#daf .daf-what {position:absolute; top:0; left:0; background:#f7f7f7; padding:10px; margin:4px; border-bottom:2px #ddd solid;}
#daf .daf-what p {margin-bottom:10px;}
#daf .daf-what-close {display:block; float:right;}

#daf {position:absolute;  background:#fff; overflow: hidden; -webkit-transition:600ms all; -moz-transition:600ms all; -ms-transition:600ms all; -o-transition:600ms all; transition:600ms all;}
#daf #dafdirectdiv { border:4px solid #E0E0E0; width:212px; margin:0; padding:20px 15px 10px 15px; font-family: 'Lucida Grande', 'Lucida SansUnicode', Arial, sans-serif; font-size:14px; color:#365f7b; overflow:auto;}
#daf #dafWidgetHolder { width:300px }
#daf #dafdirectdiv form { margin: 0; }
#daf #dafdirectdiv form img { margin: 0 auto; display: block; }
#daf .whatThis a { text-decoration: underline; color: #5199CC; padding-bottom: 15px; border-bottom: 2px dotted #B2B2B2; margin: 0 0 10px 0; display: block; font-size: 12px; width:210px; text-align:right; }
#daf .donateFrom { width:210px; margin:5px 0 10px 0; font-size: 12px; } 
#daf input, #daf select { border:1px solid #B2B2B2; font-size:10px; padding:3px; color:#333;}
#daf .inputAmount { float:left; width:90px; padding:11px 0 0 0; margin:-5px 0 0 0; }
#daf .inputFull { width:202px; margin:3px 0 0 0; }
#daf .inputAmount input { width: 90px; font-size:12px; padding:3px; margin:3px 0 0 0; }
#daf div.buttonContain { margin: 25px -6px 0 0; float:right; width:71px;}
#daf .clearfix {clear:both; height: 1px;}