/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.11.2017, 15:45:46
    Author     : uschi
*/

/* Tablet Styles */
@media only screen and (max-width: 1500px) {
  body {
        background-image:  url('../images/FS_Login_s.jpg');
        background-repeat: no-repeat;
        background-color: #cccccc;    
  }
    .logindata {
        font-family: Tahoma;
        font-size: 1em;
        color: #5f727f;
        padding-left: 8px;
        position: absolute;
        left: 190px;
        top: 310px;
    }
    #username, #password, #email-id{
        width: 220px;
        height: 20px;
    }
    .FS_button_x {
      font-size: 1.2em;
      color: rgb(40, 165, 188);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: 800;
      text-align: center;
      -moz-transform: matrix( 0.82332155477032,0,0,0.82371794871795,0,0);
      -webkit-transform: matrix( 0.82332155477032,0,0,0.82371794871795,0,0);
      -ms-transform: matrix( 0.82332155477032,0,0,0.82371794871795,0,0);
      border-style: solid;
      border-width: 2px;
      border-color: rgb(0, 188, 212);
      border-radius: 3px;
      background-color: rgba(40, 165, 188, 0);
      width: 90px;
      margin-top: 2px;
    }
    .login-button {
        font-size: 1.2em;
    }
    .login_newpwd {
       line-height: 32px;
       text-align: right;
       width: 70%;
    }
    .login-newcustomer {
        font-size: 1.1em;
        font-family: "Titillium25L";
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: 800;
        text-align: center;
        line-height:17px;
        position: absolute;
        left:544px;
        top: 416px;
        width: 231px;
    }
    .login-welcome {
      font-size: 2em;
      font-family: "Titillium25L";
      color: rgb(0, 72, 106);
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.001em;
      position: absolute;
      left: 217px;
      top: 475px;
      width: 515px;
    }
    .popup-newcustomer-title {
      font-size: 1.6em;
      font-family: "Titillium25L";
      color: rgb(0, 72, 106);
      text-transform: uppercase;
      text-align: left;
    }
    .popup-newcustomer-info {
        font-family: Tahoma;
        font-size: 1.2em;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .login-box {
        background-color: rgb(227, 232, 235);
        position: absolute;
        left: 187px;
        top: 282px;
        width: 300px;
        height: 162px;
        display: none;
        padding: 6px;
        font-family: Tahoma;
        font-size: 1em;
        color: #5f727f;
    }
    .login-email-title {
      font-size: 1.4em;
      font-family: "Titillium25L";
      color: rgb(0, 72, 106);
      text-transform: uppercase;
      text-align: left;
      margin-bottom: 6px;
    }
    .error {
        margin-top: 0px;
        line-height: 20px;
    }
}
/* Desktop Styles */
@media only screen and (min-width: 1501px) {
    body {
        background-image:  url('../images/FS_Login.jpg');
        background-repeat: no-repeat;
        background-color: #cccccc;    
    }
    .logindata {
        font-family: Tahoma;
        font-size: 16px;
        color: #5f727f;
        position: absolute;
        left: 345px;
        padding-left: 50px;
        top: 650px;
    }
    #username, #password, #email-id {
        width: 450px;
        height: 28px;
        margin-top: 4px;
        margin-bottom: 16px;
    }
    .login-button {
    }
    .FS_button_x {
      font-size: 18px;
      color: rgb(40, 165, 188);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: 800;
      text-align: center;
      -moz-transform: matrix( 0.82332155477032,0,0,0.82371794871795,0,0);
      -webkit-transform: matrix( 0.82332155477032,0,0,0.82371794871795,0,0);
      -ms-transform: matrix( 0.82332155477032,0,0,0.82371794871795,0,0);
      border-style: solid;
      border-width: 3px;
      border-color: rgb(0, 188, 212);
      border-radius: 3px;
      background-color: rgba(40, 165, 188, 0);
      width: 111px;
    }
    .login_newpwd {
       text-align: right;
       width: 70%;
       line-height: 32px;
    }
    .login-newcustomer {
        font-size: 16px;
        font-family: "Titillium25L";
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        line-height: 34px;
        letter-spacing: 0.1em;
        font-weight: 800;
        text-align: center;
        position: absolute;
        left:1083px;
        top: 832px;
        width: 462px;
    }
    .login-welcome {
      font-size: 42px;
      font-family: "Titillium25L";
      color: rgb(0, 72, 106);
      text-transform: uppercase;
      line-height: 31px;
      text-align: center;
      letter-spacing: 0.01em;
      position: absolute;
      left: 434px;
      top: 951px;
      width: 1031px;
    }
    .popup-newcustomer-title {
      font-size: 24px;
      font-family: "Titillium25L";
      color: rgb(0, 72, 106);
      text-transform: uppercase;
      text-align: left;
    }
    .popup-newcustomer-info {
        font-family: Tahoma;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .login-box {
        background-color: rgb(227, 232, 235);
        position: absolute;
        left: 375px;
        top: 564px;
        width: 506px;
        height: 300px;
        display: none;
        padding: 16px;
        font-family: Tahoma;
        font-size: 16px;
        color: #5f727f;
    }
    .login-email-title {
      font-size: 24px;
      font-family: "Titillium25L";
      color: rgb(0, 72, 106);
      text-transform: uppercase;
      text-align: left;
      margin-bottom: 16px;
    }
    .error {
        margin-top: 0px;
        line-height: 20px;
    }
}
.login_newpwd a:link{
  color: rgb(40, 165, 188);
}
.login_newpwd a:hover{
     color:#428bca;    
}
.login-send-button {
    width: 30%;
}
.login_newpwd a:visited{
  color: rgb(40, 165, 188);
}
.login-newcustomer a:link {
    color: rgb(255, 255, 255);
}
.login-newcustomer a:hover {
    color: rgb(222, 222, 222);
}
.login-newcustomer a:visited {
    color: rgb(255, 255, 255);
}