﻿/****
	Wide Quick Release - 
	    Quick Release Global Classes are in RightColumnCallout.css
				**/
div.WideQuickRelease
{
	width: 325px;
	background: url(../Images/homeQuickReleaseBackground.gif) no-repeat;
	padding: 45px 29px 0px 24px;
	height: 228px;
	overflow: hidden;
}
div.WideQuickRelease div.QuestionAnswerContainer
{
	width: 325px;
	height: 100px;
	overflow: hidden;
}
div.WideQuickRelease div.QuestionContainer
{
	padding-bottom: 5px;
	width: 325px;
	overflow: hidden;
}
div.WideQuickRelease div.Question
{
	float: left;
	width: 288px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	text-align: left;
	font-size: 16px;
}
div.WideQuickRelease div.AnswerContainer
{
	padding-bottom: 5px;
	width: 325px;
	overflow: hidden;
}
div.WideQuickRelease div.Answer
{
	float: left;
	width: 288px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-style: italic;
}
div.WideQuickRelease div.Form { width: 321px; }
div.WideQuickRelease table { width: 321px; }
div.WideQuickRelease td.QuickReleaseLabel
{
	text-align: right;
	width: 75px;
	padding: 3px 5px 3px 0px;
	color: #ffa200;
}
	div.WideQuickRelease td.QuickReleaseLabel span
	{
		text-align: right;
		color: #6698c5;
		font-size: 10px;
	}
div.WideQuickRelease td.QuickReleaseTextArea
{
	width: 241px;
	padding-bottom: 3px;
}
div.WideQuickRelease td.QuickReleaseButton
{
	width: 96px;
	padding-left: 5px;
}
div.WideQuickRelease td.QuickReleaseTextAreaSmall { width: 140px; }
	div.WideQuickRelease td.QuickReleaseTextArea textarea
	{
		width: 241px;
		height: 40px;
		border: solid 1px #0046ae;
	}
	div.WideQuickRelease td.QuickReleaseTextAreaSmall input
	{
		width: 140px;
		border: solid 1px #0046ae;
	}
/****
	DELETE WHEN OLYMPIC PROMOTION IS OVER
	    Wide Quick Release Olympic
				**/
div.WideQuickReleaseOlympic
{
	width: 325px;
	background: url(../Images/homeQuickReleaseBackgroundOlympic.gif) no-repeat;
	padding: 45px 29px 0px 24px;
	height: 228px;
	overflow: hidden;
}
div.WideQuickReleaseOlympic div.QuestionAnswerContainer
{
	width: 325px;
	height: 100px;
	overflow: hidden;
}
div.WideQuickReleaseOlympic div.QuestionContainer
{
	padding-bottom: 5px;
	width: 325px;
	overflow: hidden;
}
div.WideQuickReleaseOlympic div.Question
{
	float: left;
	width: 288px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	text-align: left;
	font-size: 16px;
}
div.WideQuickReleaseOlympic div.AnswerContainer
{
	padding-bottom: 5px;
	width: 325px;
	overflow: hidden;
}
div.WideQuickReleaseOlympic div.Answer
{
	float: left;
	width: 288px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-style: italic;
}
div.WideQuickReleaseOlympic div.FormTitle
{
	margin: 5px 0px 5px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #E84E33;
}	
div.WideQuickReleaseOlympic div.QuickReleaseNav
{
	height: 20px;
	border-bottom: dotted 1px #E84E33;
	overflow: hidden;
}	
div.WideQuickReleaseOlympic div.Form { width: 321px; }
div.WideQuickReleaseOlympic table { width: 321px; }
div.WideQuickReleaseOlympic td.QuickReleaseLabel
{
	text-align: right;
	width: 61px;
	padding: 3px 5px 3px 0px;
	color: #e84e33;
}
	div.WideQuickReleaseOlympic td.QuickReleaseLabel span
	{
		text-align: right;
		color: #e84e33;
		font-size: 10px;
	}
div.WideQuickReleaseOlympic td.QuickReleaseTextArea
{
	width: 243px;
	padding-bottom: 3px;
}
div.WideQuickReleaseOlympic td.QuickReleaseButton
{
	width: 96px;
	padding-left: 5px;
}
div.WideQuickReleaseOlympic td.QuickReleaseTextAreaSmall { width: 140px; }
	div.WideQuickReleaseOlympic td.QuickReleaseTextArea textarea
	{
		width: 241px;
		height: 40px;
		border: solid 1px #0e62b2;
	}
	div.WideQuickReleaseOlympic td.QuickReleaseTextAreaSmall input
	{
		width: 140px;
		border: solid 1px #0e62b2;
	}
