﻿/*
    These styles control the appearance of the table controls.

	Refer to td_viewing_colour_scheme.css for colours.

    Sample code not used can be found at the end of this document.

	This css file has a @media print section.
*/

/* Because there are so many instances of user controls being wrapped in a html table, we'll collapse borders by default. */

table {
	border-collapse: collapse;
}

/* Main table used user control that may be shown on ModalPopupExtender -------------------------------------------------- */

.td_table_modalpopupextender_background {
	background-color: white;
}

/* The items below haven't been checked in relation to the styles. */

/* Help -------------------------------------------------- */

.td_table_help {
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    width: 100%;
}

/* Utility */

table.td_table_utility,
table.td_table_builtin_control
/*table.td_table_dataentry*/
{
    background-color: white; /* Main background colour. */
    border: 0px none transparent;
	min-width: 700px;
    /* border-radius: 5px; */
    padding: 0px 0px 0px 0px;
}

table.td_table_utility table,
table.td_table_builtin_control table
/*table.td_table_dataentry table*/
{
	background-color: transparent;
}

table.td_table_utility td,
table.td_table_utility tr,
table.td_table_builtin_control td,
table.td_table_builtin_control tr
/*table.td_table_dataentry td,
table.td_table_dataentry tr*/
{
	background-color: white;
    padding: 5px 10px 5px 10px; /* top right bottom left */
}

/* Built-in Controls such as ChangePassword. These controls create tables with some table cells not having any classes.
    One requirement was to have the second column be left aligned. This was tricky because the td didn't have a class. */

table.td_table_builtin_control tr td:nth-child(2) {
    /* Second colums should be left aligned. Table columns referencd in this way are not 0 based. */
    /* The above only works with CSS3. */
    text-align: left;
}

/* Popup */

/* When AM Charts are displayed in a popup, we use a td element to ensure that are displayed on a white background */
#table_td_trading_book_trading_limit_chart_group_popup {
	width: 100%;
}

#table_td_trading_book_trading_limit_chart_group_popup td {
	background-color: white;
}

/* end --------------------------------------------------  */
