@import url('lightbox.css');
/*(#innercontent li { list-style-image: url(http://i.staticmc.org/images/template/box_light-blue.jpg); }*/

#innercontent h1 {width:100%; border-bottom:2px solid #005695;padding:0 0 5px 0;}

#about { }
#about h2, #about h1, #participants h2, #videoHolder h2, #debateNews h2, #overview h2, h2#videoArchive, h2#jump, div#debateContent h1:first-child { color:#343434;width:100%; border-bottom:2px solid #005695;padding:0 0 5px 0;margin-left:0 !important;}
div#debateContent h1:first-child { color:#343434;font-size:18px;width:50%; border-bottom:2px solid #005695;padding:0 0 5px 0;margin:0 !important;font-variant:small-caps; }
#debateHeader {width:100%;margin:0 0 10px 0; }

#overview img { margin-left:5px; }

#slideshow * { margin:0;padding:0;}
#slideshow { width:100%;height:260px;position:relative;overflow:hidden;margin-top:10px; }
#slideshow #slides { height:100%;width:494px;float:left;position:relative; }
#slideshow #slides div { float:left;height:100%;width:495px;position:absolute;top:0;background-color:white;overflow:auto; }
#slideshow #slides div img { float:left;padding:2px;border:1px solid #cccccc;margin:0 10px 0 0;background-color:white; }
#slideshow #slides div p { margin-top:0; }

#slideshow #slideshowMenu { float:left;width:250px;padding-right:10px;margin-top:15px;margin-right:10px;border-right:1px solid #cccccc; }

#slideshow #slideshowMenu ul { float:left;width:125px;height:150px;margin-left:60px;position:absolute; }
#slideshow #slideshowMenu li { list-style-image:none;list-style-type:none;cursor:pointer;position:absolute;float:left; }
#slideshow #slideshowMenu li#moderator { top:0;left:39px;background:url(http://millercenter.org/images/public/debates/template/moderator.png) no-repeat;width:33px;height:33px; }
#slideshow #slideshowMenu li#top-pro { top:35px;left:0;background:url(http://millercenter.org/images/public/debates/template/seat_pro.png) no-repeat;width:43px;height:42px; }
#slideshow #slideshowMenu li#top-con { top:35px;left:70px;background:url(http://millercenter.org/images/public/debates/template/seat_con.png) no-repeat;width:43px;height:42px; }
#slideshow #slideshowMenu li#bot-pro { top:90px;left:0;background:url(http://millercenter.org/images/public/debates/template/seat_pro.png) no-repeat;width:43px;height:42px; }
#slideshow #slideshowMenu li#bot-con { top:90px;left:70px;background:url(http://millercenter.org/images/public/debates/template/seat_con.png) no-repeat;width:43px;height:42px; }

#slideshow #slideshowMenu div#text-pro { z-index:1;position:absolute;top:70px;left:20px;background:url(http://millercenter.org/images/public/debates/template/pro_text.png) no-repeat;width:56px;height:33px; }
#slideshow #slideshowMenu div#text-con { z-index:1;position:absolute;top:70px;left:168px;background:url(http://millercenter.org/images/public/debates/template/con_text.png) no-repeat;width:56px;height:33px; }

#slideshow #slideshowMenu li#moderator:hover, #slideshow #slideshowMenu li#moderator.selected { background:url(http://millercenter.org/images/public/debates/template/moderator_hover.png) no-repeat -1px -1px; }
#slideshow #slideshowMenu li#top-con:hover, #slideshow #slideshowMenu li#bot-pro:hover, 
#slideshow #slideshowMenu li#bot-con:hover, #slideshow #slideshowMenu li#top-pro:hover,
#slideshow #slideshowMenu li#top-con.selected, #slideshow #slideshowMenu li#bot-pro.selected, 
#slideshow #slideshowMenu li#bot-con.selected, #slideshow #slideshowMenu li#top-pro.selected { background:url(http://millercenter.org/images/public/debates/template/seat_hover.png) no-repeat -1px -1px; }



#sidebar { }
#sidebar ul { margin:0;padding:0;width:180px;border:1px solid #ddd; }
#sidebar ul ul { width:100%;margin:3px 0 3px 0;border:none;margin-left:5px;width:170px;padding-right:5px; }
#sidebar ul li { list-style-image:none;list-style-type:none;text-align:center; }
#sidebar ul li h3 { margin:0;border-bottom:1px solid #005695;border-top:1px solid #ddd;padding:3px 10px 3px 10px;background-color:#EDF2F7; }
#sidebar ul li ul li { line-height:120%;text-align:left; list-style: disc; margin-left:17px; }
#sidebar ul li ul li:hover { text-decoration:underline; }
#sidebar ul li ul.list-reset { list-style-image:none;padding:0;margin-left:0; }
#sidebar ul li ul.list-reset li { list-style-image:none;padding:0;margin:0;text-align:center; }

#debateNews ul{margin:0 0 0 50px;}

/*New styles. This whole thing needs to be cleaned up when moved into EE. */
.participant img {float: left; padding: 2px; border: 1px solid #EDF2F7; margin-right: 5px;}
.participant {border-bottom: 2px solid #EDF2F7; height: 125px; max-height: 125px;  width:370px; margin-right:5px; float: left; margin-top:0;}
.moderator {width: 760px; max-height: 100px;}
.debateNews-item {margin-bottom:25px;}
.debateNews-item h3 {margin-top:0px;}

/* styles only in use of debate transcripts pages */
div.transcript-timecode {
  display:inline-block;
  vertical-align:top;
  width: 20%;
}
div.transcript-text {
  display:inline-block;
  vertical-align:top;
  width: 78%;
}
/* styles only in use of debate participants pages */
div.dual-bio-container:first-child {
  border-bottom: thick solid #00335d; }

div.dual-bio-container h2 {
  text-align: center;
  font-size: large; }

div.dual-bio-container {
  padding: 0.5em 0em 0.5em 0em; 
  height: auto;
  min-height: 156.375px;
  max-height: 2000px;
  clear:both;
}
  div.dual-bio-container div.bio-container {
    min-height: 156.375px;
    max-height: 2000px;
    height: auto;
    padding-top: 1.5em;
    clear: both; }
    div.dual-bio-container div.bio-container div.headshot {
      width: 40%;
      padding: 1em 1.5em 0em 0.5em; }
      div.dual-bio-container div.bio-container div.headshot img {
        min-height: 125px;
        height: 187.5px;
        width: auto; }
    div.dual-bio-container div.bio-container div.bio-text {
      float: right;
      width: 69%; }
      div.dual-bio-container div.bio-container div.bio-text p {
        position: relative;
        left: -100px;
        top: 10px; }

/* debates airtimes table */
td.state        { width: 10%; }
td.city         { width: 15%; }
td.station      { width: 10%; }   
td.channelId    { width: 10%; }
td.otherchannel { width: 10%; }
td.day         { width: 20%; }
td.time        { width: 25%; }
.sort {
  padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:30px;
}
.sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
.sort:focus {
  outline:none;
}
.sort:after {
  display:inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:4px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-4px;
  right:-5px;
}