@charset "utf-8";

*{margin:0;padding:0;}

html{height:100%;width:100%;}

body{font-family:Arial,san-serif;color:#222;font-size:14px;line-height:21px;background:#fff;}

h1{font-size:22px;margin-bottom:12px;}

h2{font-size:20px;}

h3{font-size:18px;}

h4{font-size:15px;}

p{font-size:14px;line-height:21px;}

p:last-child{margin-bottom:0px;}

a{font-size:14px;}

input{

	border-style: none;

	background-color: transparent;

	font: 600 18px/18px "Open Sans", sans-serif;

	color: #005874;

	/*background:#fff;

	font-size:14px;

	font-weight:bold;

	color:#111;

	padding:6px 10px 6px 10px;

	border:1px solid #ccc;

	-webkit-appearance:none;

	border-radius:0px;

	 -moz-border-radius:0px;*/

	}

/*.myButton input{background:#fff;color:#00797c;border-radius:50%;}

.myButton input:hover{background:#fff;color:#00797c;}*/





img{display:block;} /* remove bottom padding */



#center {text-align:center;clear:both;width:640px; height:auto;position:relative;top:0;margin:0 auto; border:none;}

#container{position:absolute;border:none;width:640px;height:230px;text-align: left;}		



/* misc styles */

.dragItem{}



.dropZone { 

	background:#fff;}

	



.feedbackBox{/*background:#fff;padding:10px;*/}





@media only screen and (max-width: 568px) {

	#center {

	    width: 100%;

	}



	

	#container {

	    height: 180px;

	    width: 100%;

	}

}