﻿
/* Float Container */
.FloatContainer { width: 100%; overflow:hidden; }

img.CoverImage { border: 1px solid #000; }
img.SmallCoverImage { width: 76px; height: 102px; }
img.SideNavCoverImage { width: 69px; height: 93px; }

.CustomTip { font-size: 14px; color: #FF9000; font-weight: bold; }
a.CustomTip { font-weight: normal; }
.CustomTip:hover { color: #FF9000; }
.YellowTip {color: #fff; width: 220px; z-index: 13000; border: 2px solid #5fb9f5; background: #f2bf3f url(/Cms/Areas/Public/Content/Images/ToolTips/tool_tip_scr.gif) bottom right; }
.YellowTip .tip-title { font-weight: bold; font-size: 16px; margin: 0px; color: #000000; padding: 10px 20px 0px 20px;  }
.YellowTip .tip-text { font-size: 12px; padding: 5px 20px 10px 20px; color: #000000; }
.YellowTip .ToolTipTopLeft { z-index: 13001; background: url('/Cms/Areas/Public/Content/Images/ToolTips/tool_tip_toplft.png'); width: 51px; height: 52px; position: absolute; top: -15px; left: -15px; }
.YellowTip .ToolTipTopRight { z-index: 13001; background: url('/Cms/Areas/Public/Content/Images/ToolTips/tool_tip_toprg.png'); width: 51px; height: 52px; position: absolute; top: -15px; left: 185px; }
.YellowTip .ToolTipBottomLeft { z-index: 13001; background: url('/Cms/Areas/Public/Content/Images/ToolTips/tool_tip_botlft.png'); width: 51px; height: 52px; position: absolute; top: 20px; left: -15px; }
.YellowTip .ToolTipBottomRight { z-index: 13001; background: url('/Cms/Areas/Public/Content/Images/ToolTips/tool_tip_botrg.png'); width: 51px; height: 52px; position: absolute; top: 20px; left: 185px; }

.TitleTip {color: #fff; width: 350px; z-index: 13000; border: 4px solid #0099ff; background: #FFFFFF; min-height: 320px; }
.TitleTip .tip-title { font-weight: bold; font-size: 16px; margin: 0px; color: #000000; padding: 10px 20px 0px 20px;  }
.TitleTip .tip-text { font-size: 12px; padding: 5px 20px 10px 20px; color: #000000; min-height: 320px; }
.TitleTip .ToolTipTopLeft { z-index: 13001; background: url('/Cms/Areas/Members/Content/Images/Tooltips/TitleCornerTopLeft02.png') no-repeat; width: 26px; height: 29px; position: absolute; top: -26px; left: 10px; }

/* DHTML Tooltips */
#dhtmltooltip { position: absolute; left: -300px; width: 400px; height: 1px; overflow: hidden; border: 1px solid black; padding: 8px; background-color: #ffffff; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'Gray' , Positive= 'true' ); }
#dhtmlpointer { position: absolute; left: -300px; z-index: 101; visibility: hidden; }
.ToolTipRenderer { background-color: #ffffff; }

/* Title Availability */
.TitleAvailability { font-size: 11px; display: inline; }
.TitleAvailability a:link, .TitleAvailability a:active, .TitleAvailability a:visited { color: #666666; }
.TitleAvailability a:hover { color : #FF7800; text-decoration: underline }     
                       

/* Footer */
.FootNote { font-size : 10px; color : #838484; }

/* Sub Nav */
.LoggeInAs { float: right;  margin-right: 20px; }
.LoggeInAs a { color : #FA0 !important; text-decoration: underline !important; }

/* Page Headings */
img.PageHeading { margin: 20px 0px 0px 0px; }
.PageInformation { margin-top: 20px; }

/* Home Page */
.HomePageList {margin: 10px 0px 0px 0px; padding: 0px; }
.HomePageList li { list-style-type: none; margin-top: 5px; font-size: 12px; }
#PromocodeContainer { margin-top: 20px; position: absolute; width: 450px; }
.HomePage-GiftVouchers { float: left; margin-left: 20px; }
.HomePage-GiftVouchers img { position: absolute; margin-top: 4px }
.HomePage-GiftVouchers a { position: absolute; margin: 7px 0px 0px 20px; font-size: 12px; }
.HomePageError { position:absolute; width: 410px; margin: 2px 0px 0px 0px !important;}
.HomePagePromotion { width: 512px; height: 430px; position: absolute; }
.HomePageReview { background: #E7E7E7; padding: 10px 10px 10px 10px; }
.HomePageReview h1 { margin: 0px; padding: 0px; font-size: 18px; }
.HomePageReview .Divider { height: 2px; background: #FF0000; width: 100%; }
#HomePageReview { padding: 10px; height: 109px !important; background: #F1F1F1; }

#Feature-Content-Container { height: 432px; width: 512px; overflow:hidden;  }
#Feature-Content-Home { position: absolute; border: 0px solid #000; width: 512px !important; height: 432px;  }
#Feature-Content-Home div { position: absolute; width: 512px; height: 432px; }
#Feature-Content-Children { position: absolute; color: #fff;  width: 179px; height: 432px; }

#Feature-Content-Children div { height: 72px; }
#Feature-Content-Children .Handle { display: block; width: 179px; height: 72px; font-size: 16px; font-weight: bold;  }
#Feature-Content-Children .Text { display: block; color: #000000; font-size: 14px; font-weight: bold; position: relative; margin: -45px 0px 0px 20px; }
#Feature-Content-Children div.Selected .Handle { width: 215px !important; font-size: 18px; }
#Feature-Content-Children div.Selected .Text { font-size: 16px; }

/*#Feature-Content-Children div.Selected div.Handle { background: #666666; }*/
#SubNavigation .BlogText { float: left; margin-right: 15px; }
#SubNavigation .BlogText img { position: absolute; margin: -3px 30px 0px 0px; }
#SubNavigation .BlogText div { display: inline; margin-left: 30px; }
#SubNavigation .BlogTicker { float: left; width: 424px; overflow: hidden !important;  position: relative; }
#SubNavigation .BlogContainer { position: relative; left: 0px; }
#SubNavigation .BlogContainer .BlogHome { float: left; margin: 0px 40px 0px 0px; }

#CommunityBlogTicker { border-top: 1px solid #797979; margin-top: 10px; padding-top: 10px; }
#CommunityBlogTicker .BlogText { float: left; margin-right: 15px; }
#CommunityBlogTicker .BlogText img { position: absolute; margin: -3px 30px 0px 0px; }
#CommunityBlogTicker .BlogText div { display: inline; margin-left: 30px; }
#CommunityBlogTicker .BlogTicker { float: left; width: 516px; overflow: hidden !important;  position: relative; }
#CommunityBlogTicker .BlogContainer { position: relative; left: 0px; }
#CommunityBlogTicker .BlogContainer .BlogHome { float: left; margin: 0px 40px 0px 0px; }

#MembersHomeBlogTicker { border-bottom: 1px solid #000000; margin-top: 0px; padding: 10px 0px 10px 0px; }
#MembersHomeBlogTicker .BlogText { float: left; margin-right: 15px; }
#MembersHomeBlogTicker .BlogText img { position: absolute; margin: -3px 30px 0px 0px; }
#MembersHomeBlogTicker .BlogText div { display: inline; margin-left: 30px; }
#MembersHomeBlogTicker .BlogTicker { float: left; width: 540px; overflow: hidden !important;  position: relative; }
#MembersHomeBlogTicker .BlogContainer { position: relative; left: 0px; }
#MembersHomeBlogTicker .BlogContainer .BlogHome { float: left; margin: 0px 40px 0px 0px; }

/* Pricing and Plans */
.PlansTableHeading div { font-weight: bold; font-size: 14px; padding: 3px 10px 5px 15px; float: left; }
.PlansTableHeading { border-top: 1px solid #797979; border-bottom: 1px solid #797979; }

.PlanContainer { border-bottom: 1px solid #797979;}
.PlansTableHeading .PlanName { width: 450px; }
.PlansTableHeading .DVDsOut { width: 80px; text-align: center; }
.PlansTableHeading .MaxPerMonth { width: 100px; text-align: center; }
.PlansTableHeading .Price { width: 100px; text-align: center; }

.PlanContainer div { float: left;  padding: 15px 10px 20px 15px; height: 40px; }
.PlanContainer .PlanName { width: 460px; padding-right: 0px; }
.PlanContainer .PlanName h2 { color: #FF0000; margin: 0px; padding: 0px; font-weight: bold; }
.PlanContainer .DVDsOut { width: 80px; text-align: center; font-size: 18px; padding-top: 30px; height: 30px; }
.PlanContainer .MaxPerMonth { width: 100px; text-align: center; padding-top: 30px; height: 30px; font-size: 18px; }
.PlanContainer .Price { width: 100px; text-align: center; padding-top: 30px; height: 30px; font-size: 18px; }
.PlanContainer .FreeTrial { height: 40px; padding-top: 35px; height: 25px; }

/* Community Page */
.CommunityPageLeft { float: left; width: 634px; }
.CommunityPageRight { margin: 0px 0px 0px 32px; float: left; width: 282px; }
.CommunityPageLeft .GreyBoxContainer { width: 602px; }

.TrailersContainer { border-right: 1px solid #FF0000; border-bottom: 1px solid #FF0000; min-height: 196px; float: left; width: 199px; margin-top: 10px; }
#CommunityTrailers { margin-top: 10px; }
#CommunityTrailers div { height: 18px; width: 188px; padding: 15px 5px 15px 5px; background: #DCDCDC; margin-top: 1px; }
#CommunityTrailers div.Selected { width: 192px; background: #DCDCDC url('/Cms/Areas/Public/Content/Images/Pages/Community/SelectedTrailerGradient.gif') repeat-y; background-position: right; }
#CommunityTrailers div img { float: left; margin-right: 10px; }
#TrailerFlashContainer { height: 320px; margin-left: 2px; width: 400px; }

.ReviewContainer { width: 602px !important; }
.ReviewContainer .TitleImage { float: left; width: 110px; }
.ReviewContainer .Review { float: left; margin: 0px 0px 0px 15px; padding :0px; width: 475px; }
.ReviewContainer .Review .TitleHeading { float: left; width: 350px; }
.ReviewContainer .Review .Stars { float: right; width: 110px; text-align: right; }
.ReviewContainer .Review .Content { margin-top: 10px; }

.NewsAndGossipContainer { float: left; width: 300px }
.NewsAndGossipContainer .Image{ float: left; width: 70px; margin-right: 10px; }
.NewsAndGossipContainer .NewsAndGossip { float: left; width: 220px; }

/* Collections Page */
.HotCollection { padding: 5px 0px 0px 0px; }
.HotCollection { padding: 5px 8px 0px 8px !important; width: 232px; }
.HotCollection .Selected { color: #FF0000; font-weight: bold; }
.Collections div {  margin: 5px 0px 5px 10px; }
.HotCollectionsSectionDivider { border-bottom : solid 1px #666666;  margin: 5px 0px 0px 0px; }

/* Browse Page */
.BrowseFlash { padding-top: 25px; }
.BrowseFlash h1 { display: inline; margin: 0px; }
.BrowseFlashContainer { margin: 15px 0px 0px 0px; }

/* About Us Page */
#StaffMembers { }
#StaffMembers .First { border-top: 1px solid #000; }
#StaffMembers .Staff { width: 948px; overflow: hidden; margin-top: 5px; border-bottom: 1px solid #000; }
#StaffMembers .Alternate { background: #F1F1F1; }
#StaffMembers .StaffImage { float: left; width: 157px; }
#StaffMembers .StaffImage { display: block; border: 0px solid #000; }
#StaffMembers .StaffBio { float: left; width: 761px; margin-left: 30px; padding-top: 10px; }
#StaffMembers .Staff h2 { margin-top: 35px; }

/* Common Grey Box Thing */
.GreyBoxContainer { background: #F1F1F1; padding: 8px; border-bottom: 1px solid #000; margin : 0 0 18px 0; }
.GreyBoxContainer h1 { margin: 0px; padding: 0px 0px 5px 0px; font-size: 13px; font-weight: bold; border-bottom : solid 1px #FF0000; }
.GreyBoxContainer { background: #F1F1F1; padding: 8px 16px 8px 16px; border-bottom: 1px solid #000; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; font-size: 12px; }
.GreyBoxContainer h1 { margin: 0px; padding: 0px; font-size: 16px; font-weight: bold; }
.GreyBoxContainer h2 { color: #FF0000; margin: 10px 0px 5px 0px; padding: 0px; font-size: 16px; }
.GreyBoxContainer h3 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 14px; text-decoration: underline; }
.GreyBoxContainer .Divider { border-bottom : solid 1px #FF0000;  margin: 5px 0px 5px 0px; padding: 0px !important; }
.GreyBoxContainer ul { padding : 0; margin : 0; list-style : none; }
.GreyBoxContainer ul li { display : block; margin : 0; padding : 5px 8px 5px 8px; font-size : 11px; border-top : solid 1px #666666; }
.GreyBoxContainer ul li.First { border-top : 0px solid #666666 !important; }
.GreyBoxContainer li:hover { background: #FFF6D2; }
.GreyBoxContainer div { padding : 8px 0px 8px 0px; }
.GreyBoxContainer .SectionDivider { border-bottom : solid 1px #FFFFFF; border-top : solid 1px #c1c1c1;  margin: 0px 0px 0px 0px; }
.GreyBoxContainer .RightText { float: right; padding-top: 4px; }
.GreyBoxContainer ul { padding : 0; margin : 0; list-style : none; }
.GreyBoxContainer ul li { display : block; margin : 0; padding : 5px 8px 5px 8px; border-top : solid 1px #666666; }
.GreyBoxContainer ul li.First { border-top : 0px solid #666666 !important; }
.GreyBoxHighlighted {  height: 30px; background: #797979; padding: 0px; border-bottom: 1px solid #000; border-right: 1px solid #666666; border-left: 1px solid #666666; font-size: 12px;  }
.GreyBoxHighlighted a:link, .GreyBoxHighlighted a:active, .GreyBoxHighlighted a:visited { color: #FFFFFF; text-decoration: underline }
.GreyBoxHighlighted a:hover { color : #FF7800; text-decoration: underline }    

/* Search */
.SearchTextBoxStart { float: left; }
.SearchTextBox { float: left; padding-top: 5px; font-family: Arial, Tahoma, Helvetica, Verdana, Sans-Serif; font-size: 12px; color: #666666; background: #FFFFFF url('c:/users/scott.martin/downloads/content/Content/Images/Tools/SearchBox.jpg') repeat-x; width: 150px; height: 25px; border: 0px solid #000;}
.SearchTextBoxEnd { float: left; }
.SearchContainer .Search { float: right; margin-right: 40px; width: 219px; }
.SearchContainer .AdvancedSearch { margin: 0px 75px 5px 190px; text-align: right; }
.SearchContainer .AdvancedSearch a:link, .SearchContainer .AdvancedSearch a:active, .SearchContainer .AdvancedSearch a:visited { font-size: 11px; color: #666666 !important; text-decoration: none; }
.SearchContainer .AdvancedSearch a:hover { color : #FF7800 !important; text-decoration: none; }

/* Panels (errors, confirm etc) */
.ErrorPanel { border : solid 1px #5fb9f5; margin : 10px 0 10px 0; padding : 8px 10px 8px 40px; color: #000000; background : #f2bf3f url('c:/users/scott.martin/documents/contents/Content/Images/Backgrounds/image-error02.jpg'); background-repeat: no-repeat; font-size : 11px;  min-height : 45px; height:auto !important; height: 45px; overflow: visible; display:block;}
.PublicStyle .ErrorPanel { font-size: 12px; }
.NoticePanel { border : solid 1px #000000; margin : 10px 0 10px 0; padding : 8px 20px 8px 60px; color: #000000;  background : #bfbfbf url(/Cms/Areas/Public/Content/Images/Backgrounds/confirm_box.jpg); background-repeat: no-repeat; font-size : 11px; min-height : 45px; height:auto !important; height: 45px; overflow: visible; display:block; }
.ErrorPanel { color: #be0101; background: #FFFFFF url('/Cms/Areas/Common/Content/Images/Backgrounds/cross.gif') no-repeat; padding: 5px 0px 0px 30px;  min-height : 24px; height:auto !important; height: 24px; overflow: visible; display:block; }
.ErrorPanel h1 { font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; }
.ErrorPanel A:link, .ErrorPanel A:active, .ErrorPanel A:hover, .ErrorPanel A:visited { color : #f00; }
.ErrorText { color: #be0101; }
.ConfirmText { color: #000000; background: #FFFFFF url('/Cms/Areas/Common/Content/Images/Backgrounds/tick.gif') no-repeat; padding: 5px 0px 0px 30px;  min-height : 24px; height:auto !important; height: 24px; overflow: visible; display:block; }

/* Ajax */
.AjaxLoading { background: url(/Theme/Phoenix/Common/Loading.gif) no-repeat center; }
.AjaxLoadingLeft { background: url(/Theme/Phoenix/Common/Loading.gif) no-repeat left; padding-left: 20px; }

/* Carousel */
.Hidden { display: none; }
.CarouselHeader { }
.CarouselHeader .CarouselName { float: left; padding-top: 10px; }
.CarouselHeader .ViewMore { float: left; padding-top: 12px; margin-left: 5px; }
.CarouselHeader .Controls { float: right; text-align: right; padding-top: 4px; width: 140px;  }
.CarouselHeader .Pages { float: left; text-align: right; width: 80px; padding-top: 12px; }
.CarouselHeader .Arrows { float: left; text-align: right; width: 60px; }
.CarouselItems { position: absolute; }
.CarouselItems a { font-size: 11px; }
.CarouselItems div.Item { display: block; float: left; margin-right: 18px; margin-left: 18px; }
.CarouselItems div.FirstItem { display: block; float: left; margin-right: 18px; margin-left: 0px; }
.CarouselItems div.LastItem { display: block; float: left; margin-right: 0px; margin-left: 18px; }
.CarouselContainer {  position: relative; overflow: hidden; }
#carouselPages { height: 35px; }
.CarouselPageSelected { margin-left: 3px; float: left; height: 8px; width: 9px; background: #FFFFFF url('http://www.quickflix.com.au/theme/phoenix/Carousel/selected.gif') no-repeat; }
.CarouselPageUnSelected { margin-left: 3px; float: left; height: 8px; width: 9px; background: #FFFFFF url('http://www.quickflix.com.au/theme/phoenix/Carousel/unselected.gif') no-repeat; }

/* Content Poster */
.ContentPoster .ImageContainer { width: 112px; height: 152px; border: 0px solid #000; padding: 1px 1px 1px 1px; }
.ContentPoster .ImageContainer img.CoverImage{ display:block; width: 110px; height: 150px; }
.ContentPoster .Name { text-align: center; margin-top: 5px; width: 112px; }

/* Buttons */
.LargeButton div { margin: 0px; width: 88px; padding: 4px 12px 0px 12px; font-size : 11px; height : 18px; text-align: center; font-weight : normal; border-collapse : collapse; }
.LargeButton .AddToQueue { margin: 0px; background: #045a92 url('/Cms/Areas/Public/Content/Images/Buttons/AddToQueueLarge.gif') repeat-x; border: 1px solid #414141; color: #FFFFFF; cursor: pointer; }
.LargeButton .Disabled {background-color : #ADADAD; color : #666666; border-left : solid 1px #ABABAB; border-bottom : solid 1px #7B7B7B; border-top : solid 1px #CBCBCB; border-right : solid 1px #676767; }
.SmallButton div { margin: 0px; width: 74px; padding: 2px 0px 2px 0px; font-size : 11px; height : 15px; text-align: center; font-weight : normal; border-collapse : collapse; }
.SmallButton .AddToQueue { margin: 0px; background: #045a92 url('/Cms/Areas/Public/Content/Images/Buttons/AddToQueueSmall.gif') repeat-x; border: 1px solid #414141; color: #FFFFFF; cursor: pointer; }
.SmallButton .Disabled {background-color : #ADADAD; color : #666666; border-left : solid 1px #ABABAB; border-bottom : solid 1px #7B7B7B; border-top : solid 1px #CBCBCB; border-right : solid 1px #676767; }
.ExtraSmallButton div { margin: 0px; width: 67px; padding: 2px 0px 2px 0px; font-size : 10px; height : 15px; text-align: center; font-weight : normal; border-collapse : collapse; }
.ExtraSmallButton .AddToQueue { margin: 0px; background: #045a92 url('/Cms/Areas/Public/Content/Images/Buttons/AddToQueueSmall.gif') repeat-x; border: 1px solid #414141; color: #FFFFFF; cursor: pointer; }
.ExtraSmallButton .Disabled {background-color : #ADADAD; color : #666666; border-left : solid 1px #ABABAB; border-bottom : solid 1px #7B7B7B; border-top : solid 1px #CBCBCB; border-right : solid 1px #676767; }
.ActionButton { width: 112px; overflow: hidden; }
.ActionButton div { float: left; color: #FFFFFF; }
.ActionButton .Left { width: 2px; height: 26px; background: #FFFFFF url('/Cms/Areas/Members/Content/Images/Buttons/action_but_left.gif') no-repeat; }
.ActionButton .Center { width: 108px; height: 22px; padding: 4px 0px 0px 0px; text-align: center; background: #FFFFFF url('/Cms/Areas/Members/Content/Images/Buttons/action_but_grad.gif') repeat-x;}
.ActionButton .Right { width: 2px; height: 26px; background: #FFFFFF url('/Cms/Areas/Members/Content/Images/Buttons/action_but_Right.gif') no-repeat; }

/* Side Menu */
#SideMenu .Component { margin-top: 20px; }

/* Mini Queue */
.QueueSettings { height: 22px; float: left; border-left: 1px solid #D8D8D8; color: #FFFFFF; width: 135px; padding: 8px 0px 0px 0px; text-align: center; margin: 0px; }
.QueueStatus { float: left; }
.QueueStatus div { padding: 8px 0px 0px 0px; height: 22px; width: 134px; color: #FFFFFF; text-align: center; }
.QueueStatus .Good { background: #19cc15 url('/Cms/Areas/Members/Content/Images/Backgrounds/Qhealth_good.gif') repeat-x;}
.QueueStatus .Bad { background: #FF0000 url('/Cms/Areas/Members/Content/Images/Backgrounds/Qhealth_bad.gif') repeat-x;}
.QueueStatus .Ok { background: #f8ab24 url('/Cms/Areas/Members/Content/Images/Backgrounds/Qhealth_mid.gif') repeat-x;}

#RecentlyAdded { }
#RecentlyAdded .Image { display: none; }
#RecentlyAdded .Rank { width: 25px; float: left;  }
#RecentlyAdded .ItemDetails { margin-bottom: 5px; }
#RecentlyAdded .ItemDetails div { float: left; }
#RecentlyAdded .ItemDetails .TitleName { margin-left: 5px; width: 218px;  }
#RecentlyAdded .Actions { float: left; width: 100px; }
#RecentlyAdded .TitleAvailabilityColumn { float: right; width: 65px; text-align: right; color: #666666; }
#RecentlyAdded .Actions .RemoveControls { float: left; }
#RecentlyAdded .Actions .DragTopControls { float: left; width: 20px; }
#RecentlyAdded .Actions .Top {  display: block; width: 10px; height: 11px; }
#RecentlyAdded .Actions img.Remove { display: none; }
#RecentlyAdded .Actions a.Remove { margin-left: 12px; color: #666666; }
#RecentlyAdded .Actions .Drag { display: none; }
#RecentlyAdded .SectionDivider { margin: 3px 0px 3px 0px; }
#RecentlyAdded #RecentlyAddedItems div:last-child .SectionDivider{ display: none; }    
    
#MiniQueue #QueueItems .Actions img.Remove { margin-left: 5px; width: 16px; height: 20px; }
#MiniQueue #QueueItems .Actions a.Remove { display: none !important; }    
#MiniQueue .GreyBoxContainer { border-bottom: 1px solid #F1F1F1; }
#MiniQueue #QueueItems .Image { width: 45px; float: left; }
#MiniQueue #QueueItems .Details { width: 203px; float: left; }
#MiniQueue #QueueItems .Rank { width: 20px; float: left; }
#MiniQueue #QueueItems .TitleName { width: 178px; margin-left: 5px; float: left; }
#MiniQueue #QueueItems .TitleAvailabilityColumn { float: right; width: 65px; text-align: right; padding-top: 10px; color: #666666; }
#MiniQueue #QueueItems .ItemDetails { height: 35px; }
#MiniQueue #QueueItems .Actions { width: 100px;  float: left; }
#MiniQueue #QueueItems .Actions .Top { display: none; }
#MiniQueue #QueueItems .Drag { width: 16px; height: 16px; background: url('/Cms/Areas/Members/Content/Images/Buttons/drag_hand.gif') no-repeat; }
#MiniQueue #QueueItems .Actions .DragTopControls { float: left; }
#MiniQueue #QueueItems .Actions .RemoveControls { float: left; margin-left: 5px; }
#MiniQueue #QueueItems .SectionDivider { margin: 3px 0px 3px 0px; }
#MiniQueue #QueueItems .Promote { width: 9px; height: 5px; }
#MiniQueue #QueueItems .Demote { width: 9px; height: 5px; }
#MiniQueue #QueueItems .MiniQueueItem:last-child .SectionDivider{ display: none; }

/* Action Bar (used on the member home and Queue page) */
.ActionBar { height: 30px; background: #c8c8c8 url('/Cms/Areas/Members/Content/Images/Backgrounds/action_bar_grad.gif') repeat-x; border-top: 1px solid #FFFFff; }
.ActionBar .ActionButton { margin: 2px 2px 2px 2px; }
#DispatchDashboard .ActionBar .ActionButton { margin: 2px 2px 2px 2px !important; display: block; float: right;}

/* Member Updates */
#MemberUpdates .Alert a { color: #FF0000; }
#MemberUpdates .Notification a { color: #FF7800; }
#MemberUpdates .Spotlight { background: #FFFFFF; padding: 8px; margin-bottom: 5px; border-bottom: 1px solid #000; }
#PlanDetails { background: #797979; color: #FFFFFF; padding: 5px 16px 5px 16px; }
#PlanDetails .CurrentPlan { float: left; width: 298px; }
#PlanDetails .Divider { float: left; width: 10px; }
#PlanDetails .SentDVDs { float: left; width: 185px; margin-left: 15px; }
#PlanDetails .MyAccount { float: left; width: 80px; text-align: right; }
#PlanDetails .MyAccount a:link, #PlanDetails .MyAccount a:active, #PlanDetails .MyAccount a:visited { color: #FFFFFF; text-decoration: underline; }
#PlanDetails .MyAccount a:hover { color : #FF7800; text-decoration: underline; } 


/* Dispatch Dashboard */
#DispatchDashboard .Container { margin-top: 20px; }
#DispatchDashboard .Heading { width: 634px; }
#DispatchDashboard .Heading div { padding: 5px 0px 5px 17px; font-weight: bold; float: left;  }
#DispatchDashboard .Heading .Returned { width: 70px; }

#DispatchDashboard .Titles { width: 634px; border-top: 1px solid #d5d5d5 }
#DispatchDashboard .Titles div { float: left; padding: 8px 0px 5px 17px;  }    
#DispatchDashboard .Titles div.Rating { float: left; padding: 5px 0px 5px 17px;  } 
 
 
#DispatchDashboard .Title { width: 210px; }
#DispatchDashboard .Rating { width: 120px; }
#DispatchDashboard .Sent { width: 90px;}
#DispatchDashboard .Prenotified { width: 145px;}
#DispatchDashboard .Returned { width: 20px; }
#DispatchDashboard .RateAndReviewReturned { width: 60px; }
#DispatchDashboard .Titles .Returned { width: 20px; padding-left: 35px; }

#DispatchDashboard .ReportProblem { text-align: right; width: 90px; }
#RateAndReview .Sent { width: 60px; }
#RateAndReview .Titles div.Returned { width: 70px; padding-left: 17px; }
#RateAndReview .Rating { width: 139px;}
#RateAndReview .Review { width: 70px; float: right; }


/* Tabs */
.Tabs { height: 30px; border-bottom: 1px solid #000; }
.Tabs a { color: #666666; }
.Tabs .Selected a { color: #000000; }
.Tabs div { font-size: 13px; color: #999999; background: #D5D5D5;  margin-left: 17px; height: 22px; text-align:center; padding: 7px 15px 0px 15px; float: left; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; }
.Tabs div.Selected { font-weight: bold; color: #000; background: #FFFFFF; height: 23px; position: relative; top: 0px;  }
.TabContent { position: relative; display: none; }
.TabContents .Selected { display: block; border-bottom: 1px solid #000; }

/* Verify Email Box */
.VerificationBox a { display: inline; }
.VerificationBox .Verifying { display: none; padding-left: 20px; }
.VerifyingEmail a { display: none;}
.VerifyingEmail .Verifying { display: inline; padding-left: 20px; font-weight: bold; }
.VerifyEmailContainer .VerifiedEmail { display: none; }
.VerifyEmailContainer .VerifyEmailDetails { display: block; }
.VerifyEmailContainer .ResendEmail { display: none; }
.VerifiedEmailContainer .VerifiedEmail { display: block;}
.VerifiedEmailContainer .VerifyEmailDetails { display: none; }
.VerifiedEmailContainer .ResendEmail { display: none; }
.ResendEmailContainer .VerifiedEmail { display: none;}
.ResendEmailContainer .VerifyEmailDetails { display: none; }
.ResendEmailContainer .ResendEmail { display: block; }
.ResendEmailBox a { display: inline; }
.ResendEmailBox .Sending { display: none; padding-left: 20px; }
.SendingEmailBox a { display: none;}
.SendingEmailBox .Sending { display: inline; padding-left: 20px; font-weight: bold; }

/* Member Reviews */
#MemberReviews .GreyBoxContainer { min-height: 244px; height: auto !important; }
#MemberReviews .ReviewContainer { position: absolute; width: 278px !important; }
#MemberReviews .StarRating { float: left; width: 120px; }
#MemberReviews .ReviewBy { float: left; width: 158px; padding-top: 2px; }

/* Report a Fault */
.ReportFaultContainer { height: 120px; width: 615px; }
.RecordFaultDetails { padding-left: 17px; padding-top: 10px; }
.RecordFaultDetails div { float: left; }
.RecordFaultDetails .ErrorText { color: #FF0000; }
.IssueType { width: 320px; }
.FaultTime { width: 250px; margin-left: 40px; }
.SendTitleAgain { padding-left: 17px; margin-top: 12px; }
.SubmitFault { padding: 0px 0px 10px 17px; margin-top: 10px; }
.SubmitFault a { display: block; }
.SubmitFault div.Submitting { display: none; }
.SubmittingFault { padding: 0px 0px 10px 17px; margin-top: 10px; }
.SubmittingFault a { display: none; }
.SubmittingFault div.Submitting { display: block; }    
.ReportFaultContainer .FaultSubmitted { display: none; }
.ReportFaultContainer .ReportFaultForm { display: block; }
.ReportedFaultContainer { height: 120px; width: 615px; }
.ReportedFaultContainer .FaultSubmitted { display: block; margin-left: 17px; }
.ReportedFaultContainer .ReportFaultForm { display: none; }  


/* Member Home */
#MemberHome .Component { margin-top: 20px; }
#MemberHome .Ad300x250 { padding: 5px; float: left; width: 300px; min-height: 250px; height: auto !important; height: 250px; }
#MemberHome .Ad300x250 img { width: 300px; height: 250px; display: block; }

/* Pagination */
.Pagination div.PageContainer { border: 0px solid #000; float: right; margin: 0px 4px 0px 3px;  }
.Pagination .PageDivider { float: right; border: 0px solid #000; }
.Pagination .PageContainer a:link, .Pagination .PageContainer a:visited  { color : #666666; text-decoration: none; }
.Pagination .PageContainer a:hover { color : #FF7800; text-decoration: underline; }
.Pagination .PageContainer a:active { color : #FF7800; text-decoration: none; }    
.Pagination .Selected a:link, .Pagination .Selected a:visited { color : #0072BE; text-decoration: none; }
.Pagination .Selected a:hover { color : #FF7800; text-decoration: underline; }
.Pagination .Selected a:active { color : #FF7800; text-decoration: none; }      
    
    
/* Main Queue */
.QueueHeader { border-bottom: 1px solid #000; padding-bottom: 7px; }
.QueueHeader div { float: left; font-weight: bold; padding: 0px 0px 0px 15px; }
.QueueItems .QueueItem { border-bottom: 1px solid #666666; padding: 10px 0px 10px 0px !important; width: 634px; }
#MainQueue .Rank { width: 30px; padding: 0px 0px 0px 0px; float: left; }
#MainQueue .Priority { width: 110px; padding: 0px 0px 0px 15px; float: left;  }
#MainQueue .Title { width: 269px; padding: 0px 0px 0px 15px; float: left;  }
#MainQueue .TitleLarge { width: 350px; padding: 0px 0px 0px 15px; float: left; border: 0px solid #000; }
#MainQueue .Rating { width: 120px; padding: 0px 0px 0px 15px; float: left; }
#MainQueue .TitleAvailabilityColumn { width: 60px; padding: 0px 0px 0px 15px; float: left;  }
#MainQueue .MoveQueue { width: 85px; padding: 0px 0px 0px 0px; float: left; text-align:center;  }
#MainQueue .RemoveColumn { width: 50px; padding: 0px 0px 0px 15px; float: left;}
#MainQueue .ClassificationColumn { width: 43px; padding: 0px 0px 0px 5px;   }
#MainQueue .QueueItems .TitleAvailability { font-size: 11px; }
#MainQueue .QueueItems .Image { float: left; margin-right: 10px; width: 40px; }
#MainQueue .QueueItems .TitleName { float: left; width: 219px; border: 0px solid #000;  }
#MainQueue .QueueItems .TitleLarge .TitleName { float: left; width: 298px; border: 0px solid #000;  }
#MainQueue .QueueItems .RemoveColumn { text-align: center; }
#MainQueue .QueueItems .Remove {  }
#MainQueue .QueueItems .MoveQueue img { width: 22px; height: 30px; }
#MainQueue .QueueItems .Top { width: 10px; height: 11px; }
#MainQueue .QueueItems .Drag { width: 16px; height: 16px; }
.DisplayNone { display: none; }
