ul.nolist {
  list-style: none;
  margin-left: -20px;
}

body,table,td, h4, tdmenu {
  font-family: Arial, Verdana, Sans, Comic Sans MS, Bangle, Times New Roman; font-size: 11pt;
}

body, picbg {
  background-color: #000; color: #FFF;
}

span.imgtext, span.imgtextleft { font-style: italic; font-size:10pt; display:inline-block; max-width: 300px; }
span.imgtextleft { text-align: left; }

 .index { color: yellow; font-weight:bold; }

 .right { margin-left: auto; margin-right: 20px; text-align:right; }

.light, tdmenu.a {
  color: #000;
}
/*
body,table,td, h4 {
        color: #FFF;
        xxbackground-color: #000;
        scrollbar-arrow-color:#999;
        scrollbar-face-color:#000;
        scrollbar-track-color:#000;
        scrollbar-highlight-color:#999;
        scrollbar-shadow-color:#999;
        scrollbar-3dlight-color:#FFF;
        scrollbar-darkshadow-color:#FFF;
 }
*/
td.tncell a  { text-align: center; }

div.innerwrap { width: 97%; overflow-x: auto; }


div#text {
  text-align:left;
  }

.picbg{
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position: center center;
 }

.light { background-color: #FFF; font-size: 12pt;

}


div.safety li {
  list-style-type: none;
  margin-top: 3px;
}
div#safety, div.safety {
  border: solid 3px red;
  width: 80%;
  text-align:left;
  padding: 10px;

}
img#warning {
  text-align: left;
  vertical-align: top;
  xfloat: left;
  padding: 20px;
}



div.allclips, table.maintable {
  padding-left: 20px;
  }


div.center {
  text-align: center;
}

div.allclips, table.maintable,
.borders {
  text-align:left;
  border: solid 1px white;
  padding: 5px;
}

img#logo {
  text-align: right;
  }

div#main, div#bottom {
  max-width: 1280px;
}

table#allimages td {
  font-size:8pt; text-align:left;
}

table.allimages {
  margin-left: auto;
  margin-right: auto;

}
div#typetext {
  visibility: hidden;
}

h2,h3,h4 {
        color: #FFF;
}


A {
        text-decoration: none;
        /* color: #CCF; */
}

A:HOVER {
        text-decoration: underline;
}

.tdopening {
        font-size: 12pt;
        font-style: italic;
}

.thumbtext {
        font-size: 9pt;
}




.tdmenu {
        font-size: 13pt;
        background-color: #FFF;
}

img.playimage { width: 30px; float:left; margin-bottom: 10px; margin-right: 10px; margin-top: 4px; }


.centerdiv{
text-align: center; width: 100%;

}

.centerdiv>div
{ /*Proper way to center a relative div*/
margin: 0 auto;

}

div.figure {
  margin-top: 10px;
  text-align:center;
  border: solid white 1px;
}
div.figure img {
  padding: 10px;
  max-width:50%;
  margin-left: auto;
  margin-right: auto;
}
div.figuretext {
  font-style: italic;
  padding: 6px;
}
figure {
  clear: all;
}


/*///Responsive tables//////////////////////////*/

table.starlist td {
    width: 100%;
    float: left;
    Xdisplay: block;
    display: table-cell;
    height: 100%;

}

table.starlist {
    width: 90%;
}

tr.header td {
    text-align: center;
    font-weight: bold;
}

@media only screen and (min-width: 512px) {
    table.starlist td:nth-child(1) { width: 48%; }
    table.starlist td:nth-child(2) { width: 48%; }
    table.starlist td:nth-child(3) { width: 48%; }
    table.starlist td:nth-child(4) { width: 48%; }

    table.starlist {
        width: 100%;
    }

}

@media only screen and (min-width: 768px) {
    table.starlist td:nth-child(1) { width: 20%; }
    table.starlist td:nth-child(2) { width: 20%; }
    table.starlist td:nth-child(3) { width: 20%; }
    table.starlist td:nth-child(4) { width: 30%; }

    table.starlist {
        width: 100%;
    }
}
/*/////////////////////////////*/

#dhtmltooltip{
position: absolute;
xborder: 2px solid black;
padding: 2px;
background-color: black;
visibility: hidden;
z-index: 100;
/*!!!!!Remove below line to remove shadow. Below line should always appear last within this CSS */
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/* *** FANCYBOX customization version 2.1 NOT for 1.x ! */


.fancybox-skin {
  border: solid 2px white;
}

a, .fancybox-title a  { color: #FC8; }

.fancybox-skin, .fancybox-title { color: white; background-color: black; }

.fancybox-title  { font-family:  Arial; font-size: 12pt; }

.fancybox-title {
  text-align: center; padding: 3px;
}

.fancybox-prev span {
  background-image: url('arrow-left.gif');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: 18px;
}

.fancybox-next span {
  background-image: url('arrow-right.gif');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: 18px;
}

.fancybox-close {
  background-image: url('close.png');
  background-repeat:no-repeat;
  background-position: center center;
  left: -18px;
  background-size: 36px;
}

img { max-width: 100%; height: auto; }
span.imgwrap img { display: block; }

figure {
  margin: 0px;
}
figure img {
  display: block;
}
figcaption {
  font-style: italic;
  padding: 6px;
}
img.imgwrap, figure {
  display: inline-block;
}

@media only screen and (min-width: 400px) {
    div#main {
      width: 90%;
    }
}