/*  
    
    localproductions.css
    OPB.org & related: micro styles for local productions layouts
  Copyright 2007, Oregon Public Broadcasting

*/  

/* OFG 20th anniv Voting styles */

div#relevant div#voting-categories {
  margin-bottom:1.0em;
}

div#relevant div#voting-categories h3 {
    margin:0;
}

div#relevant div#voting-categories h3.odd a:link, 
div#relevant div#voting-categories h3.odd a:visited {
  display:block;
  background:#777;
  color:#FFF;
  padding:5px 10px;
  text-decoration:none;
}

div#relevant div#voting-categories h3.even a:link, 
div#relevant div#voting-categories h3.even a:visited {
  display:block;
  background:#666;
  color:#FFF;
  padding:5px 10px;
  text-decoration:none;
}

div#relevant div#voting-categories h3.odd a:hover,
div#relevant div#voting-categories h3.even a:hover,
div#relevant div#voting-categories h3.odd a:active,
div#relevant div#voting-categories h3.even a:active {
  display:block;
  background:#00A2E3;
  color:#FFF;
  padding:5px 10px;
  text-decoration:none;
}

div#relevant div#voting-categories ul.voting-category li {
  margin:0;
  padding:0;
}

div#relevant div#voting-categories ul.voting-category li a:link,
div#relevant div#voting-categories ul.voting-category li a:visited {
  display:block;
  border-bottom:1px solid #CCC;
  text-decoration:none;
  background:#FFF;
  color:#333;
  padding:5px;
}

div#relevant div#voting-categories ul.voting-category li a:hover,
div#relevant div#voting-categories ul.voting-category li a:active {
  display:block;
  border-bottom:1px solid #CCC;
  text-decoration:none;
  background:#EEE;
  color:#333;
  padding:5px;
}

/* WATCH link */
div#relevant #watchlink {
  margin:0 0 20px 0;
  border-right:30px solid #00a2e3;
  border-top:1px solid #00a2e3;
  border-bottom:1px solid #00a2e3;
  border-left:1px solid #00a2e3;
  padding:10px;
  background:#eee;
  font-weight:normal;
  }


/* NEW FEATURE call out */
div#information div.object div#new_feature {
  background: #FBFFE2;
  margin-top:15px;
  padding:15px;
}

  div#information div.object div#new_feature h2 {
    margin:0;
    color:#333;
  }
  
  div#information div.object div#new_feature h2 a:link, 
  div#information div.object div#new_feature h2 a:visited,
  div#information div.object div#new_feature h2 a:hover,
  div#information div.object div#new_feature h2 a:active {
    color:#333;
  }
  
/* main Information column */

/* page title */
div#information h1.section_banner {
  color:#FFF;
  background:#00A2E3 url(../../chrome/cyan_grad.gif) repeat-x 0 100%;
  padding:3px 10px;
  font-weight:normal;
}


div#information div.object {
    margin: 0 0 1.0em 0;
    clear: both;
}

div#information div.object.secondary {
  margin-top:20px;

}

div#information p.page_browser {
  font-size:12px;
}

div#information div#info_list.object h3 {
    clear: both;
}

/* flash notices */
div#noticethis {
    padding:1.0em 10px;
    background:#00A2E3;
    color:#FFF;
}

div#noticethis p {
    color:#FFF;
    font-weight:bold;
    font-size:1.2em;
}


/* BEGIN redesign October 2009 */
div#information .page_header {
  font-weight:bold;
  border-bottom:1px solid #333;
}

div#information p.player_meta {
  margin:0;padding:0;
}
  div#information p.player_meta a {
    display:block;
    padding:5px;
    text-decoration:none;
  }
  div#information p.player_meta a:link,
  div#information p.player_meta a:visited {
    color:#FFF;
    background:#222;
  }
  div#information p.player_meta a:hover {
    color:#FFF;
    background:#444;
  }
  div#information p.player_meta a:active {
    color:#FFF;
    background:#000;
  }

div#information div.secondary div.sub_secondary {
  width:250px;
  float:left;
}

  div#information div.secondary div.sub_secondary#secondary_left {
    margin-right:11px;
  }
  
  div#information div.secondary div.sub_secondary#secondary_rights {

  }

div#information div.secondary div.sub_secondary dl {
  
}

div#funded_by dl {
  clear:both;
  padding:0;margin:0;
}

