/***************************************** Common CSS for video app - START ******************************************/
.video-list mark {
    background: #ffffae;
}

.video-list a mark {
    text-decoration: underline;
    /* being removed for some reason */
}

button.pretty-button { 
    border: 0; 
    padding: 0;
    overflow: visible; /* removes extra side padding in IE */
}

button.pretty-button, a.pretty-button {
    cursor: pointer;
    position: relative;
    padding: 0 17px 0 0; 
    font-size: 10pt;
    font-family: Arial, serif;
    text-align: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right top;
    height: 26px;
    max-width: 290px;
    color: #333;
    text-decoration: none;
    display: inline-block;
}

a.pretty-button {
    display: inline-block;
    display: -moz-inline-stack; /* FF2 does not support inline-block */
}

button.pretty-button::-moz-focus-inner {
    border: none;  /* overrides extra padding in Firefox */
    padding: 0;
}

.pretty-button span { 
    position: relative;
    display: block; 
    white-space: nowrap;    
    padding: 0px 0 0 17px;
    text-shadow: .1em .1em 1px rgba(255,255,255,.8);
    margin: 0;
    height: 26px; 
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
}

a.pretty-button:link span, a.pretty-button:visited span {
    float: left;            /* fixes issues in IE7 */
    display: inline;        /* fixes issues in IE7 */
    vertical-align: top;    /* fixes issues in IE7 from above 2 lines when next to other buttons */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */
    button span {
        margin-top: -1px;
    }
}

.whitebg {
    background-image: url(../pics/button_white.png);
}

.whitebg span {
    background-image: url(../pics/button_white.png);    
}

.greybg {
    background-image: url(../pics/button_grey.png);
}

.greybg span {
    background-image: url(../pics/button_grey.png); 
}

.pretty-button:active, .pretty-button-active { /* the redundant class is used to apply the hover state with a script */
    background-position: right -29px; 
    outline: 0;
}

.pretty-button-active {
    background-position: right -29px !important; /* if class is applied should take priority */
}
    
.pretty-button:active span, .pretty-button-active span {
    background-position: left -29px;
}

.button3demboss {
    display: block;
    display: -moz-inline-stack;
    display: inline-block; 
    padding: 0em .8em;
    line-height: 22px;
    border: 1px solid #aeafb3;
    box-shadow: 0px 1px 2px rgba(255,255,255,.75);
    -moz-box-shadow: 0px 1px 2px rgba(255,255,255,.75);
    -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,.75);
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #333 !important;
    
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
    
    background: #e2e2e2
    -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255,255,255,.8)), to(rgba(255,255,255,0)));
    background: #e2e2e2
    -moz-linear-gradient(
        center bottom,
        rgba(255,255,255,0) 20%,
        rgba(255,255,255,.8) 100%
    ); 
    
    font-weight: bold;
    font-family: arial, sans-serif;
    font-size: 9pt;
    font-style: normal;
    
    zoom: 1;
    -moz-outline: none;
}

.button3demboss.left-side {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}



.button3demboss.right-side {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 1px 1px 1px 0;
    
    -moz-box-shadow: inset 5px 0 0px -4px #f9f9f9; /* adds white line on left side */
}

.button3demboss.search {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.button3demboss:hover {
    border-color: #818285;
}

.button3demboss:active {
    background: #ddd none !important;
}

a.button3demboss, button.button3demboss {
    color: #333 !important;
}

/****************************************** Common CSS for video app - END ******************************************/

/****************************************** CSS for public_listing.jsp - START ******************************************/

/*********** Video List  *****************/
#video-list-container {
	position: relative;
	clear: both;
	zoom: 1;
}

.video-list-top {
	border-bottom: 1px solid #555;
	padding: 0 0 .26em 0;
	margin: 0;
	height: 1.8em;
}

.video-list-top .more-link {
	float: left;
	margin: .34em 0 0 .6em;
}

ul.video-list, .video-list ul {
	padding: 0 0 0px;
	list-style: none;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.video-list li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding: 1.2em 1em;
	margin: 0 0 0;
	position: relative;
	clear: left;
	zoom: 1;
}

.video-list li:last-child, .video-list li.last {
	margin-bottom: 0 !important; 
}

.video-list li a.video-link {}

.video-list li .title {
	font-size: 1.2em;
}

.video-list li .description {
	padding: .3em 0 0 157px;
	margin: 0;
}


