/*
- This file is for clients who wish to configure their own CSS
 to change the web appearance from the default CSS.
 - see [dymax.web.style]medianet_cfg_doc.txt for examples on how to
 setup overrides
- The default CSS set is in MEDIANET_DEFAULT.CSS. Look at this file
 for a list of style elements that can be overridden and examples on
 how to define an override setting.
- For image paths please use /EMC/images/... as
 per MEDIANET_DEFAULT.CSS
*/
/* - These are order sensitive, and should appear in order: link
(default), visited, hover, active. Link color is dark blue and
visited/hover/active are same bronze as h1 color.
*/
span.gbs-thumbnail-large img {
 height: 125px;
 width: 125px;
 object-fit: contain;
 border: 1px solid #c0c0c0;
}
.dy_poster_image {
 height: 125px;
 width: 125px;
 object-fit: contain;
}
body {
 background-color: #FFFFFF ; /* outside grey */
 color: #484848; /* text: grey */
 margin: 0px;
 padding: 0px;
}
a {
 color: #1F55FB; /* was 00080 black */
 text-decoration: none;
}
a:visited {
 color: #7905c2; /* was 754c95 light purple */
 text-decoration: non;
}
div.medopt_contents a:visited {
 color: #1F55FB; /* was 754c95 light purple */
 text-decoration: none;
}
a:hover {
 color: #b18f36; /* was FAB13F orange */
 text-decoration: none;
}
a:active {
 color: #7905c2; /* same as visited */
 text-decoration: none;
}
#idBtnbar {
 color: #1F55FB; /* was 2447B2 */
}
#idBtnbar a:visited {
 color: #1F55FB;
}
#idBtnbar a:hover {
 color: #b18f36;
}
#idBtnbar a:active {
 color: #1F55FB;
}
/* make our grey borders more narrow so screen fits better in iFrame
*/
#idContent {
 margin: 0px 10px;
}
#idFooter {
 margin: 0px 10px;
}
#idNav {
 margin-left: 10px;
 position: absolute;
 top: 45px; /* moves postion of tabs up or down */
 left: 0px;
 padding: 0 0 0 0;
 margin: 0 0 0 100px;
 height: 0px;
}
#idNavContainer {
 background-color: #ffffff;
 height: 150px; /* pushes idcontent window down */
 /* logo height 100px plus tab height */
 /* tab height = 40px */
 /* was set to 200px */
 margin: 0;
 padding: 0;
 text-align: bottom;
}
#idNavContainer1 {
 background-color: #ffffff;
 height: 15px; /* pushes idcontent window down */
 /* logo height plus tab height */
 /* tab height = 40px */
 margin: 0;
 padding: 0;
 text-align: bottom;
}
#idHeader {
 position: absolute;
 top: 9px;
 left: 10px; /* 950 aligns logo with tabs */
 width: 0px;
 height: 830px; /* kb was 930 */
}
/* shift the nav bar to the left to it will align with the screen
(with less
grey border) and so all tabs fit in the iFrame margin-left was 100px,
not 10px */
#idNav {
 margin-top: 50px;
 margin-left: 10px;
 width: 1000px;
 height: 30px;
 color: #FFFFFF;
}
ul.navBar {
 position:relative;
}
ul.navBar li {
 float:left;
 display:block;
 position:relative;
}
 ul.nav_dropdown_menu {
 border:0px;
 list-style:none;
 display: none;
 position:absolute;
 top:30px;
 left:0px;
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background: #4862b1;
 color: #ffffff;
 z-index: 500;
 }
 ul.nav_dropdown_menu li {
 display:block;
 width: 100%;
 white-space:nowrap;
 }
 /* override parent styles */
 /* width may easily extend beyond the above. width 100% forces the menu
 wider 8(. Width 80% seems to ensure the link takes up the full menu */
 ul.nav_dropdown_menu li a {
 text-align: left;
 margin: 0px;
 border: 0px;
 padding: 5px 5px 5px 15px;
 width: 100%;
 float:left;
 display: block;
 font-size: 80%;
 font-weight: normal;
 }
 ul.nav_dropdown_menu li a:link {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 }
 ul.nav_dropdown_menu li a:visited {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 }
 ul.nav_dropdown_menu li a:hover {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 }
 ul.nav_dropdown_menu li a:active {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 }
/* HD testing a dropdown setup */
.dropdown {
 display: inline-block;
 position: relative;
 width: 100%;
}
.dropdown-content {
 display: none;
 position: absolute;
 width: 95%;
 line-height: 0.75;
 background-color: white;
 overflow: auto;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 3;
}
.dropdown-button {
 font-size: 100%;
 width: 95%;
}
.dropdown:hover .dropdown-content {
 display: block;
}
.dropdown-content a {
 display: block;
 color: #000000;
 padding: 5px;
 text-decoration: none;
}
.dropdown-content a:hover {
 color: #FFFFFF;
 background-color: #00A4BD;
}