body 
 {
 background:url(images/background.jpg)center top;
 padding:0px;
 margin:0px;
 font-family:Arial, Helvetica, sans-serif;
 color:#555555;
 font-size:12px;
 }
.clear 
 {
 clear:both;
 }
.login_container 
 {
 width:350px;
 margin:0 auto;
 margin-top:14%;
 background:#fff;
 border-radius:8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 -ms-border-radius:8px;
 -o-border-radius:8px;
 box-shadow:0px 0px 4px rgba(0,0,0,0.5);
 -moz- box-shadow:0px 0px 5px rgba(0,0,0,0.5);
 -webkit- box-shadow:0px 0px 5px rgba(0,0,0,0.5);
 -ms- box-shadow:0px 0px 5px rgba(0,0,0,0.5);
 -o- box-shadow:0px 0px 5px rgba(0,0,0,0.5);
 outline:4px solid rgba(0,0,0,0.1)
 }
header 
 {
 background:url(../../images/ui/login_header_bg.jpg) repeat-x bottom #fff;
 border-radius:8px 8px 0px 0px;
 -moz-border-radius:8px 8px 0px 0px;
 -webkit-border-radius:8px 8px 0px 0px;
 -ms-border-radius:8px 8px 0px 0px;
 -o-border-radius:8px 8px 0px 0px;
 }
header h1 
 {
 text-align:center;
 font-size:22px;
 color:#f26728;
 font-weight:bold;
 padding:14px 25px 0px 0px;
 margin:-10px 0px 0px 0px;
 }
header .logo 
 {
 float:left;
 padding:4px;
 }
fieldset 
 {
 padding:10px 10px;
 border:none;
 margin:0px 10px 0px 0px;
 }
fieldset input 
 {
 width:100%;
 margin-bottom:18px;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border:1px solid #babec0;
 padding:8px 4px;
 box-shadow:0px 0px 5px #c2cacf;
 -moz- box-shadow:0px 0px 5px #c2cacf;
 -webkit- box-shadow:0px 0px 5px #c2cacf;
 -ms- box-shadow:0px 0px 5px #c2cacf;
 -o- box-shadow:0px 0px 5px #c2cacf;
 font-weight:bold;
 }
fieldset input:focus 
 {
 border:1px solid #7dc6dd;
 box-shadow:0px 0px 5px #7dc6dd;
 -moz- box-shadow:0px 0px 5px #7dc6dd;
 -webkit- box-shadow:0px 0px 5px #7dc6dd;
 -ms- box-shadow:0px 0px 5px #7dc6dd;
 -o- box-shadow:0px 0px 5px #7dc6dd;
 }
fieldset input[type="checkbox"] 
 {
 width:20px;
 padding:0px!important;
 }
fieldset button 
 {
 border-radius:10px;
 color:#f26728;
 font-weight:bold;
 padding:2px 6px ;
 cursor:pointer;
 float:right;
 border:1px solid #b6cbd1; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; 
 background-color: #f2f9fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
 background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
  box-shadow:0px 0px 5px #c2cacf;
 -moz- box-shadow:0px 0px 5px #c2cacf;
 -webkit- box-shadow:0px 0px 5px #c2cacf;
 -ms- box-shadow:0px 0px 5px #c2cacf;
 -o- box-shadow:0px 0px 5px #c2cacf;
 }
fieldset button:hover 
 {
 
 color:#4099cd;
 
 } 
p.textalert 
 {
 color:red;
 font-weight:bold;
 text-align:center;
 padding-bottom:20px; }
p.textalert1 
 {
 color:#cc3333;
 font-weight:bold;
 text-align:center;
 background:#fff;
 text-align:center;
 width:500px;
 text-align:center;
 margin:6% auto 0%;
 padding:10px 0px;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 -ms-border-radius:10px;
 -o-border-radius:10px;
 }
@media (min-width:320px) and (max-width:480px) 
 {
 .login_container 
 {
 width:300px;
 margin:0 auto;
 margin-top: 30%;
 }
 header h1 
 {
 
 font-size:18px;
 padding:14px 25px 0px 0px;
 margin:-10px 0px 0px 0px;
 }
 }
@media (min-width:0px) and (max-width:320px) 
 {
 .login_container 
 {
 width:240px;
 margin:0 auto;
 margin-top: 30%;
 }
  header h1 
 {
 
 font-size:18px;
 padding:14px 25px 0px 0px;
 margin:-10px 0px 0px 0px;
 }

 }

.warningMsg {
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
    color:green;
}

.errorMsg {
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
    color:red;
}