/*
@media all and (max-width: 12.5em) {
    .my-breakpoint .ui-block-a
    {
		width: 20%; 
		float:none; 
    } 
	.my-breakpoint .ui-block-b 
    {
		width: 50%; 
		float:none; 
    } 
	.my-breakpoint .ui-block-c
    {
		width: 10%; 
		float:none; 
    } 
}
*/

@media all and (min-width: 12.5em) {
	.my-breakpoint.ui-grid-b .ui-block-a { width: 30.0%; }
	.my-breakpoint.ui-grid-b .ui-block-b { width: 55.00%; }
	.my-breakpoint.ui-grid-b .ui-block-c { width: 5.00%; }
	.my-breakpoint.ui-grid-b .ui-block-a { clear: left; }

	.my-breakpoint2.ui-grid-b .ui-block-a { width: 55.0%; }
	.my-breakpoint2.ui-grid-b .ui-block-b { width: 45.00%; }

	}
}

    .mtSimpleGrid{
        border-collapse:collapse;
        border-width:1px;
        border-style: solid;
        border-color:black;
    }
    .mtSimpleGrid th {
        background-color:black;
        color:white;
        border-collapse:collapse;
        border-width:1px;
        border-style:solid;
        border-color:black;
        padding:2px;
        font-weight:bold;
    }
    .mtSimpleGrid td{
        border-collapse:collapse;
        border-width:1px;
        border-style:solid;
        border-color:black;
        padding:2px;
    }