.video-list li .video-list-date {
	display: block;
	padding: .25em 0 0 157px;
	font-style: oblique;
}


.video-list .thumb {
	max-height: 76px;
	_height: expression( this.scrollHeight > 75 ? "76px" : "auto" ); /* max-height for IE6 */
}

.video-list li .thumb_clickable {
	width: 135px;
	height: 76px;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(#) no-repeat; /* don't remove, this overlay including the background makes the image clickable in IE7 */
	display: block;
	z-index: 3;
}

.video-list .thumb_background {
	width: 135px;
	height: 76px;
	background-color: #000;

	display: inline-block;
	text-align: center;
	overflow: hidden;
}

.video-list .thumb_wrap {
	width: 135px;
	height: 76px;
	float: left;
	position: relative;
	z-index: 3;
	
	margin: 0 16px 0 0;
	padding: 2px;
	border: 1px solid #ccc;
}



.timelength {
	color: #fcfcfc;
	display: block;
	
	line-height: 14px;
	padding: 1px 4px;
	position: absolute;
	bottom: 5px;
	right: 6px;
	font-size: 8.3pt;
	font-family: 'Arial', sans-serif !important;
	
	
	-webkit-border-radius: 2px;
	-moz-border-radius:2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	
	background: rgb(0,0,0); /* don't change this to background-color lest we break in IE7 */
	background: rgba(0,0,0,.6); 

	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	
	-webkit-text-shadow: 0 0 2px #000;
	-moz-text-shadow: 0 0 2px #000;
	text-shadow: 0 0 2px #000;
	
	filter: alpha(opacity='80'); /* IE lt 8 */
}




.video-list li .featured-mark {
	font-style: oblique;
	color: #666;
	margin-left: .2em;
}



#searchbox {
	width: 300px;
	padding: 2px 3px 2px 5px;
	font-size: 1.1em;
	margin: 0;
	border: 0 none;
	border: 1px solid #AEAFB3;
	border-width: 1px 0 1px 1px;
	height: 19px;
	-webkit-border-top-left-radius:  	3px;
	-webkit-border-bottom-left-radius: 	3px;
	-moz-border-radius-topleft: 	 	3px;
	-moz-border-radius-bottomleft: 	 	3px;
	border-top-left-radius: 		 	3px;
	border-bottom-left-radius: 		 	3px;
	float: left;
}

#controls {
	background-color: #f0f0f0;
	padding: .6em 1em;
	
	-webkit-border-top-left-radius:  3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 	 3px;
	-moz-border-radius-topright: 	 3px;
	border-top-left-radius: 		 3px;
	border-top-right-radius: 		 3px;
	border-bottom: 1px solid #ddd;
}

#video-home-link {
	float: right;
	margin-top: .5em;
}

#controls2 {
	padding: .7em 1em;
	border-bottom: 1px solid #ddd;
}

#results-info {
	font-weight: normal;
	font-style: oblique;
	padding: 0 0;
	margin: 0;
}

/***************  Sort Controls  ******************/
#sort-controls {
	text-align: right;
	float: right;
	position: relative;
}

#sort-controls, #sort-controls span {
	padding: 0;
	line-height: 1.4em;
	margin: 0;
	list-style: none;
}

#sort-controls {
	padding: 0;
}

#sort-controls span {
	font-weight: bold;
	float: left;
	margin-right: 9px;
	margin-left: 16px;
	display: inline;
}

#sort-controls dt.first {
	margin-left: 0;
}

#sort-controls dd {
	float: left;
}

#sort-controls dd:last-child a {
	margin-right: 0;
}

#sort-controls dd a {
	color: #444 !important;
	display: block;
	font-weight: normal;
	margin-right: 4px;
	padding: 0 8px 0 7px;
	font-family: Arial;
    font-size: 9pt;
}


#sort-controls dd.active a {	
 	color: #fff !important;	
 	text-decoration: none;
	cursor: default;
	background-color: #aaa;
	background-color: #afafaf;
	background-color: #a0a0a0;
	background-color: #898989;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	-webkit-box-shadow: inset 0 1px 1px #666;
	 box-shadow: inset 0 0 10px #000000; 	
	

	
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3) inset;

	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-moz-text-shadow: 0 1px 1px rgba(0,0,0,.3);
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	margin-left: 4px;
}


.button3demboss.search {
	line-height: 23px;
}

.button3demboss-search {
	line-height: 23px;
}


