
<!doctype html>
<html>
<head>
<title>Teamplay Admin</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-Equiv="Cache-Control" Content="no-cache" />
<meta http-Equiv="Pragma" Content="no-cache" />
<meta http-Equiv="Expires" Content="0" />

<script language="JavaScript1.2" src="util.js" type="text/javascript"><!-- --></script>

<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

<style>

body {
  min-height: 800px;
  padding-top: 60px;
  width="100%";
}

body, .navbar, .dropdown-menu {
  border-color: transparent; background-color: #FFFFFF !important;
}

.carousel .carousel-inner img {
  width: 100%;
  border-radius: 5px;
  object-fit: cover;  overflow: hidden;  position: relative;
  
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    border-radius: 5px;
}

.carousel-caption{ color: #FFFFFF !important;}

.carousel-indicators li, .carousel .carousel-control { visibility: hidden; }

.tpfont, body, p, .navbar-brand.tpfont, .navbar .navbar-nav li a {
   font-family: , sans-serif;
   font-style: Normal;
   color: # !important;
   font-size: 16px;
}

th {
    vertical-align: middle !important;
   }

.table-striped tbody > tr:nth-child(odd) {
  background-color: # !important;
}

/* For bootstrap table not to show until fully loaded */
div.datatable {
  display:none;
}

.selectedTableRow{background-color:#FFFF00 !important;}

/* Example: class="label label-gray" */
[class*='-gray'] {
	background-color:#e6e6e6;
    color:#666;
}
[class*='-lightgreen'] {
	background-color:#00ff00;
    color:#666;
}

/* Center the contents of an element, for example div */
.centercontents {
    text-align: center !important;
}

/* No border buttons in "export" pulldown */
.btn.no-border{
  border:0px solid transparent; /* this was 1px earlier */
 }


/* LEAGACY */
.scrollbox {padding: 10px; height: 100px; width: 200px; border: 1px solid #999999; overflow: auto; background-color: #F1F1EB;}

div.guide {
  display:none;
}

div.help {
  display:none;
  background-color: #AAD77D;
}

pre.pretty {
  font-family: ;
  font-style: Normal;
  font-weight: normal;
  font-size: 16px;
}

table.transparent {
  border-style: none;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

table.transparent td, table.transparent th {
  padding : 3;
}

table.transparent_border {
	border-width: 1px;
	border-spacing: 5px;
	border-style: outset;
	border-color: #f5f5f5;
	border-collapse: collapse;
	background-color: transparent;
}

table.transparent_border td, table.transparent_border th {
  border-color: #D3D3D3;
  padding: 3px;
}

table.transparent_bottom_border {
	border-style: none;
	border-color: #D3D3D3;
	border-collapse: collapse;
	background-color: transparent;
}

table.transparent_bottom_border td, table.transparent_bottom_border th {
  padding: 3px;
}

table.transparent_narrow {
  border-style: none;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

table.dynamic {
  padding: 1px;
  border-collapse: collapse;
}

button img {
vertical-align:middle;
}


a:visited { color: #; }
a:link    { color: #; }
a:active  { color: red; }
a:hover, .navbar .navbar-nav li a:hover, .dropdown-menu li a:hover  { color: # !important; }

</style>



</head>

<body>
<!-- Bootstrap including Popper -->
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>


<div class="container-fluid">

<H3><H3>Intresseanmälan domare  - Ånäscupen</H3></H3>
<H5>Sista anmälningsdag:     -  -  </H5>
<br>

<p></p>

<form role="form" class="form-horizontal" action="https://teamplaycup.se/907/?intresseanmalan!" method="POST" enctype="text/plain" name="mainform">
<input type="hidden" size="16" name="submit_bot" value="submit_bot">

<div class="mb-3 row">
  <div class="col-sm-12">
    <label>Uppgifter</label>
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-2">
    <label>Namn *</label>
    <input type="text" class="form-control form-control-sm" name="medlem">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-12">
    <label>Personnr  (ÅÅMMDD-NNNN) *</label>
  </div>
  <div class="col-sm-2">
    <input type="text" class="form-control form-control-sm" name="fodd">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-12">
    <label>E-mailadress  *</label>
  </div>
  <div class="col-sm-4">
    <input type="text" class="form-control form-control-sm" name="epost">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-2">
    <label>Mobiltelefon *</label>
    <input type="text" class="form-control form-control-sm" name="telefon1">
  </div>
  <div class="col-sm-2">
    <label>Telefon bostad</label>
    <input type="text" class="form-control form-control-sm" name="telefon2">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-2">
    <label>Önskar döma klasser *</label>
    <input type="text" class="form-control form-control-sm" name="dom_kat2">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-2">
    <label>Förening/Distrikt *</label>
    <input type="text" class="form-control form-control-sm" name="distrikt">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-2">
    <label>Domarnummer </label>
    <input type="text" class="form-control form-control-sm" name="domarnummer">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-2">
    <label>Domarkompetens </label>
    <input type="text" class="form-control form-control-sm" name="merit">
  </div>
</div>

<div class="mb-3 row">
  <div class="col-sm-12">
    <label>Övriga upplysningar</label>
  </div>
  <div class="col-sm-4">
    <textarea class="form-control form-control-sm" name="info" rows="4"></textarea>
    <input type="hidden" size="16" name="placeholder"></td>
  </div>
</div>

<br>

<p>* <I>Obligatoriska fält </I></p>

<br>
<div class="mb-3 row">
  <div class="col-sm-12">
    <button class="btn btn-outline-dark btn-sm" name="submit" value="submit" type="submit"><i class="bi-save"></i> Registrera </button>
    <button class="btn btn-outline-dark btn-sm" name="reset" value="reset" type="reset"><i class="bi-arrow-repeat"></i> Rensa fält </button>
  </div>
</div>

<input type="hidden" size="16" name="referer" value="">

<input type="hidden" name="submit_eot">
</form>

</div>

</body>
</html>

