/*
    These styles control the appearance of the modal popups such as those used for error and ok messages.

	Refer to td_viewing_colour_scheme.css for colours.

    Sample code not used can be found at the end of this document.
*/

/* 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; */
    color: white;
	font-family: "PT Sans", Arial, Helvetica, sans-serif, Verdana;
    font-size: 12px;
    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: white;
    /*border-radius: 10px;*/
    color: white;
	font-family: "PT Sans", Arial, Helvetica, sans-serif, Verdana;
    font-size: 12px; /* Pre May 2016 13px; */
	max-height: 85%; /* Prevent popup from being too tall */
	max-width: 950px; /* Otherwise Chrome stretches out the popup */
	min-width: 800px; /* May contain td_table_utility which has a minimum width of 700px */
	overflow: auto; /* Scroll bars desired when required */
    padding: 20px 20px 20px 20px;
	/* width: 700px; Leave width to the min-width setting */
}

/* 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; /* Pre May 2016 #E5E6E7; */
	color: #929497;
}

.td_button_popup_ok_mouseover,
.td_button_popup_ok_normal:hover
{
	background-color: #D1D3D4; /* Pre May 2016 #D1D3D4; */
	color: white;
    cursor: pointer;
}

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

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

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

/* box-shadow: h-shadow v-shadow blur spread color inset; */
/* box-shadow: 5px 5px 2px silver; */