/* BASE CHANGES */
#pageHeaderInner { background:url(../images/header-cspan-new.jpg) 0 0 no-repeat scroll transparent; width:804px; padding:0; }

#navBar { width:804px; }

/*#navBar a.back { background:transparent url(../images/back-to-cspan.png) no-repeat scroll left top; display:block; height:15px; left:14px; position:absolute; text-indent:-5000em; top:7px; width:97px; }
#navBar a:hover.back { background-position:0 -15px; }

#navBar p { right:14px; }
#navBar a.back span { background:none; font-style:italic; margin:0 0 0 -2px; }
#navBar a:hover.back span { background-color:#7A7E8A; }
*/

#pageHeader h1 { left:0; }

#pageWrapper { width:760px; padding:0; }
#pageWrapper.interior { background-position:left top; left:0; }

#footerWrapper { overflow:hidden; }
#footer { background:url(../images/footer-cspan-new.jpg) 0 0 no-repeat scroll transparent; height:151px; padding:0; width:804px; }
#footer p { padding:68px 0 0 0; }
#footer #credits a, #footer #jess3 { right:20px; }

#subContent #info dl { line-height:21px; }

p.meta span { background-color:#EFEFEF; }

#subContent #who h3 { background-position:0 20px; }
#subContent #who li span.length { width:240px; }

a.play { display:block; float:left; position:relative; margin-bottom: 10px; }
.schedule .video-wrapper a.play { float:none; }
.grid-view li img { margin:0; float:none; }
a.play span { width:30px; height:30px; background:url(../images/play-icon.png) 0 0 no-repeat scroll transparent; position:absolute; bottom:6px; left:4px; }
a.play:hover span{ background-position: 0pt -30px; }
.video-inner a.play span { width:30px; height:30px; background:url(../images/play-icon.png) 0 0 no-repeat scroll transparent; position:absolute; bottom:9px; left:7px; }
.video-inner a.play:hover span{ background-position: 0pt -30px; }

/* SEARCH RESULTS CHANGES */
#searchResults li img { width:23px; height:16px; margin:0 5px; }
#searchResults p.quick-count { width:229px; font-size:11px; line-height:1.1; }
#pageHeader form #searchResults p.quick-count a { display:block; background:none; color:#666666; font-weight:normal; padding:5px 5px 5px 40px; margin:0 10px; position:relative; text-decoration:underline; }
#pageHeader form #searchResults p.quick-count a:hover { background-color:#eee; color:#395888; }

/* NAV // HOME PAGE CHANGES */
/* #pageHeader ul#mainNav li a { background:url(../images/nav-bar-new.gif) 0 0 no-repeat scroll transparent; } */

p.meta span{ font-size:11px; }

#featureBox .col .box-nav{ width:60px; display:block; }
#featureBox .col .box-nav a.prev{ float:none; margin:0; position:absolute; top:0; right:62px; }
#featureBox .col .box-nav a.next{ float:none; position:absolute; top:0; right:5px; }
#featureBox .blog-col .box-nav a.prev{ float:none; margin:0; position:absolute; top:0; right:20px; }
#featureBox .blog-col .box-nav a.next{ float:none; margin:0; position:absolute; top:0; right:0; }

/*#featureBox .col .box-page{ right:12px; }*/

#featureBox .col .item p{ font-size:11px; }
#featureBox .col .item p.meta{ font-size: 11px; }

#featureBox .blog-col .item span{ font-size:11px; }

/*.action-bar .progcount { float:right; font-size:10px; color:#666; position: absolute; bottom: 5px; right: 70px; text-align: right;}*/

.box-top form.filter .action-bar .per-page-select span { padding:6px 0 0 10px; width:40px; display:block; }

.action-bar .pager .prev { background:transparent url(../images/nav-arrows.gif) no-repeat scroll 0 -50px; margin:0; }
.action-bar .pager .next { background:transparent url(../images/nav-arrows.gif) no-repeat scroll right -50px; }
.action-bar .pager .prev-off, .action-bar .pager a:hover.prev-off { cursor:default; background:transparent url(../images/nav-arrows.gif) no-repeat scroll 0 -25px; }
.action-bar .pager .next-off, .action-bar .pager a:hover.next-off { cursor:default; background:transparent url(../images/nav-arrows.gif) no-repeat scroll right -25px; } 


/* SCHEDULE CHANGES */

.schedule #contentHeader #date.sort { width: 165px; }

.schedule #mainContent h2#cspanHeading{
  /*width: 73px;
  height: 27px;
  background: transparent url(http://www.c-spanarchives.org/videoLibrary/assets/images/schedule/cspan.gif) 0 0 no-repeat;
  text-indent: -5000em;*/
  left: 145px;
  top: 20px;
  position: absolute;
}

.schedule #mainContent h2#cspanHeading2{
  /*width: 81px;
  height: 27px;
  background: transparent url(http://www.c-spanarchives.org/videoLibrary/assets/images/schedule/cspan2.gif) 0 0 no-repeat;
  text-indent: -5000em;*/
  left: 375px;
  top: 20px;
  position: absolute;
}

