﻿/* =======================================
    Blue Theme
========================================*/
/*body {
    background: url(../repeat.gif) repeat-x 0px 0px;
}
#PageWrap {
    background: url(../background.gif) no-repeat center 25px;
}
#Navigation li a {
   background-image: url('../../../images/common/header.jpg');
}
#Navigation .SecondaryNav {
}
#Navigation .SubNav li a {
    color: #fdd494;
}
#SubNavigation {
    background-image: url('../sub-navigation-background.gif');
}
.SubNav-Horizontal #SubNavigation li a {
    background-image: url('../sub-navigation.gif');
}
.Dropdown ul li a,
.SubDropdown ul li a {
    background-image: url(../dropdown-arrow.gif) !important;
}
#TertiaryNavigation li a {
    background-image:url("../show-navigation.gif");
}
#TertiaryNavigation li a.Selected,
#TertiaryNavigation li a:hover.Selected,
#TertiaryNavigation li .ExtraLinks li a {
    color: #0099cc;    
}*/
.SubTitle {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
}
.InputButton {
    padding: 5px;
    margin-top: 5px;
    background-color: #0080BA;
    border: 1px solid #D6D6D6;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: lowercase;
    cursor: pointer;
}
.Heading .Accessibility {
    display: block;
}
/*===================================================================================*/
/*							   PAGE TOP                                              */
/*===================================================================================*/
.PageTop .Heading {
    font-size: 20px;
    height: 23px;
    padding-top: 3px;
}
.PageTop .Breadcrumbs {
    color: #0080ba; 
    font-size: 11px;
    padding: 8px 0px 8px 0px; 
    margin-bottom: 15px;
    border-bottom: 1px dotted #d8d8d8;   
}
.PageTop .Breadcrumbs a {
    color: #444444;
}
.PageTop .Breadcrumbs span {
    padding: 0px 7px;
}
/*===================================================================================*/
/*							   GENERIC TAB NAVIGATION STRUCTURE                      */
/*===================================================================================*/
#TabNavigation {
	padding-top: 10px;
	width: auto;
}
#TabNavigation .Tabs {
    height: 26px;
}
#TabNavigation .Tabs li {
	display: inline;
}
#TabNavigation .Tabs .TabButton {
	display: inline-block;
	height: 31px;
	float: left;
	margin-right: 5px;
}
#TabNavigation .Tabs .TabButton .tabText,
#TabNavigation .Tabs .TabButton .tabRight {
    background-image: url(../../../images/common/tabbutton-background.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 31px;
    display: inline-block;
    float: left;
	cursor: pointer;
}   
#TabNavigation .Tabs .TabButton .tabText {
    padding: 0px 10px 0px 13px;
    line-height: 31px;
    font-weight: bold;
    font-size: 14px;
    color: #808080;
}
#TabNavigation .Tabs .TabButton .tabRight {
    width: 3px;
    background-position: 0px -35px;
}
#TabNavigation .Tabs a:hover.TabButton .tabText,
#TabNavigation .Tabs a.Selected .tabText,
#TabNavigation .Tabs .ui-tabs-selected .tabText {
    background-position: 0px -70px;
}
#TabNavigation .Tabs a:hover.TabButton .tabRight,
#TabNavigation .Tabs a.Selected .tabRight,
#TabNavigation .Tabs .ui-tabs-selected .tabRight {
    background-position: 0px -105px;
}
.TabPanel {
}
/*===================================================================================*/
/*							   GREY TABS                                             */
/*===================================================================================*/
.GreyTabsContainer {
    height: 20px;
    display: block;
    background-image: url(../../../images/common/grey-tabs-border.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 60px;
}
.GreyTab {
    display: inline-block;
    height: 20px;
    margin-left: 3px;
    margin-right: -1px;
    cursor: pointer;
    _float: left;    
}
    .GreyTabsContainer .LSChannelTab{
        _width: 120px;
    }
    .GreyTabsContainer .LSFoodTab{
        _width: 110px;
    }
    .GreyTabsContainer .LSYouTab{
        _width: 105px;
    }
.GreyTab .tabText,
.GreyTab .tabRight {
    height: 20px;
    display: inline-block;
    background-image: url(../../../images/common/grey-tabs.gif);  
    background-repeat: no-repeat; 
    background-position: 0px 0px;  
    float: left;     
    overflow: hidden;                      
}
.GreyTab .tabText {
    line-height: 20px;
    padding-left: 10px;
    color: #7b7a7a;
}
.GreyTab .tabRight {
    width: 25px;
    background-position: 0px -25px;                                                             
}
.GreyTabsContainer .Selected .tabText {
    color: #000000;
    background-position: 0px -50px;
}
.GreyTabsContainer .Selected .tabRight {
    background-position: 0px -75px;
}

/*===================================================================================*/
/*							   REMINDERS                                             */
/*===================================================================================*/
.RemindersContainer {
}
.RemindersContent .Reminder,
.RemindersContent .Record {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background-image: url('../themes/blue/icons.gif');
    background-repeat: no-repeat;
    display: inline-block;
}
.RemindersContent .Reminder {
    background-position: 0px 0px;
}
.RemindersContent .Record {
    background-position: 0px -16px;
}
.ReminderIcons {
	padding-left: 20px;
	display:block;
	width: 15px;
	height: 14px;
	margin-bottom: 10px;
}
.SMS {
	background-position: 0px 0px;
	height: 16px;
}
.SMS:hover {
	background-position: 0px -48px;
	color: #0099cc;
}
.Email {
	background-position: 0px -21px;
}
.Email:hover {
	background-position: 0px -69px;
	color: #0099cc;
}
.RecordIcons {
	padding-left: 20px;
	background-image: url(../themes/blue/record-icons.gif);
	background-repeat: no-repeat;
	display:block;
	width: 15px;
	height: 14px;
	margin-bottom: 10px;
}
.FoxtelRecord {
	background-position: 0px 0px;
	height: 16px;
}
.FoxtelRecord:hover {
	background-position: 0px -66px;
	color: #0099cc;
}
.AustarRecord {
	background-position: 0px -16px;
	height: 16px;
}
.AustarRecord:hover {
	background-position: 0px -82px;
	color: #0099cc;
}
/*===================================================================================*/
/*							   MEDIA ICONS ('PLAY', etc.)                            */
/*===================================================================================*/
.VideoItem {
    position: relative;
    float: left;
    overflow: hidden;
}
.VideoItem .MediaIcon {
    display:block;
    position:absolute;
    background-position: 0px 0px;
    background-repeat: no-repeat; 
    background-image: url("../images/common/play-icon-37.png"); 
    width: 37px;
    height: 37px; 
    cursor: pointer;                        
}
.FeatureVideo .VideoItem .MediaIcon {
    bottom:67px;
    right:131px
}
.ItemArea-2Column .VideoItem .MediaIcon {
    bottom:8px;
    right:18px;
}
.ItemArea-3Column .VideoItem .MediaIcon {
    background-image: url("../images/common/play-icon-28.png");                
    width:28px;
    height:28px; 
    bottom:4px;
    right:5px;    
    padding-right: 10px;        
}
.ItemArea-5Column .VideoItem .MediaIcon {
    bottom: 12px;
    right: 8px;   
}  
/*===================================================================================*/
/*							   COMMENTS STRUCTURE                                    */
/*===================================================================================*/
#CommentsArea {
	margin-bottom: 20px;
}
#CommentsPanel > .Heading { 
	font-size: 20px; 
	height: auto;
	font-weight: normal;
	margin-bottom: 15px;
	background-image: none;
}
#Comments #AddComment .Name .Title {
	display: none;
}

