﻿body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.bodyBackgroundOption1 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/sign-in-backgrounds/background_1.jpeg);
  height: 100%;
  min-height: 100%;
}

.bodyBackgroundOption2 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/sign-in-backgrounds/background_2.jpg);
  height: 100%;
  min-height: 100%;
}

.bodyBackgroundOption3 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/sign-in-backgrounds/background_3.jpeg);
  height: 100%;
  min-height: 100%;
}

.bodyBackgroundOption4 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/sign-in-backgrounds/background_4.jpeg);
  height: 100%;
  min-height: 100%;
}

.bodyBackgroundOption5 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../Images/sign-in-backgrounds/background_5_v2.jpg);
  height: 100%;
  min-height: 100%;
}

/*   Login Container   */

.containerRight {
    position:relative;
    float:right;
    padding-top:15%;
    margin-right:16%;
    width:580px;
}

.containerRightOuter {
    position:relative;
    float:right;
    padding-top:15%;
    margin-right:13%;
    width:580px;
}

.containerCenter {
    position:relative;
    padding-top:15%;
    margin-left:auto;
    margin-right:auto;
    width:580px;
}

.containerCenterLower {
    position:relative;
    padding-top:17%;
    margin-left:auto;
    margin-right:auto;
    width:580px;
}

.loginContainer {
    width:380px;
    background-color:white;
    border-color:#029dd1;
    border-style:solid;
    border-width:1px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px 10px 10px 10px;
    margin-bottom:10%;
    margin-left:auto;
    margin-right:auto;
}
    .loginContainer h1 {
        text-align:center;
        margin-top:0px;
        margin-bottom: 10px;
    }
    .loginContainer p {
        font-weight:bold;
        margin-top:0px;
        text-align:center;
    }
    .loginContainer input[type=text] {
        width:80%;
        padding:6px;
        font-size:13px;
    }
    .loginContainer input[type=password] {
        width:80%;
        padding:6px;
        font-size:13px;
    }

.contentBlock {
    background-color:white;
    border-color:#029dd1;
    border-style:solid;
    border-width:1px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px 10px 10px 10px;
    text-align:center;
}

.blueButton {
  background: #029dd1;
  background-image: -webkit-linear-gradient(top, #029dd1, #2980b9);
  background-image: -moz-linear-gradient(top, #029dd1, #2980b9);
  background-image: -ms-linear-gradient(top, #029dd1, #2980b9);
  background-image: -o-linear-gradient(top, #029dd1, #2980b9);
  background-image: linear-gradient(to bottom, #029dd1, #2980b9);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  color: #ffffff;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
}

.blueButton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.SmallBlueButton {
  background: #029dd1;
  background-image: -webkit-linear-gradient(top, #029dd1, #2980b9);
  background-image: -moz-linear-gradient(top, #029dd1, #2980b9);
  background-image: -ms-linear-gradient(top, #029dd1, #2980b9);
  background-image: -o-linear-gradient(top, #029dd1, #2980b9);
  background-image: linear-gradient(to bottom, #029dd1, #2980b9);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  color: #ffffff;
  padding: 3px 12px 3px 12px;
  text-decoration: none;
}

.SmallBlueButton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/* My Pricing Page */

.bodyPricingBackground {
  background: url(../Images/ink_drops.png) no-repeat center center fixed; 
  webkit-background-size: 47%;
  -moz-background-size: 47%;
  -o-background-size: 47%;
  background-size: 47%;
  background-position:left top;
}

.pricingContainer {
    position:relative;
    float:right;
    margin-top:10%;
    margin-right:16%;
    width:620px;
}

.bannerBlock {
    background-color:white;
    border-color:#029dd1;
    border-style:solid;
    border-width:1px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px 10px 10px 10px;
    text-align:center;
}

.alignCenter {
    text-align:center;
}