﻿body
{
overflow-x:hidden;
}
 
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

#page{
width:1024px;
	text-align:left;
	overflow:hidden;
	margin:0 auto;
	
	
}

.bgimg
{
/*background-image:url("../../Image/de-pro-background1.jpg"); */
/*width:100px;
height:auto;*/
box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);

}


.font-opensans
{
font-family:'Open Sans';
font-weight:300;
}

.div-welcome{
padding:40px;
width:500px;
display:inline-block;
vertical-align:top;
}

.white-frame
{
width:102%;
height:150px;
background-color:White;
position:relative;
margin-left:-10px;
margin-top:-10px;
}

.sub-block
{
 display:inline-block;
 vertical-align:top;
 zoom:1;
 *display:inline; /* Fix for IE7*/
}

.clear-float
{
    clear:both;
}

.div-login{
    width:370px;
    border:solid black 1px;
    /*background:rgba(32, 32, 32, 0.9);*/
    background:#1C282C;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin-top:60px;
    -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
    
}

.div-login .input
{ 
  /*background:rgba(0,0,0,0.3);*/
  background: #131B1E;
  width:300px;
  height:50px; 
  margin:1px 0px 1px 30px;
  border-bottom: 2px solid #383E40; /*2px solid rgba(204,204,204,0.2);*/
  border-top: 2px solid #000000; /*1px solid rgba(0,0,0,1);*/
  color:White;
  font-size: 16px;
  font-family:'Open Sans', Tahoma;
  border-left: black;
border-right: black;
padding-left: 10px;
}

.first-input
{
border-radius:10px 10px 0px 0px;
}

.last-input
{
border-radius:0px 0px 10px 10px;
}

.first-n-last-input
{
border-radius:10px;
}

.login-headers
{ padding-top:5px;
  margin:3px 0px 10px 1px;
  color:white;
  font-weight:bold;
  font-size:20px;
  text-align:center;
   width:366px;
    height:30px;
    border:solid black 1px;
    /*background:rgba(0,0,0,0.5);*/
    background: #0E1416;
    border-radius: 5px 5px 0px 0px;
 
}

.btn-login
{
border-radius: 10px;
background-color: #14BBB4;
width: 310px;
height: 50px;
border: 0px;
margin: 20px 0px 15px 30px;
color:White;
font-size: 20px;
font-family:'Open Sans', Tahoma;
font-weight:bold;
cursor:pointer;
}

.link-remind
{
text-decoration:none;
cursor:pointer;
font-size: 14px;
color: #B8B3B3;
font-family:'Open Sans', Tahoma;
float:right;
margin-right:30px;
margin-top:15px;
}

.link-returntologin
{
text-decoration:none;
cursor:pointer;
font-size: 14px;
color: #B8B3B3;
font-family:'Open Sans', Tahoma;
margin-left:30px;
}

.error-message
{
    font-family:'Open Sans', Tahoma;
    color:white;
    font-size:14px;
    text-align:center;
    clear:both;
    padding:5px;
    margin-top:2px;
}

.hide
{
    display:none;
}

.ie9-fix
{
    overflow:hidden;
}
