/* -----------------------------------------------------------------*/
/* ----------------------------- HOME ------------------------------*/
/* -----------------------------------------------------------------*/

#featureArea{
	float: left;
	width: 952px;
	height: 368px;
	margin-left: -6px;
	background: url(/img/global/feature-area-bg.png) no-repeat;
}
.featureSlide{
	float: left;
	width: 608px;
	height: 342px;
	margin: 10px 0 0 16px;
	background-color: #fff;
}
.featureDescription{
	float: left;
	width: 272px;
	height: 302px;
	margin-top: 10px;
	padding: 20px;
	background-color: #252525;
}
.featureDescription h2{
	font-size: 25px;
	text-transform: uppercase;
	color: #c5d931;
	letter-spacing: 2px;
	line-height: 30px;
	margin-top: 0;
	border-bottom: none;
}
.featureDescription p{
	font-size: 15px;
	line-height: 30px;
	color: #fff;
}
.watchMoviesButton{
	float: right;
	width: 152px;
	height: 34px;
	margin-top: 20px;
	text-indent: -9999px;
}
.watchMoviesButton a{
	float: left;
	display: block;
	width: 152px;
	height: 34px;
	background: url(/img/button/watch-now.png) no-repeat left;
}
.watchMoviesButton a:hover{
	background-position: right;
}
#featureThumbArea{
	float: left;
	width: 952px;
	height: 110px;
	margin-left: -6px;
}
.featureThumb{
	float: left;
	width: 184px;
	height: 110px;
	margin: -6px 0 0 8px;
}
.featureThumb img{
	margin: 10px 0 0 17px;
}
.featureThumb.first{
	margin-left: 0px;
}
.featureThumb a{
	float: left;
	display: block;
	width: 184px;
	height: 110px;
	background: url(/img/global/feature-thumb.png) no-repeat left;
}
.featureThumb a.current img{
	border: 2px solid #c5d931;
	margin: 8px 0 0 15px;
}
.featureThumb a.current,
.featureThumb a.hover{
	background-position: right;
}
.moreFeaturesArea{
	float: left;
	margin-top: 10px;
	width: 940px;
}
.moreFeaturesArea p{
	float: left;
	margin: 0 0 0 10px;
	font-size: 13px;
	color: #9e9e9e;
	text-transform: uppercase;
}
.moreFeaturesLeftButton{
	float: left;
	width: 28px;
	height: 22px;
	text-indent: -9999px;
}
.moreFeaturesLeftButton span{
	float: left;
	width: 28px;
	height: 22px;
	background: url(/img/button/more-features-left.png) no-repeat right;
}
.moreFeaturesLeftButton a{
	float: left;
	display: block;
	width: 28px;
	height: 22px;
	background: url(/img/button/more-features-left.png) no-repeat left;
}
.moreFeaturesRightButton{
	float: left;
	width: 27px;
	height: 22px;
	margin-right: 10px;
	text-indent: -9999px;
}
.moreFeaturesRightButton span{
	float: left;
	display: block;
	width: 27px;
	height: 22px;
	margin-right: 10px;
	background: url(/img/button/more-features-right.png) no-repeat right;
}
.moreFeaturesRightButton a{
	float: left;
	display: block;
	width: 27px;
	height: 22px;
	background: url(/img/button/more-features-right.png) no-repeat left;
}
a.nowShowingPoster{
	float: left;
	display: block;
	width: 180px;
	height: 259px;
	margin: 20px 0 0 20px;
}
a.nowShowingPoster.first {
	margin-left: 0;
}
a.moviePoster{
	float: left;
	width: 180px;
	height: 259px;
	margin: 0 0 20px 10px;
}
a.moviePoster.first {
	margin-left: 0;
}
.movieFlyout{
	margin: 0;
	z-index: 2000px;
}
.moviePosterTip {
	position: absolute;
	width: 379px;
	top: 0px;
	left: 0px;
	z-index: 1000px;
}
.moviePosterTipArrowLeft{
	position: absolute;
	width: 38px;
	height: 46px;
	top: 20px;
	left: 7px;
	background: url(/img/global/movie-poster-tip-arrow-left.png) no-repeat left;
}
.moviePosterTipArrowRight{
	position: absolute;
	width: 38px;
	height: 46px;
	top: 20px;
	left: 373px;
	background: url(/img/global/movie-poster-tip-arrow-right.png) no-repeat left;
}
.moviePosterTipContainer{
	float: right;
	width: 341px;
	margin-left: -7px;
}
.moviePosterTipHeader{
	float: left;
	width: 341px;
	height: 15px;
	background: url(/img/global/movie-poster-tip-header.png) no-repeat left;
}
.moviePosterTipContent{
	float: left;
	width: 341px;
	background: url(/img/global/movie-poster-tip-content.png) repeat-y left;
}
.moviePosterTipContent ul.movieInfo{
	width: 301px;
	margin: -5px 20px 0 20px;
}
.moviePosterTipContent .message{
	float: left;
	width: 261px;
	margin: 10px 20px;
}
.moviePosterTipFooter{
	float: left;
	width: 341px;
	height: 15px;
	background: url(/img/global/movie-poster-tip-footer.png) no-repeat left;
}
.movieList{
	float: left;
	width: 410px;
	padding: 20px;
	margin: 20px 0 0 40px;
	background-color: #EBEBEB;
}
.movieList.first {
  margin-left: 0px;
}
.movieList h3{
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
}
.movieList p{
	margin: 0;
	padding: 0;
	font-size: 13px;
}
.movieList a{
	font-size: 15px;
	text-decoration: none;
}
.movieList ul{
	font-size: 13px;
	margin-top: 20px;
}
.movieList li span{
	color: #d01887;
	text-transform: uppercase;
}
.movieList strong{
	color: #9e9e9e;
	text-transform: uppercase;
}
.moreMoviesButton{
	float: right;
	width: 157px;
	height: 31px;
	margin-top: 20px;
	text-indent: -9999px;
}
.moreMoviesButton a{
	float: left;
	display: block;
	width: 157px;
	height: 31px;
	background: url(/img/button/more-movies.png) no-repeat left;
}
.moreMoviesButton a:hover{
	background-position: right;
}
.emailSettings{
	float: left;
	width: 320px;
	padding-bottom: 10px;
}
label.radio{
	float: left;
	display: block;
	padding-right: 10px;
	color: #d01887;
	width: 40px;
}
#columnTwo buttonArea{
	float: left;
	width: 320px;
}
.comingSoon{
	float: left;
	width: 320px;
	padding-bottom: 10px;
}
.comingSoon img{
	float: left;
	margin-right: 10px;
}
.comingSoon .addWishlist{
	margin: 20px 0 0 0;
}
.comingSoon .message{
	width: 280px;
	margin: 0;
}
.trendingNowComment{
	float: left;
	width: 300px;
	padding-bottom: 10px;
	background: url(/img/icon/comment-large.png) no-repeat 0px 2px;
}
.trendingNowComment p{
	margin-left: 30px;
}
.trendingNowComment strong{
	color: #f6914a;
}
.trendingNowComment a{
	color: #f6914a;
}
.trendingNowWatching{
	float: left;
	width: 300px;
	padding-bottom: 10px;
	background: url(/img/icon/watching-large.png) no-repeat 0px 1px;
}
.trendingNowWatching p{
	margin-left: 30px;
}
.trendingNowWatching strong{
	color: #97a626;
}
.trendingNowWatching a{
	color: #97a626;
}
.trendingNowLikes{
	float: left;
	width: 300px;
	padding-bottom: 10px;
	background: url(/img/icon/likes-large.png) no-repeat 0px 3px;
}
.trendingNowLikes p{
	margin-left: 30px;
}
.trendingNowLikes strong{
	color: #d01887;
}
.trendingNowLikes a{
	color: #d01887;
}
.profilePhoto p{
	margin-top: 0;
}
#columnSix .comment{
	float: left;
	width: 940px;
	margin-top: 20px;
}
.commentImage{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.commentImage img{
	margin: 0 !important;
	border: 1px solid #252525;
}
.commentInfo{
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
}
.commentText{
	float: left;
	width: 688px;
	margin: 0;
	word-wrap: break-word;
}
.commentText p{
	margin: 0 0 10px 0;
}
.comment a{
	color: #252525;
}
.children .comment{
	float: right !important;
	width: 810px !important;
	padding: 20px;
	background-color: #ebebeb;
}
.children .comment .commentText{
	float: left;
	width: 558px;
	margin: 0;
}
.makeComment{
	float: left;
	width: 900px;
	padding: 10px 20px 20px 20px;
	margin-top: 40px;
	background-color: #ebebeb;
}
.makeComment form{
	float: left;
}
.makeComment label{
	width:500px;
}
.makeComment h3{
	color: #d01887;
	margin: 5px 0 0 0;
}
.makeReply{
	float: left;
	width: 900px;
	padding: 10px 20px 20px 20px;
	margin-top: 20px;
	background-color: #ebebeb;
}
.makeReply label{
	width:895px;
}
.makeReply h3{
	color: #d01887;
	margin: 5px 0 0 0;
}
.guidlines{
	float: left;
	margin: 10px 20px 0 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #252525;
}
.guidlines ul{
	list-style-type: disc;
	padding-left: 15px;
}
#comments .message{
	margin-bottom: 0;
}

