@charset "iso-8859-1";

/*
 * englishradio.css - private style sheet for englishradio.htm - kangguru.org
 *
 */

/* hard-width is a hack */
col.colNumberField
{
 width: 86px;
}
/* width constrained by a containing layout table...
 */
col.colDescField
{
 /*width: 25em; not working; max- either*/
}

table.tblEnglishRadioLinkBlock
{
/* width: 100%;     was '!important' but does not need to be;
 * in fact, 'margin' below enough... all out
 * this works because center cell has lots of text that expands the cell to max
 */
 margin-top: .8em;
 margin-bottom: 1em;
 margin-left: auto;
 margin-right: auto;
 background-color: #bbb;
}
table.tblEnglishRadioLinkBlock td
{
 padding: .4em !important;
 line-height: 150%;
 text-align: center !important;
 background-color: #FFFFCC;
}
table.tblEnglishRadioLinkBlock td.tdLeft,
table.tblEnglishRadioLinkBlock td.tdRight
{
 width: 25%;
 text-align: center;
 vertical-align: top;
 background-color: #FFFFCC;
}
table.tblEnglishRadioLinkBlock td.tdCenter
{
 width: 50%;
 text-align: center;
 background-color: #FFFFCC;
}
table.tblEnglishRadioLinkBlock td.tdLeft
{
 padding: 0 !important; /* not here, done in anchor */
}
table.tblEnglishRadioLinkBlock td.tdLeft a
{
 display: block;
 height: 100% !important;
 padding: .4em .4em;
 background-color: #FFFFCC;
 border-top: 1px solid #FFFFCC;
 border-bottom: 1px solid #FFFFCC;    /* non-hover borders rqrd, but match background */
 text-decoration: none;
}
table.tblEnglishRadioLinkBlock td.tdLeft a:hover
{
 background-color: #FFFFCC;
 border-top: 1px solid #bbb;
 border-bottom: 1px solid #bbb;
 text-decoration: none !important;
}
table.tblEnglishRadioLinkBlock td.tdLeft a.aNoTop
{
 border-top-width: 0px !important;     /* top item has no top border */
}
table.tblEnglishRadioLinkBlock td.tdLeft a.aNoBot
{
 border-bottom-width: 0px !important;  /* bottom item has no bottom border */
/*
 * this breaks-down on hi-res displays; column doesn't reach bottom of table...
 */
}

/*
 * this hack will need to be centralized!
 *
 */

table.tblEnglishRadioLinkBlock a:visited
{
/* force back to standard unvisited-look because
   IE doesn't distinguish between the hoards of local links;
   they all go purple since we're *on* the page already
 */
 color: #00c !important;
}
table.tblEnglishRadioLinkBlock a:hover
{
/* great have to restate this or we've broken the hover-colour on visited link;
 */
 color: #00f !important;
}
table.tblEnglishRadioLinkBlock a:focus,
table.tblEnglishRadioLinkBlock a:active
{
 color: Red !important;
}


/* extensions to tbl2up and tblBasic to tweak the colors
 * used in radio/englishradioseriesNN.html, too!
 */
table.tbl2upRadioSeries
{
 background-color: #FFFFCC;
	max-width: 72em;
 margin-bottom: 2em;
}
table.tbl2upRadioSeries th
{
 color: #900;
}
table.tblBasicRadioSeries th
{
 color: #900;
}

table.tblRadioSeriesLinkBlock
{
 width: 90%;     /* was '!important' but does not need to be; wo/width at all, table collapses tight to link-text */
 margin-top: .4em;
 margin-bottom: .5em;
 margin-left: auto;
 margin-right: auto;
 background-color: #bbb;
}
table.tblRadioSeriesLinkBlock td
{
 padding: 0 !important;
 line-height: 150%;
 text-align: center !important;
 background-color: #FFFFCC;
}
/* used by link block on englishradio.htm only to 'get small' */
table.tblSmaller,
table.tblSmaller a
{
 font-size: 9pt !important;
}
table.tblRadioSeriesLinkBlock a
{
 display: block;
 height: 100% !important;
 padding: 0em .3em;
 background-color: #FFFFCC;
 text-decoration: none;
}
table.tblRadioSeriesLinkBlock a:hover
{
 background-color: #FFFFCC;
 text-decoration: none !important;
}