/*
    These styles control the appearance of the menus.

	Refer to td_viewing_colour_scheme.css for colours.

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

	Navigation grey button 229 230 231 - E5 E6 E7
	Navigation grey button - rolled over state 209 211 212 - D1 D3 D4
	Navigation grey button - clicked 128 129 132 - 80 81 84
*/

/* Main Menu Static RenderingMode="Table" -------------------------------------------------- */

/*
When RenderingMode="Table"
<table id="ctl00_Menu_Main" class="td_menu_main_dropdown_static ctl00_Menu_Main_5 ctl00_Menu_Main_2" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td title="Display ..." id="ctl00_Menu_Mainn0">
			<table class="td_menu_main_dropdown_static ctl00_Menu_Main_4" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;">
						<a class="ctl00_Menu_Main_1 td_menu_main_dropdown_static ctl00_Menu_Main_3" href="/portfolio/td_portfolio_dashboard.aspx" target="_self" style="border-style:none;font-size:1em;">Dashboard</a>
						</td>
					</tr>
				</table>
			</td>
		<td style="width:3px;"></td>
		<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Display ..." id="ctl00_Menu_Mainn1">
			<table class="td_menu_main_dropdown_static ctl00_Menu_Main_4" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;">
						<a class="ctl00_Menu_Main_1 td_menu_main_dropdown_static ctl00_Menu_Main_3" href="/portfolio/td_portfolio_fixed_interest.aspx?Mode=Level1" target="_self" style="border-style:none;font-size:1em;">Portfolio</a>
						</td>
					</tr>

		...

		<td style="width:3px;"></td>
		<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Create, Delete and Unlock System Users" id="ctl00_Menu_Mainn7">
			<table class="td_menu_main_dropdown_static ctl00_Menu_Main_4" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;">
						<a class="ctl00_Menu_Main_1 td_menu_main_dropdown_static ctl00_Menu_Main_3" href="/authentication/admin/td_user_administration.aspx" target="_self" style="border-style:none;font-size:1em;">Administration</a>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
*/

#div_menu_main {
	height: 100%;
}

table.td_menu_main_dropdown_static {
	border-collapse: collapse;
	padding: 0 0 0 0; /* top right bottom left */
	vertical-align: bottom;
}
table.td_menu_main_dropdown_static tr td {
}

table.td_menu_main_dropdown_static tr td table.td_menu_main_dropdown_static tr {
}

table.td_menu_main_dropdown_static tr td table.td_menu_main_dropdown_static tr td {
	font-size: larger;
	min-width: 50px;
	padding: 13px 20px 14px 10px; /* top right bottom left */
}

a.td_menu_main_dropdown_static {
	color: white;
	/*padding: 12px 20px 13px 10px;*/ /* top right bottom left */
	/*font-weight: bold;*/
}

.td_menu_main_dropdown_static_hover {
	background-color: #0076AE; /* #2384C6; is the next shade lighter in guidelines to #007DBA but #0076AE; is a couple of shades darker but not in the guidelines */
	color: white;
}
.td_menu_main_dropdown_static_selected {
	background-color: white; /* #F4F4F4; */
}
a.td_menu_main_dropdown_static_selected {
	color: #007DBA;
}

/* Main Menu Dynamic RenderingMode="Table" -------------------------------------------------- */

div.td_menu_main_dropdown_dynamic {
	background-color: #007DBA;
}

div.td_menu_main_dropdown_dynamic table.td_menu_main_dropdown_dynamic_item tr td {
	border-top: 1px solid #2384C6;
	padding: 13px 20px 14px 10px; /* top right bottom left */
}

a.td_menu_main_dropdown_dynamic_item {
	color: white;
}

.td_menu_main_dropdown_dynamic_hover {
	background-color: #0076AE; /* #2384C6; is the next shade lighter in guidelines to #007DBA but #0076AE; is a couple of shades darker but not in the guidelines */
	color: white;
}

.td_menu_main_dropdown_dynamic_selected {
	/*background-color: white;*/
}
a.td_menu_main_dropdown_dynamic_selected {
	/*color: #007DBA;*/
}