/*************  Pagination  ********************/
#listing-bottom {
    padding: .5em 0 .3em 0;
    *padding-left: 0; /* IE6+7 are adding some invisible padding so hide this to get things to work */
}

#pagination {
	height: 28px;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	float: right;
}

#pagination ol {
	padding: 0;
	margin: 0;
	display: inline-block;
	_display: inline;
	_zoom: 1;
	list-style: none;
}

#pagination li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 2px 0 0 0;
}

#pagination li.numeral, #pagination li.ellipsis {
	height: 24px;
	line-height: 24px;
	
	border: 1px solid #AEAFB3;
	border-width: 1px 0 1px 1px;
}
#pagination li.numeral a, #pagination li.numeral strong, #pagination li.ellipsis span {
	width: 28px;
	display: block;
	text-align: center;
}

#pagination li.ellipsis span {
	width: 31px;
}

#pagination li.current {
	background-color: #f7f7f7;
}

#pagination li.prev a, #pagination li.next a {
	height: 24px;
	line-height: 24px;
	padding-right: 20px;
	padding-left: 20px;
}

#pagination li.next a {
	border-left: 1px solid #AEAFB3;
}

#pagination li.prev a {
	border-right: 0;
}

#pagination li.prev, #pagination li.next {
	border: 0;
}

#pagination li.prev img, #pagination li.next img {
	_display: none; /* IE6 messes up horizontal text alignment with these images */
}

#pagination li.prev a {
	padding-left: 10px;
	padding-right: 10px;
}

#pagination a {
	text-decoration: none;
}

#pagination li.next {
}

#pagination li a:hover {
	background-color: #f0f0f0;
}

#pagination a span {
	text-decoration: underline;
}

#pagination .first {
	float: left;
	text-decoration: underline;
	font-size: .8em;
	position: relative;
	top: 14px;
	left: -40px;
	display: none;
}

#crumbs {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	height: 22px;
	padding: 0 0 0 0;
}

#crumbs a {
	padding: 2px;
}

#crumbs .divider {
	font-size: 11px;
	padding-bottom:0;
	padding-left:2px;
	padding-right:2px;
	padding-top:0;
	position:relative;
	top: -1px;
}

#crumbs .youarehere {
	display: block;
	height: 0;
	overflow: hidden;
}
/****************************************** CSS for publi_listing.jsp - END ******************************************/


/****************************************** public_index page css - START ******************************************/
/***********Featured Video pane***********/
#previous-pane, #next-pane {
	display: block; 
	float: left;
	width: 33px;
	height: 0;
	overflow: hidden;
	padding-top: 23px;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	color: #333 !important;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #e2e2e2;
	background-image: url(/apps/pics/arrows_sprite.png);
	font-weight: bold;
	-moz-outline: none;
}

.hidden-pane {
	display:none;
}

#previous-pane {
	background-position: 0 0;
}

#next-pane {
	background-position: -33px 0px;
	width: 32px;
}

#previous-pane.inactive {
	background-position: 0 -28px !important;
}

#next-pane.inactive {
	background-position: -33px -28px !important;
}

#next-pane:active {
	background-position: -33px -56px;
}

#previous-pane:active {
	background-position: 0px -56px;
}

#previous-pane.inactive, #next-pane.inactive {
	background-color: #f9f9f9;
	color: #b9b9b9;
	cursor: default;
	outline: 0;
}

.pane-loading {
	padding: 170px 0 0 0;
	margin: 0 auto;
	width: 54px;
	height: 49px;
	display: none;
}

.below1 .pane-loading {
	padding-top: 120px;
}

.pane-loading-inner {
	width: 43px;
	height: 41px;
	padding: 8px 0 0 11px;
	background: url(/apps/pics/pane_loading_background.png) 0 0 no-repeat;
}

.accessible_text {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

/*********** Video List (bottom) ***********/
#video-list-container {
	position: relative;
	clear: both;
	padding-top: 2em;
}


.video-list-container  .video-list-head {
	font-size: 1.3em;
	margin: 0;
	padding: .7em 0 .3em 0;
}

	text-align: right;
}

.video-list-container  .video-list-head {
	font-size: 1.3em;
	margin: 0;
	padding: .7em 0 .3em 0;
}

.video-list-head {
	padding: 0 0 .2em 0;
	margin: 0;
	float: left;
	font-size: 1.4em;	
}

