@media screen and (min-width: 950px) {

#tzkcontainer {
width:40%;
margin:auto;
padding:0em;
border-style:solid;
border-width:0px;
border-color:silver;
border-radius:2em;
float:right;
}

/*#tzkcontainer img {
padding:1em;
width:8em;
height:8em;
margin:0.6em;
opacity: 1.0;
filter: alpha(opacity=100);
}*/

}

/*@media screen and (max-width: 320px) {

#tzkcontainer {
width:100%;
margin:auto;
padding:0em;
border-style:solid;
border-width:0px;
border-color:silver;
border-radius:1em;
float:right;
}

#tzkcontainer img {
padding:0.25em;
width:5em;
height:5em;
margin:0.25em;
opacity: 1.0;
filter: alpha(opacity=100);
}


}*/


#tzkcontainer img:hover, #tzkcontainer img#firstcol:hover {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

#tzkcontainer  a.flnk { padding:1em;text-decoration:none; }

#prevnext {
width:100%;
border-style:none;
border-width:0px;
font-size:150%;
display:inline-block;
position:relative;
top:-1.5em;
}

#prevnext tr {
display:flex;
}

#prevnext table, #prevnext tbody, #prevnext tr {
width:100%;
vertical-align:top;
padding:0;
}

#prevnext .leftcol {
width:50%;
text-align:center;
float:left;
padding-left:1.5em;
}

#prevnext .rightcol {
width:50%;
text-align:center;
float:right;
}

#prevnext a { padding:0;margin:0;text-decoration:none;/*border-radius:0.25em;*/}
#prevnext a:link, #prevnext a:active, #prevnext a:visited { /*background-color:#CFCFCF;*/ }
#prevnext a:hover { /*background-color:#DADADA;*/ }
#prevnext a img { width:2em;height:2em; }