.schedule #mainContent h2#cspanHeading3{
  /*width: 81px;
  height: 27px;
  background: transparent url(http://www.c-spanarchives.org/videoLibrary/assets/images/schedule/cspan3.gif) 0 0 no-repeat;
  text-indent: -5000em;*/
  left: 603px;
  top: 20px;
  position: absolute;
}

/*
.schedule #timezone .select { background:url(../images/per-page.gif) 0 0 no-repeat scroll transparent; }
.schedule #timezone .select div, .schedule #date.sort .select div { width:64px; background-color:#eceff4; border-color:#d1d7e2; margin-top:-4px }

.schedule #date.sort .select div { width:98px; margin:-4px 0 0 51px; }
.schedule #date.sort { background:url(http://www.c-spanvideo.org/videoLibrary/assets/images/date-sort.gif) right top no-repeat scroll transparent; }
.schedule #date.sort input { padding: 4px 13px 4px 23px; font-size: 10px; }
*/

.schedule #pageContent { padding:0 12px; }

.schedule #mainContent { padding-top:70px;}
/* .schedule #mainContent #schedule { overflow: visible; height: 1000px; overflow-x: hidden; } */
.schedule #mainContent #schedule h2 { top:20px; }
.schedule #mainContent #schedule .col .time-block { height: 195px; /* padding: 13px 0 0 0; */ font-size: 11px; }
.schedule #mainContent #schedule .col{background: transparent;}
.schedule #mainContent #schedule #times.col .time-block .today { font-size:10px; margin: 10px 0 0 0; }