.video-list-head a {
	display: inline-block;
	text-decoration: none;
	margin-bottom: 0px;
	color: inherit !important;
}

.video-list-head a span {
	display: inline-block;
	border-bottom: 1px dotted #aaa;
	cursor: pointer;
}

.video-list-head a:hover span {
	border-bottom: 1px dotted #222;
}

#video-list-controls {
	text-align: right;
	padding: 1em 0 .2em 0;
	margin: 0;
}

.pi-searchbox {
	padding: 3px 3px;
	margin: 0;
	border: 1px solid #888;
}

.pi-searchbox:focus {
	border: 1px solid #000;
}

/*********** Featured Videos Section ***********/

/***********  Top Area of featured videos  ***********/
#video-feature-area {
	overflow: hidden;
	padding: 0;
}

#video-feature-area.featured {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 1em;
}

.single-video #video-feature-area {
	padding: 0;
	overflow: hidden;
}

.alsoin {
    padding: .4em 0 0 0;
    font-style: oblique;
    margin: 0;
}


#big-video { /* contains video_player and information */
	position: relative;
	float: left;
}

.below1 #big-video {
	margin: 0 auto;
//	float: none;
}

.below1 #video_player { margin: 0 auto; }

.single-video #big-video, .below-start #big-video {
	margin: 0 auto;
	float: none;
}


.user #big-video {
	margin: 0;
}

.hd #big-video {
	margin: 0;
	width: 100%;
}


#video_player {
	*background-color: #000;
	z-index: 0;
	overflow: hidden;
}

#big-video #video_player video {
	background-color: #000;
	width: 100%;
	height: auto;
	aspect-ratio: 64/36;
	max-height: 675px;
}

video#video_element {
	-webkit-transition: all .2s ease-in;
}

#big-video #video_player noscript {
	font-weight: bold;
	font-size: 1.6em;
	padding: 0 1em 1em 1em;
	text-align: center;
	display: block;
}


#big-video .title {
	font-size: 1.6em;
	margin: .2em 0 .2em 0;
	display: inline-block;
	color: inherit;
	*color: expression(this.parentNode.currentStyle.color);
}

#big-video .video-list-date {
	font-style: oblique;
	padding: 0 0 .4em 0;
	margin: 0;
	display: block;
}

#big-video #hd-link, #big-video #sd-link {
	float: right;
	margin: 2px 0 0 0;
	text-decoration: none;
	font-size: 10pt;
	border-bottom: 1px dotted #333;
	position: relative;
}

#big-video #sd-link {
	display: none;
}

#hd-link .hd-logo {
	font-style: italic;
	font-weight: bold;
	font-size: 1.1em;
	display: inline-block;
	width: 20px;
	height: 20px;
	font-family: 'Arial', sans-serif;
}

.single-video #big-video #hd-link, .single-video #big-video #sd-link {
	margin: 0px 0 0 20px;
	position: relative;
	top: -4px;
}

.user #big-video #hd-link, .user #big-video #sd-link {
	display: none;
}

#video-feature-area {
	zoom: 1;
}

/***********  More video list that shows on right or below  ***********/
#more-videos {
	/*padding: 0 0 0 18px;*/
	/*margin: 0 0 0 640px;*/
	zoom: 1;
}

#more-videos .more-head {
	margin: 0 0 .3em 0;
}

#more-videos .more-head .more-header { 
	padding: 0;
	margin: 0;
	font-size: 11.5pt;
	line-height: 1.14em;
	display: inline;
}

#more-videos .more-link {
	font-size: .9em;
	padding: 0em 0 0 0;
	margin: 0em 0 0 .32em;
	display: inline;
	position: relative;
	top: -.07em;
}


/***********  Top more video area  ***********/
#more-videos-list{ 
	zoom: 1;
	width: 100%;
}

#more-videos-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

#more-videos-list li {
	margin: 0;
	line-height: 1.3;
	list-style: none;
	width: 100%;
	padding: 0 0% 0 0%;
	overflow: hidden;
	position: relative;
}

#more-videos-list li a.playing .title{
	text-decoration: none;
}

#more-videos-list  a.playing:hover {
	background: none transparent;
}

#more-videos-list .playing-marker {
	display: none;
}

#more-videos-list li .title {
	/*text-decoration: underline;*/
}

#more-videos-list li .video-list-date {
	display: block;
	padding-top: .3em;
	font-size: .9em;
	text-decoration: none;
}

