html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;  /*font-family: Lato,Arial,serif;*/ 
}
.login {
	background-color: #EEE;
	background-image:url('images/5.jpg') ;
	background-repeat:repeat;
	background-position: center; 
 /* padding : 6% 27%;*/  /* Newly added(19-04-2014) */
 /* position :fixed;   *//* Newly added(19-04-2014) */
   /* background-size: cover;   */
}
.login {
	background-color: #CCC;
}
h1 { font-size: 24px; }
h2 { color: #FFFFFF; }
.loginbox { 
  /*background: #444;*/   
  width: 560px; 
  margin: 10% auto 0 auto; 
  position: relative; 
 }
.loginboxinner { 
	background: #fff; 
  padding: 20px; 
  position: relative;  
  /*border: 1px solid #333;
	-moz-box-shadow: inset 0 1px 0 #444; -webkit-box-shadow: inset 0 1px 0 #444; box-shadow: inset 0 1px 0 #444;*/
}
.loginheader { height: 52px; }
.loginform { margin-top: 20px; }

.loginbox h1 { font-size: 18px; letter-spacing: 1px; color: #3CBCE7; font-weight: bold; padding-top: 10px; }
.loginbox .logo { position: absolute; top: 10px; right: 20px; }
.logo img { height:49px; width:112px; }
.loginbox p { margin: 10px 0 15px 0; }
.loginbox label { display: block; color: #666; letter-spacing: 1px; font-size: 14px; }
.loginbox input, select { 
	padding: 12px 10px;  
  color: #000; 	
  margin-top: 8px; font-size: 14px; 
  border: 1px solid #CCC; width: 95%; 
}
.loginbox input:focus, select:focus {     
  border: 1px solid #3CBCE7;
  box-shadow: 0 0 5px #3CBCE7;
  -webkit-box-shadow: 0 0 5px #3CBCE7; 
  -moz-box-shadow: 0 0 5px #3CBCE7;  
}
/*.loginbox input, select {
    background: none repeat scroll 0 0 rgba(45, 45, 45, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset;
    color: #FFFFFF;
    font-family: 'PT Sans',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 42px;
    margin-top: 25px;
    padding: 0 15px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease 0s;
    width: 95%;
}*/
.loginbox select {
  width: 99% !important;
}
.loginbox button { 
	background: #2672EC; padding: 10px 20px; font-size: 18px; border: 0; letter-spacing: 1px; color: #FFF; width: 6em;
	-moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; box-shadow: 1px 1px 3px #222; cursor: pointer;
}
.loginbox button.default { background: #999; color: #333; }
.loginbox button.hover { background: #ccc; color: #000; }
.loginbox button:active { background: #111; color: #fff; }
.loginerror { color: #990000; background: #fbe3e3; padding: 0 10px; overflow: hidden; display: none; }
.loginerror { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.loginerror p { margin: 10px 0; }

.radius { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.title { font-family: Arial, Helvetica, sans-serif; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #a47e3c;
}

.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #953b39;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.4;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.loginbox
{
   /* width:300px;
    height:100px;
    background-color:yellow;     */
    box-shadow: 10px 12px 14px  #000000;
}

@media screen and (max-width: 480px) {
	
	body { font-size: 11px; }
	button { font-size: 18px; }

 .login { 
  /*  padding : 6% 27%;*/  /* Newly added(19-04-2014) */
  /*  position :fixed;   *//* Newly added(19-04-2014) */
  }
	
	.loginbox { width: auto; }
	.loginbox input { width: 95%; }
  .loginbox select { width: 100% !important; }
	.loginbox button { width: 100%; }	
}	

@media screen and (max-width: 280px) {
	.logo img { width :auto; height:auto;}
  .login { 
  /*  padding : 6% 27%;*/  /* Newly added(19-04-2014) */
  /*  position :fixed;*/   /* Newly added(19-04-2014) */
  }
}
@media screen and (max-width: 720px) {
    
    body { font-size: 11px; }
    button { font-size: 18px; }

 .login { 
  /*  padding : 6% 27%;*/  /* Newly added(19-04-2014) */
  /*  position :fixed;   *//* Newly added(19-04-2014) */
  }
    
    .loginbox { width: auto; }
    .loginbox input { width: 95%; }
  .loginbox select { width: 100% !important; }
    .loginbox button { width: 100%; }    
}