@charset "utf-8";
/* CSS Document */

/* Before this, include kuvalo.css and main.css! */

/* 
 * Modifications to the basic layouts defined for login page in main.css: 
 */

.beforelogin #header, .beforelogin #content, .beforelogin #footer {
    text-align:left;        /* repairs IE's alignment errors caused by #bodycontainer */
}

.beforelogin #header {
	height:60px;
}
.beforelogin #container {
  background:white;
}
/* end modifications */


/* 
 * Settings for forms in P.Register.xxx pages 
 */

.beforelogin .modified {
    background-color: #ffd37f;
}
.beforelogin .attention {
    color:red;
}
.beforelogin .checkboxwrapper {
    display:inline-block;
    width:14px;
    padding:2px;
    background-color:transparent;
    border:1px solid transparent;
}
.beforelogin .checkboxwrapper.wrapmodified {
    background-color:#bbffbb;
    border-color:#000;
}

.beforelogin div.spanlike {
    display:inline-block;
}

.beforelogin .top {
    height:4em;
}
.beforelogin .navigation ol {
    list-style-type:decimal;
    list-style-position:inside;
}

.beforelogin .tabtexts ol {
    list-style-type:decimal;
    list-style-position:outside;
    margin-left:3em;
}
.beforelogin .navigation ol li.selected, .beforelogin .navigation ol li.selected a {
    color:#fff;
}

.beforelogin .registration .content {
    display:none;
}

.beforelogin .registration .content p {
    margin-right:0 !important;
}
.beforelogin .profdata {
    display:none;
}
.beforelogin .disabled {
    color:#888;
}
.beforelogin .step4 .contract {
    margin-left:2em;
    margin-top:1em;
    width:95%;
    height:250px;
    font-size:1.1em;
}
.beforelogin .step3 .currenttaxcard {
    display:none;
    margin-left:16em;
    margin-top:0;
}
.beforelogin .registration .fillin {
	border-top: 1px solid #ddd;
	margin-top:1em;
	clear:both;
}

.beforelogin .registration .fillin .left {
  float:left;
  width:50%;
}  

.beforelogin .registration .fillin .right {
  float:left;
  width:49%;
}

.beforelogin .registration .fillin .profdata {
}

/* main.css sets a 1px border for fieldset. We cancel that here, because
 * we have that border in div.fillin
 */
.beforelogin .registration fieldset {     
  border-top:0; 
}

.beforelogin .registration label {
  width:16em;
}

#buginfo label {
  width:13em;
  display:inline-block;
}

.beforelogin .registration .profdata label {
  padding-left: 3em;
  background: url(../images/iconPro.gif) no-repeat left center;
  width:13em;
}

.beforelogin .registration input {
	font-size: 0.92em;
    display:inline-block;
    /* width:16em; */
}

.beforelogin .registration label {
  font-size:100%;
  display:inline-block;
}

.beforelogin .registration .use-float label,
.beforelogin .registration .use-float input,
.beforelogin .registration .use-float div {
    float:left;
    display:block;
}
.beforelogin .registration input[type="radio"] {
    margin-right:0.5em;
}

.beforelogin .registration img.captcha {
  width:100px;
  height:20px;
	border: 1px solid #ddd;
}

.beforelogin .registration .movebuttons {
    margin-top:2em;
}
.beforelogin .registration .prev {
    float:left;
}
.beforelogin .registration .next {
    float:right;
}

/*
 * Wizard taskbar
 */
.beforelogin .tabs {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 2;
	color: #999;
	margin-bottom:1em;
}

.beforelogin ol.tabnav2 {
	list-style-type: none;
	padding-bottom: 28px;
	border-bottom: 1px solid #960;
	margin: 0;
	line-height: 1;
}
/*
.beforelogin body.pro ol#tabnav {
	border-bottom: 1px solid #c90;
}
*/
.beforelogin ol.tabnav2 li {
	float: left;
	height: 25px;
	margin: 2px 0 0 .5em;
	border: 1px solid #fff;
	border-bottom: none;
}

.beforelogin ol.tabnav2 li.current {
	color: #333;
	border: 1px solid #960;
	border-bottom: 1px solid #fff;	
	background-color: transparent;
}
/*
.beforelogin body.pro ol.tabnav2 li.current {
	border: 1px solid #c90;
	border-bottom: 1px solid #eee;
	background-color: #eee;
}
*/
.beforelogin ol.tabnav2 li span
{
	float: left;
	display: block;
	padding: 4px 8px;
} 
 