div#funded_by dl dd {
  padding:0;margin:0;
}

div#funded_by dl dd img {
  width:168px;
}
div#information div.secondary div.sub_secondary dt,
div#funded_by dt {
  background:#00A2E3;
  padding:3px 5px;
  margin:10px 0 5px 0;
  color:#FFF;
  font-weight:normal;
}

div#information div.secondary div.sub_secondary dt a {
  color:#FFF;
  text-decoration:none;
  display:block;
}

div#information div.secondary div.sub_secondary dd {
  padding-bottom:5px;
}

/* END redesigned front page October 2009 */


    /* Art Beat VIDEO PAGE */
    div#information div.object div.feature_vid {
      width:468px;
      border:1px solid #DDD;
      background:#EEE;
      padding:5px 5px 0 5px;
    }
    
    div#information div.object div.feature_vid h3.video_title {
        font-size: 1.4em;
        font-weight: bold;
    }
    
    div#information div.object div.feature_vid h4.video_subtitle {
        font-size: 1.3em;
        font-weight: bold;
    }
    
    div#information div.object.secondary#all_types_videos {
        width: 470px;
        float:left;
    }
    
    div#information div.object.secondary#all_types_videos h3 {
      color:#FFF;
      margin:0 0 5px 0;
      padding:5px;
      font-weight:normal;
      text-align:center;
      background:#00A2E3;
      font-size:15px;
    }
    
    div#information div.object.secondary#all_types_videos dl dt {
      font-weight:bold;
      color:#666;
      border-bottom:1px solid #999;
      margin-bottom:7px;
      padding-bottom:1px;
    }
    
    div#information div.object.secondary#all_types_videos dl dd dl dt {
        border:none;
        color:#333;
    }

    div#information div.object.secondary#all_types_videos dl dd dl dd {
      font-size:1em;
    }
    
    div#information div.object.secondary#all_types_videos dl dd {
      font-weight:normal;
      font-size:0.95em;
      margin-left:5px;
    }
    
      div#information div.object.secondary#all_types_videos dl dd a:link, 
      div#information div.object.secondary#all_types_videos dl dd a:visited {
        font-weight:normal;
        color:#00A2E3;
        text-decoration:underline;
      }
      
      div#information div.object.secondary#all_types_videos dl dd a:hover,
      div#information div.object.secondary#all_types_videos dl dd a:active {
        font-weight:normal;
        color:#333;
        text-decoration:underline;      
      }
    div#information div.object.secondary#all_types_videos dl#segments {
      width:230px;
      float:left;
    display:inline;
      margin-right:10px;
    }

    div#information div.object.secondary#all_types_videos dl#performances,
    div#information div.object.secondary#all_types_videos dl#other {
      width:230px;
      float:left;
    }




