﻿
/* Style sheet for Family guide grid  */

#content ul {
        padding:1px 0px 0px 0px;
        margin:0;
        }

#fguide {
        width:650px;
        font-size:small;
        background-color: #fff000;
        padding:5px;
        outline:grey solid 2px;
        }

#fguide a {
        text-decoration:none;
        }
        
#fguide a:link {
        }

#fguide a:visited {
        }

#fguide a:hover {
        color: #0099CC;
        }
        
#fguide a:active{
        }

/* TEST UL/LI for guide with dyn attributes*/

.fgUL {
        list-style:none;
        }

.fgUL li {
        position:absolute;
        }
        
.fgUL li a {
        text-decoration:none;
        }
        
.fgUL li a:link {
        text-decoration:none;
        color:Lime;
        }
        
.fgUL li a:visited {
        text-decoration:none;
        color:inherit;
        }

.separator {
        margin:0;
        height:8px;
        background-color: #bbbbbb;
        color:White;
        }

.fgday ul {
        list-style:none;
        position: relative;
        width:720px;
        /*  left:-5px;*/
        }

.fgday {
         background-color: #000;
         padding-bottom:5px;
        }

ul.fgtime {
        width: 650px;
        height: 34px;
        margin-bottom: 0;
        padding: 8px 0px 2px 0px;
        text-align: center;
        font-size: small;
        font-weight: bold;
        color: #3366FF;
        }

.grey {
        background-color: #eeeeee;
        color: #eeeeee;
        }

ul.fgtime li{
        float:left;
        }

ul.fglist {
            width: 650px;
            margin-bottom: 0;
            text-align: center;
            clear: both;
        }

ul.fglist li {
        float:left;
         height:40px;
         text-align: center;
         padding-top:4px;
        }

.fgnetwork  {
            font-size: small;
            font-weight: bold;
            padding:3px;
        }

.fg180  {
        width: 540px;
        border-right:1px solid black;
        }

.fg120 {
        width:360px;
        }

.fg60{
        width:180px;
        }

.fg30 {
        width: 90px;
         }

.fg20 {
        width:40px;
        }


.fgratinglegend  {
	     float: right;
	     margin-left: 20px;
	     width: 400px;
         border: 2px dashed #999;
         padding: 5px;
         margin-bottom: 10px;	
         margin-top: 10px;
  	    } 


.green {
        background-color: #008000;
        color: #FFFFFF;
        border-right:1px solid black;
        line-height: 14px;
        }
        
.yellow {
        background-color: Yellow;
        border-right: 1px solid black;
        line-height: 14px;
        text-align: center;
        vertical-align: middle;
        }

.red {
       background-color: Red;
       color: #FFFFFF;
       border-right:1px solid black;
       line-height: 14px;
        }
    
.norating {
        background-color: #4C5779;
        color: #FFFFFF;
        border-right:1px solid white;
        line-height: 14px;
        }

.norating a{
        text-decoration:none;
        color: #FFFFFF;
        }

.norating a:link{
        text-decoration:none;
        color:Lime;
        }
        .norating a:visited{
        text-decoration:none;
        color:white;
        }

#stoplight {   
	    float: left; 
	    padding-right: 10px; 
	    }
	    
.lightcircle {    
        width: 44px;
	    text-align:center;
	        }
	
	
.unratedbox  {
         width: 44px;
	     text-align:center;
	     padding-left:2px;
	     }
.fgbox  {
	    font-size: 80%; 
	    height: 40px;
	    border-bottom: dashed 1px #999966;
	    padding-bottom: 0px;
	    padding-top: 1px;}
	    
	    .fgbox1 {
	    font-size: 70%; 
	    }

.network {
        background-color: #000;
        color: #FFFFFF;
        border-right:1px solid black;
        line-height: 14px;
        }

.clearboth {
        margin:0;
        padding:0;
        height:0;
        width:0;
        clear:both;
        }
.fgweekday {
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-large;
        font-weight: bold;
        color: #FFFFFF;
        }

.fgdate {
        font-family: Arial, Helvetica, sans-serif;
        font-size: large;
        color: #FFFFFF;
        padding-bottom:4px;
        }

.hover {
        color:Fuchsia;
        }

/* Popup window*/

br.both{
        clear:both;
        }

#backgroundPopup{
        display:none;
        position:fixed;
        _position:absolute; /* hack for internet explorer 6*/
        height:100%;
        width:100%;
        top:0;
        left:0;
        background:#000000;
        border:1px solid #cecece;
        z-index:1;
        }

#popupContact{
        display:none;
        position:fixed;
        _position:absolute; /* hack for internet explorer 6*/
        height:384px;
        width:408px;
        background:#FFFFFF;
        border:2px solid #cecece;
        z-index:2;
        padding:12px;
        font-size:13px;
        }

#popupContact h1{
        text-align:left;
        color:#6FA5FD;
        font-size:22px;
        font-weight:700;
        border-bottom:1px dotted #D3D3D3;
        padding-bottom:2px;
        margin-bottom:20px;
        }
        
#popupContactClose{
        font-size:14px;
        line-height:14px;
        right:6px;
        top:4px;
        position:absolute;
        color:#6fa5fd;
        font-weight:700;
        display:block;
        }

#popupStudies{
        display:none;
        position:fixed;
        top: 185px;
        _position:absolute; /* hack for internet explorer 6*/
        height:1000px;
        width:1000px;
        background:#FFFFFF;
        border:2px solid #cecece;
        z-index:2;
        padding:12px;
        font-size:13px;
        }

#popupStudies h1{
        text-align:left;
        color:#6FA5FD;
        font-size:22px;
        font-weight:700;
        border-bottom:1px dotted #D3D3D3;
        padding-bottom:2px;
        margin-bottom:10px;
        }