/* ----------------------------------------------------------------*/
/* ------------------------- MY ACCOUNT ---------------------------*/
/* ----------------------------------------------------------------*/

#editProfileButton a{
	width: 123px;
	background-image: url(/img/button/edit-profile.png);
}
#billingInformationButton a{
	width: 190px;
	background-image: url(/img/button/billing-information.png);
}
#purchaseHistoryButton a{
	width: 170px;
	background-image: url(/img/button/purchase-history.png);
}
#myWishlistButton a{
	width: 119px;
	background-image: url(/img/button/my-wishlist.png);
}
.expirationDate{
	float: left;
	padding-bottom: 20px;
}
.expirationDate select{
	float: left;
	padding: 0;
	margin: 0;
}
.expirationDate label{
	padding: 0 0 5px 0;
	margin: 0;
}
.expirationDate p{
	float: left;
	padding: 0;
	margin: 0 10px;
}

/* ----------------------------------------------------------------*/
/* ---------------------- BROWSE MOVIES ---------------------------*/
/* ----------------------------------------------------------------*/

#search_title{
    height: 21px;
    font-size: 15px;
}
#browseMoviesSearchBar{
	margin-top: 20px;
    padding: 15px 20px 20px 20px !important;
    width: 900px !important;
    overflow: hidden;
	background-color: #ebebeb;
}
#browseMoviesSearchBar label{
    margin-bottom: 6px;
    float: left !important;
}
#browseMoviesSearchBar .browseMoviesSelect, #browseMoviesSearchBar select{
    width: 120px;
}
#browseMoviesSearchBar .browseMoviesSubtitles{
    padding-top: 16px;
}
#browseMoviesSearchBar .browseMoviesSearch{
    padding-top: 6px;
    float: right !important;
}
#movieViewArea{
	float: left;
	width: 940px;
	margin-top: 20px;
}
.moreMoviesArea{
	float: left;
	margin: 20px 0;
	width: 940px;
}
.bottom{
	margin: 0;
}
.moreMoviesArea p{
	float: left;
	margin: 0;
	font-size: 13px;
	color: #9e9e9e;
	text-transform: uppercase;
}
.thumbnailViewButton{
	float: left;
	width: 45px;
	height: 31px;
	text-indent: -9999px;
}
.thumbnailViewButton span{
	float: left;
	display: block;
	width: 45px;
	height: 31px;
	background: url(/img/button/thumbnail-view.png) no-repeat right;
}
.thumbnailViewButton a{
	float: left;
	display: block;
	width: 45px;
	height: 31px;
	background: url(/img/button/thumbnail-view.png) no-repeat left;
}
.listViewButton{
	float: left;
	width: 46px;
	height: 31px;
	text-indent: -9999px;
}
.listViewButton span{
	float: left;
	display: block;
	width: 46px;
	height: 31px;
	background: url(/img/button/list-view.png) no-repeat right;
}
.listViewButton a{
	float: left;
	display: block;
	width: 46px;
	height: 31px;
	background: url(/img/button/list-view.png) no-repeat left;
}

