/* GENERAL */
HTML { overflow-y: scroll; }
BODY { margin: 0 auto; padding: 0; }
BODY, TEXTAREA, INPUT, FORM, P, DIV, button { font-family: Verdana; /* font-size: 15px; */ }
HR { border: none; height: 1px; color: lightgrey; /* old IE */ background-color: lightgray; /* Modern Browsers */ }
A:link, A:visited { text-decoration: none; color: #1767b7; }
A:hover, A:active { text-decoration: underline; color: #1767b7; }

* { box-sizing: border-box; /* width includes all */ }
.clearfix::after { content: ""; clear: both; display: table; }
.VisibleMobile { display: none; }
.VisibleDesktop { display: block; }

/*UL { padding-left: 13px; list-style-type: none; }*/
/*LI { margin-top: 7px; list-style-type: none; }*/
/*p { line-height: 18px; margin: 0.6em 0; depends on font size text-indent: 14px; }*/
/*h2 { margin-bottom: 50px; color: teal; text-shadow: 1px 1px 2px #cccccc; text-align: center; }*/



/* FRAMEWORK DESKTOP */
.SideNav { height: 100%; width: 160px; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; padding-top: 5px; background-color: lightslategray; }
.NavTable { width: 150px; border-collapse: collapse; text-align: center; margin-left: 10px; margin-top: 0px; }
.NavTable tr:nth-child(even) { height: 4px; }
.NavTable .Normal { height: 36px; background-color: #e9e9e9; border: 1px solid lightslategray; }
.NavTable .Selected { height: 36px; background-color: white; border: 1px solid lightslategray; border-right: 0; }
.NavTable tr td a { display: block; outline: 0; text-decoration: none; color: black; vertical-align: middle; text-align: center; }
.NavTable tr td a:hover { color: red; }
.MainContent { margin-left: 160px; }
.MainContent > div:nth-child(1) { width: 76%; margin: auto; }
.MainContent footer > div:nth-child(1) { text-align: center; margin-bottom: 30px; font-size: 14px; }
.SortFrame { text-align: right; font-size: 85%; margin-top: 5px; }

/*TV MOVIES DESKTOP */
.MoviesTable { width: 100%; border-collapse: collapse; min-width: 800px; margin-top: 5px; margin-bottom: 35px; }
.MoviesTable tr { border-top: 1px solid black; }
.MoviesTable tr.SelectedFrame { border: 3px solid red; }
.MoviesTable tr:nth-child(odd) { background-color: #EFF3FB; } /* alternate row colors */
/* time, channel */
.MoviesTable tr td:nth-child(1) { text-align: center; } /* first cell centered */
.MoviesTable tr td:nth-child(1) > div:nth-child(1) { margin-bottom: 9px; margin-top: 7px; } /* time */
.MoviesTable tr td:nth-child(1) > div:nth-child(2) { margin-top: 0;  } /* channel */
.MoviesTable tr td:nth-child(1) > div:nth-child(3) { color: #708090; } /* channel number */
.MoviesTable tr td:nth-child(1) > div:nth-child(4) { font-size: 85%; margin-top: 17px; } /* ETA */
.MoviesTable tr td:nth-child(2) { padding-top: 8px; padding-bottom: 9px; }
/*  image */
.MoviesTable tr td:nth-child(2) img { width: 80px; } 
/* details */
.MoviesTable tr td:nth-child(3) { padding-left: 17px; }
.MoviesTable tr td:nth-child(3) > a:nth-child(1) { text-decoration: none; outline: 0; color: black; font-weight: bold; margin-bottom: 5px; } /* title*/
.MoviesTable tr td:nth-child(3) > a:nth-child(1):hover { text-decoration: underline; } /* title imdburl underline */
.MoviesTable tr td:nth-child(3) > a:nth-child(2) { text-decoration: none; margin-left: 5px; color: #0000cd; } /*share url*/
.MoviesTable tr td:nth-child(3) > a:nth-child(2) > img { vertical-align: text-top; } /* share image*/
/*share image url*/
.MoviesTable tr td:nth-child(3) > div:nth-child(3) { font-size: 93%; color: #2F4F4F; margin-top: 0px; margin-bottom: 7px; } /* english title */
.MoviesTable tr td:nth-child(3) > div:nth-child(4) { font-size: 93%; color: #373534; } /* year, country */
.MoviesTable tr td:nth-child(3) > div:nth-child(4) > span { color: rgb(126, 45, 100); } /* year*/
/* country, year */
.MoviesTable tr td:nth-child(3) > div:nth-child(5) { font-size: 93%; color: #373534; } /* gender */
.MoviesTable tr td:nth-child(3) > div:nth-child(6) { font-size: 93%; color: #373534; } /* actors */
/* score */
.MoviesTable tr td:nth-child(4) > div:nth-child(1) { font-size: 90%; color: black; } /* apr */
.MoviesTable tr td:nth-child(4) > div:nth-child(2) { font-size: 90%; color: #708090; margin-top: 3px; }/* imdb */
/* description */
.MoviesTable tr td:nth-child(5) > a { text-decoration: none; outline: 0; color: inherit; } /* summary link */
.MoviesTable tr td:nth-child(5) > a div { color: black; font-size: 93%; } /* summary */


/* DOCUMENTARIES TABLE DESKTOP */
.DocumentariesTable { border-collapse: collapse; table-layout: fixed; width: 100%; min-width: 800px; margin-top: 25px; margin-bottom: 35px; }
.DocumentariesTable tr.SelectedFrame { border: 3px solid red; }
.DocumentariesTable tr:nth-child(odd) { color: #333333; background-color: #EDF2EA; } /* alternate row colors */
.DocumentariesTable td:nth-child(2) > span { color: #708090; } /*  channel number */
.DocumentariesTable td:nth-child(3) > a:nth-child(1) { text-decoration: none; color: inherit; } /* share */
.DocumentariesTable td:nth-child(3) > a:nth-child(1):hover { text-decoration: underline; } /* share */


/* CINEMA TABLE DESKTOP */
.CinemaTable { border-collapse: collapse; /*table-layout: fixed;*/ width: 100%; min-width: 800px; margin-top: 5px; margin-bottom: 35px; } /* cinema table */
.CinemaTable tr { border-top: 1px solid black; }
.CinemaTable tr.SelectedFrame { border: 3px solid red; }
.CinemaTable tr:nth-child(odd) { background-color: #FAF2EF; } /* alternate row colors */
.CinemaTable tr td:nth-child(1) { padding-top: 8px; padding-bottom: 9px; } /*  image */
/* details */
.CinemaTable tr td:nth-child(2) { padding-left: 15px; }
.CinemaTable tr td:nth-child(2) > a:nth-child(1) { text-decoration: none; outline: 0; color: Black; font-weight: bold; } /* title */
.CinemaTable tr td:nth-child(2) > a:nth-child(1):hover { text-decoration: underline; } /* title hover */
.CinemaTable tr td:nth-child(2) > a:nth-child(2) { text-decoration: none; margin-left: 5px; color: #0000cd; } /* share # */
.CinemaTable tr td:nth-child(2) > a:nth-child(2) > img { vertical-align: text-top; } /* share image*/
.CinemaTable tr td:nth-child(2) > div:nth-child(3) { font-size: 90%; color: #2f4f4f; margin-top: 0px; margin-bottom: 7px; } /* english title */
.CinemaTable tr td:nth-child(2) > div:nth-child(4) { font-size: 90%; color: #373534; } /* country, year */
.CinemaTable tr td:nth-child(2) > div:nth-child(5) { font-size: 90%; color: #373534; } /* genre */
.CinemaTable tr td:nth-child(2) > div:nth-child(6) { font-size: 90%; color: #373534; } /* actors */
/* score */
.CinemaTable tr td:nth-child(3) > div:nth-child(1) { font-size: 90%; color: black; margin-bottom: 4px; } /* APR */
.CinemaTable tr td:nth-child(3) > div:nth-child(2) { font-size: 90%; color: #708090;  } /* IMDB */
/* description */
.CinemaTable tr td:nth-child(4) > a { text-decoration: none; outline: 0; color: black; font-size: 93%; } /* roSummary description */
/* cinematografe */
.CinemaTable tr td:nth-child(5) { padding-left: 6px; padding-right: 12px; } /* horizontal space */
.CinemaTable tr td:nth-child(5) > a { text-decoration: none; outline: 0; color: #2F4F4F; font-size: 83%; } /* cinemas */