#more-videos-list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: .8em 0 .8em 0;
	overflow: hidden;
	text-decoration: none;
	border-top: 1px solid #ccc;
}


#more-videos-list li.playing + li a {
	border-top: 0;
	*border-top: 1px solid #ccc;
}

#more-videos-list li a.playing {
	background-color: #d0d0d0 !important;
	font-weight: 600;
}

#more-videos-list li a.playing .thumb {
	border: 1px solid #444;
	padding: 2px;
	background-color: #ddd;
}

.below1 #more-videos-list li a.playing {
	background: transparent none !important;
}

.below1 #more-videos-list li a.playing .title {
	font-weight: bold;
}

.below1 #more-videos-list li a .thumb {
	border-width: 1px;
	padding: 3px;
}

.below1 #more-videos-list li a.playing .thumb {
	border: 3px solid #202020;
	padding: 1px;
	background-color: #fafafa;
}

#more-videos-list li:last-child a {
	border-bottom: 1px solid #ccc;
}

#more-videos-list li.last a {
	border-bottom: 1px solid #ccc;
}

#more-videos-list li a:hover {
	background-color: #e0e0e0;
}

.below1 #more-videos-list li a:hover {
	background: transparent none !important;
}

#more-videos-list li .thumb {
	width: 31%;
	margin: 0 3.1% 0 0;
	float: left;
	min-width: 74px;
	border: 1px solid #999;
	padding: 2px;
	background-color: #f0f0f0;
	max-width: 200px;
/*  	max-height: 72px;  */
}

#more-videos .more-videos-controls {
	padding: .6em 0 0 0;
	width: 65px;
	margin: 0 auto;
}

/***********  Bottom version of more video area  ***********/
.below1 #more-videos {
	clear: left;
	margin: 0;
	padding: 1.4em 0 0 0;
}

.below1 #more-videos-list {
	border-bottom: 0;
	padding: .4em 0 0 0;
}

.below1 #more-videos-list li {
	width: 31.2%;
	float: left;
	border: 0 !important;
	margin: 0 1% 0 1.1%;
}

.below1 #more-videos-list li:nth-child(3n+3) {
	margin-right: 0;
}

.below1 #more-videos-list li.nth-3n-plus-3 {
	margin-right: 0;
}

.below1 #more-videos-list li:nth-child(3n+4) {
	clear: left;
}

.below1 #more-videos-list li.nth-3n-plus-4 {
	clear: left;
}

.below1 #more-videos-list li img {
	width: 96%;
	display: block;
	margin: 0 auto;
	float: none;
}

.below1 #more-videos-list li a {
	width: 94%;
	float: left;
	border: 0 !important;
	padding: 6px 3% 8px 3%;
}

.below1 #more-videos-list li .title {
	display: block;
	padding-top: .3em;
	max-width: 200px;
	margin: 0 auto;
}


.below1 #more-videos-list li .video-list-date {
	display: none;
}

.below1 #video-feature-area .more-videos-controls {
	clear: both;

}

#featured-video-header {
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.button:hover {
	background-color: #777;
}

.button:active {
	position: relative;
	top: 1px;
}