.schedule #mainContent #schedule #cspan.col .program:hover {
	background:transparent url(../images/schedule/cspan-top-over.gif) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan.col .program:hover .program-details {
	background:transparent url(../images/schedule/cspan-background-over.gif) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan.col .program:hover .program-bottom {
	background:transparent url(../images/schedule/cspan-bottom-over.gif) no-repeat scroll left bottom;
}
.schedule #mainContent #schedule #cspan2.col .program:hover {
	background:transparent url(../images/schedule/cspan2-top-over.gif) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan2.col .program:hover .program-details {
	background:transparent url(../images/schedule/cspan2-background-over.gif) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan2.col .program:hover .program-bottom {
	background:transparent url(../images/schedule/cspan2-bottom-over.gif) no-repeat scroll left bottom;
}
.schedule #mainContent #schedule #cspan3.col .program:hover {
	background:transparent url(../images/schedule/cspan3-top-over.gif) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan3.col .program:hover .program-details {
	background:transparent url(../images/schedule/cspan3-background-over.gif) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan3.col .program:hover .program-bottom {
	background:transparent url(../images/schedule/cspan3-bottom-over.gif) no-repeat scroll left bottom;
}

.schedule #mainContent #colWrapper{
	position: relative; 
	background:transparent url(../images/schedule/columnWrapper.gif) 0 0 repeat;
	height: 10050px;
}

.schedule #mainContent #colWrapper:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.schedule-pop .video-wrapper { margin-top:10px; }

.schedule-pop .close{display: block; position: absolute; top: 26px; right: 9px; width: 20px; height: 20px; text-indent: -5000em; cursor: pointer;}

.schedule-pop .title h3 { margin:13px 30px 13px 20px; }

.schedule-pop .title h3 a{text-decoration: none;}

.schedule-pop .title p.meta {
	background:url(../images/search/h2-divider.gif) left bottom repeat-x scroll transparent;
	margin: 0 20px;
	padding: 0 0 20px;
}
.schedule-pop .title p.metanb {
	margin: 0 20px;
}
.schedule-pop .body p {
	margin:8px 20px 20px; 
	overflow-y: auto;
	max-height: 74px;
}
.schedule-pop .body p.meta {
	overflow-y: visible;
	height: auto;
}


#bottomWrapper { padding:0; left:0; }


/* VIDEO PROGRAM CHANGES */
.video #content { overflow:visible; }

#featuredVideo .video-content p { font-size:11px; }
#featuredVideo .video-content p.date { font-size:15px; font-weight:bold; text-transform:uppercase; color:#395588; margin:5px 0;}
#featuredVideo .video-content p.date_large { float: right; font-size:15px; font-weight:bold; text-transform:uppercase; color:#395588; margin:5px 16px;}
#featuredVideo .video-content p.meta { margin-top:8px; }
#featuredVideo .video-content p.meta span { display:inline-block; background-color:#efefef; padding:5px; white-space:normal; }
#featuredVideo .video-content p.meta a {text-decoration:none;}
#featuredVideo .video-content p.meta a span:hover {background-color:#CACACA; color:#696969;}

#featuredVideo .video-content p.meta_large { margin-top:0px; margin-bottom: 5px; }
#featuredVideo .video-content p.meta_large span { display:inline-block; background-color:#efefef; padding:5px; white-space:normal; }
#featuredVideo .video-content p.meta_large a {text-decoration:none;}
#featuredVideo .video-content p.meta_large a span:hover {background-color:#CACACA; color:#696969;}
#embedBox { z-index:9999; }

#embedBox .box-title { overflow:visible; height:16px; }

#embedBox #more-options { display:none; width:301px; height:193px; background:url(../images/change-size.png) 0 0 no-repeat scroll transparent; position:absolute; top:-152px; left:328px; z-index:9999; }
#embedBox #more-options p { font-size:11px; color:#666; margin:25px 0 0 27px; }
#embedBox #more-options p strong { display:block; height:20px; text-indent:-9999px; }
#embedBox #more-options label { width:40px; line-height:21px; float:left;}
#embedBox #more-options p.last { margin-top:15px;}
#embedBox #more-options p.last label { width:auto; }
#embedBox #more-options input, #shareBox #send-video input { width:41px; height:13px; font-size:11px; color:#696969; background-color:#f6f1f1; padding:4px; border:none; float:left; }
#embedBox #more-options input#video-width { margin:0 20px 0 0; }
#embedBox #more-options input#title-bar { width:auto; height:auto; padding:0; background-color:#fff; }

/*
#embedBox .code { padding:3px 12px 20px; }
#embedBox .code textarea { height:18px; text-align: center; }

#embedBox #copiedBox.copied { background:transparent url(../images/copied.png) no-repeat scroll 0 0; height:41px; }
*/

#shareBox { position:relative; }
#shareBox #send-video { display:none; width:266px; height:310px; background:url(../images/send-video.png) 0 0 no-repeat scroll transparent; position:absolute; top:-275px; left:-71px; z-index:9999; }
#shareBox #send-video p { padding:0 55px; }
#shareBox #send-video p.first { padding:55px 55px 40px 55px;}
#shareBox #send-video p.first label { width:74px; height:12px; background:url(../images/label-your-name.gif) 0 0 no-repeat scroll transparent; text-indent:-9999px; display:block; margin:0 0 17px 0; }
#shareBox #send-video p.last label { width:147px; height:12px; background:url(../images/label-their-name.gif) 0 0 no-repeat scroll transparent; text-indent:-9999px; display:block; margin:0 0 17px 0; }
#shareBox #send-video input { display:block; float:none; width:134px; font-size:10px; margin:0 0 7px 0; }

a#close-send, a#close-options, a#close-confirm { display:block; width:10px; height:10px; background:url(../images/close-box.gif) 0 0 no-repeat scroll transparent; position:absolute; top:30px; right:40px; }
a#close-send, a#close-confirm { top:15px; right:15px; }

.video div.grid-view { min-height:310px; height:auto; }
.video div.grid-view li .info span { background-color:#ddd; }
.video div.video-list-view { min-height:310px; padding:10px 0 0 0; }
.video div.video-list-view a.play { width:81px; height:69px; padding:0; }
.video div.video-list-view a.play img { width:79px; height:69px; }

#subContent #who h2 a.active { border-bottom:2px solid #fff; }

.video #timeline td .text-short, .video #timeline td .text-full {padding:0; white-space:normal;}


/* TEMP (only the images need to be overwritten on the live site) */
#pageHeader h1 {
	background:transparent url(../images/header-logo.png) no-repeat scroll left top;
}
/*
#embedBox .code {
	background:transparent url(../images/code-box.gif) no-repeat scroll left top;
}
*/
.schedule #mainContent #schedule #cspan.col .program {
	background:transparent url(../images/schedule/cspan-top.png) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan.col .program.hover{z-index: 1000;}

.schedule #mainContent #schedule #cspan.col .program-details {
	background:transparent url(../images/schedule/cspan-background.png) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan.col .program-bottom {
	background:transparent url(../images/schedule/cspan-bottom.png) no-repeat scroll left bottom;
}
.schedule #mainContent #schedule #cspan2.col .program {
	background:transparent url(../images/schedule/cspan2-top.png) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan2.col .program-details {
	background:transparent url(../images/schedule/cspan2-background.png) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan2.col .program-bottom {
	background:transparent url(../images/schedule/cspan2-bottom.png) no-repeat scroll left bottom;
}
.schedule-pop .title { background:transparent url(../images/schedule/schedule-pop-bottom-down.png) no-repeat scroll 0 0; }

.float-fix {clear:both;}
.search #pageContent #subContent .float-fix {position:static;}
#featureBox .feature-col {min-height:214px;}

.organization p.meta {margin-bottom: 2px;}
.organization p.meta a { text-decoration:none; }
.organization p.meta a span:hover {background-color:#CACACA; color:#696969;}

.video #featuredVideo .video-content p.eventlink a {text-decoration:underline; font-weight:bold; font-size:11px;}
.video #featuredVideo .video-content p.eventlink a:hover {text-decoration:none; color:#444A5E; cursor: pointer;}

