/* BG SCROLLER ======================================================================================= */
.bg-scroll_up,.bg-scroll_down {position:relative}

.bg-scroll_up,.bg-scroll_down,.bg-scroll_up div,.bg-scroll_down div {
	height: 30px;
	background-color: #E9E9E9;
}

.bg-scroll_up div {display:none}

#featured_videos .bg-scroll_up {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#featured_videos .bg-scroll_down {
	border: 1px solid #CCC;
	border-top: 0 none;	
}

.bg-scroll_up div, .bg-scroll_down div {
	margin: auto;
	cursor: pointer;
	/*background: url('/National_Library/20160521004321oe_/http://www.gao.gov/img_library/scroll_button_slice.png') repeat-x;*/	
	text-align: center;
}

.bg-scroll_up div.bg-button_up, .bg-scroll_down div.bg-button_down {	
	width:100%;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #d9d9d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#d9d9d9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#d9d9d9 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fefefe 0%,#d9d9d9 100%); /* W3C */	
}

/*.bg-scroll_up div.bg-button_up {
	width:81%;	
}*/

.bg-scroll_up div.bg-button_top, .bg-scroll_down div.bg-button_top {
	z-index:5;	
	/*width:19%;*/
	width:0;
	overflow:hidden;
	border:0;
	position:absolute;top:0px;right:0;
	border-left:2px solid #dbdbdb; margin-left:-2px;
	background: #B4DAFF; /* Old browsers */
	background: -moz-linear-gradient(top, #B4DAFF 0%, #357db7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4DAFF), color-stop(100%,#357db7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #B4DAFF 0%,#357db7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #B4DAFF 0%,#357db7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #B4DAFF 0%,#357db7 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4DAFF', endColorstr='#357db7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #B4DAFF 0%,#357db7 100%); /* W3C */	
}

.bg-scroll_down div.bg-button_top {width:0}

.bg-scroll_up div span,.bg-scroll_down div span {
	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;	
	padding-right: 20px;	
}

div.bg-button_up, div.bg-button_down {color: #357DB7;}

div.bg-button_top {color: #fff;}

.bg-scroll_down div span {
	background: url('/National_Library/20160521004321oe_/http://www.gao.gov/img_library/scroll_arrow_down_off.png') no-repeat right center;	
}

.bg-scroll_down div:hover span{
	background: url('/National_Library/20160521004321oe_/http://www.gao.gov/img_library/scroll_arrow_down_on.png') no-repeat right center;	
}

.bg-scroll_up div span {
	background: url('/National_Library/20160521004321oe_/http://www.gao.gov/img_library/scroll_arrow_up_off.png') no-repeat right	center;	
}

.bg-scroll_up div:hover span, div.bg-button_top span{
	background: url('/National_Library/20160521004321oe_/http://www.gao.gov/img_library/scroll_arrow_up_on.png') no-repeat right center;	
}

div.bg-button_top:hover span {
	background: url('/National_Library/20160521004321oe_/http://www.gao.gov/img_library/scroll_arrow_up_white_on.png') no-repeat right center;
}


/* BG TOOLTIP ======================================================================================= */
.bg_tooltip {
	display: none;
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 200;	
	padding: 5px 10px 0 10px;
	width: 500px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	left: 10px;
	background-color: #f8f8f8;
}

.bg_tooltip_close {
	float: right;
	cursor: pointer;
	font-weight: bold;	
}

body.videos #content {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.25em;
}

body.videos #content ul {
	line-height: normal;
}

body.videos #content p {
	font-family: Arial,Helvetica,sans-serif;
	line-height: inherit;	
}

img {border:0 none;}

.clear {margin: 0; padding: 0; width: 0; height: 0; line-height: 0; display: block; clear: both;}	
.hidden {display:none;}	
		

.videos #left_panel, .videos #right_panel, .videos #bottom_panel {
	float: left;
	margin: 0px 0 20px 20px;			
}

.videos #left_panel, .videos #right_panel {
	min-height: 520px;
	margin-top: 10px;
}

.videos #left_panel {
	width: 544px;
	position: relative;
	z-index: 2;
}	

.videos #bottom_panel {
	width: 934px;
	position: relative;
	z-index: 1;
}

.videos #youtube_player, .videos #yt_player {
	width: 544px;
	height: 326px;
	border: 0 none;
	margin: 0;
	padding: 0;			
	overflow: hidden;
}

.videos #no_video {
	background-color:black;
	color:#fff;
	text-align:center;
	line-height:326px;
	font-size: 1.5em;
}

.videos #video_descr {
	/*max-height: 135px;*/
	overflow: auto;
	margin-top: 4px;
	padding-right: 10px;
}
.videos #privacy_link {
	display: inline-block;
	padding-top: 10px;
	cursor: pointer;
}

.videos .vid_date,  .videos .time {
	color: #666;
	margin-bottom: 3px;
}

.videos .vid_date {
	float: left;			
}

.videos .time {
	float: right;			
}
		
.videos #left_panel h2 {
	font-size: 1em;
	clear: both;
	margin: 0;
	color: #000;
}

.videos #left_panel p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.videos #right_panel {
	width: 370px;			
}

.videos #itunes_img {float:left; margin: 0px 0px 7px 200px;}

.videos #rss_img {float:left; margin: 0px 0px 7px 5px;}

.videos #featured_videos {
	clear: both;
	background-color: #084a94;						
}

.videos #featured_videos_inner ul {
	list-style-type: none;
	padding: 0;
	margin: 0;						
}