/****
	DELETE WHEN ICON PROMOTION IS OVER
	    Wide Quick Release Icon
				**/
div.WideQuickReleaseIcon
{
	width: 325px;
	background: url(../Images/homeQuickReleaseBackgroundIcon.gif) no-repeat;
	padding: 45px 29px 0px 24px;
	height: 228px;
	overflow: hidden;
}
div.WideQuickReleaseIcon div.QuestionAnswerContainer
{
	width: 325px;
	height: 100px;
	overflow: hidden;
}
div.WideQuickReleaseIcon div.QuestionContainer
{
	padding-bottom: 5px;
	width: 325px;
	overflow: hidden;
}
div.WideQuickReleaseIcon div.Question
{
	float: left;
	width: 288px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	text-align: left;
	font-size: 16px;
}
div.WideQuickReleaseIcon div.AnswerContainer
{
	padding-bottom: 5px;
	width: 325px;
	overflow: hidden;
}
div.WideQuickReleaseIcon div.Answer
{
	float: left;
	width: 288px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	font-style: italic;
}
div.WideQuickReleaseIcon div.FormTitle
{
	margin: 5px 0px 5px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #009357;
}	
div.WideQuickReleaseIcon div.QuickReleaseNav
{
	height: 20px;
	border-bottom: dotted 1px #009357;
	overflow: hidden;
}	
div.WideQuickReleaseIcon div.Form { width: 321px; }
div.WideQuickReleaseIcon table { width: 321px; }
div.WideQuickReleaseIcon td.QuickReleaseLabel
{
	text-align: right;
	width: 61px;
	padding: 3px 5px 3px 0px;
	color: #009357;
}
	div.WideQuickReleaseIcon td.QuickReleaseLabel span
	{
		text-align: right;
		color: #009357;
		font-size: 10px;
	}
div.WideQuickReleaseIcon td.QuickReleaseTextArea
{
	width: 243px;
	padding-bottom: 3px;
}
div.WideQuickReleaseIcon td.QuickReleaseButton
{
	width: 96px;
	padding-left: 10px;
}
div.WideQuickReleaseIcon td.QuickReleaseTextAreaSmall { width: 140px; }
	div.WideQuickReleaseIcon td.QuickReleaseTextArea textarea
	{
		width: 241px;
		height: 40px;
		border: solid 1px #009357;
	}
	div.WideQuickReleaseIcon td.QuickReleaseTextAreaSmall input
	{
		width: 140px;
		border: solid 1px #009357;
	}

/**** Promotion Watch and Win*****/

