#banner
{
   text-align: center;
}

#stations
{
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.station_name
{
   font-size: 24px;
   font-style: bold;
   margin-left: 10px;
   margin-bottom: -20px;
}

.station_desc
{
    display: none;
    margin-left: 20px;
    margin-top: 30px;
}

.station_select
{
    margin-left: 10px;
    margin-top: -10px;
    color: blue;
}

.note
{
  font-size: 10px;
}

#player_zone
{
    width: 50%;
    display: inline-block;
}

#player
{
    margin: auto;
    border-style: ridge;
    border-width: 5px;
    width: 600px;
    
}

#playing
{
    height: 235px;
}

#show_image
{
    float: left;
    border-style: solid;
    border-width: 5px;
    height: 220px;
    width: 220px;
    padding: 3px;
    background-color: #ffffff;
}

#titles
{
    width: 344px;
    display: inline-block;
    padding: 10px;
   
}

#show_title
{
    font-size: 28px;
    font-style: bold;
    text-shadow: 3px 3px 3px #ccddff;
    margin-top: -26px;
    margin-bottom: -10px;
}

.label
{
    font-size: 12px;
    margin-top: -2px;
    margin-bottom: -20px;   
}

#episode_title
{
    font-size: 24px;
     margin-top: -20px;
}

#episode_date
{
    font-size: 18px;
}

#controlbox
{
    border-style: ridge;
    border-width: 5px;
    background-color: #ffffff;
    /*background-image: url("images/controlbg.jpg"); */
}

#controls
{
    width: 318px;
    margin: auto;
}

#progressBar
{
   display: inline-block; 
   border:1px solid #aaa; 
   color:#fff; 
   width:260px; 
   height:14px;
   margin: auto;
}

#progress
{
   background:linear-gradient(#0a1829,#3065a2);
   height:100%;
   width: 0;
}

#elapsed
{
   display: inline-block;
   font-size: 12px;
   width: 25px;
   margin-right: 5px;
   vertical-align: top;
}

#duration
{
   display: inline-block;
   font-size: 12px;
   width: 20px;
   margin-left: 3px;
   vertical-align: top;
}


h2
{
    margin-bottom: 0px;
}

#history
{
   width: 500px;
   margin: auto;
}

.history_item
{
   padding-top: 20px;
   margin-left: 40px;
}

.history_image
{
   height: 80px;
   width: 80px;
}

.history_titles
{  
   width: 75%;
   height: 80px;
   padding-left: 20px;
   display: inline-block;
   vertical-align: top;
}

.history_show
{  
   margin: 5px;
   font-size: 18px;
   font-weight: bold;
}

.history_episode
{
   margin: 5px;
   font-size: 16px;
}

.history_date
{
   width: 50%; 
   margin: 5px;
   font-size: 14px;
   display: inline-block;
}

.history_play
{
   font-size: 14px; 
   width: 30%;
   margin: 5px;
   color: blue;
   display: inline-block;
   alignment: right;    
}

#util
{
   display: inline-block;
   vertical-align: top;
   width: 20%;
}

#login
{
   text-align: right;
}