/*===================================================================================*/
/*							  COMMON STRUCTURE                                    */
/*===================================================================================*/

h1.Heading {
    font-size: 20px;
}
h2.Heading {
    font-size: 20px;
}
.bText {
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    padding: 0 9px 0 11px;
    text-transform: uppercase;
}
.bText, .bRight, .bInput {
    background-image: url("../images/common/generic-button.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 20px;
}
.bRight {
    background-position: 0 -20px;
    width: 3px;
}
.Themed,
.Themed a,
.SubTitle,
.SubTitle a,
.Themed.Byline,
.Themed.Title,
.Themed.Title a,
.Themed.NextShowing,
/*#CommentsPanel .Heading,*/
#PaginationText,
.Themed.Number {
    color:#0974ba;
}

h2.SubHeadingArea {
	width:620px;
	height:33px;
	background-color:#e7e7e7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#0974ba;
	padding-left:10px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:10px;	
}

h2.InterestTitle {
	width:620px;
	height:33px;
	background-color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	padding-left:10px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:10px;	
}

.InterestChoice {
    padding: 10px 10px 0px;
    width: 610px;
    height:110px;
	background-color:#e7e7e7;
	margin-top:-10px;	
}


.Choice2 {
	list-style-image:url(../../../experts/images/rightarrow1.png);
	float:left;	
	margin-left:60px;
	margin-top:20px;
}

.Choice3 {
	list-style-image:url(../../../experts/images/rightarrow1.png);
	margin-left:50px;
	margin-top:20px;
	float:left;
}

.Choice4 {
	list-style-image:url(../../../experts/images/rightarrow1.png);
	margin-left:50px;
	margin-top:20px;
	float:left;
}

.Thumbnail.Themed {
   border-color: #0099CC !important;
}
/*.Heading {
    background-image: url(../headings.gif);
}
.PageHeading {
    background-image: url(../page-heading-background.gif);
}
    .PageHeading .Heading {
        background-image: url(../page-headings.gif);
    }*/
.HeadingBar {
    background-color:#0099CC;
}    
.ThreadPost .Comment .Thumbnail {
	border: 2px solid #0099CC;
}
.ArrowLeft {
    padding-left: 10px !important;
    background:url(../right-arrow.gif) no-repeat scroll left center transparent;
}
a.ArrowDown {
    color: #0099cc;
    background:url(../down-arrow.gif) no-repeat scroll right center transparent;
    padding-right: 10px;
}
a.ArrowUp {
    color: #0099cc;
    background:url(../up-arrow.gif) no-repeat scroll right center transparent;
    padding-right: 10px;
}
.Themed a.ArrowLeft,
.Themed ul.ArrowLeft li a, 
.Themed .More, 
.Themed span.ArrowLeft {
    background:url(../right-arrow.gif) no-repeat scroll right center transparent;
}
.LatestArticlesArea .Copy .ArrowLeft,
.AskAnExpertContent .RightSide .ArrowLeft,
.PopularArticlesList .ArrowLeft {
    background:url(../right-arrow.gif) no-repeat scroll left 3px transparent;
}
a.ArrowRight {
    display: inline-block;
    margin: 5px 0;
    padding-right: 8px;
    color: #0099cc;
    background:url(../right-arrow.gif) no-repeat scroll right center transparent;
}

.More {
    /*background-image:url(../right-arrow.gif) !important;
    color:#005bbb !important;*/
    font-weight: normal;
}
.RemindersContent .Reminder, .RemindersContent .Record {
    background-image:  url(../icons.gif);
}
.ReminderIcons {
    background-image: url(../reminder-icons.gif);
    background-repeat: no-repeat;
}
.RecordIcons {
    background-image: url(../record-icons.gif);
    background-repeat: no-repeat;
}
.Button {
    background-image: url(../buttons.gif);
    background-repeat: no-repeat;
}
.ThemeButton .bText, 
.ThemeButton .bRight,
.ThemeButton .bInput {
    background-image:url("../theme-button.gif"); 
}
.Icons {
    background-image: url(../icons.gif);
    background-repeat: no-repeat;
}
.PaginationIcons {
    background-image: url(../pagination-icons.gif);
    background-repeat: no-repeat;
}
.CommentCount {
    background-image: url('../comments.gif');
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
	padding-left:15px;
	margin-left:5px;
}
.LeaderSearch .SearchInput {
    color:#0099CC;
}
#Footer {
    background-color:#0099CC;
}
.FooterContent {
    background-image: url(../footer-background.gif);
}
#FooterPartners {
    background-image: url(../footer-partners-background.gif);
}
.FooterLinksArea .FooterList .ByLine {
    color: #C9E5E8;
}
#FeaturedArticles .ContentPanel,
.BlogSearchArea,
.PopularPostsArea,
.ArchiveArea {
    background-color: #eaf8fb;
}
/*===================================================================*/
/*							    HOMEPAGE                             */
/*===================================================================*/
#HighlightTabPanels {
    background-color:#0066CC;
}
.HighlightOverlay {
    background-image: url("../highlight-overlay.png");
    _background-color: #0066CC;
}
#LifeStyleHighlights .HighlightCopy .Title {
     color: #b5e1f0;
}
#LifeStyleHighlights .HighlightCopy .ArrowRight {
    color: #b5e1f0;
    background-image: url('../highlight-arrow.gif');
}
#LifeStyleHighlights .ui-state-default {
   background-image: url('../highlight-button.gif');
}
#LifeStyleHighlights .ui-tabs-selected {
    background-image: url('../highlight-button-active.gif');
    width: 16px;
}
.VideoList .ArrowRight {
    background: url('../right-arrow.gif') no-repeat right center;
}
.QuestionAndAnswerArea .Item .ExpertName {
    color: #0099cc;
}
/*===================================================================*/
/*						    (TOOLTIP) CLUETIP                        */
/*===================================================================*/
.cluetip-jtip #cluetip-outer {
  border: 1px solid #0099CC;
  background-color: #fff;
}
.cluetip-jtip h3#cluetip-title {
  background-color: #0099CC;
  color: #ffffff;
}
.cluetip-jtip .cluetip-arrows {
  background-image: url(../clue-tip-arrow.gif);
}
/*===================================================================*/
/*							    FORUM                                */
/*===================================================================*/
.LatestArticlesArea .Heading {
	/*background-image: url(../forum-heading-login-required.gif);*/
}
#ForumGroupArea td,
#ForumTopicArea td {
	border-bottom: 1px dotted #BABABA;
}
.ForumGroup .Title,
.ForumGroup .Title a { 
    color:#0099CC;
}
.ForumGroup p,
.ForumGroup p a,
.ForumGroup td span { 
	color: #414142;
} 
.ForumGroup .Date {
    color:#0099CC;
}
.ForumGroup th.LastComment span,
.ForumGroup th.Topics span,
.ForumGroup th.Posts span {
	border-bottom: 4px solid #cccccc; 
}
.ForumGroup th.Icon span,
.ForumGroup th.Description span {
	border-bottom: 4px solid #0099CC; 
}
#Forum .EditArea .Heading {
    color: #0099cc;
}
/*===================================================================*/
/*							    REGISTER                             */
/*===================================================================*/
.RegisterIntro .Item .Copy ul {
    list-style-image:url("../theme-bullet.gif");
}
/*===================================================================*/
/*							    MY DETAILS                           */
/*===================================================================*/
#MyDetailsContent .Title,
#MyDetails .Title a {
    color: #0099CC;
}
#TabNavigation .Tabs .ui-tabs-selected .tabText,
#TabNavigation .Tabs a.Selected .tabText {
    color: #0099CC;
}
.PersonalAccountContent .Step strong {
    color: #0099CC;
}
.Congratulations p {
    background-color:#0099CC;
    color:#FFFFFF;
    padding:15px;
}
/*===================================================================*/
/*							    WIN                                  */
/*===================================================================*/
#WinContent .Title,
#WinContent .Title a {
    color: #0099CC;
}
.CurrentCompetition .Item {
	background-color: #e5f5fa;	
}
/*===================================================================*/
/*							    ENTRY FORM                           */
/*===================================================================*/
#EntryFormContent .Title,
#EntryFormContent .Title a {
    color: #0099CC;
}
.YourDetailsArea .Required {
    border-right: 2px solid #0099CC !important;
}
/*===================================================================*/
/*							    VIDEOS PAGE                          */
/*===================================================================*/
#VideosContent .MostPopularVideos .ByLine {
    /* color: #0099CC; */
}
/*===================================================================*/
/*				    FACTSHEETS  LANDING PAGE                         */
/*===================================================================*/
.LatestQuizzesArea .RightSide li a.ArrowLeft,
.PopularArticlesList a.ArrowLeft {
    background:url("../right-arrow.gif") no-repeat scroll left center transparent;
}