div.WatchAndWinLeft
{
	float:left;
	padding-bottom:20px;
}
div.WatchAndWinMiddle
{
	float:left;
	padding-top:15px;
	padding-bottom:20px;
}
div.WatchAndWinRight
{
	float:left;
	padding-top:15px;
	padding-bottom:20px;
}
div.WatchAndWinMiddle div.PromoInstantWin
{
	width:396px;
	height:358px;
	background-image: url( ../Images/watchAndWinMiddleCallout.jpg);
}
div.WatchAndWinMiddle div.ButtonRow	
{
	width:396px;
}
div.WatchAndWinMiddle span.BoldWhite
{
    font-weight: bold;
    color: #fff;
}
div.WatchAndWinMiddle div.PromoInstantWinCopy
{
	padding: 140px 0 0;
}
div.WatchAndWinMiddle div.LastButton
{
	padding-left:50px;
}
div.WatchAndWinMiddle div.promoViewLoggedIn
{
    padding-left: 120px;
}
div.WatchAndWinSmall
{
    width: 715px;
}
div.WatchAndWinLeftSmall
{
	float:left;
	width: 320px;
}
div.WatchAndWinRightSmall
{
	float:left;
	padding-top:9px;
	height:205px;
	width:395px;
}
div.WatchAndWinRightSmall span.BoldWhite
{
    font-weight: bold;
    color: #fff;
    font-size: 10px;
}
div.WatchAndWinRightSmall div.promoViewNotLoggedIn
{
	width:380px;
	height:85px;
	padding-top: 120px;
	padding-left:15px;
	background-image: url( ../Images/watchAndWinRightCalloutSmall.jpg);
}
div.WatchAndWinRightSmall div.promoViewLoggedIn
{
	width:275px;
	height:75px;
	padding-top:130px;
	padding-left:120px;
	background-image: url( ../Images/watchAndWinRightCalloutSmallLoggedIn.jpg);
}
div.WatchAndWinRightSmall div.PromoInstantWinCopy
{
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
div.WatchAndWinRightSmall div.LastButton
{
	padding-left:45px;
}
/*** Promotion Olympic-Sized Emotions****/
div.PromoLandingLeftContainerOlympic
{
	float: left;
	width: 423px;
	height: 89px;
	margin-top: -2px;
	background: url(../Images/Promotions/landingPromotionsMovieBackground.jpg) no-repeat;
	padding: 122px 0 0 292px;
	margin-bottom: 10px;
	overflow: hidden;
}
div.PromoLandingLeftContainerOlympic a.PromoOlymLink 
{
	display: block;
	height: 28px;
	width: 164px;
}
div.PromoOlympicsCopy
{
	width: 355px;
	height: 147px;
	overflow: hidden;
	margin: 5px 341px 22px 19px;
	color: #fff;
}
div.PromoOlympicsCopy p { margin-top: 10px; }
div.PromoOlympicsCopy p.Tag { margin-top: 60px; font-size: 11px; text-align: right; }
/***Promotion Box Tops**/
div.PromoLeftBottom
{
	float: left;
	width: 306px;
	height: 117px;
	padding: 37px 145px 0px 12px;
	background: url(../Images/Promotions/landingBoxTopBackgroundLarge.gif) no-repeat;
}
div.PromoLeftBottomCopy
{
	color: #ffffff;
}
div.PromoLeftBottomButton
{
	width: 220px;
	padding-top: 10px;
}
/***Promotion Racing**/
div.PromoRightBottom
{
	float: right;
	width: 242px;
	height: 154px;
	overflow: hidden;
	background: url(../Images/Promotions/landingRacingBackgroundLarge.gif) no-repeat;
}
div.PromoRightBottomCopy
{
	margin: 37px 100px 10px 10px;
	width: 132px;
	color: #fff;
}
div.PromoRightBottomButton
{
	margin-left: 13px;
	width: 128px;
}
/**** LIO - The Movie Widget****/
div.WidgetPageContainer
{
    width: 980px;
    margin-top: 34px;
    overflow: hidden;
}
div.LIOMoiveBottomCalloutsLeft
{
	width:352px;
	float:left;
	padding-top:5px;
	margin-right:10px;
}
div.WidgetLandingLeftContainer
{
	float: left;
	width: 699px;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
	padding-right:20px;
}
div.WidgetLandingRightContainer
{
    float: left;
	width: 250px;
	overflow: hidden;
	margin-top: -14px;
}
div.widget
{
	padding-left:209.5px;
	padding-top:15px;
}
div.WidgetContainer
{
	background: url(../Images/LetItOut/backgroundWidgetLong.gif) no-repeat;
	width: 297px;
	height: 29px;	
	padding: 66px 0 0 418px;
	overflow: hidden;
}
div.LIOMoiveBottomCalloutsRight
{
	float:left;
}
div.LIOTheMovieCalloutRightWidget
{
	background: url(../Images/widgetRightCalloutBackground.gif) no-repeat;
	width:186px;
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
	padding:175px 0 0 65px;
}
	
/**** LIO - The Movie****/
div.MoviePageContainer
{
    width: 980px;
    margin-top: 34px;
    overflow: hidden;
}
div.MovieLandingLeftContainer
{
	float: left;
	width: 719px;
	background: url(../Images/LetItOut/olympicMovieBackground.jpg) no-repeat;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
}
div.MovieLandingRightContainer
{
    float: left;
	width: 250px;
	overflow: hidden;
	margin-top: -14px;
}
div.MovieNavigationContainer
{
    width: 529px;
    margin: 0px 0px 0px 190px;
    height: 23px;
    overflow: hidden;
}
div.MovieNavigationContainer a
{
    float: left;
    padding-left: 11px;
}
div.MovieTitleContainer { margin: 11px 0px 8px 210px; }
div.LIOMovieContainer
{
    width: 509px;
    padding: 19px 0px 0px 210px;
    height: 330px;
}
div#PreloadMessage { width: 350px; overflow: hidden; }
div.LIOMovieIntroWrapper { padding-left: 17px; height: 50px; }
div.LIOMovieIntroCopy
{
    font-size: 14px;
    font-weight: bold;
    color: #053c70;
}
div.LIOMovieCopy
{
    color: #053c70;
}
div.LIOMovieTrailerContainer
{
    padding-left: 48px;
    width: 413px;
    overflow: hidden;
}
div.PlayBackControls
{
    width: 396px;
}
div.VividasControls
{
   float: left;
   padding-right: 10px;
}
div.VividasControlsMovie
{
   float: left;
   padding-right: 15px;
}
div.VividasControls a
{
    height: 19px;
    overflow: hidden;
}
div.VividasControlsMovie a
{
    height: 28px;
    overflow: hidden;
}
div.VivCntrl
{
    float: left;
    width: 22px;
    overflow: hidden;
}   
div.VivCntrlMovie
{
    float: left;
    width: 28px;
    padding-right: 5px;
    overflow: hidden;
}     
div.LIOMovieSTAF
{
    width: 396px;
    height:20px;
    text-align: right;
    padding-left: 48px;
}
div.LIOStoryCopy
{
    float: left;
    padding: 0 25px 0 17px; 
    width: 298px;
}
div.LIOStoryGraphic
{
    float: left;
    padding: 10px 0 15px 0; 
    width: 169px;
}
div.LIOGalleryContainer
{
    width: 486px;
    padding-left: 17px;
    overflow: hidden;
}
div.LIOGalleryTNContainer
{
    width: 486px;
    padding-top: 18px;
    overflow: hidden;
}
div.LIOGalleryPaging
{
    overflow: hidden;
    padding-left: 350px;
}
div.LIOGallery 
{
    width: 486px;
    padding: 5px 0;
    overflow: hidden;
}
div.LIOThumbnail
{
    float: left;
    width: 105px;
    height: 79px;
    margin-right: 12px;
    overflow: hidden;
    border: solid 2px #0046ae; 
}
div.LIOGallery img
{
    width: 105px;
    height: 79px;
}
div.LIOGallerPrv
{
    float: left;
    width: 55px;
    padding: 1px 0px 0 0;
}
div.LIOGallerPaging
{
    float: left;
    width: 30px;
}
    div.LIOGallerPaging span
    {
        color: #0046ae;
        padding: 0px 3px;
        font-family: Times, "Times New Roman", Serif;
    }
    div.LIOGallerPaging a:link,
    div.LIOGallerPaging a:visited
    {
	    font-family: Times, "Times New Roman", Serif;
	    font-size: 12px;
	    font-weight: normal;
	    text-decoration: none;
	    color: #7facd5;
	    padding: 0 3px;
    }
    div.LIOGallerPaging a:hover
    {
	    font-family: Times, "Times New Roman", Serif;
	    font-weight: normal;
	    text-decoration: underline;
	    color: #7facd5;
    }
div.LIOGallerNext
{
    float: left;
    width: 37px;
    padding-top: 2px;
}
div.LIOInvolvedContainer
{
    padding: 0 0 0 20px;
    overflow: hidden;
}
div.LIOInvolvedPhotoContainer { padding-top: 20px; }
div.LIOInvolvedCopyContainer
{
    width: 446px;
    padding: 10px 30px 0 13px;
    overflow: hidden;
}
div.LIOInvolvedCopyContainer h3
{
    font-size: 14px;
	font-weight: bold;
	color: #ffa200;
	margin-bottom: 5px;
}
div.LIOInvolvedCopyLeft
{
    text-align: left;
    padding-left: 20px;
}
div.LIOInvolvedCopyCenter
{
    text-align: center;
    padding-left: 20px;
    width: 406px;
}  
div.LIOInvolvedCopyRight
{
    text-align: right;
    padding-left: 20px;
    width: 390px;
}
div.LIOScreeningCityContainer
{
    width: 486px;
    padding: 15px 0px 0 17px;
    line-height: 20px;
    overflow: hidden;
}
div.LIOScreeningCityLeft
{
    float: left;
    width: 160px;
    font-family: Times, "Times New Roman", Serif;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding-left: 50px;
}
div.LIOScreeningCityRight
{
    float: left;
    width: 190px;
    font-family: Times, "Times New Roman", Serif;
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
div.LIOMovieCountdown
{
    padding-bottom: 10px;
    color: #e84e33;
    font-size: 11px;
    float:left;
}
    div.LIOMovieCountdown span
    {
        font-size: 14px;
        color: #e84e33;
        font-weight: bold;
    }
div.LIOMoiveBottomCallouts
{
    width: 719px;
}
div.LIOMovieOptinContainer
{
    float: left;
    background: url(../Images/LetItOut/olympicMovieOptinBackground.gif) no-repeat;
    width: 315px;
    padding: 5px 22px 0 15px;
    height: 58px;
}
div.LIOMovieOptinContainerLarge
{
    float: left;
    background: url(../Images/LetItOut/olympicMovieOptinBackgroundLarge.gif) no-repeat;
    width: 715px;
    padding: 13px 0 0 4px;
    height: 40px;
    margin-right: 10px;
}
div.MovieOptinFormContainer
{
	margin-top: 5px;
}
div.MovieOptinFormContainerLarge
{
	
}
div.MovieOptinImage
{ 
    float: left;
    width: 320px;
    padding: 5px 0px 5px 0px; 
}
div.MovieOptinThanksImage
{
    float: left;
    padding: 5px 15px 0 19px; 
}
div.MovieOptinInput 
{ 
    float: left;
    width: 210px; 
}
	div.MovieOptinInput input
	{
		border: solid 1px #999;
		color: #666;
		width: 200px;
	}
div.MovieOptinButton
{
	float: left;
	padding: 1px 0 0 2px;
}
div.MovieOptinProcessing
{
    padding-top: 5px;
    color: #0046ae;
}
div.MovieOptinThanks
{
	text-align: center;
	padding-top: 5px;
	color: #0046ae;
}
div.MovieOptinThanksError
{
	padding-top: 5px;
	color: #cc0000;
	font-weight: bold;
}
div.LIOMoiveButton
{
    float: left;
    width: 314px;
    padding: 5px 13px 0 0;
    height: 236px;
    overflow: hidden;
}
div.LIOMoiveSTAFButton
{
    float: left;
    width: 75px;
    margin-top: 191px;
}
/****LIO Movie Popup**/
div.LIOMoviePopUpContainer
{
    background: url(../Images/LetItOut/olympicMoviePopupBackground.gif) no-repeat;  
    width: 960px;
    height: 529px;
	margin-left: auto;
	margin-right: auto;
    position:relative;
}
div.LIOMoviePopUpClose
{
    padding: 22px 0 0 933px;
    width: 27px;
    overflow: hidden;
}
div.LIOMoviePopUpWrapper
{
    height: 455px;
    overflow: hidden;
}
div.LIOMoviePopUpLeft
{
    float: left;
    width: 203px;
    padding: 140px 44px 0px 48px;
}
div.LIOMoviePopUpLeft img.Title
{
    padding: 0 10px 0 14px;
    margin: 0;
}
div.LIOMoviePopUpLeft p
{
    padding: 0 10px 0 14px;
    color: #053c70;
    height: 125px;
    overflow: hidden;
}
div.LIOMoviePopUpRight
{
    float: left;
    width: 584px;
    padding: 66px 81px 0 0;
    z-index: 1;
}
div.LIOMoviePopupChapters
{
    padding-left: 14px;
}
div.LIOMoviePopupChapters img
{
    line-height: 20px;
    padding: 5px 0px 3px;
}
div.LIOMoviePopupChapters img.ChapterIndent
{
    padding-left: 10px;
}
div.LIOMovieCloseWindow
{
    position:absolute;
    bottom:10px;
    left:380px;
}
div.DefaultFlashReplacement
{
    background: url(../Images/homeLIOMovieBackground.jpg) no-repeat; 
    width: 395px;
    height: 90px;
    margin-top: 16px;
    padding: 207px 0 0 366px;
    overflow: hidden;
}

/*Swine flu*/
div.SwineFlu
{
	width: 378px;
	background: url(../Images/homeSwineFlu.gif) no-repeat;
	padding: 50px 0px 0px 5px;
	height: 273px;
	color: #0046AE;
	text-align:left;
}

