/* header {
	top:0;
    left:0;
    right:0;
  width: 100%;
  background-color: blue;
  height: 100px;
  

} */


/* The n.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: #00a087;
} */

/* header {
	 position: fixed;
  width: 100vw;
  background-color: black;
  height: 100px;
} */



/* 
#footer {
   position:static;
   bottom:0;
   width:100%;
   height:60px;   
   background:#6cf;
}
 */
 
 
 /* this is takes away the margin around the page (User agent stylesheet (Chrome)) it was set at 8 by them CB */
 
 body { margin: 0; padding: 0; }
 
 
 /*this will change the atributes for the ENTIER PAGE , IGNORING EVERYTHING ELSE*/
 
  
 html *
{
  /* font-size: 1em !important;*/
 /*  color: #000 !important;*/
    font-family: Arial, Helvetica, sans-serif; !important;
}
 
 /* this is to make the to black bar links white with no default underline ....but a hover underline CB */
div.CBLinks a:link {
	
	/*no link underline8*/ 
   /*  text-decoration: none; */

    color: white;
	
}
	div.CBLinks a:visited {
  color: #FFFFFF /*keeps the links white even after they are visited*/
}
	
    div.CBLinks a:hover {
  text-decoration: underline; /*a hover underline CB */
}


 /* this is to make the to orange bar on show pages links black with no default underline ....but a hover underline CB */
div.CBLinksShoPgs a:link {
	
	/*no link underline8*/ 
   /*  text-decoration: none; */

    color: black;
	
}
	div.CBLinksShoPgs a:visited {
  color: #FFFFFF /*keeps the links white even after they are visited*/
}
	
    div.CBLinksShoPgs a:hover {
  text-decoration: underline; /*a hover underline CB */
}



div.card a:visited {
	
	/*no link underline8*/ 
   /*  text-decoration: none; */

    color: #FFFFFF;
	
}










/* this is for the black bar at the top */

.col-scroll-fixed {
    width: 100%;
    height: 71px;
    background-color: black;
	position: fixed;
    top:0;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
	box-sizing: border-box;
	
}
/* this is for the yellow bar at the top */
.col-scroll-fixed2 {
    width: 100%;
    height: 14px;
    background-color: #ffa500;
    position: fixed;
    top:71;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
	box-sizing: border-box;
}

/* this is for the black bar at the botton */
.bottombar {
    width: 100%;
	/*min-width:1120px;    this helps with the bar width so that it goes all the way the the edge    */
    height: 350px;
    background-color: black;
	position: static;
    top:0;
    right: 0px;
	 left: 0px; 
    bottom: 0;
    z-index: 9999;
 /* overflow: auto; */
 box-sizing: border-box;
}


/* this is for the yellow thin bar at the botton */
.bottombar2 {
    width: 100%;
	/* min-width:1120px;      this helps with the bar width so that it goes all the way the the edge    */
    height: 2px;
    background-color: #ffa500;
	position: static;
    top:0;
    right: 0px;
 left: 0px; 
    bottom: 0;
    z-index: 9999;
 /* overflow: auto; */
 box-sizing: border-box;
}


