/* BASE CHANGES */
#pageHeaderInner { background:url(http://www.c-spanvideo.org/videoLibrary/assets/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; }
#pageHeader form { right:14px; }
#pageHeader ul#mainNav { left:14px; }

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

#footerWrapper { overflow:hidden; }
#footer { background:url(http://www.c-spanvideo.org/videoLibrary/assets/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:30px; }

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

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

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

a.play { display:block; width:104px; height:76px; float:left; padding-bottom:7px; position:relative; }
.schedule .video-wrapper a.play { float:none; }
.grid-view li img { margin:0; float:none; }
a.play span { width:17px; height:20px; background:url(http://www.c-spanvideo.org/videoLibrary/assets/images/play-icon.png) 0 0 no-repeat scroll transparent; position:absolute; top:45px; left:16px; }


/* 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:50px; }
#featureBox .col .box-nav a.next{ float:none; position:absolute; top:0; right:0; }
#featureBox .blog-col .box-nav a.prev{ float:none; margin:0; position:absolute; top:0; right:20px; }

#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:#000; margin:3px 15px 0 0;}

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

.action-bar .pager .prev { background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/nav-arrows.gif) no-repeat scroll 0 -50px; margin:0 8px 0 2px; }
.action-bar .pager .next { background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/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(http://www.c-spanvideo.org/videoLibrary/assets/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(http://www.c-spanvideo.org/videoLibrary/assets/images/nav-arrows.gif) no-repeat scroll right -25px; } 


/* SCHEDULE CHANGES */
.schedule #contentHeader #timezone.sort { right: 195px; }
.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: 85px;
  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: 315px;
  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: 543px;
  top: 20px;
  position: absolute;
}

.schedule #timezone .select { background:url(http://www.c-spanvideo.org/videoLibrary/assets/images/per-page.gif) 0 0 no-repeat scroll transparent; }
.schedule #timezone .select input { padding: 8px 0 0 10px; font-size: 10px; }
.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: 8px 13px 0 23px; font-size: 10px; }

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

.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(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan-top-over.gif) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan.col .program:hover .program-details {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan-background-over.gif) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan.col .program:hover .program-bottom {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan-bottom-over.gif) no-repeat scroll left bottom;
}
.schedule #mainContent #schedule #cspan2.col .program:hover {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan2-top-over.gif) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan2.col .program:hover .program-details {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan2-background-over.gif) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan2.col .program:hover .program-bottom {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan2-bottom-over.gif) no-repeat scroll left bottom;
}
.schedule #mainContent #schedule #cspan3.col .program:hover {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan3-top-over.gif) no-repeat scroll left top;
}
.schedule #mainContent #schedule #cspan3.col .program:hover .program-details {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/cspan3-background-over.gif) repeat-y scroll left top;
}
.schedule #mainContent #schedule #cspan3.col .program:hover .program-bottom {
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/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;
}

.program h4.inprogress { font-size:10px; text-align:left; text-transform:uppercase; font-weight:normal; }


#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.meta { margin-top:8px; }
#featuredVideo .video-content p.meta span { display:inline-block; background-color:#F0EBEC; 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;}

#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:#000; 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:#fcfcfc; }
.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; }


/* 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(http://www.c-spanvideo.org/videoLibrary/assets/images/schedule/schedule-pop-bottom-down.png) no-repeat scroll 0 0; }

.schedule #contentHeader #date {
	width:165px;
	position:absolute;
	right:15px;
	top:17px;
	background:transparent url(http://www.c-spanvideo.org/videoLibrary/assets/images/date-sort.gif) no-repeat scroll right top;
}

.schedule #date input {
	font-size:10px;
	padding:8px 13px 0 23px;
	background:transparent url(../images/search/input-sort-drop.gif) no-repeat scroll right center;
	border:medium none;
	color:#231F20;
	cursor:pointer;
	height:22px;
	margin:0 0 0 40px;
	width:76px;
}
.schedule #date span {
	color:#20376B;
	font-size:15px;
	font-weight:normal;
	left:16px;
	position:absolute;
	top:6px;
}

.float-fix {clear:both;}
#featureBox .feature-col {min-height:214px;}

.organization p.meta {padding:4px 0 6px 4px;}
.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:12px;}