#bodyhttp://file-manager.000webhost.com/index.php
      {
         
      }

      .column{ }

      button
      {
         cursor:pointer;
         border:2px outset #8FB4FF; 
         white-space:nowrap;
         text-align:center;
         overflow:hidden;
         color:black;
         background-color:#8FB4FF;

         -moz-border-radius: 10% 10% 10% 10%;
         -webkit-border-radius: 10% 10% 10% 10%;
         -khtml-border-radius: 10% 10% 10% 10%;
         border-radius: 10% 10% 10% 10%;
      } 
      button:hover
      {
         border:1px outset black; 
      }
      button:active
      {
         border:1px inset orange; 
      }
      .editButton
      { 
         background-color:white;
         border: 0px;
         width:10%;
         height:20%;
         text-align:center;
         overflow:hidden;
      }
      .deleteButton
      {
         background-color: #E55B3C;
         border: 0px;
         color: #595454;
         font-weight: bold;
         width:8%;
         height:20%;
         text-align:center;
         overflow:hidden;
      }
      .addButton
      {
         background-color:green;
         border:0px;
         width:8%;
         height:20%;
         text-align:center;
         overflow:hidden;
      }
      
      .playlistTitle
      {
         font-size:90%;
         font-weight:bolder;
         width:90%;
         height:10%;
         background-color:black;
         color:white;
         border:2px solid black; 
         text-align:left;
         overflow:hidden;
      }
      button.playlistTitle:hover
      { 
         font-size:100%;
         border:2px solid black; 
         overflow:hidden;
      }

      .playlistOptionButton
      {
         font-size:100%;
         width:80%;
         height:8%;
         border:1px solid grey; 
         font-weight:bold;
      }
      button.playlistOptionButton:hover
      {
         color:yellow;
         border:2px solid white; 
      }

      .currentPlaylistName
      {
         color:black;
         background-color:white;
         border:2px solid red; 
         width:80%;
         height:8%;
         font-size:100%;
      }
      button.currentPlaylistName:hover
      {
         border:2px solid red; 
      }

      .videoName
      { 
         cursor:pointer;
         font-size:80%;
         color:black;
         font-family: Arial, Helvetica, sans-serif;
         font-weight:bold;
         background-color:silver;
         //background-color: white;
         border:2px solid gray;
         width:78%;
         height:20%;
         text-align:left;
         overflow:hidden;

         -moz-border-radius: 0% 0% 0% 0%;
         -webkit-border-radius: 0% 0% 0% 0%;
         -khtml-border-radius: 0% 0% 0% 0%;
         border-radius: 0% 0% 0% 0%;
      }
      button.videoName:hover
      { 
         color:gray;
         border:2px solid black; 
      }

      .currentVideoName
      {
         font-size:90%;
         color:black;
         background-color:white;
         width:78%;
         height:20%;
         text-align:left;
         border:2px solid red; 
         overflow:hidden;
      }
      button.currentVideoName:hover
      {
         border:2px solid red; 
      }

      .playlistName
      {
         font-size:20;
         color:red;
      }

      .playlistBox
      {
         overflow:auto;
         width:90%;
         height:40%;
         border:2px groove black;  
         margin-left:auto;
         margin-right:auto;
         background-color:darkgray;
      }
      
      .playbackControlButton
      {  
         width:30%;
         height:10%;
         background-color:black;
         color:white;
      }
      .playbackControlButton:hover
      {  
         color:yellow;
      }
   
      .newPlaylistButton
      {
         width: 95%;
      }
      .playlistOptionButton
      {
         background-color:black;
         color:white;
      }

      .contentDiv
      {
         color:black;
         text-align:center;
         background-color:#E6E6E6;
         vertical-align:bottom;
         border: 5px outset white;
         border-width:5px;
         font-size:75%;
         height:auto;
         width:auto;
      }

      .youtubeAddText
      {
         font-size:125%;
         weight:bolder;
         cursor:pointer;
         color:blue;
      }
      font.youtubeAddText:hover
      {
         font-size:130%;
         color: red;
      }

      .youtubeAlreadyAdded
      {
         font-size:100%;
         color:black;
      }

      .navigator
      {
         //font-size: 115%;
         font-size: auto;
         font-weight: bold;
         height: 7.5%;
      }

      .headerLinkContainer
      {
         //border: 2px solid #8FB4FF;
         border: 2px outset black;
         background-color: gray;

         border-bottom: 0px;
         font-weight: bold;

         width:8%;
         height: 100%;

         -moz-border-radius: 10% 10% 0px 0px;
         -webkit-border-radius: 10% 10% 0px 0px;
         -khtml-border-radius: 10% 10% 0px 0px;
         border-radius: 10% 10% 0px 0px;

         font-size:75%;
      }
      button.headerLinkContainer
      {
         border-bottom: 0px;
      }
      button.headerLinkContainer:hover
      {
         border: 2px solid white;
         border-bottom: 0px;
      }
      a.headerLink:link
      {
         color:white;
         font-weight:bold;
         text-decoration: none;
      }
      a.headerLink:visited
      {
         color:white;
         font-weight:bold;
         text-decoration: none;
      }
      a.headerLink:hover
      {
         border-bottom: 0px;
      }
      button.headerCurrentPage
      {
         border: 2px inset black;
         background-color: white;

         border-bottom: 0px;

         width:8%;
         height: 50%;

         -moz-border-radius: 10% 10% 0px 0px;
         -webkit-border-radius: 10% 10% 0px 0px;
         -khtml-border-radius: 10% 10% 0px 0px;
         border-radius: 10% 10% 0px 0px;

         font-size:75%;
      }
      button.headerCurrentPage:hover
      {
         border: 2px inset black;
         background-color: white;

         border-bottom: 0px;
      }
      button.headerCurrentPage:active
      {
         border: 2px inset black;
         background-color: white;

         border-bottom: 0px;
      }

      a
      {
         color:blue;
         //font-weight:bold;
         text-decoration:none;
     }
     a:hover
     {
         border-bottom:1px solid blue;
     }

     .popupDiv
     {
        -moz-border-radius: 2% 2% 2% 2%;
         -webkit-border-radius: 2% 2% 2% 2%;
         -khtml-border-radius: 2% 2% 2% 2%;
         border-radius: 2% 2% 2% 2%;
     }


     .dsq-comment-message
      {
         //background-color:gray;
      }

      .dsq-comment-meta
      {
         //background-color:gray;
      }

      .dsq-comment-body
      {
         //background-color:darkgray;
      }

      .dsq-comment-header
      {
         //background-color:#8FB4FF;
         //border:solid #8FB4FF 1px;
      }

      .clearfix
      {
         //border:solid black 1px;
      }