@charset "utf-8";
/*@import "client-styles.css"; */

/* CSS Document */
/* ================= Body  ================= */
body
{
	margin: 0;
	background:url("") no-repeat center 87px;
	background-color: #7b7b7b;
	background-color: #7b7b7b\9;
	padding: 0;
	font-family:Arial;
	height:100%;
	min-height:530px;
	/*position:relative;*/
}

#wrapper #loginbody
{
    height:auto;
}

#wrapper {
/*position:relative;
margin:0 auto;*/
height:auto;
min-height:100%;
}

/* ================= Header ================= */
#wrapper #loginheader {
	height: 78px;
	background:url(../Images/headerBG-login.jpg);
	color: #FFFFFF;
	text-align: center;
	margin-top:0px;
	padding-top:16px;
}

#wrapper #loginheader #headerlogo 
{    
    margin: auto;
    width:219px;
    background:url(../Images/ClientLogo-Login.png) no-repeat  !important;
    height:86px;
    background-position:0  bottom;    
 }

#wrapper #loginbody #errordiv {
	margin: 105px auto 15px auto;
	height: 20px;
	width: 500px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	text-align:center;
}

/* =================Contetnt ================= */
/*
#wrapper #loginbody #transparentbox
{
	width:400px;
	height: 240px;
	border:1px ridge #CCCCCC;
	margin: 0 auto;
	-moz-border-radius:10px;
	border-radius:10px;
	padding-top:1px;
}*/

#wrapper #loginbody #whiteboxheader 
{    
	background-image:url("../Images/loginbox-header.png");
	height: 43px;
	width:341px;
	margin:  auto auto -10px auto;	
}

#wrapper #loginbody #whiteboxheaderon
{    
	background-image:url("../Images/loginbox-header-on.png");
	height: 43px;
	width:341px;
	margin:  auto auto -10px auto;	
}
#orDiv
{
     background-image:url("../Images/or.png");
     height: 17px;
	 width:320px;
	 margin:  38% auto -10px 0%;
}
#wrapper #loginbody #forgotpasswordheader 
{    
	background-image:url("../Images/forgotpassword.png");
	height: 43px;
	width:341px;
	margin:  auto auto -10px auto;	
}

#wrapper #loginbody #transparentbox #whitebox {
	margin: 30px 30px auto 30px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius:  0px 0px 10px 10px;
	background:#FFF;
	height: 160px;
	width:341px;
	margin: 0 auto;	
}

 #whitebox #inputfields .labelusernamediv {
	margin: 10px 0px 0px 10px;
	background:#EAEAEA;
	border: 1px solid #999999;
	float:left;
	height:30px;
	width:98px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	padding-top:12px;
	margin-right:auto;
	border-bottom:none;
}

 #whitebox #inputfields .labelpassworddiv {
	margin: 0px 0px 10px 10px;
	background:#EAEAEA;
	border: 1px solid #999999; 	
	float:left;
	height:30px;
	width:98px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	padding-top:12px;
	margin-right:auto;
}

/* ================= Input field ================= */

 #whitebox #inputfields .txtusernamediv {
	margin: 10px 10px 0px 0px;
	float:right;
	height:42px;
	width:219px;
	width:220px\9;
	border: 1px solid #999999;
	border-left:0px none;
	border-right:auto;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	margin-left:auto;
	border-bottom:none;
}

 #whitebox #inputfields .txtpassworddiv {
	margin: 0px 10px 10px 0px;
	float:right;
	height:42px;
	width:219px;
	width:220px\9;
	border: 1px solid #999999;
	border-left:0px none;
	 
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	vertical-align:middle;
	margin-left:auto;
}
 
 #transparentbox #whitebox #inputFoot #remembermediv {
	float:left;
	font-size:12px;
	color:#656565;
	margin-top:6px;
}

#transparentbox #supportDiv {
	margin: 20px auto 30px auto;
	font-size: 9px;
	text-align: center;
	font-family: Arial;
	color: #FFFFFF;
	font: Arial;	
}