.midbarTEST {
  
	 width: 100%;
    height: 520px; /*bigger number adds to the bottom*/
    background-color: #ffa500;
	
	/*black on top orange on bottom*/
	background-image: linear-gradient(#111111, #ffa500);
	
	/*Orange on top black on bottom*/
	/*background-image: linear-gradient(#ffa500, #111111);*/
	
	/*Orange on top white on bottom*/
	/*background-image: linear-gradient(#ffa500, #ffffff);*/
	
    position: absolute;
    top:355;  /*lower number moves the bar UP*/
    right: 0px;
   left: 0px;
    bottom: 0;
    z-index: 1;
	
	
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 box-sizing: border-box;
	
}





.middleAddBar {



	 width: 100%; 
    height: 300px; /*bigger number adds to the bottom    was 220px*/
   /* background-color: aliceblue;*/
	 background-color: whitesmoke;
	/*black on top orange on bottom*/
	/*background-image: linear-gradient(#111111, #ffa500);*/
	
	/*Orange on top black on bottom*/
	/*background-image: linear-gradient(#ffa500, #111111);*/
	
	/*Orange on top white on bottom*/
	/*background-image: linear-gradient(#ffa500, #ffffff);*/
	
    position: absolute;
    top:1055;  /*lower number moves the bar UP .........Higer number moves bar DOWN     was 955*/
    /*right: 0px;*/
  left: 0px;
  right: 0px;
    bottom: 0;
    z-index: -1;
	
	/* puts bar in MIDDLE
	 margin-left: 25%;
    margin-right: auto;*/
	
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
	box-sizing: border-box;

	
	
}












/* this is for a rounded search box */
.round {
    width: 55%;
    border-radius: 6px;/* makes edges less or more rounded*/
    border: 1px #000 solid;
    padding: 5px 5px 5px 25px;
    position: static;
    top: 0;
    left: 0;
    z-index: 5;
}

/* this is for a rounded show markee.. where the show names are.. */
.round2 {
    width: 1%;
    border-radius: 6px;/* makes edges less or more rounded*/
    border: 1px #000 solid;
    padding: 5px 5px 5px 5px;/* same padding all around (the order is :top, right, bottom, left*/
    position: static;
    top: 0;
    left: 0;
    z-index: 5;

}


.round2forTOP {
     
    border-radius: 7px;/* makes edges less or more rounded*/
    z-index: 2; 
	position: relative; /*you need the "position" atribute for the "z-index" atribute*/
   }


.round2forTOP2 {
     
    border-radius: 7px;/* makes edges less or more rounded*/
    z-index: 2;
    position: absolute; /*you need the "position" atribute for the "z-index" atribute*/
   }












.CommentArea{
	z-index: 2;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	color: white;
	
}

.CommentArea a {
    color: Red; /* This sets the link color to blue  "Read More" on the main paige*/
    text-decoration: none; /* This removes the underline from the link */
}

.CommentArea a:hover {
    color: White; /* This changes the link color to purple when it is being hovered over */
}











.NetworkName{


	z-index: 3;
	position: absolute;
	left: 237px;
	top: 2608px;

}


/*Stylings for the pannel links*/

.showNames{
	z-index: 3;
	position: absolute;

 font-size: 12px;

font-weight: bold;

color: white;
top :0;

}


div.showNames a:link {

  color: white;
  text-decoration: none;
 }


div.showNames a:visited {
  color: #FFFFFF /*keeps the links white even after they are visited*/
}
















}














/* this is for the yellow bar at the top of the SHOW PAGES */

.col-scroll-fixed3 {
	min-width:1120px;/*    this helps with the bar width so that it goes all the way the the edge    */
    width: 100%;
    height: 71px;
    background-color: #ffa500;
	position: static;
    top:0;
    right: 0px;
    bottom: 0;
    z-index: 9999;
}
 
 /* this is for the Black bar at the top of the SHOW PAGES */
 
.col-scroll-fixed4 {
	min-width:1120px;/*    this helps with the bar width so that it goes all the way the the edge    */
    width: 100%;
    height: 4px;
    background-color: Black;
    position: static;
    top:0;
    right: 0px;
    bottom: 0;
    z-index: 9999;
}
 
 
/*  .font-for-choose-show{
	 
	
	
  font-family: Arial, Helvetica, sans-serif;

	 
	 
 } */
 
 
 
  /* for rounded submit/search button  uses the "id" atribute*/
 
 #CBbutton{
    background:#ffa500;  /* button color */
    color:#FFFFFF ;  /* text coloring*/
    border: 1px solid #223445;
    border-radius: 18px;
    -moz-border-radius: 5px ;
    display:inline-block;
    width: 10em;
    height: 2em;
    -webkit-font-smoothing: antialiased;
	-webkit-border-radius: 5px;
}
 
 
  /* for rounded reset button  uses the "id" atribute*/
 
 #CBbutton2{
    background:#000000;  /* button color */
    color:#FFFFFF ;  /* text coloring*/
    border: 1px solid #223445;
    border-radius: 18px;
    -moz-border-radius: 5px ;
    display:inline-block;
    width: 5em;
    height: 2em;
    -webkit-font-smoothing: antialiased;
	-webkit-border-radius: 5px;
}
 
   /* for rounded submit/Search button on HOME Page uses the "id" atribute*/
 #CBbutton3{
    background:#ffa500;  /* button color */
    color:#FFFFFF ;  /* text coloring*/
    border: 1px solid #223445;
    border-radius: 18px;
    -moz-border-radius: 5px ;
    display:inline-block;
    width: 5em;
    height: 2em;
    -webkit-font-smoothing: antialiased;
	-webkit-border-radius: 5px;
}
 
 
 /* I added this to make the top panels rounded---CB*/