JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<title>Chesapeake Bay Nutria Eradication Sightings Map</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="CSS/style.css"/>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script type="text/javascript">
function check_and_quote() {
var res=true;
alert("success" + res);
}
</script>
</head>
<body>
<input type="button" onclick="check_and_quote(document.quote);" name="Quote" value="Request Quote" class="btn" onmouseover="this.className='btn_over'" onmouseout="this.className='btn'" />
</body>
</html>
CSS
h1, h2, h3 {
font: Georgia, Serif;
}
html, body, #map_canvas {
margin: 0;
padding: 0;
height: 100%;
}
form {
margin:0;
padding:0;
text-align:right;
}
fieldset {
clear:both;
font-family: Helvetica;
font-size: .8em;
font-weight: bold;
color:#182886;
border: 2px solid #182886;
white-space: nowrap;
background-color:#FFFFED;
}
form p{
margin:.25em;
padding:.2em;
}
label {
margin-right:.4em;
margin-left:.4em;
margin-bottom:0;
}
input {
padding:0;
margin-right: 0 .4em 0 0;
}
textarea{
width:17em;
height:5em;
margin:.4em .4em 0 0;
padding:0;
}
#submitBtn {
float:right;
margin:.2em .4em .2em 0;
padding:.3em;
}
#dos{
float:left;
margin-left:.5em;
}
#formDiv {
overflow:auto;
}
.error {
color: 'red';
padding:0;
margin:0 .4em 0 0;
}
p.error {
margin:.25em;
}
textarea.error{
margin:.4em .4em 0 0;
padding:0;
}
.valid {
padding:0;
margin:0 .4em 0 0;
}
.hide{
display:hide;
}
.clear{
clear:both;
}