#transparentbox #SupportedBrowsers {
	margin: 20px auto 30px auto;
	font-size: 9px;
	text-align: center;
	font-family: Arial;
	color: #FFFFFF;
	font: Arial;	
}

/* ================= Fotter ================= */
#transparentbox #whitebox #inputFoot {
	margin: 10px 10px 10px 10px;
}
 #whitebox #inputFoot #loginbuttondiv {
	float:right;
}

#footer
{
    bottom:0px;
    position: absolute;
    background-image:url("../Images/footer-login.png");
    background-repeat:repeat-x;
    background-position: bottom;
    clear:both;
    width:100%;
    height:48px;    
    text-align:center; 
    font-size:11px; 
    line-height:48px;
    color:#474747;
    overflow: hidden;
}

#footer a
{
    text-decoration:none;
    color:#013e75;
}

#footer a:visited
{    
    text-decoration:none;
    color:#013e75;
}

#footer a:hover
{
   text-decoration:underline;
   color:#001E3A;
}

#productName
{
    background-image: url("../Images/productName.png");
    background-repeat: no-repeat;
    clear: both;
    display: block;
    float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 6px;
    width: 112px;
}

#copyrightContainer
{
    width: 320px; float: right;
}

#copyrightText
{
    float:left;
    font-size:12px;
    font-weight:bold;
}

#companyName
{
  background-image: url("../Images/companyName.jpg");
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 41px;
    margin-right: 10px;
    margin-top: 9px;
    text-align: center;
    width: 88px;
}

.bordernone
{    
    border:none; position:relative; vertical-align:middle; width:194px; margin:10px 10px; font-weight:bold; color:Gray    
}
    
#loginbtn
{
    margin-right: 0px;
    onmouseover="this.style.cursor='hand';
}

#clear{
    clear:both;    
}

/****************************** Button **************************************/
.button {
    color: #fff;
    font: bold 15px"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 8px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 -1px 0 #040404;
    -webkit-transition: border-color .219s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #2b2b2b;
    background: -webkit-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));
    background: -moz-linear-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));
    border: solid 1px #2f2f2f;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.button:active {
    color: #000;
}

.centreUNP {
    vertical-align:middle;
}

#whitebox .box 
{
    margin-top: 10px;
    padding: 18px 10px 0 10px;
    padding-bottom: 0;
    font-size:12px;
    text-align: center;
}
 
#whitebox #inputfields .usernamediv2
{
    border-bottom: 1px solid #999 !important;
    border-bottom-left-radius: 10px !important;
    margin: 15px 0px 10px 10px;
}

#whitebox #inputfields .txtusernamediv2
{
    margin: 15px 10px 10px 0px;
    border-bottom: 1px solid #999 !important;
    border-bottom-right-radius: 10px !important;
}

.infomsg
{
    margin:14px auto 25px auto;
	width:320px;
	height:auto;
	min-height:22px;
	line-height:22px;
	background-color:#F0F0F0;
	background-image: url("../Images/information.png");
	background-repeat:no-repeat;
	background-position: 4px center;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	padding-left:20px;
	vertical-align:middle;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #3f3f3f;
    border: 1px solid #aaa;	
}

.hidden-password-span
{
    position: absolute;
    margin:67px 10px;
    color: Gray; 
    font-size:16px;
    vertical-align: middle;
 }
 /****************************** Captcha ******************************/
 
 .editor-field
 {
   padding:10px;
 }
 .editor-field #captchaimg
 {
   width:180px;
   height: 40px;
       border-radius: 8px;
    border: 1px solid #d3d3d3;
 }
 .editor-field #ref
 {
     width:30px;
        height: 30px;
    padding-bottom: 5px;
    cursor: pointer;
     background-color: #fff;
    border: none;
 }
 .editor-field #Captcha
 {
     width:75px;
     padding:12px;
     float:right;
     border-radius: 8px;
    border: 1px solid #d3d3d3;
 }
 .captchaclass
 {
     height:200px!important;
  }
  .captchaclass #loginbuttondiv
  {
      margin-top:-18px;
  }

 .refbutton
{
                background: url('../Images/refresh.png') no-repeat;
                cursor:pointer;
                border: none;
}