@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold.woff') format('woff'),
         url('../fonts/opensans-bold.ttf') format('truetype'),
         url('../fonts/opensans-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/opensans-light.eot');
    src: url('../fonts/opensans-light.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light.woff') format('woff'),
         url('../fonts/opensans-light.ttf') format('truetype'),
         url('../fonts/opensans-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#fvt-wrap {
	position: relative;
	width: 940px;
	height: 610px;
}

#fvt-lcol {
    display: inline;
    float: left;
    margin-right: 10px;
	margin-bottom: 10px;
    position: relative;
    width: 584px;
}

#fvt-rcol {
    display: inline;
    float: left;
	margin-bottom: 10px;
    position: relative;
    width: 346px;
}

.fvt-mod {
	position: relative;
	overflow: hidden;
}


/*
.active-mod {
	box-shadow: 0 0 5px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=5);
}

.ie7 .active-mod { filter: none; }
*/

#fvt-trailer {
    height: 290px;
    margin-bottom: 10px;
    width: 584px;
}

#fvt-full {
    height: 134px;
    width: 584px;
}

#fvt-storybook {
	height: 170px;
	width: 584px;
}

#fvt-full {
	margin-bottom: 10px;
}

h3.section-title {
    bottom: 0;
	color: #fff;
	display:none;
	font-family: 'OpenSansLight', sans-serif;
	font-size: 24px;
	font-weight: normal;
    left: 0;
	margin: 0;
	padding: 0;
    position: absolute;
	z-index: 1;
}
.section-title a {
	color: inherit;
}
.section-title a:hover {
	text-decoration: none;
}
#fvt-social {
	background-color: #e7805f;
    height: 145px;
    margin-bottom: 10px;
    width: 346px;
}

.fvt-extra {
    display: inline;
    float: left;
    height: 134px;
    margin: 0 10px 10px 0;
    width: 168px;
}

#fvt-extr2,
#fvt-extr4 {
    margin-right: 0;
}

#fvt-toolkit {
	display: inline;
	float: left;
    height: 170px;
    width: 346px;
}

.fvt-share-list {
	list-style: none outside none;
	margin: 69px -8px 0 0;
	padding: 0px;
	float: right;
}

.fvt-share-list li {
	display: inline;
}

.fvt-share-list li a {
	display: block;
	height: 76px;
	width: 76px;
	float: left;
	margin-right: 10px;
	position: relative;
	text-indent: -9999px;
}

a.fvt-share-fb {
	background: transparent url(../img/icon_share_fb.gif) no-repeat scroll center center;
}

a.fvt-share-tw {
	background: transparent url(../img/icon_share_tw.gif) no-repeat scroll center center;
}


.fvt-cb #cboxLoadedContent {
	color: #fff;
	color: #000;
	background-color: #fff;
	padding: 10px;
}

.fvt-cb #cboxTopLeft,
.fvt-cb #cboxTopCenter,
.fvt-cb #cboxTopRight,
.fvt-cb #cboxMiddleLeft,
.fvt-cb #cboxMiddleRight,
.fvt-cb #cboxBottomLeft,
.fvt-cb #cboxBottomCenter,
.fvt-cb #cboxBottomRight,
.fvt-cb #cboxContent {
    background: none repeat scroll 0 0 #fff !important;
}

.fvt-cb #cboxClose {
	display: block !important;
}

.fvt-mod .tile-content {
	display: block;
	position: absolute;
	top: 0;
	left:0;
	text-indent: -9999px;
}


#fvt-full .tile-content,
#fvt-full .play-overlay,
#fvt-full .overlay {
	height: 134px;
    width: 584px;
}

#fvt-storybook .overlay {
	height: 170px;
    width: 584px;
}
.fvt-extra .tile-content,
.fvt-extra .play-overlay,
.fvt-extra .overlay {
	height: 134px;
    width: 168px;
}

#fvt-toolkit .tile-content,
#fvt-toolkit .overlay {
    height: 170px;
    width: 346px;
}

.tile-content {
	background: transparent url(../img/bg_link.gif) repeat scroll 0 0;
	z-index:4;
}

.vid-mod .tile-content:hover{
	/*background: transparent url(../img/icon_play_sm_w.png) no-repeat scroll center center;*/
	text-decoration: none;
}

.play-overlay {
	background: transparent url(../img/icon_play_sm_w.png) no-repeat scroll center center;
	cursor: pointer;
	display:none;
	position: absolute;
	top: 0;
	left:0;
	z-index: 3;
}
.tile-thumb {
	z-index: 1;
}

.overlay {
	background: transparent url(../img/bg_overlay.png) repeat scroll center center;
	cursor: pointer;
	display:none;	
	position: absolute;
	top: 0;
	left:0;
	z-index:2;
}

#join {
	clear:both;
	margin: 0 0 10px 0;
}

#ajax-response {
	display: inline;
	float: left;
	width: 584px;
}
.join-form {
	float:right;
	margin: 0 0 48px 0;
	position: relative;
	width: 346px;
}

.join-form .text {
    border: 3px solid #999E98;
    color: #6E6D6D;
    font-size: 24px;
	margin: 0;
	padding: 3px;
	position: absolute;
	top: 0;
	left: 0;
    width: 230px;
}

.join-form .button {
	background: none repeat scroll 0 0 #F05747;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-family: 'OpenSansLight',sans-serif;
    font-size: 24px;
    height: 40px;
    margin-left: 5px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 99px;
}

#ajax-response p {
	margin: 0;
}

#ajax-response .error {
    background-color: #FFEBE8;
    border-color: #CC0000;
}

#ajax-response .updated {
    background-color: #FFFFE0;
    border-color: #E6DB55;
}

#ajax-response div.updated,
#ajax-response div.error {
    border-style: solid;
    border-width: 1px;
	color: #000;
	padding: 10px;	
}