/*
====================================================================================
    General login page
====================================================================================
*/

.Login .NavigationMenu
.LoginPage .NavigationMenu
{
    float: left;
}

.Login .ThreeColumnCenter_middle .SearchBox
.LoginPage .ThreeColumnCenter_middle .SearchBox
{
    display: none;
}

.Login .ThreeColumnCenter_middle .LoginContainer,
.LoginPage .ThreeColumnCenter_middle .LoginContainer,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer
{
    float: none;
    background-color: #fff;
    width: 544px;
    font-family: Arial, Sans-Serif;
    height: 266px;
    border: 0px;
    margin: 0px auto;
    background-image: url('/~/media/Customers/Great Britain/North Wales News/GeneralFrontPage/LoginPage.ashx');
    background-repeat: no-repeat;
}

.Login .ThreeColumnCenter_middle .LoginContainer .LoggedIn,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .LoggedIn
{
    color: #FFFFFF;
    font-size: 18px;
    padding: 20px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .LiTitle,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .LiTitle,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .LiTitle,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .LiTitle
{
    border-bottom: none;
    font-size: 23px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    width: 300px;
    margin-left: 16px;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-top: 8px;
    color: #fff;
}

.Login .ThreeColumnCenter_middle .LoginContainer .Introduction,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .Introduction,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .Introduction,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .Introduction
{
    width: 420px;
    float: left;
    margin-left: 80px;
    color: #fff;
    padding-top: 0px;
    margin-bottom: 10px;
    display: none;
}

.Login .ThreeColumnCenter_middle .LoginContainer .ErrorLoggingIn,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .ErrorLoggingIn,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .ForgotPasswordError,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .ForgotPasswordError
{
    color: red;
    float: left;
    width: 400px;
    margin-left: 0px;
    padding-left: 155px;
    margin-top: 0px;
    font-weight: bold;
    margin-bottom: 5px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .UserNameContainer,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .UserNameContainer,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer
{
    width: 400px;
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer
{
    width: 500px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .LiUserName,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .LiUserName,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .LiEmail,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .LiEmail
{
    display: block;
    float: left;
    width: 75px;
    padding-left: 80px;
    margin-top: 2px;
    color: #fff;
    font-size: 12px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .TxtUserName,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .TxtUserName,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .TxtEmail,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .TxtEmail
{
    display: block;
    float: left;
    width: 230px;
    border: 0px;
    margin-bottom: 0px;
}

.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .TxtEmail,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .TxtEmail,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .TxtEmail input,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .TxtEmail input
{
    width: 240px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .TxtUserName #ctl11_TxtUserName,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .TxtUserName #ctl08_TxtUserName
{
    height: 16px;
    border: 1px solid #ccc;
    width: 230px;
    color: #000000;
    background-color: #fff;
    background-image: url('/~/media/Customers/Great Britain/North Wales News/GeneralFrontPage/LoginPageField.ashx');
}

.Login .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .ValidationColor,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .UserNameContainer .ValidationColor,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .ValidationColor,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .EmailContainer .ValidationColor
{
    color: red;
    float: left;
    width: 400px;
    padding-left: 157px;
    margin-top: 0px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .PasswordContainer,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .PasswordContainer
{
    width: 400px;
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .LiPassword,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .LiPassword
{
    display: block;
    float: left;
    width: 75px;
    padding-left: 80px;
    margin-top: 2px;
    color: #fff;
    font-size: 12px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .TxtPassword,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .TxtPassword
{
    display: block;
    float: left;
    width: 230px;
    border: 0px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .TxtPassword #ctl11_TxtPassword,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .TxtPassword #ctl08_TxtPassword
{
    height: 16px;
    float: left;
    border: 1px solid #ccc;
    width: 230px;
    color: #000000;
    background-color: #fff;
    background-image: url('/~/media/Customers/Great Britain/North Wales News/GeneralFrontPage/LoginPageField.ashx');
}

.Login .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .ValidationColor,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .PasswordContainer .ValidationColor
{
    color: red;
    float: left;
    width: 400px;
    margin-left: 0px;
    padding-left: 157px;
    margin-top: 0px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .RememberMe,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .RememberMe
{
    width: 370px;
    float: left;
    height: 13px;
    padding-left: 155px;
    display: block;
    color: #6a6a6a;
    font-size: 11px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .RememberMe .ErrorCookies,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .RememberMe .ErrorCookies
{
    color: black;
    float: left;
    width: 370px;
    margin-left: 75px;
    margin-top: 0px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .RememberMe input,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .RememberMe input
{
    margin: 0px;
    padding: 0px;
    float: left;
    height: 13px;
    width: 13px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .RememberMe label,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .RememberMe label
{
    float: left;
    display: block;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    line-height: 13px;
    color: #fff;
    width: 270px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .RememberMe #ctl11_cookiesEnabled, /* ??? */
.LoginPage .ThreeColumnCenter_middle .LoginContainer .RememberMe #ctl09_cookiesEnabled /* ??? */
{
    color: red;
    float: left;
    width: 400px;
    margin-left: 75px;
    margin-top: 0px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .BtnLogin,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .BtnLogin,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordSend,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordSend,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordCancel,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordCancel
{
    margin: 15px 0px 5px 0px;
    padding: 0px 0px 0px 305px;
    width: 85px;
    height: 23px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordSend,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordSend
{
    padding-left: 220px;
}
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordCancel,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordCancel
{
    padding-left: 10px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .BtnLogin a,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .BtnLogin a,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordSend a,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordSend a,
.Login .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordCancel a,
.LoginPage .ThreeColumnCenter_middle .ForgotPasswordContainer .btnForgetPasswordCancel a
{
    display: block;
    height: 20px;
    width: 80px;
    color: white;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #ccc;
    background-image: url('/~/media/Customers/Great Britain/North Wales News/GeneralFrontPage/LoginPageButton.ashx');
    background-repeat: repeat-x;
    line-height: 19px;
    font-size: 16px;
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    text-decoration: none;
}

.Login .ThreeColumnCenter_middle .LoginContainer .LogoutLink,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .LogoutLink
{
	margin-left: 30px;
	float: left;
}

.Login .ThreeColumnCenter_middle .LoginContainer .BtnLogout,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .BtnLogout
{
    display: block !important;
    height: 20px !important;
    color: white !important;
    margin: 0px !important;
    padding: 0px 10px !important;
    border: 1px solid #ccc !important;
    background-image: url('/~/media/Customers/Great Britain/North Wales News/GeneralFrontPage/LoginPageButton.ashx') !important;
    background-repeat: repeat-x;
    line-height: 19px !important;
    font-size: 16px !important;
    font-family: Arial, Sans-Serif !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

.Login .ThreeColumnCenter_middle .LoginContainer .LiForgotPassword,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .LiForgotPassword
{
    width: 400px;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 155px;
}


.Login .ThreeColumnCenter_middle .LoginContainer .ForgotPasswordConfirmation
{
	float: left;
	padding: 0 0 10px 155px;
	color: Red;
	
}

.Login .ThreeColumnCenter_middle .LoginContainer .LiForgotPassword a,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .LiForgotPassword a
{
    color: #aaa;
    font-size: 11px;
    text-decoration: underline;
}

.Login .ThreeColumnCenter_middle .LoginContainer .LiForgotPassword a:hover,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .LiForgotPassword a:hover
{
    color: #fff;
    text-decoration: none;
}

.Login .ThreeColumnCenter_middle .LoginContainer .CreateAccount,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .CreateAccount
{
    width: 400px;
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 155px;
}

.Login .ThreeColumnCenter_middle .LoginContainer .CreateAccount a,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .CreateAccount a
{
    color: #aaa;
    font-size: 11px;
    text-decoration: underline;
}

.Login .ThreeColumnCenter_middle .LoginContainer .CreateAccount a:hover,
.LoginPage .ThreeColumnCenter_middle .LoginContainer .CreateAccount a:hover
{
    color: #fff;
    text-decoration: none;
}