/* =============================================================================
   Reseting stuff
   ========================================================================== */
#dap1-sign-up-form a:hover,
#dap1-sign-up-form a:active { outline: 0; }

#dap1-sign-up-form label { cursor: pointer; }

#dap1-sign-up-form button,
#dap1-sign-up-form input,
#dap1-sign-up-form select,
#dap1-sign-up-form textarea { vertical-align: baseline; *vertical-align: middle;}

#dap1-sign-up-form button,
#dap1-sign-up-form input[type="button"],
#dap1-sign-up-form input[type="reset"],
#dap1-sign-up-form input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

#dap1-sign-up-form legend, #dap1-sign-up-form fieldset{background: none!important;border:none!important;font-style: normal!important;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix { height: 1%; overflow: visible;}

/* ==========================================================================
   dap1 Forms - Style 1 
   ========================================================================== */

h1{
	font-family: Georgia, serif;
	font-size:62px;
	color:#c5d2e8;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.55);
}

/* All elements inside this container are controlled by this stylesheet */

#dap1-sign-up-form{
	position: relative;
	width:734px;
	height: 334px;
	margin:0 auto;
	background: transparent url(../i/form-background.png) no-repeat top left;
	
	/* Helvetica if available (on OS X for example. Otherwise, Arial) */
	font-family: Helvetica, Arial, sans-serif;
	
	/* Box-Shadow */
	-moz-box-shadow: 0px 4px 8px rgba(3,23,49,0.6);
	-webkit-box-shadow: 0px 4px 8px rgba(3,23,49,0.6);
	-o-box-shadow: 0px 4px 8px rgba(3,23,49,0.6);
	
	/* Border-Radius */
	border-radius: 9px;

}

#dap1-form-ribbon{
	width:196px; /* 336 minus the padding */
	height:418px;
	position:absolute;
	top:-10px;
	left:0;
	background: transparent url(../i/ribbon-background.png) no-repeat top left;
	padding:10px 80px 0 60px;
}

/* Ribbon Title */
#dap1-form-ribbon h2{
	font-size:16px;
	line-height: 23px;
	font-weight: bold;
	text-transform: uppercase;
	color:#FFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	letter-spacing:normal!important;
}

/* Ribbon Subtitle */
#dap1-form-ribbon h3{
	font-size:13px;
	line-height: 21px;
	font-weight: normal;
	color:#041e3d;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}


/* The Actual Form */
form.dap1-form {
    margin: 0 0 0 326px !important;
    padding: 40px 0 0 !important;
    width: 398px;
}

form.dap1-form fieldset{
	padding:0;
}

/* The Form Title */
form.dap1-form legend{
	font-size:36px;
	font-weight: normal;
	color:#acceee;
	text-shadow: 0 1px 1px rgba(0,0,0,0.55);
	padding:0 0 25px 0;
}

form.dap1-form .dap1-input-container, form.dap1-form .dap1-actions{
	width:374px;
	height:45px;
	position: relative;
	margin:0 0 25px 0;
}

/* Input Field Icons */
form.dap1-form .dap1-input-container .icon{
	display: block;
	width:15px;
	height: 15px;
	position: absolute;
	z-index:999;
	left:12px;
	top:16px;
}

form.dap1-form #dap1-form-name .icon{
	background: url(../i/name-icon.png) no-repeat top left;
}

form.dap1-form #dap1-form-email .icon{
	background: url(../i/email-icon.png) no-repeat top left;
}

/* Text Input Field */
form.dap1-form input.dap1-input{
	width:320px;
	height: 44px;
	background: transparent url(../i/input-background.png) no-repeat top left;
	
	font-size: 14px;
	line-height: 44px;
	font-weight: normal;
	color:#636363;
	
	padding:0 0 0 50px;
	
	border:2px solid #031831;
	
	/* Box-Shadow */
	-moz-box-shadow: 0px 1px 1px rgba(3,23,49,0.6);
	-webkit-box-shadow: 0px 1px 1px rgba(3,23,49,0.6);
	-o-box-shadow: 0px 1px 1px rgba(3,23,49,0.6);
	
	/* Border-Radius */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}


form.dap1-form input.dap1-input:focus{
	outline: none; 
	
	border:2px solid #92ce00;
	
	/* Box-Shadow */	
	-moz-box-shadow: 0px 0px 3px rgba(166,207,0,1);
	-webkit-box-shadow: 0px 0px 3px rgba(166,207,0,1);
	-o-box-shadow: 0px 0px 3px rgba(166,207,0,1);
	
}

form.dap1-form input.dap1-input:hover{
	outline: none; 
	
	border:2px solid #92ce00;

	-webkit-transition: border-color .25s linear;  
	transition: border-color .25s linear;  
	-moz-transition: border-color .25s linear;  
	-o-transition: border-color .25s linear;  	
}

/* The Submit Button */
form.dap1-form .dap1-btn{
	width:370px;
	height:45px;
	background: transparent url(../i/button-background.png) no-repeat top left;
	
	font-size: 16px;
	line-height: 45px;
	font-weight: bold;
	text-transform: uppercase;
	color:#253b00;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
	
	margin:0 0 0 2px;
	
	/* Box-Shadow */
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
	-o-box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
	
	/* Border-Radius */
	border:none;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	outline: none;

}

form.dap1-form .dap1-btn:hover{
	background-position: bottom left;
	
	/* Box-Shadow */	
	-moz-box-shadow: 0px 0px 3px rgba(166,207,0,1);
	-webkit-box-shadow: 0px 0px 3px rgba(166,207,0,1);
	-o-box-shadow: 0px 0px 3px rgba(166,207,0,1);
}

form.dap1-form .dap1-btn:active{
	padding:1px 0 0 0;
	
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.6) inset, 0px 1px 2px rgba(48,131,0,0.8);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.6) inset, 0px 1px 2px rgba(48,131,0,0.8);
	-o-box-shadow: 0px 1px 1px rgba(0,0,0,0.6) inset, 0px 1px 2px rgba(48,131,0,0.8);

}

/* Animating all the transitions */
form.dap1-form .dap1-btn:active,
form.dap1-form .dap1-btn:hover,
form.dap1-form .dap1-btn,
form.dap1-form input.dap1-input:focus,
form.dap1-form input.dap1-input
 {
	-webkit-transition: border-color .25s linear, box-shadow .25s linear;  
	transition: border-color .25s linear, box-shadow .25s linear;  
	-moz-transition: border-color .25s linear, box-shadow .25s linear;  
	-o-transition: border-color .25s linear, box-shadow .25s linear; 
}