/* ----------------------------------------------------------------*/
/* ---------------------- MOVIE DETAIL ----------------------------*/
/* ----------------------------------------------------------------*/

/* WATCH MOVIE */

#moviePlayer{
    background: url(/img/main/movie-band-bg.png);
    padding: 20px 0;
    overflow: hidden;
}
#moviePlayer .container{
    margin: 0 auto 0 auto;
    width: 976px;
    padding: 7px;
    float: none;
    background: url(/img/main/movie-player-bg.png);
}
#silverlight_movie{
	width: 976px;
	height: 549px;
	background: transparent;
}
#silverlight_movie p{
	float: left;
	width: 976px;
	margin-top: 220px;
	color: #fff;
	text-align: center;
	display: none;
}
#silverlight_movie iframe{
    line-height: 0;
    visibility: hidden;
    border: none;
}
#contentWrapper #silverlight_movie{
	width: 940px;
	height: 529px;
	background-color: #252525;
}
#flash_trailer{
	float: left;
	width: 656px;
	height: 368px;
	padding: 0;
	margin: 0;
	background-color:#EBEBEB;
}
#flash_trailer p{
	margin-top: 150px;
	text-align: center;
}
#buyTicketArea{
	float: left;
	width: 264px;
	margin-left: 20px;
}
#buyTicketArea .message{
	float: left;
	margin-top: 0;
}
#buyTicketArea h2{
	font-size: 25px;
	text-transform: none;
	color: #9e9e9e;
	border-bottom: none;
	line-height: 30px;
}

