
/*body, html
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #4f4e4e;
    
}*/
.clearfix {
    content:"";
    display: table;
}
.body-wrapper
{
    width: 100%;
    background:#dcdcdb url(../images/bg.png) repeat-x 0px 138px;
    text-align: center;
}
.footer-wrapper {width:100%; background:#fff; text-align:center;}

.content-wrapper, .footer-content
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
   
}
.header-block
{
    width: 100%;
    background:#fff;
}
.header-linksection {
    width: 58%;
    box-sizing: border-box;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
}
.brand {
    width: 42%;
    box-sizing: border-box;
    float: left;
}
.fixed-logo {
    max-width: 150px;
    vertical-align: top;
    padding: 30px 0px;
}
.header-links {
    text-align: left;
    padding: 0;
    background:#404040; /*url(../images/top-menu-base.png) no-repeat left bottom;*/
    width: 100%; /*added on 13 april*/
    float: left; /*added on 13 april*/
}

.top-links
{
    display: inline;
    float: left;
    margin: 0 0 0 0px;
    padding: 10px 15px;
    text-decoration: none;
    color: White;
    font-size: 14px;
     border-right:solid 1px #999;
   /* background: url('../../../Authentication/images/top-menu-icons/divider.png') no-repeat left;*/
    
}

.header-info-link
{
    width: 39px;
    margin: 0 0 0 0px;
    padding: 0px 15px 20px 15px;
   
   /* background: url('../../../Authentication/images/top-menu-icons/divider.png') no-repeat left;*/
}
.header-qmark
{
    width: 16px;
    height:16px;
    background:url('../../../Authentication/images/top-menu-icons/info.png') no-repeat center top;
    cursor: hand;
    display:inline-block;
    
}
.header-username
{
    text-align: right;
    width: 100%;
    line-height: 14px;
    color: #0B83BA;
    font-size: 14px;
}
.WL-logo
{
    float: right;
}
.content-block, .content-block-logout, .content-block-lerner
{
    width: 100%;
    /*background: url(../images/banner-bg.png) no-repeat bottom left;*/
    height:379px;
}
.content-block-logout, .content-block-lerner
{
    background: none;
    text-align: center;
}
.content-block-lerner
{
    height: auto;
}

/*==============================
-===============-----------------
---------=====================
*/
.login-form
{
    width: 55%;
    float: right;
    text-align: left;
}
.logout-form
{
    width: 55%;
    margin: 0 auto;
}
.changePass-form
{
    width: 75%;
    margin: 0 auto;
}
.form-header
{
    width: 47px;
    float: left;
}
.form-header-TCor, .form-header-Title
{
    float: left;
    width: 100%;
    background: url(../images/form-header-TCor.png) no-repeat top left;
    line-height: 7px;
    height: 7px; /*added on 14 april*/
}
.form-heading-login, .form-heading-lostPass, .form-heading-logout, .form-heading-changePass
{
    position: relative;
    top: 75%;
}
.form-heading-lostPass, .form-heading-logout
{
    top: 35%;
}
.form-heading-changePass
{
    /*top: 40%;*/
    top: 25%;
}
.form-header-BCor
{
    float: left;
    background: url(../images/form-header-BCor.png) no-repeat top left;
    width: 100%;
    line-height: 7px;
}
.form-field-content
{
    float: left;
    width: 62%;
    background: white;
}

.form-Info
{
    float: left;
    width: 151px;
    text-align: left;
}
.form-Info-TCor, .form-Info-BCor, .form-Info-Title
{
    float: left;
    width: 100%;
    background: url(../images/form-Info-TCor.png) no-repeat top right;
    line-height: 7px;
    height: 7px;
}
.form-Info-BCor
{
    background: url(../images/form-Info-BCor.png) no-repeat top right;
}
.form-help-back-btn
{
    float: right;
    margin: 0 15px 10px 0;
}
.form-help-content
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin: 0 0 0 15px;
    padding: 10px;
    color: #4f4e4e;
    float: left;
    width: 95%;
    background: white;
    text-align: left;
    overflow: auto;
    /*height: 370px;*/
}
/* 
==============================

*/

.login-form-header-Title, .login-form-Info-Title
{
    background: url(../images/form-bg.png);
    line-height: inherit;
    text-align: center;
    height: 235px;
    color: white;
    float: left;
    width: 100%;
}