/* old below */ 
    div#information div.object div.featuretext h3.video_title {
        font-size: 1.4em;
        font-weight: bold;
    }
    
    div#information div.object div.featuretext h4.video_subtitle {
        font-size: 1.3em;
        font-weight: bold;
    }
    
    div#information div.object.secondary#all_videos {
        width: 470px;
    }
    
    div#information div.object dl.vid_preview {
        width: 220px;
        padding: 5px 5px 2px 5px;
        margin-bottom: 7px;
        border: 1px solid #BBB;
        background: #EEE;
    }
    
        div#information div.object dl.vid_preview.active {
            background: #CCC;
        }

    div#information div.object dl.vid_preview.side0 {
        clear: left;
        float: left;
    }
    
    div#information div.object dl.vid_preview.side1 {
        clear: right;
        float: right;
    }
    
    div#information div.object dl.vid_preview dt {
        float: right;
        width: 135px;
        font-size: 1.2em;
    }
    
    div#information div.object dl.vid_preview dd.vid_thumb {
        float: left;
        margin: 0 10px 0 0;
    }
    
        
        div#information div.object img.featureimage {
            border: 1px solid #999;
            float: left;
            margin: 0 10px 5px 0;
        }
         
    /* --- END VIDEO PAGE --- */
    
    div#information div.object div.featuretext p {
        margin: 5px 0;
    }
    
    /* color is localized to program */
    div#information div.object p.datetime {
        font-size: 1.2em;
        margin-bottom: 0.4em;
    }
    
    
    /* anchor links inside information column */
    div#information ul.anchorlinks {
        margin: 0 0 10px 0;
    }
    
    div#information ul.anchorlinks li {
        list-style:none;
        display:inline;
        padding-right:6px;
        font-weight:bold;
        color:#BBB;
    }


    /* recent episodes grid */
    div#information div.object dl.programs_recent_episodes {
        width:125px;
        float:left;
        margin:0;
        border-right:4px solid #FFF;
    }

    div#information div.object dl.programs_recent_episodes dt a, div#information div.object dl.programs_recent_episodes dt a:link {
        display:block;
        color:#FFF;
        background:#00A2E3;
        padding:4px 0 0 4px;
        text-decoration:none;
    }

    div#information div.object dl.programs_recent_episodes dt a img {
        margin:4px 0 -4px -4px;
    }


        div#information div.object dl.programs_recent_episodes dt a:hover, div#information div.object dl.programs_recent_episodes dt a:active {
            background:#222;
        }

        div#information div.object dl.programs_recent_episodes dt.more a {
            display:block;
            color:#FFF;
            background:#00A2E3 url(../../chrome/cyan_grad.gif) repeat-x 0 100%;
            padding:4px 0 4px 4px;
            text-transform:uppercase;
        }

    div#information div.object dl.programs_recent_episodes dd {
        padding:0.2em;
        font-size:0.9em;
    }

        div#information div.object dl.programs_recent_episodes dd.datetime {
            font-size:0.8em;
        }


    /* Search Results Table */
    table.search_results {
        width: 100%;
    }
    
    table.search_results td {
        padding: 2px 4px;
    }
    
    table.search_results th {
        font-size: 1.1em;
        text-align: left;
        border-bottom: 1px solid #CCC;
    }
    
    table.search_results .sr_title {
        width: 50%;
    }
    
    table.search_results .sr_loc, table.search_results .sr_type {
        width: 25%;
    }
    
    table.search_results tr.listline0 {
        background: #EEE;
    }
    
    table.search_results tr.listline1 {

    }
    




    /* episode */
    dl.episodeview {
        clear:both; 
    }

    dl.episodeview dd.segment_description {
    
    }

    dl.episodeview dt.segment_artist {
        border-bottom:1px solid #CCC;
        font-size:1.2em;
        font-weight:bold;
        margin:0 0 1.0em 0;
        padding:1.0em 0 0 0;
    }

    dl.episodeview dt.related_to_segment, dl.episodeview dd {
        float: none;
    border: none;
    }

        dl.episodeview.float dd {
            float:right;
            width:370px;
        }

        dl.episodeview.float dt.related_to_segment {
            float: right;
            width: 370px;
            color:#666;
        }
        
        div#information div.object dl.objectlist.episodeview.float dd.listline1, 
        div#information div.object dl.objectlist.episodeview.float dd.listline0 {
            width: 359px;
        }

    div#information div.object dd.event span.event_title {
        font-size: 1.1em;
    }


    dl.episodeview dt.related_to_segment {
        padding:5px 0 0 0;
        margin:5px 0 0 0;
        font-size:1.1em;
        color:#333;
        font-weight:bold;

    }

        dl.episodeview.objectlist dd.segment_description.video_feature {
            text-indent: 20px;
            background: url(../../chrome/VIDEOicon.gif) no-repeat 0 50%;
            color: #00A2E3;
            width: 370px;
        }

            dl.episodeview.objectlist dd.segment_description.video_feature a {
                color: #00A2E3;
            }

            div#information div.object div.featuretext p.video_feature {
                color: #00A2E3;
                margin:-5px 0 5px 0;
                padding: 0 0 0 230px;
                background: url(../../chrome/VIDEOicon.gif) no-repeat 211px 50%;
            }
            div.featuretext p.video_feature a {
                color: #00A2E3;
            }

            dl.episodeview dt.related_to_segment.video_feature a {
                color: #00A2E3;
            }

    dl.episodeview dd.image {
        float:left;
        width:110px;
        margin-top: 5px;
    }

    dl.episodeview dd.image img {
        border:1px solid #CCC;
    }


