/*-- ex tabs.css--*/ a.tab-list-byline { color: #646464!important; } .tab-content { padding: 5px 0; color: #646464; z-index: 1; font-size:12px; margin-bottom: 24px; } .tab-list-byline { font-weight: normal !important; } .tab-more {float:right;} .tab-more a:link,.tab-more a:visited,.tab-more a:hover { } .tab-more a { background: #f55a3f; font-size: 12px; color: #ffffff!important; border-radius: 2px; padding: 2px 8px 2px 8px; display: block; } .tab-rss { background: #646464; font-size: 12px; color: #ffffff!important; border-radius: 2px; padding: 2px 8px 2px 6px; display: block; float: left; } .tab-alerts { background: #f55a3f; font-size: 12px; color: #ffffff!important; border-radius: 2px; padding: 2px 8px 2px 6px; display: block; float: left; margin-left: 8px; } a.tab-alerts:hover, a.tab-rss:hover, .tab-more a:hover { background:#f76b43; } a.tab-alerts:active, a.tab-rss:active, .tab-more a:active { background:#ec4438; } .tab-alerts .material-icons, .tab-rss .material-icons { font-size: 13px; vertical-align: middle; } .headline-left .left-tab-content { width:274px; border-left:solid 1px #B3B59D; border-bottom:solid 1px #B3B59D; border-right:solid 1px #B3B59D; background:url(/load/view.php?a=aHR0cDovL3d3dy5zY29vcC5jby5uei9pbWFnZXMvdGFiLWNvbnRlbnQtYmcuZ2lm) bottom repeat-x; font-family: georgia, serif; font-size:x-small; padding:10px 10px 3px; } .headline-centre .centre-tab-content { width:270px; border-left:solid 1px #B3B59D; border-bottom:solid 1px #B3B59D; border-right:solid 1px #B3B59D; background:url(/load/view.php?a=aHR0cDovL3d3dy5zY29vcC5jby5uei9pbWFnZXMvdGFiLWNlbnRyZS1jb250ZW50LWJnLmdpZg) bottom repeat-x; font-family: georgia, serif; font-size:x-small; padding:10px 10px 3px; } .tab-content a:link,.tab-content a:visited,.tab-content a:hover,.tab-content-triple a:link,.tab-content-triple a:visited,.tab-content-triple a:hover,/* known fix */ .tab-content-triple-right a:link,.tab-content-triple-right a:visited,.tab-content-triple-right a:hover,.headline-left .left-tab-content a:link,.headline-centre .centre-tab-content a:link { } .tab-content a:hover, .tab-content-triple a:hover { text-decoration:underline; } .tab-content a:link,.tab-content-triple a:link,.tab-content-triple-right a:link,#multimedia div.podcast a:link { color: #1e1e1e; } .tab-content a:visited,.tab-content-triple a:visited,.tab-content-triple-right a:visited,#multimedia div.podcast a:visited { } .tab-content ul,.tab-content-triple ul,.tab-content-triple-right ul,.headline-left .left-tab-content ul { font-size: 12px; line-height: 14px; margin-bottom:12px; } .tab-content ol,.tab-content-triple ol,.headline-left .left-tab-content ol,.headline-centre .centre-tab-content ol,.headline-centre .tab-content-triple ol { margin:0 0 10px 15px; padding:2px; } .tab-content img { margin: 2px 5px 0 0; } .tab-content p, .tab-content li { overflow: hidden; margin: 0 0 12px 0; } tab-content a { font-size: 8pt; } .tabcontainer { height: 25px; padding-right: 0px; font-size: 14px; text-transform: none; } .tabcontainer ul { margin: 0; padding: 0; list-style: none; } .tabcontainer li, .tabcontainer li span { float: left; margin: 0; height: 23px; text-align:center; display:block; cursor:pointer; font-size: 14px; font-weight:bold; color: #afafaf; text-decoration: none; } .tabcontainer li.one-tab { background: none !important; width: 300px; } .right-tabs .tabcontainer li.one-tab { background: none !important; border-bottom: 2px solid #f55a3f; width: 100%; } li.one-tab a, li.one-tab a span.scoop{ color: #1e1e1e !important; } .tabcontainer li.first { background: none !important; width: 50%; color: #afafaf; border-bottom: 1px solid #afafaf; } .tabcontainer li.selected-tab, .tabcontainer li.selected-tab span { color:#1E1E1E; } .tabcontainer li.last { background: none !important; color: #afafaf; width: 50%; border-bottom: 1px solid #afafaf; } .tabcontainer li.bfirst { /* the business + science section */ background: none !important; width: 50%; } .tabcontainer li.blast { /* the business + science section */ background: none !important; width: 50%; } .tabcontainer li.tfirst { background: none !important; width: 33%; color: #afafaf; border-bottom: 1px solid #afafaf; } .tabcontainer li.tfirst a, .tabcontainer li.tfirst a span.scoop { text-align: center; } .tabcontainer li.tmid { background: none !important; border-bottom: 1px solid #afafaf; color: #afafaf; width: 33%; } .tabcontainer li.tlast { background: none !important; width: 33%; color: #afafaf; border-bottom: 1px solid #afafaf; } .tabcontainer > ul a, .tabcontainer > ul span { width: 100%; text-align: center; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabcontainer a { float: none; } /* End IE5-Mac hack */ .tabcontainer li a:hover { color: #f76b43; text-decoration:none; } .tabcontainer li:hover a { text-decoration:none; } .tabcontainer li a:active, .tabcontainer li a:focus { color:#f55a3f; border-bottom: 2px solid #f55a3f; padding-bottom: 4px; } .tabcontainer li.selected-tab { color: #1e1e1e; border-bottom: 2px solid #f55a3f; } .tab-content-orange, .tab-content-lime, .tab-content-azure, .tab-content-prussian-blue.tab-content-scarlet, .tab-content-clear, .tab-content-yellow { width:270px; _width:261px; /* IE6 hack fix */ line-height: 11pt; border-left:solid 1px #DD0224; border-bottom:solid 1px #DD0224; border-right:solid 1px #DD0224; padding:10px 10px 10px 10px; font-size: 8pt; color: #666; } .tab-content-triple { _width:261px; /* IE6 hack fix */ padding: 5px 0px 10px 0px; } .tab-content-triple-right { width:267px; _width:257px; /* IE6 hack fix */ line-height: 11pt; border-left:solid 1px #B3B59D; border-bottom:solid 1px #B3B59D; border-right:solid 1px #B3B59D; padding:10px 10px 3px 10px; } #tabset2 LI, #tabset3 LI, #tabset4 LI, #tabset5 LI { padding-top: 2px; } .tab-bg-clear img {width: 300px;left: 0 !important /*counter html*/;height: auto;} /* no background image */ .scoop { color: #afafaf; } .tab-content a:link, .tab-content a:visited, .tab-content a:hover, .tab-content-lime a:link, .tab-content-lime a:visited, .tab-content-lime a:hover, .tab-content-yellow a:link, .tab-content-yellow a:visited, .tab-content-yellow a:hover, .tab-content-scarlet a:link, .tab-content-scarlet a:visited, .tab-content-scarlet a:hover, .tab-content-clear a:link, .tab-content-clear a:visited, .tab-content-clear a:hover, .tab-content-orange a:link, .tab-content-orange a:visited, .tab-content-orange a:hover, .tab-content-prussian-blue a:link, .tab-content-prussian-blue a:visited, .tab-content-prussian-blue a:hover, .tab-content-azure a:link, .tab-content-azure a:visited, .tab-content-azure a:hover, .tab-content-triple a:link, .tab-content-triple a:visited, .tab-content-triple a:hover, /* known fix */ .tab-content-triple-right a:link, .tab-content-triple-right a:visited, .tab-content-triple-right a:hover { font-weight:bold; text-decoration:none; } .tab-content a:link, .tab-content-lime a:link, .tab-content-yellow a:link, .tab-content-orange a:link, .tab-content-scarlet a:link, .tab-content-clear a:link, .tab-content-azure a:link, .tab-content-prussian-blue a:link, .tab-content-triple a:link, .tab-content-triple-right a:link { color: #1e1e1e; } .tab-content a:visited, .tab-content-lime a:visited, .tab-content-scarlet a:visited, .tab-content-clear a:visited, .tab-content-orange a:visited, .tab-content-yellow a:visited, .tab-content-azure a:visited, .tab-content-prussian-blue a:visited, .tab-content-triple a:visited, .tab-content-triple-right a:visited { color: #1e1e1e; } .tab-content a:hover, .tab-content-lime a:hover, .tab-content-scarlet a:hover, .tab-content-clear a:hover, .tab-content-orange a:hover, .tab-content-yellow a:hover, .tab-content-azure a:hover, .tab-content-prussian-blue a:hover, .tab-content-triple a:hover, .tab-content-triple-right a:hover { color: #f76b43; } .tab-content ul, .tab-content-lime ul, .tab-content-yellow ul, .tab-content-orange ul, .tab-content-scarlet ul, .tab-content-clear ul, .tab-content-azure ul, .tab-content-prussian-blue ul, .tab-content-triple ul, .tab-content-triple-right ul { list-style:none; padding:2px; } .tab-content ul a.rank { background-color: #f55a3f; display: block; width: 24px; text-align: center; float: left; margin: 0 4px 0 0; } .tab-content ul a.rank, .tab-content ul a.rank:link, .tab-content ul a.rank:visited, .tab-content ul a.hover { color: #fff; } .tab-content ol, .tab-content-triple ol { margin:0 0 10px 15px; padding:2px } .tab-content li, .tab-content-lime li, .tab-content-yellow li, .tab-content-azure li, .tab-content-scarlet li, .tab-content-clear li, .tab-content-orange li, .tab-content-prussian-blue li, .tab-content-triple li, .tab-content-triple-right li { padding-bottom:0px; padding-left:0; /* note: setting height as fixed will be handled differently in IE and FF */ margin-bottom: 12px; overflow: hidden; } /* ### ### */ /* ### Max 970px ### */ /* ### ### */ @media screen and (max-width: 970px) { .tab-content, .tab-content-triple { padding-left: 8px; padding-right: 8px; } } /* end media query */