.lostPass-form-header-Title, .lostPass-form-Info-Title
{
    background: url(../images/form-bg.png);
    line-height: inherit; /*modified on 14 april*/
    text-align: center;
    height: 255px;
    color: white;
    float: left; /*added on 14 april*/
    width: 100%; /*added on 14 april*/
}
.logout-form-header-Title, .logout-form-Info-Title
{
    background: url(../images/form-bg.png);
    line-height: inherit;
    text-align: center;
    height: 197px;
    color: white;
    float: left; /*added on 14 april*/
    width: 100%; /*added on 14 april*/
}
.changePass-form-header-Title, .changePass-form-Info-Title
{
    background: url(../images/form-bg.png);
    line-height: normal;
    text-align: center;
    /*height: 320px;*/
    height: 250px;
    color: white;
    float:left;
    width:100%;
}
/* 
==============================

*/

.login-form-table
{
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0px 0 0 15px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
}

.login-form-table td
{
    padding: 0 0 0 15px;
    line-height: 33px;
    *line-height: 28px;
    height: auto;
}
.login-form-textbox, .lostPass-form-textbox-big, .lostPass-form-captcha input
{
    padding: 5px;
    line-height: 25px;
    height: 25px;
    border: 1px solid gray;
    font-size: 13px;
}
.login-form-textbox
{
    width: 85%;
}
.lostPass-form-textbox-big
{
    width: 55%;
}
.lostPass-form-captcha input
{
    /* width: 110px;added on 12 april*/
    /*width: 35%;*/
    margin: -5px;
    width:105px;
    height: 26px;
    border: solid 1px #ccc;
    background: #fff;
    color: #6c6b6b;
    padding: 0px 5px;
}
.lostPass-form-captcha img
{
    height: 28px;
    width:110px;
    margin-top:-5px;
}



.link-newAcc, .link-lostPas, .link-help
{
    display: block;
    width: 70%;
    color: white;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 0 0 0 35px;
}
.link-newAcc
{
    background: url(../images/icon-newAccnt.png) no-repeat 5px center;
}
.link-lostPas
{
    background: url(../images/icon-lostPass.png) no-repeat 5px center;
}
.link-help
{
    background: url(../images/icon-help.png) no-repeat 5px center;
}

.link-FB, .link-twitr
{
    position: relative;
    top: 45%;
    width: 50%;
}
.form-info-heading-LostPass, .form-info-heading-logOut, .form-info-heading-changePass
{
    display: block;
    width: 60%;
    color: white;
    text-transform: uppercase;
    text-align: left;
    padding: 0 0 10px 35px;
    background: url(../images/icon-getpass.png) no-repeat 5px top;
}
.form-info-heading-logOut
{
    background: url(../images/icon-logOut.png) no-repeat 5px 2px;
    line-height: 20px;
}
.form-info-heading-changePass
{
    background: url(../images/icon-help.png) no-repeat 5px 2px;
}
.form-info-description
{
    display: block;
    text-align: left;
    padding: 0 10px 0 20px;
    line-height: 15px;
}
.form-btn
{
    color: white;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
}

.form-btn-left, .form-btn-right
{
    float: left;
    width: 8px;
    line-height: 38px;
    background: url(../images/btn-CorLeft.png) no-repeat left top;
}
.form-btn-right
{
    margin: 0 5px 0 0;
    background: url(../images/btn-CorRite.png) no-repeat left top;
}
.form-btn-text
{
    float: left;
    padding: 0 10px;
    background: url(../images/btn-bg.png) repeat-x;
    line-height: 38px;
    height: 38px;
    border: none;
    font-weight: bold;
    text-decoration: none;
    color: White;
    text-transform: uppercase;
}
.login-form-errorbox
{
    float: left;
    height: 10px;
    padding: 10px;
    background: yellow;
}
.login-form-errorText
{
    display: block;
    background: #FFFACD;
    font-size: 12px;
    font-weight: bold;
    color: Maroon;
    padding: 10px;
    margin: 10px;
}
.form-errortext
{
    display: inline;
    color: Red;
    line-height: 10px;
    text-transform: uppercase;
}
/*
==============================
-===============-----------------
---------=====================*/
/*
============================
===================================

*/
.form-errorbox
{
    display: inline-block;
    width: 535px;
    margin: 10px auto;
    background: url(../images/form-errorbox-icon.png) no-repeat 1% 60%;
    text-align: left;
}
.form-errorbox-Tcor, .form-errorbox-Bcor, .form-errorbox-lable
{
    width: 100%;
    height: 8px;
    float: left;
    line-height: 8px;
    background: url(../images/form-errorbox-Tcor.png) no-repeat center center;
}