/* OFG styles for special extra content on segment pages */
        div.extra_content {
            border-left: 1px solid #BBB;
            border-right: 1px solid #BBB;
            border-bottom: 1px solid #BBB;
        }

        div.extra_content h3 {
            background: #666;
            color: #FFF;
            font-weight: normal;
            padding: 10px 10px 6px 10px;
            font-size: 1.2em;   
        }

        div.extra_content dl, div.extra_content p, div.extra_content ul {
            padding: 0 10px 10px 10px;
        }

        div.extra_content dl dt {
            font-weight: bold;
        }

        div.extra_content dl dd {
            padding: 0 10px 10px 10px;
        }

        div.extra_content dd.wrapimg {
            width: 200px;
            padding: 10px;
            border: 1px solid #CCC;
            float: right;
            clear: both;
            margin: 3px 0 10px 10px;
            font-size: 0.85em;
        }       
        
        /* object lists (calendar, about pages) */
        
        div#information div.object dl.objectlist dt#calendar_header {
            margin:10px 0 0 0;
            font-size:17px;
            color:#00A2E3;
            border-bottom:1px solid #AAA;
        }

        table.objectlist {
            border:1px solid #999;
        }

         div#information div.object dl.objectlist dt.staffer {
            clear: both; /* for calendar */
        }

        div#information div.object dl.objectlist dd img.people_portraits {
            float: right;
            border: 1px solid #999;
            margin: 10px 0 10px 10px;
        }

        div#information div.object dl.objectlist dd, table.objectlist td {
            margin: 0 0 0 0;
        }

        table.objectlist {
            width: 100%;
        }

        div#information div.object dl.objectlist dt {
            border-bottom:1px solid #AAA;
        }

        div#information div.object dl.objectlist dd.listlineblank, table.objectlist tr.listlineblank {
            padding:10px;
            background:#FFF;
            border-bottom:1px solid #AAA;
            border-right:1px solid #AAA;
            border-left:1px solid #AAA;
        }

        div#information div.object dl.objectlist dd.listline0, table.objectlist tr.listline0 {
            background:#EEE;
            border-bottom:1px solid #AAA;
            border-right:1px solid #AAA;
            border-left:1px solid #AAA;
            padding:5px;
        }

        div#information div.object dl.objectlist dd.listline1, table.objectlist tr.listline1 {
            background:#DEDEDE;
            border-bottom:1px solid #AAA;
            border-right:1px solid #AAA;
            border-left:1px solid #AAA;
            padding:5px;
        }

        div#information div.object dl.objectlist dd ul li {
            list-style: none;
        }


div#relevant dl.rel-list#oab_newsletter,
div#relevant dl.rel-list#ofg_newsletter,
div#relevant dl.rel-list#community_calendar {
  background:#F9FBF0;
  border-right: 3px solid #999;
}

  div#relevant dl.rel-list#oab_newsletter a.stealth,
  div#relevant dl.rel-list#ofg_newsletter a.stealth,
  div#relevant dl.rel-list#community_calendar a.stealth {
    color:#484813;
  }

  div#content div#relevant dl.rel-list#oab_newsletter dt,
  div#content div#relevant dl.rel-list#ofg_newsletter dt,
  div#content div#relevant dl.rel-list#community_calendar dt {
    border-bottom:none;
    font-size:1.2em;
    margin-bottom:0;
  }
  
div#relevant dl.rel-list#at_school {
  padding:5px;
  text-align:center;
  background:#FFF;
  border:1px solid #BBB;
}

  div#relevant dl.rel-list#at_school a.stealth {
    color:#222;
  }

  div#content div#relevant dl.rel-list#at_school dt {
    border-bottom:none;
    font-size:1.4em;
    margin-bottom:0;
  }  
  
  
/* Local Productions Search */
div#local_productions_search {
  background:#00A2E3;
  display:block;
  margin:0 0 20px 0;
}

div#local_productions_search form {
  margin:0 0 0.5em 0;
}

div#local_productions_search form fieldset {
  background:#FFF;
  padding-right:0;
  margin:0;
}

  div#local_productions_search form fieldset label {
    color:#00A2E3;
  }

div#local_productions_search div#open_advanced_search {
  padding:5px 10px;
  margin-bottom:1.0em;
}

  div#local_productions_search div#open_advanced_search a:link,
  div#local_productions_search div#open_advanced_search a:visited,
  div#local_productions_search div#open_advanced_search a:hover,
  div#local_productions_search div#open_advanced_search a:active {
    color:#FFF;
    text-decoration:none;
    background:none;
  }


/* float for OREX */
div#information dl.orex dd img {
  margin:0 0 10px 10px;
  }

div#information dl.orex dd {
  clear:both;
  }