.beforelogin ol.tabnav {
  list-style-type:decimal;
  margin-top:1.5em;
  margin-bottom:3.5em;
  background: url(../images/strikethrough-horizontal.gif) repeat-x center;
}

.beforelogin ol.tabnav li {
  background:#fff;
  display:inline;
  font-size:1.2em;
  padding-left:1em;
  padding-right:1em;
  margin-left:1em;
}

.beforelogin ol.tabnav li.selected {
  font-weight:bold;
}

/* 
 * TYPOGRAPHY STYLES 
 */

.beforelogin .content h2 {
	letter-spacing: 1px;
	font-weight:normal;
	font-size: 3em;
	line-height: .9;
	color: rgb(155,151,130); /* #960; */
	margin-bottom:1em;
    clear:both;
}
  
.beforelogin .content h3 {
  text-transform: uppercase;
  line-height:3em;
  font-size:1.2em;
  display:block;
  font-weight:300;
  clear:both;
  margin-top:1em;
}
.beforelogin .content.bloglist h3 {
    line-height:1.2em;
    margin:2em 0 0.8em 0;
}
.beforelogin .content p, .beforelogin .content table, .beforelogin .content h2 {
  /* margin-left:1em; */
  margin-right:2em;
  clear:both;
}
.beforelogin .content.bloglist p {
}

.beforelogin .content ul {
  list-style:disc outside;
  margin-left:1em;
  padding-left:1em;
}

.beforelogin .content li ul {
  margin-left: 1em;
  padding-left: 1em;
}

.beforelogin .content table {
  border-bottom: 1px solid black;
  margin-bottom:1em;
}

.beforelogin .content table thead {
  border-bottom: 1px solid black;
}

.beforelogin .content table td {
  padding:5px;
  text-align:center;
}
#register_.beforelogin table tr {
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
.beforelogin .content table td.label {
  text-align:left;
}
.beforelogin .content table th {
  padding:5px;
}

.beforelogin .content table col.feature {
  width:200px;
}
.beforelogin .content table .heading {
    font-size:1.2em;
}
.beforelogin .frame {
    border:1px solid #999999;
    display:inline-block;
    float:left;
    margin:0 1em 1em 0;
    padding:10px;
    text-align:center;
    cursor:pointer;
}

/* the modal box in products page: */
#confirm-container {
    width: 700px !important;
    height:auto !important;
    border-width:1px !important;
    border-style:solid !important;
}


.notif {
    color:red;
    white-space:nowrap;
}

#customerquestionnaire_ .beforelogin .question {
    margin:1em 0 1em 0;
    border-bottom:1px solid #aaa;
    padding-bottom:1.5em;
}
#customerquestionnaire_ .beforelogin p.choice, #customerquestionnaire_ .beforelogin div.choice {
    display:inline-block;
}
#customerquestionnaire_ .beforelogin .horizontal .choice {
    display:inline;
}

#customerquestionnaire_ .beforelogin .answer {
    margin:0 0 0 2em;
}
#customerquestionnaire_ .beforelogin .answer.horizontal {
    margin:0 0 0.5em 2em;
}
#customerquestionnaire_ .beforelogin .answer.horizontal input[type="text"] {
    width:20em;
}
#customerquestionnaire_ .beforelogin input[type="text"], #customerquestionnaire_ .beforelogin textarea {
    width:30em;
}
#customerquestionnaire_ .beforelogin input[type="radio"].rule__disablesotherchecks {
    margin-top:1.5em;
}
#customerquestionnaire_ .beforelogin .answer span {
    margin:0 2em 0 1em;
}
#customerquestionnaire_ .beforelogin .answer span input[type="text"] {
    width:20em;
}
#customerquestionnaire_ .beforelogin .answer.likert .statement {
    text-align:left;
}
#customerquestionnaire_ .beforelogin .answer.likert {
    width:100%;
    border-bottom:0 !important;
}
#customerquestionnaire_ .beforelogin .answer.likert th.option {
    text-align:center;
    width:12%;
    vertical-align:bottom;
}
#customerquestionnaire_ .beforelogin .answer.likert th.statement {
    text-align:left;
    width:40%
}
#customerquestionnaire_ .pagetraverse {
    margin-top:2em;
}