/*	WIDGET PROPERTIES */
.vf-viewfinder {background: #333; position: relative!important; width: 640px; min-height: 360px; height: auto!important; height: 360px; overflow: hidden; -webkit-text-size-adjust: none;}

/*	GENERAL TYPOGRAPHY */
.vf-viewfinder {font-family: Arial, Verdana, sans-serif; color: #fff; }
.vf-viewfinder ul, 
.vf-viewfinder ol {margin: 0; padding: 0; text-indent: 0; list-style: none;}
.vf-viewfinder a {color: #fff; text-decoration: none;}

/*	LAYOUT (Sizes and positions of main elements only)*/
.vf-viewfinder .vf-header {width: 100%; position: absolute; top: 0; left: 0;}
.vf-viewfinder .vf-slides {width: 100%; min-height: 360px; height: auto!important; height: 360px; position: absolute; top: 0; left: 0; overflow: hidden;}
.vf-viewfinder .vf-footer {width: 100%; min-height: 32px; height: auto!important; height: 32px; position: absolute; bottom: 0!important; bottom: -1px; left: 0;}

/*	HEADER */
.vf-viewfinder .vf-header {background: #333; color: #aeaeae; font-weight: bold; font-size: 16px; line-height: 18px; position: relative; z-index: 999; padding: 11px 16px;}

.vf-viewfinder .vf-dots {position: absolute; left: 50%; top: 10px; margin: auto; height: 11px; width: 100%; text-indent: 0; font-size: 1px; text-align:center; margin-left: 10px; z-index: 9999; float: left; clear: both;}
.vf-viewfinder .vf-dots li {width: 24px; height: 11px; float: left; right:50%; position:relative;}
.vf-viewfinder .vf-dots li span {display: block; width: 100%; height: 100%;text-indent: -9999px; background: url(/staticarchive/fb185063b68a887b5424b7066f8af0060e37be19.gif) repeat-x; outline: none; cursor: pointer; }
.vf-viewfinder .vf-dots li span:hover, 
.vf-viewfinder .vf-dots li.active span {background-position: 0 -11px;}

/*	NAVIGATION */
.vf-viewfinder .vf-nav {display: block; }
.vf-viewfinder .vf-nav a {display: block; position: absolute; top: 56px; z-index: 999; padding: 0; margin: 0; outline: none; width: 42px; height: 42px; text-align: center; font-weight: bold; text-indent: -9999px; cursor: pointer;z-index: 997; top: 130px; width: 48px; height: 48px; background: url(/staticarchive/77fb3ad1d2fa318ae8e7babf1533fd4b445bc893.png); opacity: 0;}
.vf-viewfinder .vf-nav .vf-nav-prev {left: 0px;}
.vf-viewfinder .vf-nav .vf-nav-next {right: 0px; background-position: -48px 0;}
.vf-viewfinder .vf-nav .vf-nav-prev:hover {background-position: 0 -48px;}
.vf-viewfinder .vf-nav .vf-nav-next:hover {background-position: -48px -48px;}
	
.vf-viewfinder ul.vf-nav a b {display: inline-block; width: 7px; height: 11px; background: url(/staticarchive/c3ab228e20773b6316d3a95945a215bfb8c5de61.gif) no-repeat; text-indent: -9999px; font-size: 1px; line-height: 1px; position: absolute;}
.vf-viewfinder .vf-nav a.first {background: none; width: 640px; height: 360px!important; position: absolute; top: 0; left: 0; padding: 0; z-index: 99999; text-indent: -9999px; text-align: left;}
.vf-viewfinder .vf-nav a.first:hover {background-position: 0;}
.vf-viewfinder .vf-nav a.first b,
.vf-viewfinder .vf-nav a.first span {background: none;}

/*	SLIDES */
.vf-viewfinder .vf-slides {z-index: 996;}	
.vf-viewfinder #vf-s { left: 0; top: 0; position: absolute; list-style: none; } /* width added via JS based on number of sections */
.vf-viewfinder .vf-s {width: 640px; height: 360px; float: left; position: relative; overflow: hidden; }
.vf-viewfinder .vf-s .vf-s-col-text {position: absolute; bottom: 32px; width: 100%;}
.vf-viewfinder .vf-s .vf-s-col-text * {position: relative!important;} /* @TODO: Specify elements instead of wildcard */
.vf-viewfinder .vf-s .vf-s-col-text .vf-s-col-text-bg {width: 100%; height: 100%; float: left; position: absolute!important; top: 0; left: 0; background: #000;}
.vf-viewfinder .vf-s .vf-s-col-text .vf-s-col-text-inner {position: relative; padding: 0px; margin: 0; padding: 8px 8px 4px 8px; display: block; float: left; zoom: 1;}
.vf-viewfinder .vf-s .vf-s-col-text h2 {padding: 0; margin: 0 0 5px 0;line-height: 21px; font-size: 26px; line-height: 26px; letter-spacing: -1px; }
.vf-viewfinder .vf-s .vf-s-col-text h2 a {color: #fff; padding: 0; margin: 0;}
.vf-viewfinder .vf-s .vf-s-col-text h2 a:hover {color: #0c9dcb;}
.vf-viewfinder .vf-s-date {font-size: 20px; color: #aeaeae; font-style: normal; font-weight: bold;}
.vf-viewfinder #vf-s .vf-s .vf-s-col-text p {font-size: 14px; line-height: 18px; padding: 0; margin: 0 0 7px 0; color: #aeaeae;}

/*	FOOTER */
.vf-viewfinder .vf-footer {background: #000; width: 400px; z-index: 999; float: left;}
.vf-viewfinder-large .vf-footer {width: 640px;}
.vf-viewfinder .vf-footer .vf-footer-container {text-align: right;}
.vf-viewfinder .vf-footer h3 {color: #999; font-size: 0.625em; line-height: 10px; font-weight: normal; z-index: 20000; margin: 0; text-align:right; position: relative; left: -7px; top: 7px; letter-spacing: 1px; clear: none; float: right; text-align: right;}
.vf-viewfinder-large .vf-footer h3 {top: 12px; font-size: 0.6875em; line-height: 12px;}
.vf-viewfinder .vf-footer h3 span {display: block; clear: both;}

/* FIRST FRAME */
.vf-viewfinder #vf-s-0 .vf-underlay {position: absolute; bottom: 0; left: 0; width: 100%; height: 96px;/* padding: 16px 0;*/ float: left;}
.vf-viewfinder #vf-s-0 h2 {float: right; margin: 16px 0 0 0;}
.vf-viewfinder #vf-s-0 h2 a {color: #fff;position: relative; top: 0; right: 16px; width: auto; float: right; color: #fff; text-align: right; padding-right: 48px; background: url(/staticarchive/79c94e55296c2b4489bd6a78d859f4f955cc754a.gif) no-repeat right 14px; font-size: 30px; line-height: 32px; letter-spacing: -1px; cursor: pointer; margin: 0;}
.vf-viewfinder #vf-s-0 h2 a:hover {color: #0c9dcb; background-position: right -56px;}
.vf-viewfinder #vf-s-0 h2 a:focus {border:0; outline: 0;}
.vf-viewfinder #vf-s-0 span {background: #000; opacity:0.7; filter:alpha(opacity=70); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	

/* LAST FRAME */
.vf-viewfinder .vf-s-endframe {background: #000;}
.vf-viewfinder .vf-s-endframe .inner {width: 480px; margin: 25px auto;}
.vf-viewfinder .vf-nav-play-again {width: 72px; position: absolute; color: #fff; background: url('/staticarchive/dbb356378644738376c8c026dce58f7a1110492f.png') 0 0 repeat; padding: 8px 0 8px 8px; text-align: left; font-size: 2.6em; line-height:1em; letter-spacing: -1px; cursor: pointer; margin: 0; top: 120px; right: 0;}
.vf-viewfinder .vf-nav-play-again:hover {color: #0c9dcb; background-position: right -67px;}
.vf-viewfinder .vf-nav-play-again:focus {border:0; outline: 0;}
.vf-viewfinder .vf-s-endframe .credits {clear: both; border-top: 1px solid #aeaeae; color: #aeaeae; padding-top: 20px;}
.vf-viewfinder .vf-s-endframe .credits p {font-size: 0.75em; line-height: 14px; margin: 0 0 14px 0; color: #ccc;}