/*

Styling for the matrix controls.
    
*/

TABLE.matrixproperties, TABLE.matrix, TABLE.matrixpropertieslabel
{
    display: inline-table; /* if a popup button or anything will be shown next to table*/
    table-layout: fixed;
	border-collapse: collapse;
    border-spacing: 0;	
    width: 100%; /* Responsive: 100% to enable shrinking (untill the tablewidth style is met, if specified) */ /* hack to let the table listen to the width specified, see http://stackoverflow.com/questions/4457506/css-how-to-set-the-table-column-width-constant-regardless-of-the-amount-of-text */
    margin-left: -3px; /* the cell padding moved to the left, such that the cell content aligns with the baseline */
}
td.matrixproperties, td.eConMatrixPropertiesLabel, td.matrix, td.eConMatrixLabel {
    padding: 0 2px; /* cell padding: see above note */
    border: 1px solid transparent;
}
TR.matrixproperties, TR.matrix
{
}
TD.matrixproperties, TD.matrix
{
	text-align: left;
	vertical-align: middle;
    overflow: hidden;
}

td.matrixbuttons, td.matrixpropertiesbuttons {
    overflow: visible;
	white-space: nowrap;
}
TR.matrixpropertieslabel
{
    
}
TD.eConMatrixPropertiesLabel, TD.eConMatrixLabel
{
	text-align: left;
	vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 2px;
    border: 1px solid #d0d0d0;
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #d4d4d4;
    background: url('../images/tableHeaderGradient.png') repeat-x scroll 50% 50% #f3f3f5;
    overflow: hidden;
    text-overflow: ellipsis;
}
TD.eConMatrixPropertiesButtonsLabel, TD.eConMatrixButtonsLabel {
    border: 1px solid transparent;
    background: none;
}
.eConMatrixPropertiesHeaderLabel {
    display: block;
}

td.matrix.mandatory.mandatorynotfilled input,
td.matrixproperties.mandatory.mandatorynotfilled input {
    border: 1px solid #EF5959;
}