@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* POPUP VIDEO STYLES */





/* START POPUP VIDEOS INDEX PAGE CSS */

.hvp-outer	{
		max-width: 450px;
		padding: 4px;
		margin: 0 auto; /* CENTERS AREA */
		}

.hvp-inner	{
		padding: 10px 0px 20px 0px;
		}

.hvp-left	{
		float: left;
		text-align: center;
		padding: 0px 10px 5px 0px;
		}

.hvp-right	{
		text-align: left;
		overflow: hidden;
		min-width: 160px;
		}

.hvp-img	{
		display: block;
		width: 100%;
		max-width: 125px;
		min-width: 75px;
		height: auto;
		}

.hvp-clearfloat	{
		height: 0px;
		clear: both;
		font-size: 1px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
		}





/* POPUP INDEX PAGE FONTS & COLORS */

.hvp-outer div		{ font-family: "Droid Sans", arial, helvetica, sans-serif; }

.hvp-title		{ color: #000000; font-size: 20px; font-weight: 400; }

.hvp-pagetext		{ color: #000000; font-size: 14px; font-weight: 400; }

.hvp-border		{ border: #999999 1px solid; }

.hvp-border-top		{ border-bottom: #999999 0px solid; }

.hvp-splits 	{
		font-size: 1px;
		line-height: 1px;
		height: 2px;
		margin: 10px 0px 10px 0px;
		padding: 0px;
		border-top: #C0C0C0 1px solid;
		}





/*  POPUP INDEX LINK & BUTTON COLORS */

.hvp-outer a:link,
.hvp-outer a:visited,
.hvp-outer a:active 
	{ color: #0066FF; text-decoration: none; }

.hvp-outer a:hover 
	{ color: #0099FF; text-decoration: none; }

.playv-link	{
		font-size: 14px;
		display: inline-block;
		padding: 7px 0px 0px 36px;
		text-indent: 0px;
		min-height: 31px;
		outline: none;
		background-image: url("../picts-video/playv-white-off.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		}

a.playv-link:hover	{ background-image: url("../picts-video/playv-white-on.png"); }

/* END POPUP VIDEOS INDEX PAGE CSS */





/* START POPUP PAGE STYLES */

body.vidpop	{
		background-color: #FFFFFF;
		font-family: "Droid Sans", arial, helvetica, sans-serif;
		margin: 0;
		padding: 0;
		border: none;
		min-width: 290px;
		}

.vidpop-canvas	{ width: auto; margin: 0 auto; }

.header-vidp	{
		background-color: #FFFFFF;
		width: 100%;
		height: 45px;
		border-bottom: #999999 0px solid;
		}

.header-vidp-title {
		color: #000000;
		font-size: 20px;
		font-weight: 400;
		text-align: left;
		line-height: normal;
		padding: 10px 0px 0px 9px;
		}

.vidp-text	{
		color: #000000;
		font-size: 13px;
		font-weight: 400;
		text-align: center;
		padding: 20px 10px 5px 10px;
		margin: 0 auto;
		max-width: 475px;
		}

.vidp-title	{
		color: #000000;
		font-size: 20px;
		font-weight: 400;
		text-align: center;
		padding: 0px 0px 7px 0px;
		margin: 0px auto 8px auto;
		font-weight: 400;
		border-bottom: #C0C0C0 1px solid;
		}





/* POPUP LINK COLORS */

.vidpop a:link,
.vidpop a:visited,
.vidpop a:active 
	{ color: #0066FF; text-decoration: none; }

.vidpop a:hover 
	{ color: #0099FF; text-decoration: none; }





/* VIDEO DEFAULTS */

.vidp-box video, .vidp-box object, .vidp-box embed 
	{
	display: block;
	width: 100% !important;
	min-width: 100% !important;
	height: auto !important;
	padding: 0;
	margin: 0;
	outline: none;
	}

.vidp-box-outer	{
	padding: 10px 0px 15px 0px;
	background: transparent;
		}

.vidp-box {
	color: #FFFFFF;
	background-color:#000000;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0 auto;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-left: #000000 0px solid;
	position: relative;
	}

.hvb-nosupport	{
		color: #FFFFFF;
		background-color: #000000;
		text-align: center;
		padding-top: 110px;
		padding-bottom: 110px;
		}





/* POPUP VIDEO OVERLAY BUTTON */

.hvb-play	{ border: #FFFFFF 1px solid; }

.hvb-play:hover	{ border: #FF0000 1px solid; }

.hvb-play	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 58px;
		height: 58px;
		display: block;
		vertical-align: top;
		margin-top: -30px;
		margin-left: -30px;
		}

.hvb-play img	{ display: block; border: 0px; }





/* HEADER CLOSE BUTTON */

.vidp-close	{
		position: absolute;
		top: 6px;
		right: 6px;
		padding: 2px;
		width: 27px;
		height: 27px;
		background: #C0C0C0;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}

.vidp-close:hover {
		background: #CC0000;
		}


.vidp-close img {
		border: #999999 0px solid;
		margin: 0px 0px 0px 0px;
		}





/* THIS CLASS ONLY USED ONLY DURING SETUP */

.videopage-background	 { background-color: #FFFFFF; }





/***************

MOBILE SECTION

START Media Queries -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE

***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{

.hvp-title	{ font-size: 16px; }

.vidp-title	{ font-size: 16px; }

.vidp-text	{ font-size: 12px; }

.vidp-close	{ display: block; }



	}
/***************
END Media Queries
***************/