.ArticleContent a {
    color: #0099CC !important;
}
/*===================================================================*/
/*				    COMMENTS PANEL                                   */
/*===================================================================*/
/*#CommentsArea .Title,
#CommentsArea .Heading {
    color: #0099CC;
}
#Comments .Options > a {
    color: #0099CC;    
}
#Comments .ArrowLeft {
    background-image: url(../right-arrow.gif);
}*/
/*===================================================================*/
/*				    SEARCH RESULTS                                   */
/*===================================================================*/
.SearchResultsArea > .Title {
    color: #0099CC;    
} 
/*===================================================================*/
/*				    POLL                                             */
/*===================================================================*/
.PollContent .ResultGraph p {
    background-color: #0099CC;
}
/*===================================================================*/
/*				    CONTACT US                                       */
/*===================================================================*/
.ContactLifeStyleArea .Title {
    color: #0099CC; 
    font-weight: bold;
    text-transform: uppercase;
}


/*.ShowHeading {
    background-color: #0080ba;
}*/
/*===================================================================================*/
/*							   TOOLTIP (CLUETIP)                                     */
/*===================================================================================*/
/* global defaults */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
    display: none;
}
.cluetip-arrows {
  display: none;
}
#cluetip-extra {
  display: none;
}
.cluetip-tools #cluetip-inner {
  padding: 10px 5px 10px 10px;
}
.cluetip-tools div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
  float: right;
}
.Results .Copy {
    float: left;
    width: 450px;
}
.Result .Heading a {
    color: #0080BA;
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.1em;
    margin-bottom: 5px;
}
.Result .Thumbnail {
    float: left;
    margin-right: 15px;
}

