/*
    This css stylesheet is used by files in ~/authentication/public including
        td_user_forgotten_password.aspx
        td_user_login.aspx

    It is also used by ~/utility/td_util_page_error.aspx. [Refer td_local_page_error... styles.]

	Refer to td_viewing_colour_scheme.css for colours.

	Keep consistency between the popup styles below and the contents of td_viewing_popup.css

    */

/* Login Master Page - This is the same as Site Master Page in td_viweing_masterpage_layout.css  -------------------------------------------------- */

/* General -------------------------------------------------- */

html {
	/* This is intended to ensure the body tag covers the entire screen. */
	margin: 0;
	height: 100%;
}

body,
textarea, /* For multiline textboxes */
#div_masterpage_main
{
	background-color: white;
	border: 0px none transparent;
	color: #595959; /* Pre May 2016 #929497; */
	font-family: Arial, Helvetica, sans-serif, Verdana;
    font-size: 13px;
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url('/authentication/public/images/td_background_page_login.png');
	background-size: cover; 
	height: 100%;
}

a,
a:visited
{
	color: #929497; /* 146 148 151 */
	text-decoration: none;
}

/* Specific -------------------------------------------------- */

#div_masterpage_footer {
	bottom: 10px;
	position: absolute;
	width: 100%;
}

#div_masterpage_main {
	background-color: transparent;
	position: relative;
	top: 20%;
	width: 100%;
}

#Form_MasterPage_Login {
	height: 100%;
}

#table_masterpage_footer {
	width: 100%;
}

#table_masterpage_footer tr {
	text-align: center;
}

#table_masterpage_main {
	border-spacing: 0px 0px;
	height: 100%; 
	width: 100%;
}

#table_tr_masterpage_image_banner {
	height: 50%;
}

.td_image_login_logo {
	border: 0px none transparent;
	width: 230px; /* Pre May 2016 height: 31.443px; */
}

#table_tr_masterpage_title_banner {
	background-color: #007DBA; /* Pre May 2016 #5EA2D6; */
	color: #001742;
	font-size: 36px;
	height: 110px; /* Consider adjustments to table_tr_masterpage_content_banner_1 below. */
	width: 100%;
}

#table_tr_masterpage_title_banner_sub {
	background-color: #E5E6E7;
	font-size: 1px;
	height: 10.742px; /* Consider adjustments to table_tr_masterpage_content_banner_1 below. */
	width: 100%;
}

#table_tr_masterpage_title_banner_spacer {
	background-color: white;
	font-size: 1px;
	height: 38px; /* Consider adjustments to table_tr_masterpage_content_banner_1 below. */
	width: 100%;
}

#table_tr_masterpage_content_banner_1 {
	background-color: white;
	min-height: 364px; /* 768 - ( above 200 + 110 + 14 + 40 ) - ( below 40 ) */
}

#td_masterpage_content_2 {
	vertical-align: top;
}

#table_tr_masterpage_footer_banner,
#table_tr_masterpage_footer_banner td {
	background-color: white;
	color: #929497; /* 146 148 151 */
	font-size: 13px;
	height: 40px; /* Consider adjustments to table_tr_masterpage_content_banner_1 above. */
	text-align: left;
}

#table_tr_masterpage_footer_banner td {
	padding-top: 100px; /* For Chrome */
}

.td_table_tr_td_masterpage_left, .td_table_tr_td_masterpage_right {
	width: 50%;
}

.td_table_tr_td_masterpage_centre {
	/* min-width: 300px; */
	text-align: center;
}

/* Login and PasswordRecovery controls (plus the error page) -------------------------------------------------- */

table.td_local_login {
}

.td_local_login_button,
.td_local_passwordrecovery_button
{
	background-color: #007DBA; /* Pre May 2016 width: #808184; */
	color: white;
	border: 0px none transparent;
	border-radius: 2px;
	font-size: 12px; /* Pre May 2016 13px; */
	margin-bottom: 15px;
	margin-top: 15px;
	min-height: 40px; /* Pre May 2016 height: 30px; */
	padding-left: 15px;
	text-align: center; /* Pre May 2016 left; */
	width: 230px; /* Pre May 2016 width: 306px; */
}