.button {
	
	color: #fff !important;
	text-decoration: none;
	height: auto;
	padding: .28em .5em .28em .7em;
	width: auto;
	float: right;
	letter-spacing: .03em;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.next-button img {
	margin-left: 1px;
}

.next-button {
	background: url(../pics/rightarrow.png) -20px center #999 no-repeat;
}

h3 {
	padding: 0.2em 0 0 0;
	margin: 0 0 .4em 0;
	font-size: 1.6em; 
}

/****************************************** public_index page css - END ******************************************/

/****************************************** public_user_grid page css - BEGIN ******************************************/

.video-grid, .video-grid li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.video-grid {
	padding: 1.2em 0 0 1em;
}



.video-grid li a {
	position: relative;
	overflow: hidden;
	text-decoration: none;
		
	display: block;
	display: inline-block;
	width: 100%;
		
}

.video-grid li .title {
	text-decoration: underline;
	font-size: 1.1em;
	line-height: 1.38;
	display: block;
	display: inline-block;
}

.video-grid li:nth-child(3n) {
	margin-right: 0;
}

.video-grid li.col3 {
	margin-right: 0;
	
}



.video-grid li:nth-child(3n+1) {
	clear: left;
}


.video-grid li.col1 {
	clear: left;
}

.video-grid li:nth-last-child(-n+3) {
	margin-bottom: 1em;
}

.video-grid li {
/*  	float: left;  */
	margin-bottom: 2em;
	margin-right: 3%;
	margin-right: 3%;
	width: 30.2%;
	*margin-right: 2.7%;
	zoom: 1;
	
	display: inline-block;  vertical-align: top;
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}


.video-grid li .thumb {
	padding: 0;
	border: 0 none;
}

.video-grid .thumb_wrap {
	position: relative;
}

.video-grid .thumb {
	width: 240px;
}

.video-grid .thumb_wrap .thumb {
	width: 100%;
	background-color: #fff;
	max-width: 240px;
}

.video-grid .timelength {
	color: rgb(255,255,255);
/*  	color: rgba(255,255,255,.9);  */
	display: block;
	
	line-height: 14px;
	padding: 1px 4px;

	position: absolute;
	bottom: 6px;
	right: 6px;
	
	font-size: 9pt;
	font-family: 'Arial', sans-serif !important;
	
	
	-webkit-border-radius: 2px;
	-moz-border-radius:2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	
	background: rgb(0,0,0); /* don't change this to background-color lest we break in IE7 */
	background: rgba(0,0,0,.6); 

	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	
	-webkit-text-shadow: 0 0 2px #000;
	-moz-text-shadow: 0 0 2px #000;
	text-shadow: 0 0 2px #000;
	
	filter: alpha(opacity='70'); /* IE lt 8 */
	display: inline-block;
	_display: none; /* sorry IE6, too old */
}

.video-grid .thumb_wrap .thumb_clickable {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 112px;
	z-index: 9999;
	display: none;
}

mark {
}

/****************************************** public_user_grid page css - END ******************************************/

#controls3 {
	float: right;
	width: 300px; /* needs a width for IE */
	width:auto;
    position: relative;
    top: -4px;
}


#searchbox2, .searchbox2 { 
	position: relative; 
	float: right;
	padding: 3px 3px;
	margin: 2px 0 0;
	border: 1px solid #888;
}

#searchbox2:focus, .searchbox2:focus { 
	border: 1px solid #000;
}

#searchbox2.has-btn, .searchbox2.has-btn { 	
	float: left;
	padding: 4px 3px; 
	border-right:none;
}

#searchbox2.has-btn:focus, .searchbox2.has-btn:focus { 
	border-right:none; 
}

#controls3 a.active {
	cursor: none;
	font-weight: bold;
	text-decoration: none;
	color: inherit !important;
}

#video-list-container .controls input[type='submit'] { 
	position:relative; 
}

dl#view-options, #view-options dd, #view-options dt {
	padding: 0;
	margin: 0;
	list-style: none;

}

dl#view-options {
	float: right;
	padding-top: .2em;
}

#view-options dt {
	display: none;
}

#view-options dt.first {
	margin-left: 0;
}

#view-options dd {
	float: left;
}

#view-options dd a {
	color: #444444;
	display: block;
	font-weight: normal;
	margin-right: 4px;
	padding: 0 7px;
}

#view-options dd.active a {	
	color: #fff;
	text-decoration: none;
	cursor: default;
	background-color: #aaa;
	background-color: #afafaf;
	background-color: #a0a0a0;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	-webkit-box-shadow: inset 0 1px 1px #666;
	 box-shadow: inset 0 0 10px #000000; 	
	

	
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3) inset;
	-webkit-text-shadow: 0px 1px 1px #999;
	text-shadow: 0px 1px 1px #999;

}

#list_view_icon a, #grid_view_icon a {
	display: block;
	width: 15px;
	height: 0;
	overflow: hidden;
	padding-top: 18px !important;
	background: url(/apps/pics/icon_list.png) center center no-repeat;
}

#grid_view_icon a {
	width: 16px;
	background-image: url(/apps/pics/icon_grid.png);
}

#list_view_icon.active a {
	background-image: url(/apps/pics/icon_list_white.png);
}

#grid_view_icon.active a {
	background-image: url(/apps/pics/icon_grid_white.png);
}


/******************************************  Subscribe RSS/iTunes - START ******************************************/
#subscribe {
	display: inline;
}

#subscribe ul, #subscribe li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.5;
	display: inline;
}

#subscribe li {
	display: block;
	display: inline-block;
	margin: .2em 1em 0 0;
	padding: 1px 0 0 0;
}

#subscribe li.last {
	margin-right: 0;
}

