﻿html{height:100%;}

body {
    height: 100%;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #484848;
    font-weight: 400;
}

/*form { width: 50%; padding-left: 35%; padding-top: 10%; }*/
/*.login-form { background-color: #ccc; width: 430px; padding-left: 25px; border: 4px solid #03ADEA; border-radius: 15px; height: 350px; padding-right: 15px; }*/
.item .label { float: left; width: 100px; color: #000; padding: 2px 0; font-weight: bold; font-size: 12px; margin-left: 36px; }
.textbox { width: 250px; margin-bottom: 7px; }
.main-header { line-height: 42px; font-weight: bold; font-size: 22px; padding-left:15px; }
.second-header { line-height: 30px; font-weight: bold; font-size: 17px; padding-left: 20px; }
a { float: right; }
.footer { position: absolute; margin-top: 90px; padding-left: 15px; line-height: 12px; font-size: 9.5px; }
.footer-image { position: absolute; margin-top: 72px; margin-left: 310px; }
.footer-header { font-weight: bold; font-size: 12px; }

.password-recovery-link { padding-left: 36px; float: left; }

/* Modal */
.modal-cover { position: absolute; width: 100%; height: 100%; background: #000; z-index: 80000; left: 0px; top: 0; opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6; display: none; }
.defaultModal { z-index: 100000; position: absolute; width: 100%; height: 100%; }
.defaultModal iframe { width: 663px; height: 500px; border: solid 5px #333333; vertical-align: middle; position: absolute; }


.login-form { background-color: #ccc; 
              width: 470px; 
              padding-left: 25px; 
              border: 4px solid #03ADEA; 
              border-radius: 15px; 
              height: 350px; 
              padding-right: 5px; 

              position:fixed;
              top:50%;
              left:50%;
              margin-top: -175px;
              margin-left: -215px;
}

.restart-temp-database { display:none; }

br {
    margin-bottom: 5px;
}

#background_images {
    height: 100%;
    width: 100%;
    /*background: url('../Images/login-images/rotate.php') no-repeat center center fixed;*/
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#UpdatePanel1 {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
}

#wrapper {
    width: 19%;
    height: 100%;
    position: fixed;
    right: 0;
}

#background {
    background-color: #ffffff;
    opacity: 1.0;
    height: 100%;
    width: 81%;
    position: fixed;
    left:0px;
}

#signin_title {
    width: 330px;
    text-align: left;
    text-indent: 30px;
    color: #484848;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}

#content {
    width: 400px;
    top: 30px;
    position: absolute;
}

.field_box {
    width: 100%;
    margin-top: 20px;
    padding-left: 50px;
}

    .field_box label {
        display: block;
        text-align: left;
        width: 120px;
        margin-bottom: 10px;
    }

    .field_box input {
        width: 200px;
        height: 28px;
        padding: 0 5px;
        font-size: 14px;
        background: #dddddd;
        color: #484848;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        border: none;
        outline: none;
    }


textarea:focus, input:focus {
    outline: 0;
}

.noFocus:focus {
    outline: none;
}

select:focus {
    outline: none;
}

.select-font {
    font-family: 'Open Sans', sans-serif;
}

.login_box {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    background-color: #2894d1;
    border: none;
    outline: none;
    color: #ffffff;
    width: 100px;
}

#forgot {
    width: 100%;
    padding: 50px;
}

    #forgot a {
        color: #fff;
        text-decoration: none;
        background: #3787b1;
        padding: 7px 15px;
        font-size: 12px;
    }

        #forgot a:hover {
            color: #fff;
            text-decoration: none;
        }


.Overlay { 
  position:fixed; 
  top:480px; 
  bottom:0px; 
  right:100px; 
  width: 150px;
  height: 50px;
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=70); 
  opacity:0.7; 
  z-index:1000;
}