.videos #featured_videos li {
	border-top: 1px solid #ccc;			
	float: left;
	padding: 0;
	width: 100%;						
}	

.videos #featured_videos_inner li:first-child {
	border: 0 none;
}	

.videos #featured_videos_inner a:hover, .videos #featured_videos_inner li.selected a:hover {
	background-color: #eef3f8;			
}

.videos #featured_videos_inner li.selected {
	background-color: #e3effd;
} 

.videos #featured_videos_inner .img_div {
	float: left;
	margin: 0 10px 0 5px;
	width: 120px;
	height: 70px;
	overflow: hidden;
}

.videos #featured_videos_inner img {
	/*float: left;
	margin: 0 10px 0 5px;	*/
	margin-top: -10px;			
}

.videos #featured_videos_inner li a {
	padding: 10px 0px 10px 0px;
	display: block;	
	width: 100%;			
	/*min-width: 346px;*/
}
		
.videos #featured_videos_inner {
	background-color: #e9e9e9;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 280px;
	width: 368px;
	/*overflow: auto;
	overflow-x: hidden;*/
	overflow: hidden;
}

.videos #featured_videos h1 {			
	color: #fff;
	font-size:1.2em;
	padding: 5px 5px 5px 10px;				
	margin: 0;		
}
		
.videos #featured_videos_inner .descr {			
	margin: 0 5px 0 135px;
	display: block;
	font-size: .95em;
	width: 210px;
	cursor: pointer;					
}

.videos #featured_videos_inner .img_div:hover {
	cursor: pointer;	
}

.videos #content a.vid, .videos #content a.vid:visited, .videos #content .video_link,  .videos #content .video_link:visited {
	color: #084a94;
	text-decoration: none;
}

.videos #featured_videos_inner .title {
	display: block;
	margin-bottom: 10px;
	font-size: 1em;
	color: #666;				
}

.videos #featured_videos_inner .title b {
	margin-right: 15px;
}

.videos #video_categories h1 {
	font-size: 1.2em;
	color: #cc0000;
	padding: 5px 20px 5px 10px;				
	margin: 0;
	background-color: #e9e9e9;
	display: inline;
}

.videos #main_container {
	background-color: #e9e9e9;	
	height: 400px;
	overflow: hidden;				
}

.videos #cn, .videos #ic_wrapper {
	float: left;
	background-color: #e9e9e9;
}

.videos #cn ul {
	list-style-type: none;
	padding: 10px 0;
	margin: 0;
}

.videos #cn li {
	padding: 0;
}

.videos #cn a {
	display: inline-block;
	padding: 12px 0 12px 15px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	font-size: 1.1em;			
	width: 150px;	
}

.videos #cn li a:hover {
	background-color: #ccc;
	color: #cc0000;
}

.videos #cn li:first-child a {
	border: 0 none;
}

.videos #cn a.selected,  .videos #cn a.selected:visited, .videos #cn a.selected:hover {
	background-color: #c7c7c7;
	color: #252525;			
}


.videos #cn a,  .videos #cn a:visited {
	text-decoration: none;
	color: #084a94;
}

.videos #ic_wrapper {
	width: 749px;
	padding: 0 0 0 20px;
}

.videos #ic {
	height: 340px;
	
	/*overflow: auto;
	overflow-x: hidden;	*/
	overflow: hidden;
						
}

.videos #ic ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*display: table;*/
}

.videos #ic ul .img_div {
	float: left;
	width: 120px;
	height: 70px;
	overflow: hidden;	
	
}
.videos #ic ul img {	
	margin-top: -10px;
	/*-ms-interpolation-mode: bicubic;*/	
}

.videos #ic ul li {
	width: 126px;
	padding: 5px;
	floattt: left;
	display:-moz-inline-box;
	display: inline-block;			
	vertical-align: top;
	margin: 5px 10px 0 0;			
}

* html .videos #ic ul li {display:inline;}/*IE6*/
*+html .videos #ic ul li {display:inline;}/*IE7*/

.videos #ic ul li a {
	text-decoration: none;
	font-size: .95em;
	display:block;
	padding:3px;	
	min-height: 143px;		
}

.videos #ic li a:hover, .videos #ic li.selected a:hover  {
	background-color: #eef3f8;
}

.videos #ic ul li.selected {
	background-color: #d4e0ec;
	borfder: 5px solid  #d4e0ec;
}
		
.videos .video_link {
	clear: both;
	display: block;
}

.videos #video_categories .vid_date, .videos #video_categories .time {
	font-size: .9em;
}

.videos #video_descr.loading {
	background-image: url('/National_Library/20160521004321oe_/http://www.gao.gov/img/loading.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

.videos .bbq-loading.loading{
	width: 100%;
	height: 100%;
	background-image: url('/National_Library/20160521004321oe_/http://www.gao.gov/img/loading.gif');
	background-repeat: no-repeat;
	background-position: center;		
}

@media all and (max-width: 953px) { 
	.videos #bottom_panel {width: 544px;}
	.videos #ic {
		width: 384px;
		padding-left: 0;
	}
	.videos .bg-scroll_up, .videos .bg-scroll_down, .videos #ic_wrapper {
		width: 384px;
	}
	.videos #ic_wrapper {
		padding: 0;
	}
	.videos #ic ul li {
		margin: 5px 1px 0 0;
		padding: 0;
	}
	.videos #cn a {
		width: 145px;
	}
}

@media all and (min-width: 1948px) {			
	.videos #ic, .videos #video_categories #main_container {
		height: 450px;
	}
}