#subscribe li a {

}

#subscribe li a img {
	vertical-align: middle;
}
#subscribe li a .linktext {
	margin-left: 1px;
}

#subscribe li img {
	position: relative;
	top: -1px;
}


li#subscribe_feed {
	padding-left: 3px;
}

li#subscribe_feed a .linktext {
	margin-left: 4px;
}


/******************************************  Subscribe RSS/iTunes - END ******************************************/
/****************************************** Single Video CSS - START ******************************************/
.video-list-top {
	padding-bottom: 0 !important;
	position: relative;
}


.top-video-info {
	padding: 0 0 0.4em 0.16em;
}
.top_title {
	font-size: 1.8em;
	padding: 0;
	margin: 0;
}

.info-line2 {
	line-height: 1.5;
}

.info-line2, .info-line2 a {
	color: #757575;
}

.top_date {
	display: inline-block;
	margin-right: .2em;
}

#share_link {
	display: inline-block;
	margin-left: .2em;
}

#share_link.clicked a {
	color: #222;
	text-decoration: none;
}

#share_box {
	display: none;
	color: #222;
	background-color: #ddd;
	margin-top: .2em;
  	padding: 0.5em 0 0.3em 0;
    position: relative;
    width: 100%;
}

#share_box a {
    color: #555555;
}
#share_box table {
    margin-left: 0.8em;
}
#share_box #change-dimensions p {
    margin: 0;
    padding: 0.3em 0 0;
}

#share_box p {
	padding: 0;
	margin: 0;
}
#share_box input, #share_box textarea {
	width: 360px;
}

#share_box textarea {
    font-size: 11px;
    overflow: hidden;
}

#share_box #share_close {
	float: right;
	margin-top: 3px;
	margin-right: 3px;
	display: inline;
}

@media (min-width: 650px) {
	#share_box #share_box_inner table td {
		padding-top: 0.5em;
	}
}

@media (max-width: 650px) {
	#share_box #share_box_inner table tr td:first-child {
		white-space: nowrap;
	}
	#share_box #share_box_inner table {
		margin: 0;
		width: 100%;
		box-sizing: border-box;
		padding-inline: 0.8em;
	}
	#share_box #share_box_inner input, #share_box #share_box_inner textarea {
		width: min(360px, 100%);
		box-sizing: border-box;
	}

	#share_box #share_box_inner table tr {
		display: flex;
		flex-direction: column;
		gap: 4px;
		margin-bottom: 16px;
	}
}

#big-video #big-video-info {
	padding: .8em 0 0 .16em ;
	line-height: 1.4;
}

.alsoin {
	padding: .4em 0 0 0;
	font-style: oblique;
	margin: 0;
}

/****************************************** Single Video CSS - END ******************************************/
/****************************************** Video Problems - START ******************************************/
#video_problems {
    margin: 0; 
    padding: 1em 0 0 0;
    text-align: center;
    font-weight: bold;
}

#video_problems a {
    text-decoration: none;
}

#simplemodal-container { height: 300px !important; }

#video_problems a span {
    text-decoration: underline;
}

.single-video #video_problems {
    padding-bottom: 1em;
}
/****************************************** Video Problems - END ******************************************/


.noresults {
    text-align: center;
    padding-top: 1.4em;
}

.noresults p {
    padding: 0;
    margin: 0 0 1.4em 0;
}

#video_page {
	text-align: left;
}

.controls {
    position: absolute;
    bottom: 3px;
    right: 0;
}
/****************************************** Chrome Poster Overlay - START ******************************************/

.cp-inner {
   position:absolute;
   top:0; left:0;
   background-size:     cover;
   background-repeat:   no-repeat;
   background-position: center center;
   z-index:2;
   text-decoration:none;
   display:table;
   text-align:center;
   cursor:pointer;
   cursor:hand;
 }

.cp-inner .fa-play-circle {
   font-size:72px;
   width:55px;
   margin:0 auto 0;
   color:#000;
   display:table-cell;
   vertical-align:middle;
 }

.cp-inner:hover .fa-play-circle,
.cp-inner:focus .fa-play-circle { color:#2863e8; }

/****************************************** Chrome Poster Overlay - END ******************************************/

en-video {
	width: 100%;
	height: auto;
	aspect-ratio: 64/36;
}

en-video::part(video) {
	width: 100%;
	height: auto;
	aspect-ratio: 64/36;
}