/* hide new links */
.NewAccountLinks
{
	display: none;	
}


/* main theme */
body
{
	margin: 0px;
	padding: 0px;
	background-image: url(images/gradient_background.jpg);
	background-repeat: repeat-x;
	background-color: #c8c8c8;
	
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #5d7373;
}

input, 
select,
textarea
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #4F4F4F;
	background-color: #fffcf7;
}


a:link,
a:active,
a:visited
{
	text-decoration: none;
	color: Blue;
}
a:hover
{
	text-decoration: underline;
	color: Blue;
}


/* selected my account links */
.SelectedAccountLink
{
	font-weight: bold;	
}


/* "movie duo" text branding */
.MovieDuo
{
	
}


/* main content */
#MainContent
{
	min-height: 350px;
}


/* hidden form */
span.NameField
{
	display: none;	
}

.Popup .ControlLabel
{
	width: 80px;
}

.ControlLabel
{
	display: table-cell;
	padding: 0px 0px 14px 0px;
	width: 140px;
	vertical-align: top;
}
.ControlLabel .Optional
{
	display: block;	
	width: 100%;
	margin: 0px 0px 0px 16px;
	letter-spacing: 3px;
	color: orange;
}
.ControlLabel .Required
{
	display: none;	
	width: 100%;
	margin: 0px 0px 0px 16px;
	letter-spacing: 3px;
	color: red;
	font-size: 10px;
}
.Control
{
	display: table-cell;
	padding: 0px 0px 14px 0px;
	width: 260px;
}
.Control input,
.Control textarea
{
	width: 100%;
}
.Control .CheckBox
{
	float: left;
	width: auto;
}


/* submit buttons */
.Submit
{
	display: block;
	width: 100%;
	text-align: center;
}

.Button
{
	background-color: #fffcf7;
	color: #353535;
}

.LoginSubmit
{
	background-color: #cfcfcf;
	color: #353535;
}



/* notifications */
.Notification
{
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: Red;	
	margin: 20px 0px 20px 0px;
}



div.Loading
{
	padding: 2px 6px 2px 6px;
	margin: 0px;
	width: 70px;
	height: 14px;
	color: #FFFFFF;
	font-family: Arial;
	letter-spacing: 2px;
	font-weight: bold;
	background-color: #3366FF;	
	position: absolute;
	z-index: 40;
	top: 0px;
	right: 0px;	
}


#Container 
{
	background-image: url(images/film_background.jpg);
	background-repeat: repeat-y;
	width: 800px;
	margin: 20px auto 0px auto;
	border: solid 1px #000000;
}


#UserInfoBar
{
	background-image: url(images/top_bar.jpg);
	background-repeat: no-repeat;
	width: 800px;	
	padding: 18px 0px 0px 10px;
	height: 26px;
	color: #666666;
	
}
#UserInfoBar ul.LoginLinks li a.Logout
{
	color: #CC0033;
	font-weight: bold;
}

#UserInfoBar ul.LoginLinks
{
	margin: 0px 0px 0px 80px;
}
#UserInfoBar ul.LoginLinks li
{
	padding: 0px 6px 0px 0px;
}
#UserInfoBar ul.LoginLinks li a
{ 
	font-weight: normal;
}
#UserInfoBar ul.LoginLinks li.Spacer
{
	padding: 0px 50px 0px 0px;	
}

#UserInfoBar ul, 
#UserInfoBar ul li,
#Footer ul, 
#Footer ul li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;	
}
#UserInfoBar ul li,
#Footer ul li
{
	padding: 0px 14px 0px 0px;	
}

#UserInfoBar a:link,
#UserInfoBar a:active,
#UserInfoBar a:visited
{
	color: #666666;
	font-weight: bold;
	text-transform: lowercase;
}
#UserInfoBar a:hover
{
	color: #000000;
	font-weight: bold;
	text-transform: lowercase;
}

#Footer
{
	width: 100%;
	margin: 20px 0px 0px 0px;
	height: 20px;	
	text-align: right;
	border-bottom: solid 8px #000000;
}
#Footer a:link,
#Footer a:active,
#Footer a:visited
{
	color: #666666;
	text-transform: lowercase;
}
#UserInfoBar a:hover,
#Footer a:hover
{
	color: #000000;
	text-transform: lowercase;
}


/* homepage styles */
.Homepage #MovieDuoLogoBar
{
	background-image: url(images/home_page_logo.jpg);
	background-repeat: no-repeat;
	width: 800px;	
	height: 421px;
	position: absolute;
	top: 60px;
	margin: 0px;
}
.Homepage #MainContent
{
	margin: 424px 0px 40px 0px;	
}