.ajaxSpinner {
	padding-left: 5px;
	margin-bottom: 4px;
    display: none;
}

#upsell{
    float: left;
    width: 656px;
    padding: 0;
    margin: 0;
}
.upsellText{
	font-size: 20px;
    color: #9e9e9e;
	line-height: 25px;
	height: 26px;
	margin: 0 0 20px 0;
	padding-left: 40px;
	background: url(/img/icon/shopping-cart.png) no-repeat;
}
.upsellItem{
    float: left;
    width: 180px;
    margin-left: 58px;
}
#upsell .first{
    margin-left: 0;
}
.upsellItem p{
    font-size: 16px;
    text-align: right;
    margin: 0;
    padding: 2px 0;
}
.upsellItem .price{
    color: #ff0000;
    text-decoration: line-through;
}
.upsellItem .discountPrice{
    color: #97a626;
    text-transform: uppercase;
}
.upsellItem .discountPrice .yourPrice{
    font-size: 15px;
}
.upsellItemInfo{
    background: #ebebeb;
    text-align: right;
    padding: 3px 9px 9px 0;
    overflow: hidden;
}
.buyUpsellButton{
    float: right;
    display: block;
    width: 83px;
    height: 22px;
	margin-top: 5px;
    text-indent: -9999px;
}
.buyUpsellButton a{
	float: left;
    width: 83px;
    height: 22px;
	background: url(/img/button/buy-ticket-small.png) no-repeat left;
}
.buyUpsellButton a:hover{
	background-position: right;
}
.buyUpsellButton a.selectedMovie{
	background-position: right;
}
#ticketsPurchased{
    background: #edf4c1;
    border: 1px solid #c5d931;
    padding: 8px 16px 12px 16px;
    color: #97a626;
    font-size: 13px;
    clear: left;
    margin-top: 20px;
}
#ticketsPurchased p{
	margin-top: 0;
}
#ticketsPurchased ul{
    list-style-type: disc;
    padding-left: 16px;
}
#ticketsPurchased li{
	margin-top: 10px;
    padding-left: 0;
}
.cancelPurchase{
	float: left;
    color: #252525;
    font-size: 12px;
    padding-left: 69px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.cancelPurchase a{
    color: #d01887;
    text-transform: uppercase;
}
.buyTicketPrice input{
    float: left;
}
.buyTicketAreaWishlist{
	float: left;
	clear: left;
	margin-top: 20px;
}
.movieInfoTrailer{
	float: left;
	width: 270px;
	display: inline;
}
.movieInfoTrailer ul.movieInfo li.right{
	width: 50%;
}
.movieInfoTrailer ul.movieInfo li.left{
	width: 40%;
}
.movieInfoCreditCard{
	float: left;
	width: 320px;
	margin-bottom: 20px;
}
.movieInfoCreditCard ul.movieInfo li.right{
	width: 40%;
}
.movieInfoCreditCard ul.movieInfo li.left{
	width: 50%;
}
.movieInfoOverview{
	float: left;
	width: 720px;
	display: inline;
}
ul.movieInfo{
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 15px;
}
ul.movieInfo li{
	float: left;
	display: inline;
	margin-top: 10px;
}
ul.movieInfo li.right{
	float: left;
	width: 20%;
	margin-right: 10px;
	text-align: right;
}
ul.movieInfo li.left{
	float: left;
	width: 70%;
	text-align: left;
}
ul.movieInfo p{
	margin-top: 0;
}
ul.movieInfo span{
	color: #d01887;
	text-transform: uppercase;
}
.movieTitle{
	float: left;
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 25px;
	color: #9e9e9e;
}
.movieTitle a{
	color: #9e9e9e;
	text-decoration: none;
}
/*
.movieTitle span.explicit{
	text-transform: none;
	color: red;
	background: url(/img/global/explicit-tag.png) no-repeat;
	background-position: 100px 0px;
}
*/
.buyTicketPrice{
	float: left;
	height: 31px;
	padding-left: 5px;
	background: url(/img/button/buy-ticket-price-nub.png) no-repeat ;
}
.buyTicketPrice p{
	float: left;
	height: 26px;
	padding: 5px 10px 0 10px;
	margin: 0;
	font-size: 15px;
	color: #97a626;
	background-color: #edf4c1;
}
.buySignupLoginModal h1{
    margin-bottom: 0;
}
.buySignupLoginCopy{
    margin-top: 0;
    font-size: 14px;
    color: #999;
}
.buySigup, .buyLogin{
    width: 220px;
    padding: 20px;
    background: #ebebeb;
    float: left;
    margin-top: 20px;
}
.buySigup h2, .buyLogin h2{
    margin-top: 0;
}
.buySigup{
    margin-right: 10px;
}
.buyOr{
    width: 24px;
    float: left;
    margin-right: 10px;
    margin-top: 120px;
}
.buyOr h2{
    color: #bbb;
	font-size: 16px;
}
.embedCodeArea{
	float: left;
	display: none;
	width: 900px;
	padding: 10px 20px;
	background-color: #ebebeb;
}
#buyTicketBilling h1{
    margin-bottom: 8px !important;
}

