/* style the application form */

* { padding: 0; margin: 0; }

html, body { font-family: Arial,Helvetica,sans-serif; font-size: 1em; background-color: #fff; color: #000; text-align: center;}

.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.txt-right { text-align: right; }
.clear { clear: both; }


h1,h2,h3,h4,h5,h6 { font-size: 1.5em; color: #666; font-weight: lighter; }
h2 { font-size: 1.3em; }
p { margin: 0.5em 0; font-size: 0.8em;}
ul { font-size: 0.8em; font-family: Arial,Helvetica,sans-serif; }
li { margin-left: 1em; }

fieldset { margin: 0.5em 0; padding: 1em; border: 1px solid #ccc;}
legend { margin-left: 0.3em; font-weight: bold; padding: 0 0.3em; font-size: 0.8em; }

form {  }
label { font-weight: bold; font-size: 0.8em; }
input { border: 1px solid #003; }

input.button { background-color: #fff; color: #000; border: 1px solid #000; padding: 0.2em 0.3em; }
input.button:hover { background-color: #eee; cursor: pointer; }

input.req, textarea.req { border: 1px solid #f00; }
select.req,td.req { color: #f00; }

span.req { color: #f00;}
span.small { font-size: 85%; }

legend.warning { background: #fff url(/templates/common/images/icons/info.gif) no-repeat center left; padding-left: 20px; height: 16px; line-height: 16px; color: #d00;}

table td { vertical-align: top; }

#application { border: 1px solid #ccc; margin:20px; padding: 0.5em 1em; text-align: left; min-height: 400px;}

.pdf { background: #fff url(/templates/common/images/icons/pdf.gif) no-repeat center left; padding-left: 20px; }

div.info { margin: 0.5em 0; padding: 0.5em; background-color: #eee; border: 1px solid #333; color: #000; }

div#timer { border: 1px solid #f00; float: right; margin: 0.5em; margin-right: 20px; padding: 0.1em;}
div#timer span { font-weight: bold; } }