.Homepage .UserSearch
{
	position: absolute;
	display: block;
	top: 220px;
	margin: 0px 0px 0px 48px;
	padding: 10px 8px 0px 8px;
	width: 286px;
	height: 200px;	

}
.Homepage .UserSearch .Title
{
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;	
}
.Homepage .UserSearch .SelectGenderPanel .ControlLabel
{
	width: 80px;
}
.Homepage .UserSearch .SelectMoviePanel .ControlLabel
{
	width: 110px;
}
.Homepage .UserSearch .SelectMoviePanel .Control
{
	width: 162px;
}
.Homepage .UserSearch .SelectLocationPanel span
{
	padding: 0px 6px 0px 0px;	
}
.Homepage .UserSearch .SearchButton
{
	margin: 28px 0px 0px 0px;	
}

.Homepage .WelcomePanel
{
	position: absolute;
	top: 280px;
	width: 380px;
	margin: 0px 0px 0px 380px;
	color: #333333;
}

.Homepage .AdPanel
{
	position: absolute;
	margin: 0px 0px 0px 48px;
	width: 290px;
	height: 300px;
	text-align: center;
}

.Homepage .FeaturedProfilesPanel
{
	margin: 0px 0px 0px 370px;
	width: 400px;
}

.Homepage .FeaturedProfilesPanel .FriendContainer
{
	width: 360px;
}
.Homepage .FeaturedProfilesPanel .Friend
{
	width: 118px;
	margin: 0px 0px 24px 0px;
	text-align: center;	
	float: left;
}

.Homepage .RecentReviewsPanel
{
	width: 330px;	
	margin: 20px 0px 0px 30px;
}

.RecentReviewsPanel .Friend
{
	width: 64px;
	display: block;
	position: absolute;
	text-align: center;
}
.RecentReviewsPanel .UserReviewContainer
{
	width: 200px;
	display: block;
	margin: 0px 0px 0px 80px;
}
.RecentReviewsPanel .MovieBar
{
	margin: 0px 0px 10px 0px;	
}
.RecentReviewsPanel .UserReview
{
	display: block;
	margin: 40px 0px 20px 0px;	
	color: #3c95ec;
}
.RecentReviewsPanel .MovieTitle a
{
	font-size: 16px;	
}

.Homepage .AdPanel2
{
	display: block;
	position: absolute;
	top: 900px;
	margin: 0px 0px 0px 400px;
}


#MovieDuoLogoBar
{
	background-image: url(images/movie_duo_logo_bar.jpg);
	background-repeat: no-repeat;
	width: 800px;	
	height: 221px;
	position: absolute;
	top: 60px;
	margin: 0px;
}

#MainContent
{
	margin: 224px 0px 40px 0px;	
}


.ImageCropResults
{
	display: none;
}



div.PopupTitle
{
	font-size: 16px;
	letter-spacing: 2px;
	word-spacing: 6px;
	margin: 0px 0px 20px 0px;	
}

/* spacer for navigation links */
.NextPreviousLinks .Spacer
{
	padding: 0px 10px 0px 0px;	
}


/*  movie bar */
.MovieBar .MovieTitle
{
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
}
.MovieBar .MovieTitle a:link,
.MovieBar .MovieTitle a:active,
.MovieBar .MovieTitle a:visited
{
	color: #5d7373;
}
.MovieBar .MovieTitle a:hover
{
	color: #AAAAAA;
}
.MovieBar .TheaterPreferenceBar .TheaterName
{
	font-style: italic;
}
.MovieBar .UserReview
{
	font-size: 11px;
	color: #85c3ff;
}
.MovieBar .TheaterPreferenceBar
{
	font-size: 11px;	
}
.MovieBar .TheaterPreferenceBar a
{
	color: inherit;	
}
.MovieBar .TheaterPreferenceBar a:hover
{
	color: #AAAAAA;
}

.MovieBar .MovieTitle,
.MovieBar .MovieLinks,
.MovieBar .TheaterPreferenceBar,
.MovieBar .ReviewBar,
.MovieBar .MovieReviewComments
{
	display: block;	
	margin: 0px 0px 0px 0px;
}

.MovieBar
{
	display: block;
	margin: 0px 0px 30px 0px;	
}

.MovieBar .IMDBLink,
.MovieBar .TrailerLink,
.MovieBar .ReviewLink,
.MovieBar .ViewCommentsLink,
.MovieBar .RemoveLink,
.MovieBar .Spacer,
.MovieBar .UserRating .RatingSpacer,
.MovieBar .AverageRating .TotalRatings,
.MovieBar .InviteToMovieLink
{
	display: table-cell;
	padding: 0px 6px 0px 0px;
	font-size: 11px;
	color: #999999;
}
.MovieBar .IMDBLink a,
.MovieBar .TrailerLink a,
.MovieBar .ReviewLink a,
.MovieBar .ViewCommentsLink a,
.MovieBar .RemoveLink a,
.MovieBar .InviteToMovieLink a
{
	color: #999999;
}

.MovieBar .MovieDetails
{
	display: table-cell;
	width: 400px;
	padding: 0px 0px 0px 8px;
}

