/* maps/times Modules CSS NOT IE */

/* Terence Ordona, portal[AT]imaputz[DOT]com         */
/* http://creativecommons.org/licenses/by-sa/2.0/    */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */


/* Reset overflow value to hidden for all non-IE browsers. */
div#scrollable {
	overflow: hidden;
	width: 316px
}

/* define width of table. IE browsers only                 */
div#scrollable table {
	float: left;
	width: 300px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.   */                                     
div#scrollable table {
	width: 316px
}


/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
div#scrollable thead tr {
	display: block
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto     */               
div#scrollable tbody {
	display: block;
	height: 7em;
	overflow: auto;
	width: 100%
}
 
/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors       */ 
div#scrollable thead th {
	width: 50px
}
div#scrollable thead th + th {
	width: 180px
}
div#scrollable thead th + th + th {
	width: 86px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
div#scrollable tbody td {
	width: 50px;
}
div#scrollable tbody td + td {
	width: 180px
}
div#scrollable tbody td + td + td {
	width: 70px
}