/* Tab Titles */ #MiddleColumn .TabLayoutTabsright .Tabs { margin-top: 0px !important; } #MiddleColumn .TabLayoutTabsright .Left h3 { padding-top: 5px; margin: 0; text-transform: uppercase; font-size: 10pt; } /* News & Features */ .FeatureSection { width: 465px; height: 382px; position: relative; } .FeatureSection h3 { margin-bottom: 0px; font-size: 10pt } .FeatureSection p { margin: 0 0 6px 0; font-size: 8pt; font-weight: normal; } .FeatureSection a img { margin-bottom: 7px; border: 1px solid #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .FeatureSection .MainStory { position: absolute; top: 5px; left: 0px; width: 240px; line-height: 12pt; } .FeatureSection .Links { position: absolute; top: 3px; right: -2px; width: 200px; } .FeatureSection .Links h4 { border-bottom: 1px solid #AAA; margin: 0 0 5px 0; padding: 0 0 3px 0; font-size: 9pt; font-weight: bold; color: #666; font-family: Helvetica, Arial, sans-serif; } .FeatureSection .Links ul.MoreArticles { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 8px 0 10px; } .FeatureSection .Links .MoreArticles li { list-style-type: none; background-image: url(/img/layout/bullet-raquo.gif); background-position: 0 5px; background-repeat: no-repeat; margin: 0 0 5px; padding: 0 0 0 10px; font-size: 8pt; font-weight: normal; } #MiddleColumn ul.category { float: left; width: 100px; } #MiddleColumn ul.category li { list-style-type: none; margin: 0 0 5px 0; font-size: 8pt; font-weight: normal; } /* News & Features */ .PanelNews { } .PanelNews { } /* Lifestyle */ .PanelLifestyle { } .PanelLifestyle .Inner { padding: 3px 0px; } .CategoryPanels { width: 483px; height: 200px; } .CategoryPanels .Category { width: 155px; height: 210px; overflow: hidden; float: left; font-size: 8pt; margin-right: 6px; } .CategoryPanels .Category .Padding { width: 150px; height: 215px; /*margin: 3px 2px 0px 3px;*/ /*border-bottom: 1px solid #DDD;*/ } .CategoryPanels .Category .Name { font-family: Helvetica,Arial,sans-serif; font-size: 9pt; font-weight: bold; margin-bottom: 3px; } .CategoryPanels .Category .Image { height: 90px; overflow: hidden; margin-bottom: 3px; } .CategoryPanels .Category .Image img{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .CategoryPanels .Category .Articles { width: 145px; } .CategoryPanels .Category .Articles .Article { padding: 3px 0; margin-bottom: 3px; /*border-bottom: 1px solid #EEE;*/ } .CategoryPanels .Category .Articles .Article .ShortTitle { width: 150px; height: 14px; overflow: hidden; } .CategoryPanels .Category .Articles li { font-size: 7pt; margin: 0 0 5px; padding-left: 10px; height: 13px; overflow: hidden; line-height: 14px; } .CategoryPanels .Divider { border-bottom: 1px dotted #DDD; margin-bottom:10px; clear: both; width: 468px; } /* .CategoryPanels .Category .Articles .Article .ShortTitle .Bullet { background: url(/img/6/bullet.gif); background-repeat: no-repeat; padding-left: 20px; } */ .CategoryPanels .Category .Articles .Number1 { font-weight: bold; } /* .CategoryPanels .Category .Articles .Number1 .ShortTitle .Bullet { background: none; padding-left: 0; } */ .CategoryPanels .Category .Articles .Number5 { border: 0; } .CategoryPanels .Category .ShortTitleX { font-weight: bold; height: 14px; overflow: hidden; margin-bottom: 5px; } .CategoryPanels .Category .ShortIntroX { height: 92px; overflow: hidden; margin-bottom: 5px; } .CategoryPanels .Category .ReadMoreX { text-align: right; font-weight: bold; } /* Comments - both NF and L, initially hidden */ .ReadersComments { width: 468px; height: 360px; overflow: auto; } .PanelNews .ReadersComments { height: 360px; } .PanelLifestyle .ReadersComments { height: 200px; } .ReadersComments table { width: 450px; margin: 0 auto; /*border-top: 1px solid #DDD;*/ border-collapse: collapse; } .ReadersComments table td { border-bottom: 1px solid #DDD; padding: 10px 10px 10px 0; border-bottom: 1px solid #DDD; vertical-align: top; } .ReadersComments table td.Info { text-align: center; width: 82px; } .ReadersComments table td.Comment .CommentText { font-size: 8pt; line-height: 13pt; padding: 0; width: 325px; } .ReadersComments table td.Comment .CommentText p { margin: 0 0 5px 0; padding: 0; } .ReadersComments table td.Comment .CommentData { font-size: 8pt; padding: 4px 0; border-top: 1px solid #D9D9D9; margin-top: 10px; } /* Second-tier panels - Shop and Agenda - these are further down the page */ .LastPanel { padding: 0 10px; } .PanelAgenda .Box { width: 224px; margin-right: 20px; } .PanelAgenda .Box .Title { margin: 0; } .PanelShop .Box { width: 224px; } .PanelShop .Box .Title { margin: 0; } .PanelZone .Box .Title { margin: 0; } .PanelShopNew { width: 488px; } .PanelShopNew .Box { /*width: 224px;*/ } .PanelShopNew .Box .Title { margin: 0; } .PanelZone .Box .BoxContent { padding: 0; } .PanelAgenda .Box .Title, .PanelShop .Box .Title, .PanelZone .Box .Title { width: 224px !important; } .PanelAgenda .Box .Inner, .PanelShop .Box .Inner { margin: 4px 0px; } .PanelAgenda .Box h4, .PanelShop .Box h4 { color: #666666; font-family: Helvetica,Arial,sans-serif; font-size: 9pt; font-weight: bold; margin: 0 0 5px; padding: 3px 0; } .PanelAgenda .Box .BoxContent, .PanelShop .Box .BoxContent { padding: 0; } .MiniFeature { /*height: 360px;*/ background-color: white; margin-bottom: 10px; } .MiniFeature .MiniFeatureInner { /*padding: 10px;*/ } .MiniFeature .Top .Left, .MiniFeature .Top .Right { height: 20px; } .MiniFeature .Top .Left { float:left; } .MiniFeature .Top .Right { float:right; padding-top: 3px; } .MiniFeature .Top select { font-size: 8pt; } .MiniFeature .Feature { /*height: 330px;*/ clear:both; } .MiniFeature table { border-collapse: collapse; border-top: 1px dotted #CCCCCC; width: 100%; } .MiniFeature table td { padding: 4px 4px 4px 0; vertical-align: top; border-bottom: 1px dotted #CCCCCC; } .MiniFeature .Bottom { margin-top: 5px; text-align: right; font-weight: bold; } .FeatureItems td.Pic { width: 80px; /*text-align: center;*/ } .FeatureItems td.Item { text-align: left; } .FeatureItems td div.Container { overflow: none; } .FeatureItems td div.Container a { display: block; } .FeatureItems td.Pic div.Container { height: 80px; } .FeatureItems td.Pic div.Container img { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .FeatureItems td.Pic div.Container a { text-align: center; } .FeatureItems td div.Name { /*font-weight: bold;*/ } .FeatureItems td div.Info { margin-top: 5px; } /* Switch off these divs by default so they don't show up during page load */ div#nf2content { display: none; height: 360px; } div#life2content { display: none; height: 200px; } .PanelShopNew .ItemImg { width: 150px; height: 220px; position: relative; z-index: 1; border: 1px solid #666; } .PanelShopNew .ItemImg:hover { box-shadow: 0px 0px 10px #000 inset; -webkit-transition: all 0.3s ease 0; -moz-transition: all 0.3s ease 0; -o-transition: all 0.3s ease 0; transition: all 0.3s ease 0s; } .PanelShopNew .ItemHolder { position: absolute; width: 150px; height: 75px; z-index: 3; background: #000000; bottom: 0; left: 0; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } .PanelShopNew .ItemName { width: 150px; height: 75px; position: absolute; z-index: 4; overflow: hidden; bottom: 0; left: 0; text-align: center; font-size: 12px; font-weight: bold; } a .ItemName { color: #FFF; } .PanelShopNew .Promo { position: absolute; right: 0; top: 0px; background: #cc0000; color: #FFF; font-weight: bold; padding: 3px 6px; border-radius: 0 0 0 5px; }