body {
  font-family: 'Droid Sans', Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
.clear {
  clear: both;
}
/**
	MAIN STRUCTURE
**/
div#pageArea {
  max-width: 1070px;
  margin: 0 auto;
  /*overflow: hidden;	*/

  position: relative;
  text-align: left;
  /*background: rgba(255, 235, 0, 0.11);*/

}
div#header {
  background-color: white;
}
div#header h1 {
  text-indent: -9999px;
  display: block;
  margin-top: 63px;
  margin-left: 16px;
  float: left;
}
div#header h1 a {
  display: block;
  max-width: 418px;
  height: 90px;
  overflow: hidden;
  border-bottom: none;
}
div#header h1.fi a {
  display: block;
  max-width: 418px;
  height: 90px;
  overflow: hidden;
  border-bottom: none;
  margin-left: 1px;
}
/*img#logo { margin-top: 63px; margin-left: 16px; width:418px; height:90px; }*/
#share {
  margin-top: 5px;
  float: right;
  clear: both;
  margin-right: 55px;
}
div.threecolumns p {
  margin-top: 10px;
}
div.threecolumns img {
  display: block;
}
div#footer div#wrap {
  width: 960px;
  margin: 0 auto;
  padding-left: 50px;
  margin-top: 20px;
  font-size: 10px;
}
div#footer ul {
  width: 300px;
  margin-left: 0;
  float: left;
  padding-bottom: 15px;
}
div#footer li {
  margin-left: 0;
  margin-top: 6px;
}
div#footer div#copyright {
  float: right;
  width: 370px;
  height: 50px;
  margin: 70px 50px 0 0;
  background-position: top right;
  text-align: right;
  padding: 2px 86px 5px 0;
  line-height: 1.6;
}
div#footer img {
  vertical-align: middle;
}
div#copyright a:link,
div#copyright a:visited {
  color: #000;
}
div#feedbackbutton {
  position: absolute;
  right: 0;
  top: 456px;
}
/*
div.box a, a:visited {
	color: red;
}
*/
div.sidebluebox {
  margin-bottom: 10px;
  margin-top: -3px;
  width: 190px;
  padding-bottom: 20px;
}
div.sidebluebox h4 {
  margin: 0 0 0 0;
  padding: 14px 30px 10px 13px;
  height: 25px;
  font-size: 14px;
}
div.sidebluebox img {
  float: right;
}
div.sidebluebox h5 {
  font-size: 12px;
  border-bottom: 1px solid #759fcd;
  padding: 5px;
  margin-left: 13px;
}
div.sidebluebox p {
  padding: 0 19px 6px 13px;
  margin: 0;
  color: #83939d;
  font-size: 12px;
}
div#rightcolumn .date {
  padding: 0 19px 0 13px;
  color: #281f20;
  margin: 0;
  font-size: 11px;
}
div#rightcolumn a,
div#rightcolumn a:visited {
  color: black;
  text-decoration: none;
  font-size: 12px;
}
div#rightcolumn a:hover,
div#rightcolumn a:active {
  color: grey;
  text-decoration: none;
  font-size: 12px;
}
/**
    NAVIGATIONS
**/
.selected {
  font-weight: bold;
}
div#supportivenavi {
  float: right;
  margin: 17px 7px;
  color: #a85700;
  font-style: italic;
  font-weight: bold;
}
div#supportivenavi img {
  margin-left: 20px;
  vertical-align: top;
}
div#navi {
  padding-left: 63px;
  line-height: 25px;
  background: #3F3F3F;
  clear: both;
}
div#navi a:link,
div#navi a:visited {
  color: #fff;
  text-decoration: none;
  margin-right: 20px;
}
div#navi a:hover {
  text-decoration: underline;
}
div#navi div#mynavigil {
  float: right;
  position: relative;
  margin-right: 75px;
}
.selected {
  font-weight: bold;
}
div#login {
  position: absolute;
  top: 26px;
  left: -83px;
  width: 144px;
  padding: 20px;
  background-color: #090909;
  border: 1px solid #a2a2a2;
  color: #fff;
  display: none;
  line-height: 1.1;
}
div#login label {
  display: block;
  margin-top: 10px;
  margin-bottom: 8px;
}
div#login input.button {
  margin-top: 15px;
}
div#login hr {
  clear: both;
  float: none;
  width: auto;
  margin: 16px 0;
}
img.showtooltip {
  cursor: help;
}
.forms {
  height: 1%;
  overflow: hidden;
  width: 650px;
}
.floatright {
  float: right;
  /*	text-align:right;*/

  clear: both;
}
.floatleft {
  float: left;
  text-align: left;
  clear: both;
}
.hidden {
  display: none;
}
.clearboth {
  clear: both;
}
.object-right {
  float: right;
}
.object-left {
  float: left;
}
.paddingtop {
  padding-top: 7px;
  padding-right: 10px;
}
strong {
  font-weight: bold;
}
.fancybox-close {
  cursor: pointer;
  display: block;
  height: 17px;
  position: absolute;
  right: 4px;
  top: 4px;
  text-indent: -9999px;
  width: 17px;
}
#pageArea #clientcountselection {
  display: none;
}
.clientcountselectionContent {
  margin-bottom: 20px;
  padding: 10px;
  text-align: left;
}
.clientcountselectionContent p {
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  width: 160px;
}
#pageArea #voucherBlock {
  display: none;
}
#pageArea #nextTopup {
  display: none;
  position: absolute;
  left: 475px;
  top: 30px;
  height: 125px;
  text-align: left;
  width: 200px;
}
a.suggestagreement {
  display: block;
}
.red {
  color: #c00;
}
/* margins */
.bottom5 {
  margin-bottom: 5px;
}
.top20 {
  margin-top: 20px;
}
/* clearing */
.clearFix {
  height: 1%;
  overflow: hidden;
}
/**
	BUTTON
**/
input[type=submit] {
  font-size: 16px;
}
input.button,
#edituseraccountSubmit,
#editbusinessSubmit,
#editgrouprulesSubmit,
#settingsSubmit {
  border: 0px none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 15px;
  padding: 2px 12px;
  color: #fff;
  font-family: 'Droid Sans', Tahoma, sans-serif;
  cursor: pointer;
}
input.button:hover,
input.hilitebutton:hover,
#edituseraccountSubmit:hover,
#editbusinessSubmit:hover,
#editgrouprulesSubmit:hover,
a.button:hover {
  opacity: 0.7;
  cursor: pointer;
}
input.button.submitted {
  opacity: 0.5;
}
input.hilitebutton {
  border: 0px none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-family: 'Droid Sans', Tahoma, sans-serif;
  font-size: 15px;
  padding: 2px 12px;
  color: #fff;
}
input.floatright {
  float: right;
  margin-right: 6px;
}
div.bluebox {
  width: 762px;
  padding: 5px;
}
/**
	RESISTRATION
**/
.registering {
  margin-top: 25px;
}
span.required {
  font-size: smaller;
}
/**
    FORMS
**/
/*
input {
	border: 1px solid #999;	
}
*/
input[readonly] {
  background: #ddd;
}
input.submit {
  cursor: pointer;
}
form#sidesupport {
  padding-left: 13px;
}
form#sidesupport select {
  width: 155px;
}
form.rightalign {
  margin-right: 10px;
  margin-top: 4px;
  float: right;
}
form.rightalign input.submit {
  margin-left: 10px;
}
form#location {
  margin-left: 8px;
}
form#editgrouprules label,
form#editbusiness label,
form#edituseraccount label {
  display: block;
}
form#editgrouprules input,
form#editbusiness input,
form#edituseraccount input {
  margin-bottom: 10px;
}
form#editgrouprulesSubmit input.submit,
form#editbusiness input.submit,
form#edituseraccount input.submit {
  cursor: pointer;
}
.former-error-message {
  background: #cd4949;
  border: 1px solid #ccc;
  padding: 5px;
  width: 741px;
  display: block;
  color: white;
  font-weight: normal;
}
form#loginForm {
  margin-top: 45px;
  padding-bottom: 100px;
}
form#loginForm #password,
form#loginForm #userId {
  margin-bottom: 10px;
}
form#loginForm #loginFormSubmit {
  margin: 15px 0 10px 0;
}
form#loginForm .former-error-message {
  font-weight: bold;
}
form#editgrouprules .former-form {
  margin-left: 18px;
}
.former-form h4 {
  margin: 15px 0 5px 0;
  padding: 0;
}
.formsection {
  background: #f8f9fb;
  border: 1px solid #e7e7e7;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 20px;
  padding-top: 10px;
  width: 250px;
}
#former-groupdiv-motivation_section {
  margin-right: 0;
}
form#editgrouprules #editgrouprulesSubmit {
  display: block;
  float: left;
}
form#settings #settingsSubmit {
  display: block;
  float: left;
}
.former-label-obl,
.former-div-text {
  margin-top: 12px;
  display: block;
}
form#settings #former-mealvoucher_definedshare label.former-label-obl,
form#settings #former-motivationvoucher_definedshare label.former-label-obl,
form#settings #former-agreementmealvoucher_definedshare label.former-label-obl {
  margin-top: 25px;
}
form#registermerchant input {
  margin-top: 2px;
  margin-bottom: 7px;
}
div.iagree input {
  float: left;
  margin-right: 8px;
}
a.showagreement {
  display: block;
  clear: both;
  margin: 3px 0 0 26px;
}
#paymentfrequency {
  margin-top: 4px;
}
form#editgrouprules input,
form#settings input {
  margin-top: 2px;
  margin-bottom: 4px;
}
form#registermerchantlocation {
  margin-top: 10px;
}
form#editemployeerules p {
  margin-left: 0;
}
form#editgrouprules {
  margin-left: -18px;
}
form#editemployeerules {
  margin-top: 20px;
}
div#safe_links {
  float: left;
  margin: 4px 20px;
}
div.pagination-navi {
  margin: 10px;
}
form#filterForm {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}
div#tooltip {
  background-color: #000;
  border: 1px solid #fff;
  padding: 10px 15px;
  width: 200px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 12px;
  z-index: 100000;
  /* outline radius for mozilla/firefox only */

  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
}
/* IE6 empty cells fix */
table {
  border-collapse: collapse;
}
td {
  empty-cells: show;
}
table tbody tr.canceled td {
  color: #999;
}
table tbody tr.hilight td {
  color: #060;
}
/* hiding */
.hidden {
  display: none !important;
  visibility: hidden !important;
}
/* Sonera gift campaign*/
.giftCampaignForm {
  width: 600px;
  text-align: left;
}
.soneraFont {
  color: #652D86;
  text-align: left !important;
}
.soneraLogo {
  float: left;
}
.xmasTree {
  width: 200px;
  height: 200px;
  float: right;
  display: block;
}
@media screen and (max-width: 767px) {
  body .container {
    width: 90%;
  }
  body .login-form {
    margin: 0 auto;
    width: 220px;
  }
  body .login-form img {
    display: block;
    margin: 0 auto 20px;
    width: 140px;
  }
  body .login-form .btn {
    padding: 12px 14px;
  }
  body .login-form .btn.btn-primary {
    margin-right: 1px;
  }
  body .login-form select,
  body .login-form textarea,
  body .login-form input[type="text"],
  body .login-form input[type="password"],
  body .login-form input[type="datetime"],
  body .login-form input[type="datetime-local"],
  body .login-form input[type="date"],
  body .login-form input[type="month"],
  body .login-form input[type="time"],
  body .login-form input[type="week"],
  body .login-form input[type="number"],
  body .login-form input[type="email"],
  body .login-form input[type="url"],
  body .login-form input[type="search"],
  body .login-form input[type="tel"],
  body .login-form input[type="color"],
  body .login-form .uneditable-input {
    padding: 9px 6px;
    border-radius: 5px;
  }
}