 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
<title>Tili suljettu / Account Suspended</title>
<style type="text/css">
body {
background: #333;
margin: 0;
padding: 0;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
height: 100%;
}

#wrapper {
   width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       margin: 0px 0px -41px 0px;
 }

#footer {
padding-top: 40px;
padding-bottom: 20px;
width: 100%;
background: #333333;
bottom: 0;
}

#footer_cont {
width: 700px;
margin-left: auto;
margin-right: auto;
color: #D9D9D9;
}

#footer_cont a {
color: #f0f0f0;
}
.wrap {
width: 100%;
background: #333333;
padding-top: 60px;
padding-bottom: 60px;
top: 0;
margin-top: 0;
}

.wrap2 {
width: 100%;
background: #fff;
padding-top: 60px;
padding-bottom: 60px;

}
.msg {
width: 960px;
margin-left: auto;
margin-right: auto;
}

@media (max-width: 900px) {
.msg {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#footer_cont {
width: 90%;
}
}
a {
text-decoration: none;
color: #fff;
}
h1 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: inherit;
  }
  p {
  margin: 0 0 15px;
  font-size: 18px;
  line-height: 1.72222;
  }
  .modal {
  z-index: 1050;
  }
.modal-content {
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid #ebedef;
  border-radius: 7px;
  box-shadow: none;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  color: #333;
  overflow: visible;
  }
.modal-backdrop {
  background-color: #243342;
  }
.modal-backdrop.in {
  filter: alpha(opacity=95);
  opacity: .95;
  }
.modal-header {
  padding: 17px 19px 15px 24px;
  border-bottom: 2px solid #ebedef;
  }
.modal-header .close {
  padding: 0;
  margin: 5px 0 0;
  font-size: 18px;
  line-height: 1;
  color: #333;
  }
.modal-title {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  }
.modal-body {
  padding: 20px 24px 20px;
  }
.modal-body p {
  font-size: 16px;
  line-height: 1.625;
  }
.modal-footer {
  padding: 19px 22px 20px;
  background-color: #f2f2f2;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  }
.modal-footer .btn + .btn {
  margin-left: 12px;
  }
@media (max-width: 767px) {
.modal-content {
width: 80%;
}
  .modal-footer .btn {
    display: block;
    min-width: auto;
    margin-bottom: 15px;
    }
  .modal-footer .btn:last-child {
    margin-bottom: 0;
    }
  .modal-footer .btn + .btn {
    margin-left: 0;
    }
  }
@media (min-width: 768px) {

  .modal-dialog {
    width: 624px;
    margin: 30px auto;
    }
  .modal-content {
    box-shadow: none;
    }
  .modal-sm {
    width: 300px;
    }
  }
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
    }
  }
  .btn {
  padding: 10px 15px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  border: none;
  border-radius: 4px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
          transition: border .25s linear, color .25s linear, background-color .25s linear;

  -webkit-font-smoothing: subpixel-antialiased;
  }
.btn:hover,
.btn:focus {
  color: #fff;
  outline: none;
  }
.btn:active,
.btn.active {
  outline: none;
  box-shadow: none;
  }
.btn:focus:active {
  outline: none;
  }

.btn-primary {
  color: #fff;
  background-color: #1abc9c;
  }
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #48c9b0;
  border-color: #48c9b0;
  }
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: #16a085;
  border-color: #16a085;
  }

.btn-info {
  color: #fff;
  background-color: #5CC304;
  }
.btn-info:hover,
.btn-info.hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #7BCE34;
  border-color: #7BCE34;
  }
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background: #2c81ba;
  border-color: #2c81ba;
  }
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled.hover,
.btn-info[disabled].hover,
fieldset[disabled] .btn-info.hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #bdc3c7;
  border-color: #3498db;
  }
.btn-info .badge {
  color: #3498db;
  background-color: #fff;
  }
.btn-danger {
  color: #fff;
  background-color: #e74c3c;
  }
</style>
</head>
<body>
<div id="wrapper">
<div class="wrap">
<div class="modal-content">
            <div class="modal-header">
           
              <h4 class="modal-title" id="myModalLabel">Tili suljettu</h4>
            </div>
            <div class="modal-body">
                <h2><strong>Tämä tili on väliaikaisesti suljettu.</strong></h2>
	<p>Jos olet tilinhaltija, ota yhteyttä asiakaspalveluumme:</p>
	<p>asiakaspalvelu@hostingpalvelu.fi</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-info"><a href="https://www.hostingpalvelu.fi">Hostingpalvelu.fi</a></button>
              <button type="button" class="btn btn-info"><a href="https://www.hostingpalvelu.fi/asiakkaat/clientarea.php">Asiakassivut</a></button>
            </div>
          </div>
</div>
<div class="wrap2">
<div class="modal-content">
            <div class="modal-header">
           
              <h4 class="modal-title" id="myModalLabel">Account suspended</h4>
            </div>
            <div class="modal-body">
                <h2><strong>This account has been temporarily suspended.</strong></h2>
	<p>If you are the account holder, please contact support:</p>
	<p>support@hostingservice.fi</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-info"><a href="http://www.hostingservice.fi">Hostinservice.fi</a></button>
              <button type="button" class="btn btn-info"><a href="https://www.hostingpalvelu.fi/asiakkaat/clientarea.php?language=English">Client Area</a></button>
            </div>
          </div></div>
		  
		  <div id="footer">
		  <div id="footer_cont">
		 <p> <a href="https://www.hostingpalvelu.fi">Hostingpalvelu.fi</a> - oma <a href="https://www.hostingpalvelu.fi/asiakkaat/domainchecker.php">domain</a> ja <a href="https://www.hostingpalvelu.fi/webhotellit/">webhotelli</a> nopeasti ja helposti</p>
 </div></div>

</div>
</body>
</html>