/* EXPERTS PAGE RE-DESIGN CSS */

.ExpertsItem {
	width:630px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}

.ExpertsItem .ExpertsThumbnail {
	float:left;	
}

.ExpertsCol1 {
	width:230px;
	height:100px;
	float:left;	
}

.ExpertsCol1 .BlueTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	width:234px;
	margin-left:10px;
	float:left;
	padding:0;
	clear:right;
}

.ExpertsCol1 p.SubExpertsHeading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#444444;
	width:260px;
	margin-left:10px;
	float:left;
}

.ExpertsCol1 ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#444444;
	margin-left:20px;
	margin-top:13px;
	padding:0px;
	float:left;	
}

.ExpertsCol2 {
	/*width:160px;*/
	height:100px;
	float:left;	
}

.ExpertsCol2 img {
	margin-top:27px;
	float:left;	
}

.ExpertsCol2 ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#444444;
	margin-left:20px;
	margin-top:30px;
	padding:0px;
	float:left;	
}
.ExpertsCol1 ul li,
.ExpertsCol2 ul li {
    padding-left: 10px;
    margin-bottom: 5px;
	background-image:url(../../../experts/images/rightarrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
.InterestChoice li {
	background-image:url(../../../experts/images/rightarrow1.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;
	float:left;	
	/*margin-left:80px;*/
	width: 140px;
	margin-bottom:10px;
}

.ItemsFloat {
    float: left;
    width: 140px;
}

#divFIS .SubHeadingArea,
#divFIS .BlueTitle,
#divFOO .SubHeadingArea,
#divFOO .BlueTitle,
#divPRO .SubHeadingArea,
#divPRO .BlueTitle {
    color: #0974BA !important;
}
#divANT .SubHeadingArea,
#divANT .BlueTitle,
#divLND .SubHeadingArea,
#divLND .BlueTitle,
#divINT .SubHeadingArea,
#divINT .BlueTitle,
#divREN .SubHeadingArea,
#divREN .BlueTitle {
    color: #177A77 !important;
    
}
#divANT .ExpertsCol1 ul li,
#divANT .ExpertsCol2 ul li,
#divLND .ExpertsCol1 ul li, 
#divLND .ExpertsCol2 ul li, 
#divINT .ExpertsCol1 ul li, 
#divINT .ExpertsCol2 ul li,
#divREN .ExpertsCol1 ul li,
#divREN .ExpertsCol2 ul li {
  background-image: url("../../../lifestyle/themes/channels/home/images/arrow-themed.gif");
}
#divBDY .SubHeadingArea,
#divBDY .BlueTitle,
#divDAN .SubHeadingArea,
#divDAN .BlueTitle,
#divFAS .SubHeadingArea,
#divFAS .BlueTitle,
#divFRD .SubHeadingArea,
#divFRD .BlueTitle,
#divSKN .SubHeadingArea,
#divSKN .BlueTitle,
#divMND .SubHeadingArea,
#divMND .BlueTitle,
#divLVS .SubHeadingArea,
#divLVS .BlueTitle {
    color: #f03d5a !important;
}
#divBDY .ExpertsCol1 ul li,
#divBDY .ExpertsCol2 ul li,
#divDAN .ExpertsCol1 ul li,
#divDAN .ExpertsCol2 ul li,
#divFAS .ExpertsCol1 ul li,
#divFAS .ExpertsCol2 ul li,
#divFRD .ExpertsCol1 ul li,
#divFRD .ExpertsCol2 ul li,
#divSKN .ExpertsCol1 ul li,
#divSKN .ExpertsCol2 ul li,
#divMND .ExpertsCol1 ul li,
#divMND .ExpertsCol2 ul li,
#divLVS .ExpertsCol1 ul li,
#divLVS .ExpertsCol2 ul li {
  background-image: url("../../../lifestyle/themes/channels/you/images/arrow-themed.gif");
}