/*
When RenderingMode="Table"
<div id="ctl00_Menu_Mainn1Items" class="ctl00_Menu_Main_0 td_menu_main_dropdown_dynamic ctl00_Menu_Main_8">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Display the cash portfolio" id="ctl00_Menu_Mainn8">
			<td>
				<table class="td_menu_main_dropdown_dynamic_item ctl00_Menu_Main_7" cellpadding="0" cellspacing="0" border="0" width="100%">
					<tr>
						<td style="white-space:nowrap;width:100%;">
							<a class="ctl00_Menu_Main_1 td_menu_main_dropdown_dynamic_item ctl00_Menu_Main_6" href="/portfolio/td_portfolio_cash.aspx" target="_self" style="border-style:none;font-size:1em;">Cash Portfolio</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Display the fixed interest portfolio" id="ctl00_Menu_Mainn9">
			<td>
				<table class="td_menu_main_dropdown_dynamic_item ctl00_Menu_Main_7" cellpadding="0" cellspacing="0" border="0" width="100%">
					<tr>
						<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu_Main_1 td_menu_main_dropdown_dynamic_item ctl00_Menu_Main_6" href="/portfolio/td_portfolio_fixed_interest.aspx" target="_self" style="border-style:none;font-size:1em;">Fixed Interest Portfolio</a></td>
						</tr>
					</table>
		...
				</td>
			</tr>
		</table>
	<div class="td_menu_main_dropdown_dynamic_item ctl00_Menu_Main_7 ctl00_Menu_Main_0" id="ctl00_Menu_Mainn4ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=Vn1YTUKnD2RxA7-svyhLyqgkld1daCJ4Mw1EHs_1o9sIFf1mW8ds6oDtTFavjpw0ZA6yOH4KmpS-LCPVkK8qGpT3pUv8vWBkWah89z8Ed4F88YOf0&amp;t=635823526080000000" alt="Scroll up" />
		</div>
	<div class="td_menu_main_dropdown_dynamic_item ctl00_Menu_Main_7 ctl00_Menu_Main_0" id="ctl00_Menu_Mainn4ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=qZ3u79-lvboVNXMWvPmOIgASKXmm91ZiQ_uznz23ovyrB35mIyNkJwxCJVKoLXCU51ioRrqWZqFD-j0IX4_mOz6-ZX_-FTOjlTZpZQaFDIKb2QSm0&amp;t=635823526080000000" alt="Scroll down" />
		</div>
	</div>
*/

/* Footer Menu -------------------------------------------------- */

.td_menu_footer_dynamic {
}

.td_menu_footer_dynamic:hover {
}

.td_menu_footer_dynamic_hover,
.td_menu_footer_dynamic_selected {
}

.td_menu_footer_static {
	background-color: transparent;
	padding: 10px 35px 10px 0px; /* top right bottom left */
}

.td_menu_footer_static_hover,
.td_menu_footer_static_selected,
a.td_menu_footer_static_hover,
a.td_menu_footer_static_selected {
	color: #007DBA;
}

/* User Settings Menu -------------------------------------------------- */

/*
	Note the hack within td_site.master where <br/> is included before both Accounts and Logout options

	Depending upon the skin settings etc, the html of the user settings menu changes according to RenderingMode="...

	RenderingMode="Table"
	<div id="div_masterpage_user_settings">...
		<table ... class="td_menu_user_settings_static ..." ...>
			<tr ...>
				<td>
					<table class="td_menu_user_settings_static ..." ...>
						<tr>
							<td ...>
								<a class="...td_menu_user_settings_static ..." ...<img src="../../images/td_icon_user.png" .../></a>
							</td>
							<td style="width:0;">
								<img src="../../images/td_transparent_1px.png" alt="Expand " style="border-style:none;vertical-align:middle;" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<div id="ctl00_Menu_User_Settings_Level01n0Items" class="ctl00_Menu_User_Settings_Level01_0 td_menu_user_settings_dynamic ctl00_Menu_User_Settings_Level01_8">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr ...>
					<td>
						<table class="td_menu_user_settings_dynamic_item ..." ...>
							<tr>
								<td ...>
									<a class="...td_menu_user_settings_dynamic_item ..." >Account</a>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr ...>
					<td>
						<table class="td_menu_user_settings_dynamic_item " ...>
							<tr>
								<td ...>
									<a class="...td_menu_user_settings_dynamic_item ..." ...>Logout</a>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			...
		</div>
		...
	</div>

	*/

.td_menu_user_settings_dynamic { /* div */
	background-color: white;
}

div.td_menu_user_settings_dynamic table {
	/* Add settings to the first and second level of table */
	height: 100%;
}

div.td_menu_user_settings_dynamic table table.td_menu_user_settings_dynamic_item {
	/* Remove settings from the second level */
}

div.td_menu_user_settings_dynamic > table td {
	/* Add settings to the first and second level of table */
}

div.td_menu_user_settings_dynamic table table.td_menu_user_settings_dynamic_item td {
	padding: 10px 20px 20px 20px; /* top right bottom left */
	/* Remove settings from the second level */
}

table.td_menu_user_settings_dynamic_item {
}
table.td_menu_user_settings_dynamic_item tr {
}

.td_menu_user_settings_dynamic_item a { /* table tr td a */
}

.td_menu_user_settings_dynamic_item a:hover {
	color: white;
}

table.td_menu_user_settings_dynamic_item td {
	border-left: 1px solid transparent;
}

table.td_menu_user_settings_dynamic_item td:hover {
	background-color: #007DBA;
	border-left: 1px solid transparent; /* #007DBA; */
}

.td_menu_user_settings_dynamic_hover,
.td_menu_user_settings_dynamic_selected {
}

table.td_menu_user_settings_static {
	background-color: transparent;
}

.td_menu_user_settings_static_hover,
.td_menu_user_settings_static_selected {
}

/* End -------------------------------------------------- */