/* browser reset, default settings */
* {
    margin: 0;
    padding: 0;
}

header, footer, section, nav {
    display: block;
}

html, body {
    height: 100%;
}

body {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #717171;
    background: #168ECF;
}
/* link design */
a:link,
a:visited {
   color: #717171;
}

img {
   max-width: 100%;
   margin-bottom: 12px;
   background-color: #FFFFFF;
}

.wrapper {
   background: #ffffff;
   background-repeat: no-repeat;
   position: relative;
   height: 80%;
  	min-height: 675px;
}

.logo {
   position: absolute;
   top: 80px;
   height: 35px;
   width: 100%;
   background-color: #168ECF;
   background-position: 0 0;
   background-repeat: no-repeat;
}

.container {
   position: absolute;
   left: 30%;
   width: 1200px;
   margin-left: -270px;
}

.container-footer {
   padding-top: 12px;
}

header {
    padding: 20px 0;
}

.logo img {
    border: none;
}

.content {
    padding-bottom: 80px;
    overflow: hidden;
}

.column {
    position: absolute;
}
/* form column start */
.column.one {
    width: 320px;
    top: 67%;
}

form {
    width: 240px;
    padding-bottom: 21px;
}
form label { /* labels are hidden */
    font-weight: bold;
}

form legend {
    font-size:1.2em;
    margin-bottom: 12px;
}

.form-element-wrapper {
    margin-bottom: 12px;
}

.form-element-wrapper p {
	font-size: 13px;
   
}

.form-element-wrapper p a{
   font-weight: bold;
}

.form-element {
    width: 100%;
    padding: 13px 12px;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.form-field {
    color: #B7B7B7;
    border: 1px solid #B7B7B7;
}

.form-field-focus {
    color: #333333;
    border-color: #333;
}

.form-button {
   background: #168ECF;
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   color: #ffffff;
   cursor: pointer;
}

.form-button:hover {
   background: #FF6400;
}

.form-error {
   padding: 0;
   color: #B61601;
}
/* form column end */

/* customer specific content start*/
.column.two {
   width: 400px;
   min-height: 200px;
   margin-right: 10px;
   left: 320px;
   top: 53%;
}

.column.two img {
    margin-top: 8px;
}

.client-title {
   font-size: 13px;
   font-weight: bold;
   margin: 5px 0;
}
#pwresult{
   color: red;
   padding-top: 10px;
}
.collapsible{
   color: #168ecf;
   padding: 3px 7px 0 15px;
   display: inline-block;
   cursor: pointer;
   font-size: 8px;
   vertical-align: text-top;
}


.smalltitle{
   font-weight: bold;
}
/* customer specific content end*/

/* inovitas content start */
.column.three {
   width: 330px;
   min-height: 200px;
   margin-left: 10px;
   left: 760px;
   top: 53%;
   
}

.column.three ul {
   padding-left: 20px;
   margin: 0;
}
/* inovitas content end */

footer {
   color: #ffffff;
   font-size: 11px;
   background: #F0F3F5;
   height: 35px;
   width: 100%;
   position: absolute;
   bottom: 0px;
}
.footer-text {
   margin-bottom: 12px;
   color: #717171;
}
.footer-links a:link,
.footer-links a:visited {
   color: #ffffff;
   font-weight: bold;
}
.container.address {
   height: 20%;
}
.address-text {
   padding: 20px 0px;
   color: #FFFFFF;
   font-size: 12px;
}

.address-text a:link,
.address-text a:visited {
   color: #FFFFFF;
}

@media only screen and (max-width: 1260px) {
   .column.three{
      display: none;
   }
}

@media only screen and (max-width: 1020px) {
   .container {
      left: 45%;
   }
}

@media only screen and (max-width: 650px) {
   .container {
      position: static;
      margin: 0 auto;
      width: 280px;
   }
   .logo, .column.two, .column.three{
      display: none;
   }
   
   .column.one {
     width: 320px;
     position: static;
   }
}

@media only screen and (min-height: 870px){
   .container {
         height: 60%;
   }
  
  .content {
      /*position: absolute;*/
    	/*top: 41%;*/
  } 
}