.td_local_login_button:hover,
.td_local_passwordrecovery_button:hover
{
	background-color: #007DBA; /* Pre May 2016 #5EA2D6; */
	cursor: pointer;
}

.td_local_login_title_text,
.td_local_passwordrecovery_title_text,
.td_local_page_error_title_text {
	color: #A0A0A0; /* Pre May 2016 #001742; */
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.td_local_login_textbox,
.td_local_login_watermark,
.td_local_passwordrecovery_textbox,
.td_local_passwordrecovery_watermark,
.td_local_page_error_textbox
{
    background-color: white; /* Pre May 2016 #E5E6E7; */
	border-radius: 2px; /* Pre May 2016 Nothing */
	border: 1px solid #CFCFCF; /* Pre May 2016 0px none transparent; */
	/*filter: blur(2px);*/
	font-size: 12px; /* Pre May 2016 13px; */
	height: 40px; /* Pre May 2016 30px; */
	margin-bottom: 2px;
	/* opacity: 0.1; */
	padding-bottom: 4px; /* Pre May 2016 Nothing */
	padding-left: 10px; /* Pre May 2016 15px; */
	padding-top: 4px; /* Pre May 2016 Nothing */
	/*-webkit-filter: blur(2px);*/
	width: 230px; /* Pre May 2016 290px; */
}

.td_local_page_error_textbox {
	color: red;
 	min-height: 100px;
	min-width: 400px;
}

.td_local_login_validator_text,
.td_local_passwordrecovery_validator_text
{
	color: red;
}

.td_local_login_watermark,
.td_local_passwordrecovery_watermark
{
	color: #929497; /* 146 148 151 */
}

.td_local_passwordrecovery_question_prompt {
	padding-bottom: 5px;
	padding-top: 5px;
}

.td_local_passwordrecovery_success_text {
	text-align: left;
	text-wrap: none;
}

/* Popups - Should maintain consistency with td_viewing_popup.css */

/* Error Popup Background -------------------------------------------------- */

.td_modalpopupextender_error_background {
    background-color: gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

/* Error Popup Panel -------------------------------------------------- */

.td_panel_popup_error {
    background-color: #FF7777; /* The Treasury Direct magenta was too bold #CF128C; */
    border-radius: 2px;
    color: white; /* #001742; */
	font-family: Arial, Helvetica, sans-serif, Verdana;
    font-size: 13px;
    padding: 20px 20px 20px 20px;
}

/* OK Popup Background -------------------------------------------------- */

.td_modalpopupextender_ok_background {
    background-color: #E5E6E7;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

/* OK Popup Panel -------------------------------------------------- */

.td_panel_popup_ok {
    background-color: #007DBA; /* Pre May 2016 #5EA2D6; */
    /*border-radius: 10px;*/
    color: white;
	font-family: Arial, Helvetica, sans-serif, Verdana;
    font-size: 13px;
    padding: 20px 20px 20px 20px;
}

/* OK Popup Button -------------------------------------------------- */

/*
    The source for this type of button will look something like...
    <input type="submit" name="ctl00$Button_OK_ModalPopupExtender_OK" value="OK" id="ctl00_Button_OK_ModalPopupExtender_OK" class="td_Button_OK_Modal" onMouseOut="this.className='td_Button_OK_Modal'" onMouseOver="this.className='td_Button_OK_Modal'" />
    */

.td_button_popup_ok_normal, .td_button_popup_ok_mouseover {
    border: 0px none transparent;
    /*border-radius: 5px;*/
    /*font-weight: bold;*/
    height: 30px;
    margin-top: 20px;
    min-height: 30px;
    min-width: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

.td_button_popup_ok_normal {
    background-color: #E5E6E7;
	color: #929497;
}

.td_button_popup_ok_mouseover,
.td_button_popup_ok_normal:hover
{
	background-color: #D1D3D4;
	color: white;
    cursor: pointer;
}

/* OK Popup Label -------------------------------------------------- */

/* span with class="td_label_popup_ok" */

.td_label_popup_ok {
    background-color: transparent;
    color: white;
    /* Can't get the padding or margin attributes to work here. */
}

/* end --------------------------------------------------  */