/* -------------------------------------------------------------*/
/* ---------------------- BROADCAST ----------------------------*/
/* -------------------------------------------------------------*/

#broadcastHeader{
	width: 980px;
	height: 358px;
	margin-left: -20px;
	margin-bottom: 40px;
	background: url(/img/broadcast/broadcast-your-movie-header.png) no-repeat;
}
.signUpToBroadcastButton{
    position: absolute;
    left: 40px;
    top: 250px;
	width: 260px;
	height: 71px;
	text-indent: -9999px;
}
.signUpToBroadcastButton a{
	float: left;
	width: 260px;
	height: 71px;
	background: url(/img/button/sign-up-to-broadcast-your-movie.png) no-repeat left;
}
.signUpToBroadcastButton a:hover{
	background-position: right;
}

/* --------------------------------------------------------------------------*/
/* ---------------------- START YOUR OWN THEATER ----------------------------*/
/* --------------------------------------------------------------------------*/

#startYourOwnTheaterHeader{
	width: 980px;
	height: 358px;
	margin-left: -20px;
	background: url(/img/global/start-your-own-theater-header.png) no-repeat;
}
#columnSeven .container p.startYourOwnTheaterText{
	float: left;
	width: 540px;
	margin: 40px 20px 0 0;
}
.startYourOwnTheaterSignUp{
	float: right;
	width: 340px;
	margin-top: 40px;
	padding: 10px 20px 20px 20px;
	background-color: #ebebeb;
}
.startYourOwnTheaterSignUp label{
	width: 300px;
}
#columnSeven .container .startYourOwnTheaterSignUp h3{
	color: #d01887;
	margin: 0;
}

/* -----------------------------------------------------------------*/
/* ---------------------- ABOUT DINGORA ----------------------------*/
/* -----------------------------------------------------------------*/

#aboutDingoraHeader{
	width: 980px;
	height: 358px;
	margin-left: -20px;
	background: url(/img/global/about-dingora-header.png) no-repeat;
}
#columnSeven .container p.aboutDingoraTextTop{
	margin-top: 20px;
}

/* -----------------------------------------------------------------*/
/* ---------------------- COOKIE MODAL -----------------------------*/
/* -----------------------------------------------------------------*/

.cookieBrowserWrapper{
	margin-top: 20px;
}
.cookieBrowser{
	width: 308px;
	float: left;
}
.cookieBrowser.first{
	margin: 0 20px 20px 0;
}

/* ------------------------------------------------------------------------*/
/* ---------------------- Premiering June 2010 ----------------------------*/
/* ------------------------------------------------------------------------*/

#premieringHeader{
	width: 980px;
	height: 358px;
	margin-left: -20px;
	margin-bottom: 20px;
	background: url(/img/global/premiering-header.png) no-repeat;
}
/*
#columnSeven .container p.startYourOwnTheaterText{
	float: left;
	width: 540px;
	margin: 40px 20px 0 0;
}
.startYourOwnTheaterSignUp{
	float: right;
	width: 340px;
	margin-top: 40px;
	padding: 10px 20px 20px 20px;
	background-color: #ebebeb;
}
.startYourOwnTheaterSignUp label{
	width: 300px;
}
#columnSeven .container .startYourOwnTheaterSignUp h3{
	color: #d01887;
	margin: 0;
}
*/
.constrain {
    height: 500px;
    width:  800px;
    overflow: scroll;
}