.form-errorbox-lable
{
    width: 90%;
    height: auto;
    line-height: 14px;
    color: #333;
    padding: 0 0 0 10%;
    background: url(../images/form-errorbox-bg.png) center center;
}

.form-errorbox-Bcor
{
    background: url(../images/form-errorbox-Bcor.png) no-repeat center center;
}

.form-charectorCheck
{
    line-height: 15px;
    position: absolute;
    margin: 0 0 0 -50px;
}

/*


============================
===================================

*/

.footer-wrapper
{
    background:#fff /* url(../images/footer-bg.jpg) top left repeat-x;*/
    padding: 10px 0 0 0;
}
.footer-content
{
    line-height: 45px;
    font-family: Trebuchet MS, Verdana, Arial;
}

.logo{ background: url(../images/logo.png) 15px center no-repeat; height: 110px; border: none; margin: 0; padding: 0; }

.wl_logo_basic{ background: url('../images/wl-logo(basic).jpg') top center no-repeat; height: 69px; width:100%; border: none; margin: 0; padding: 0; }






/*======================== TFA NEW LOGIN CSS ================== */

.mylearn-loginbox {
	width:980px;
	margin:0px auto;
	background:url(../images/banner-back-img.png) no-repeat bottom left;
	height:379px;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:12px;
	position:relative;
	color:#6c6b6b;
}
.mylearn-loginbox p {margin:5px 0px;}

.mastheadcol {background:#fff; height:100px; text-align:left; width:980px; margin:0px auto;}
.mylearn-loginbox .rightblock {
	float:right;
	width:450px;
	padding:15px 0px;
}
.mylearn-loginbox .erroinfo
{
	background:#fff url(../images/alert-icon.png) 10px no-repeat;
	padding:10px 5px 5px 48px;
	line-height:18px;
	font-size:11px;
}

.mylearn-loginbox .erroinfoLogout
{
	background:#fff url(../images/info.png) 10px center no-repeat;
	/*padding:10px 5px 5px 48px;
	line-height:18px;*/
	padding:32px 5px 5px 70px;
	color:Red;
	height:33px;
}
.erroinfoLogout p {font-size:22px; line-height:0px;}

.mylearn-loginbox .logintextbox {width:220px; height:26px; line-height: 26px; border:solid 1px #ccc; background:#fff; color:#6c6b6b; padding:0px 5px;}
.forgotspan {display:inline-block; font-size:11px; margin-left:10px;}
.forgotspan a {color:#6c6b6b; margin-left:0px; text-decoration:none;}
.forgotspan a:hover {text-decoration:underline;}
.welcome-messageimg {background:url(../images/welcome-message.png) no-repeat bottom left; height:102px;}

.mylearn-loginbox .register-btn {background:#404040; width:81px; border:none; cursor:pointer; color:#fff; display:block; float:left; padding:4px 10px; margin-right:10px;}

.mylearn-loginbox .cancel-btn {background:url(../images/cancel-btn.png) no-repeat bottom left; height:25px; width:90px; border:none; cursor:pointer;}
.mylearn-loginbox .enter-btn {background:url(../images/enter-btn.png) no-repeat bottom left; height:25px; width:81px; border:none; cursor:pointer;}
.mylearn-loginbox .login-btn {background:#ec1b30; width:81px; border:none; cursor:pointer; color:#fff; display:block; padding:4px 10px;}
.top-masthead{width: 100%;text-align: center;background: #fff;}
.clrfix {clear:both;}
.pull_left {float:left;}
.pull_right {float:right;}
.login-text{color: rgb(71, 71, 71);font-weight: bold;}
.header-test-site{font-size: 30px; font-weight: bold; color: #D01727; display: block;text-align: center;
.brand{
	padding-bottom:30px;
	padding-top:28px;
	padding-left:15px;
}