.MovieBar .MovieRating
{
	display: table-cell;
	margin: 0px 8px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 68px;
	text-align: center;
}
.MovieBar .MovieRating .UserRating,
.MovieBar .MovieRating .AverageRating
{
	display: block;
	margin: 4px 0px 0px 0px;
	width: 100%;
	text-align: center;
	text-transform: lowercase;
	color: #3c95ec;
}
.MovieBar .MovieRating .UserRating
{
	margin: 0px 0px 10px 0px;	
}
.MovieBar .MovieRating .UserRating div span,
.MovieBar .MovieRating .AverageRating div span,
.MovieBar .MovieRating .UserRating div,
.MovieBar .MovieRating .AverageRating div
{
	display: table-cell;	
}

.MovieBar .AverageRating .TotalRatings,
.MovieBar .AverageRating .MyRatingText
{
	display: block;
	margin: 4px 0px 0px 0px;	
}
.MovieBar .UserReview
{
	color: #3c95ec;
}


/* movie review comments */
.UserMovieCommentsPanel
{
	padding: 10px 0px 0px 0px;	
}
.MovieReviewComments
{
	margin: 0px 0px 0px 0px;	
	padding: 4px;
	background-color: #fffdf9;
	border: solid 1px #feeed1;
}
.MovieReviewCommentsAlternate
{
	margin: 6px 0px 0px 0px;	
	padding: 4px;
	background-color: #feeed1;
	border: solid 1px #fffdf9;
}
.MovieReviewComments .Comment,
.MovieReviewCommentsAlternate .Comment
{
	display: table-cell;
	float: left;	
	font-size: 10px;
	padding: 0px 0px 4px 0px;
}
.MovieReviewComments .CommentBy,
.MovieReviewCommentsAlternate .CommentBy
{
	display: table-cell;
	text-align: center;
	width: 90px;
	padding: 0px 0px 0px 0px;
}

.MovieReviewComments .CommentBy a:link,
.MovieReviewComments .CommentBy a:active,
.MovieReviewComments .CommentBy a:visited,
.MovieReviewCommentsAlternate .CommentBy a:link,
.MovieReviewCommentsAlternate .CommentBy a:active,
.MovieReviewCommentsAlternate .CommentBy a:visited,
.Friend a:link,
.Friend a:active,
.Friend a:visited
{
	color: #282828;
}
.MovieReviewComments .CommentBy a:hover,
.MovieReviewCommentsAlternate .CommentBy a:hover,
.Friend a:hover
{
	color: #AAAAAA;
}
.MovieReviewComments .CommentBy a:link img,
.MovieReviewComments .CommentBy a:active img,
.MovieReviewComments .CommentBy a:visited img,
.MovieReviewCommentsAlternate .CommentBy a:link img,
.MovieReviewCommentsAlternate .CommentBy a:active img,
.MovieReviewCommentsAlternate .CommentBy a:visited img,
.Friend a:link img,
.Friend a:active img,
.Friend a:visited img
{
	border: solid 1px #666666;
}
.MovieReviewComments .CommentBy a:hover img,
.MovieReviewCommentsAlternate .CommentBy a:hover img,
.Friend a:hover img
{
	border: solid 1px #DDDDDD;
}
.MovieReviewComments .CommentInfo,
.MovieReviewCommentsAlternate .CommentInfo
{
	display: block;
	width: 180px;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px px 0px;	
	font-size: 10px;
	color: #AAAAAA;
	text-align: right;
}
.MovieReviewComments .Posted,
.MovieReviewCommentsAlternate .Posted
{
	font-style: italic;
}




/* my account links */
.MyAccountPanel
{
	width: 180px;
	float: left;
	margin: 0px 34px 0px 10px;	
}
.AdMyAccountLinks
{
	width: 180px;
	margin: 240px 0px 0px 20px;		
	position: absolute;
	text-align: center;
}

.MyAccountPanel ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.MyAccountPanel li.ProfileLink
{
	margin: 16px 0px 0px 0px;
}
.MyAccountPanel a
{
	color: #666666;
}
.MyAccountPanel a.Selected
{
	font-weight: bold;
}
.MyAccountPanel .NewMessage
{
	font-weight: bold;
}

/* user account pages */
.NuggetNavigationLinks 
{
	display: block;
	margin: 0px;
	height: 30px;
}
.NuggetNavigationLinks ul,
.NuggetNavigationLinks li
{
	margin: 0px 4px 0px 0px;
	padding: 0px;
	display: inline;
}

ul.NuggetLinksLeft
{
	float: left;
}
ul.NuggetLinksRight
{
	float: right;
}


.NuggetNavigationLinks a:link,
.NuggetNavigationLinks a:active,
.NuggetNavigationLinks a:visited
{
	
}
.NuggetNavigationLinks a:hover
{
	
}