/* --------------------------- GLOBAL SITE STRUCTURE --------------------------- */ body {margin: 0px; padding: 0px; background-color: #FFFFFF;} /* div {overflow: hidden;} *//*uncomment this someday -- everyone should stay in their div, but it breaks some floats*/ div#wrapper {margin: 0px auto 0px auto; padding: 0px; width: 983px;} div#maincontentcontainer {background-color:#fff;} div#leftmiddlecontainer {background-color:#fff;} div#leftcolumn {background-color:#fff;} div#middlecolumn {background-color:#fff;} div#rightcolumn {padding-bottom: 10px;} div#marketing1 {padding: 10px 0px 0px 0px; text-align:center;} div#marketing2 {padding: 10px 0px 10px 0px; text-align:center;} div#skyscraper {padding-top: 10px; margin-left: auto; margin-right: auto; width: 160px; text-align: center;} div#maincontentbottom {background-color:#fff;} div#footercontainer {padding:0px;background-color: #fff;} div#headercontainer {margin: 0px; padding: 0px; position: relative; z-index: 101;} /* --------------------------- GLOBAL STYLES --------------------------- */ .clearleft {clear:left;} .clearright {clear:right;} .clearboth {clear:both;} .hide {display: none;} .left {float: left;} .right {float: right;} body, p, td, div {font: normal 12px arial, helvetica, sans-serif; color: #000000;} a {text-decoration: none; color: #6380B4; font-weight:bold;} a:visited{text-decoration: none; color: #6380B4; font-weight:bold;} a:hover {text-decoration: underline; color: #6380B4; font-weight:bold;} img {border: none;} .feedback {line-height: 30px;} .publication {color: #333333; font: italic 10px arial, helvetica, sans-serif;} .date {color: #333333; font-size: 10px;} .head {color: #BD361F; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;text-transform: uppercase;} .center {text-align:center;} span.red {color: #ff0000;} span.underline {text-decoration: underline;} .photo_caption_block {font-size: 9px; text-align: center; margin: 0.5em;} /* To be used on layouts such as more pages or pages with content only in the main section */ #maincontent {margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px;} #maincontent h1 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size:15px; font-weight:bold; text-transform:uppercase; color: #A31F0C; border-bottom: 2px #A31F0C solid;} #maincontent ul {margin: 0px; padding: 0px; list-style-type: none;} #maincontent ul li {margin: 0px; padding: 0px 0px 15px 0px; font-size: 13px;} /* * The following rules are for achieving vertical centering in both * IE (non-[class] rules) and other browsers ([class] rules) */ .vertical_center_outer {position: relative; overflow: hidden;}/* IE */ .vertical_center_outer[class] {position: static; display: table;}/* non-IE */ .vertical_center_middle {position: absolute; top: 50%;}/* IE */ .vertical_center_middle[class] {position: static; display: table-cell; vertical-align: middle;}/* non-IE */ .vertical_center_inner {position: relative; top: -50%;}/* IE */ .vertical_center_inner[class] {position: static;}/* non-IE */ /* --------------------------- GLOBAL HEADER --------------------------- */ /* Header (logo/login) */ #header {margin: 0px; padding: 0px; width: 983px; position: relative; background-color:#FFFFFF;} #header div.logo {margin: 0px; padding: 0px; background: url("/common/images/reed_headerlogo.jpg") no-repeat top left; height: 93px; text-align: left; position: relative;} #header div.logo, a.logo {margin: 0px; padding: 0px; top: 0px; left: 0px; cursor: pointer; text-indent: -99999px; position: absolute; width: 300px; height: 93px; text-decoration:none;} #header a.printlogo {margin: 0px; padding: 0px; top: 0px; left: 0px; cursor: pointer; position: absolute; width: 300px; height: 93px; text-decoration:none;} /* Leaderboard Ad*/ #leaderboard {margin: 0px; padding: 2px 0px 0px 0px; float: right; clear: right; position: relative; overflow: visible;} #leaderboard div.adtext {background: url("/images/ft_advtop.gif") no-repeat top left; text-indent: -99999px; width: 20px; height: 90px; left: -15px; top: 2px; position: absolute;} /* Boombox Ad*/ #boombox {padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto; width: 336px; text-align:center;} #boombox div.adtext {font: normal 10px arial, helvetica, sans-serif; text-align:center;} /*Search Box*/ #searchboxcontainer1 {clear: left;margin: 0px; padding: 5px 0px 1px 0px; height: 33px;text-align: left;background-color: #D6DFEF; border-top: 0px #C0CEE6 solid;border-bottom: 1px #C0CEE6 solid; position: relative;} #searchboxcontainer1 div#searchboxcontainer2 {margin: 0px; padding: 0px; color: #ffffff; font-size:10px;letter-spacing:.05em; float: left; width: 360px;} #searchboxcontainer1 a img {border: none;} #searchboxcontainer1 div#sponsorby {margin: 0px 0px 0px 370px; padding: 0px; width: 250px; display: block;} #searchboxcontainer1 div#sponsorby span.marketingTopnav {width: 88px; height: 31px; padding: 0px 0px 0px 25px;} #searchboxcontainer1 div#magsub {margin: 0px; padding: 7px 40px 0px 0px; float: right; width: 280px; display: block;} #searchboxcontainer1 #searchboxcontainer3 {margin:0px 0px 0px 6px; padding:0px;} #searchboxcontainer1 #searchboxcontainer3 div#searchbox {margin:0px; padding: 0px; font-weight: bold; font-size: 13px; color:#14334F; position: absolute; top: 11px; left: 60px; width: 297px;} #searchboxcontainer1 #searchboxcontainer3 input.searchtextinput {margin:0px; padding: 2px; color: #000000; background-color: #ffffff; border: #C0CEE6 1px solid; font: 11px arial, helvetica, sans-serif; width: 210px;} #searchboxcontainer1 #searchboxcontainer3 input#searchsubmit {position: absolute; top: 2px; left: 227px;} #searchform {display: inline;width: 300px;} /* Google Ads */ #google {text-align: left; padding: 0px; background-color: #fff; border: 1px solid #D6DFEF; margin: 0px 10px 10px 10px;} div.googlesponsor {padding:2px; margin:0px; border-bottom: 1px solid #D6DFEF; text-align: left; font-size:10px; color: #555555;} div.googlead {color: #6380B4; padding: 4px 4px 0 4px; font-weight: bold; text-decoration: underline;} div.googleadtext {font-size:10px; padding:0 4px;} div.googleadurl {font-size:10px; font-weight:100; color: #6380B4; margin-bottom:10px; padding:0 4px; text-decoration: underline;} /* --------------------------- RIGHT COLUMN --------------------------- */ /* newsletter box */ #newsletters {margin: 0px; padding: 0px;} #newsltrtop {margin: 0px; padding:0px; background-color: #A31F0C;} #newsltrtop h3 {margin: 0px; padding: 4px 0px 3px 10px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase; text-align: center;} #newshead {font-size: 12px; margin: 0px; padding: 4px 0px 3px 10px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase;} #newsltrbottom { padding: 8px 8px 14px 8px; margin: 0px;text-align: left; color:#000000;} #newsbtn { text-align:center;} #newsbtn .subbtn{ padding: 8px 0px 6px 0px;} /* partner sites */ #partnersites {margin: 0px; padding: 0px;} #partnersites h3 {margin: 0px; padding: 2px 5px 2px 5px; font: bold 12px arial, helvetica, sans-serif; text-align: center; text-transform:uppercase; color:#FFFFFF; background-color: #A31F0C;} #partnersites ul.list {margin:0px; padding:8px 0px 14px 0px; list-style:disc inside; } #partnersites ul.list li {margin:0px; padding: 0px 8px 0px 8px; text-align: left;} /* --------------------------- GLOBAL FOOTER --------------------------- */ /* Footer */ #footernav {border-bottom: 1px solid #C0CEE6; border-top: 1px solid #C0CEE6; background-color:#D6DFEF; padding: 6px 0px 6px 0px; text-align:center; width: 100%;} #footernav a {color: #6380B4;} #footertext {text-align:center; padding: 10px 0px 10px 0px; background-color:#8D8D8D;} #footertext a {color: #ffffff;} /* Reed Business Interactive Network */ div.wtf {margin: 0px; padding: 0px 10px 0px 0px; float:left; width:314px; text-align:left;} #reednetwork {margin: 0px; padding: 0px; text-align: center;} #reednetwork ul {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none;} #reednetwork li {background:none; display: inline; font: normal 10px arial, sans-serif; text-align: center; color: #949393; line-height: 15px;} #reednetwork li a:link, #reednetwork li a:visited {text-decoration: none; color: #949393; font: normal 10px arial, sans-serif; text-align: center; line-height: 15px;} #reednetwork li a:hover {text-decoration: underline;} #reednetwork h3 {margin: 0px; padding: 10px 0px 10px 0px; color: #000; text-align: center; font-size:11px; border-bottom:1px solid #000; font-weight: bold;} #reednetwork h4 {margin: 0px; padding: 0px; font: normal 12px arial, sans-serif;} /* --------------------------- HOME PAGE --------------------------- */ /* top stories */ #topstories {margin: 0px; padding: 0px; background: url("/images/ft_secthead_bg_nstein.gif") no-repeat top left; width: 532px; position: relative; overflow: hidden;} #topstories h3 {font-size:15px; margin: 0px; padding: 2px 0px 2px 0px; font-weight:bold; text-transform:uppercase; color:#fff;} #topstories img.rss {margin: 2px 10px 0px 7px; vertical-align: top;} #topstories #todaysdate {float:right; padding:2px 4px 0px 0px; color:#fff; font-size:10px;} /* top stories - left column */ #topstories #topstoriesleft {margin: 0px; padding: 0px; float: left; width: 336px; background-color: #fff;} #topstories #topstoriesleft ul.topstory {margin:0px; padding: 10px 0px 2px 0px; list-style-type: none;} #topstories #topstoriesleft ul.topstory a {font-size:16px;} #topstories #topstoriesleft ul.topstory a.more {font-size:12px;} /* top stories - right column */ #topstories #topstoriesright {margin: 0px 0px 20px 0px; padding: 0px 0px 2px 10px; float: right; width: 180px; background: url("/images/ft_RN_bg.gif") no-repeat top left;} #topstories #topstoriesright ul.topstory {margin: 0px 15px 10px 15px; padding: 0px; list-style-type: none;} #topstories #topstoriesright ul.topstory li {margin: 10px 0px 0px 0px; padding: 0px 5px 5px 0px;} #topstories #topstoriesright ul.topstory a {font-size:12px;} #topstories #topstoriesright ul.topstory a.more {font-size:12px;} /* section head - 336x22 */ div.sectionhead {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url("/images/ft_secthead2_bg.gif") no-repeat top left; height: 22px; position: relative;} #topstories div.sectionhead h3 {margin: 0px 0px 0px 37px; padding: 3px 0px 0px 0px; font-size:15px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;} /* section head - 180x22 */ div.sectionheadsm {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url("/images/ft_secthead2sm_bg.gif") no-repeat top left; height: 22px; position: relative;} #topstories div.sectionheadsm h3 {margin: 0px 0px 0px 37px; padding: 3px 0px 0px 0px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;} /* section head with rss icon - 259x22 */ div.sectionheadrss {margin: 0px; padding: 0px; background: url("/images/ft_sectheadrsssm_bg.gif") no-repeat top left; height: 22px; position: relative;} div.sectionheadrss h3 {margin: 0px 0px 0px 37px; padding: 3px 0px 0px 0px; font-size:12px; font-weight:bold; text-transform:uppercase;} div.sectionheadrss h3, div.sectionheadrss h3 a {color: #fff;} div.sectionheadrss span.rss a {margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 25px; height: 20px; text-indent: -9999px; font-size: 9px; text-decoration: none;} /* section head with rss icon - 526x22 */ div.sectionheadrss526 {margin: 0px; padding: 0px; background: url("/images/ft_sectheadrss_bg.gif") no-repeat top left; height: 22px; position: relative;} div.sectionheadrss526 h3 {margin: 0px; padding: 3px 0px 0px 37px; font-size:15px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;} div.sectionheadrss526 h3 a {color: #fff;} /* section head - 526x22 */ div.sectionhead526 {margin: 0px; padding: 0px; background: url("/images/ft_secthead_bg.gif") no-repeat top left; height: 22px; position: relative;} div.sectionhead526 h3 {margin: 0px; padding: 3px 0px 0px 37px; font-size:15px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;} div.sectionhead526 h3 a {color: #fff;} /* more links with icon */ div.more {margin: 0px; padding: 0px 0px 0px 0px; background: url("/images/ft_iconplus.gif") no-repeat center left;} div.more a {margin: 0px; padding: 0px 0px 0px 12px; color: #CB0F01; font-weight: bold; text-decoration: none;} div.more a:visited {color: #CB0F01; font-weight: bold; text-decoration: none;} div.more a:hover {color: #CB0F01; font-weight: bold; text-decoration: underline;} /* homepage current issue */ #homecurrentissue {height: 1%; margin: 0px; padding: 1.25em 0px 0px 1.25em; background: url("/images/ft_RN_bg.gif") no-repeat top left;} #homecurrentissue h4 {margin: 0px; text-transform: uppercase; font-size: 10px;} #homecurrentissue img {margin: 0px; padding: 0px 5px 5px 0px; float: left;} #homecurrentissue p {margin: 0px; padding: 0px;} /* homepage news from the web */ #homezibbnews {margin: 0px; padding: 3px 0px 3px 0px; background: url("/images/ft_RN_bg.gif") no-repeat top left;} #homezibbnews ul {margin: 0px 15px 10px 15px; padding: 0px; list-style-type: none;} #homezibbnews li {margin: 10px 0px 0px 0px; padding: 0px 5px 5px 0px;} /* homepage communities */ #industry {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: 528px; overflow:hidden;} div.communitybox {float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; width: 258px; background: none;} div.communitybox ul {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none;} div.communitybox ul li {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;} /* middle box - used for wildcards, events, and poll */ div.middlebox {margin: 0px 0px 20px 0px; padding:0px; width: 240px; position: relative;} div.middleboxtop {margin: 0px; padding:0px; border-bottom: 2px solid #660101; width: 240px; text-align:left; background: url("/images/ft_tab_success.gif") no-repeat top left; height: 21px} div.middleboxtop h3 {margin: 0px; padding: 4px 0px 3px 10px; font: bold 11px Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase;} div.middleboxbtm {margin: 0px; padding: 4px; width: 230px; border-bottom: 1px solid #660101; border-left: 1px solid #660101; border-right: 1px solid #660101;} div.middleboxbtm ul {margin: 0px; padding: 0px; list-style-type: none;} div.middleboxbtm li {margin: 0px; padding: 0px 0px 10px 0px;} div.middleboxbtm ul.imglist {margin: 0px; padding: 0px; list-style-type: none;} div.middleboxbtm ul.imglist li {margin:0px; padding: 0px 0px 10px 0px; background: url(/images/ft_iconarrow.gif) no-repeat; background-position: 0px 3px;} div.middleboxbtm ul.imglist li a {margin: 0px; padding: 0px 0px 0px 12px; text-decoration: none;} div.middleboxbtm ul.imglist li a:hover {text-decoration: underline;} div.middleboxbtm div.date {font-size: 10px; color: #000;} div.middleboxbtm div.location {font-size: 10px; color: #000;} /* homepage poll */ p.pollquestion {margin: 0px; padding: 0px;} ul.pollanswers {margin:5px;} ul.pollanswers li {margin:2px; padding:0px;} div.submitvotebtn {padding: 5px 0px 5px 0px; text-align:center;} /* homepage buyer's guide */ div.buyerguide {margin: 0px 0px 20px 0px; padding: 5px 0px 20px 5px; background-color: #fff; width: 519px; border: 1px solid #555555;} div.buyerguide ul {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none;} div.buyerguide ul li {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* EBS */ div.ebs {margin: 0px 0px 20px 0px; padding: 5px 0px 20px 5px; background-color: #fff; width: 519px; border: 1px solid #555555;} div.ebs ul {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none;} div.ebs ul li {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* sponsored links */ div.sponsorcontent {margin: 0px 0px 20px 0px; padding: 5px 5px 20px 5px; background-color: #fff; width: 514px; border: 1px solid #555555;} div.sponsorcontent table {margin: 5px 0px 0px 0px;; padding: 0px;} div.sponsorcontent table p {margin: 0px; padding: 0px 0px 0px 5px;} /*supplier search*/ div#suppliersearch {margin: 0px 0px 20px 0px; padding: 0px; background: url("/images/ft_suppliersearch.gif") no-repeat top left; width: 240px; height: 238px;} div#suppliersearch form {text-align: center; margin: 0px; padding: 160px 0px 0px 0px;} /* --------------------------- COMMUNITY/CHANNEL --------------------------- */ #community {margin: 0px; padding: 0px;} #community h1 {margin: 0px 10px 10px 10px; padding: 0px; font-size:15px; color: #A31F0C; border-bottom: 2px #A31F0C solid; font-weight:bold; text-transform: uppercase;} #community h1 img.rss {margin: 0px; padding: 0px; vertical-align: top;} #community div.communitydesc {margin: 0px; padding: 0px 0px 10px 0px; font: bold 12px arial, helvetica, sans-serif; color: #000000; } /* community news (top story and articles) */ #community #leftcolumn ul.list {margin: 0px; padding: 0px; list-style-type: none;} #community #leftcolumn ul.list li {margin: 0px; padding: 0px 0px 20px 0px; font-size: 12px;} #community #leftcolumn span.headline {text-decoration: none; color: #35318B; font-weight: bold; font-size: 15px;} #community #leftcolumn div.date {font-size: 10px;} /* community news from the web */ #communityzibbnews {margin: 0px 0px 20px 0px; padding: 5px 0px 20px 5px; background-color: #ffffff; width: 519px; border: 1px solid #555555;} #communityzibbnews ul {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none;} #communityzibbnews li {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* --------------------------- ARTICLE PAGE --------------------------- */ #article {padding: 10px 7px 10px 10px; margin: 0px 0px 30px 0px;} #article, #article p, #article li {font-size: 12px; line-height: 18px;} #article p {padding: 0px 0px 0px 0px;} #article h1 {margin: 0px 0px 0px 0px; color: #1D447F; font-size:18px; font-weight:bold;} #article h2 {margin: 0px 0px 4px 0px; color:#000000; font-size:15px; font-weight:bold;} #article h3 {margin-bottom: 5px; color:#000000; font: bold 12px/12px Arial, Helvetica, sans-serif; font-style: italic; border: none;} #articleprinttop {margin: 0px 0px 20px 0px; padding: 0px;} #articleprintbtm {margin: 10px 0px 15px 0px; padding: 0px;} #articleprinttop div, #articleprintbtm div {margin: 0px 4px 0px 0px; padding: 0px; display:inline;} #articleprinttop div a, #articleprintbtm div a {font-size: 10px;} #articleprinttop div a img, #articleprintbtm div a img{border:none;} /* article side styles */ #article #articleside {float:right; width: 336px; margin: 25px 10px 10px 10px; padding: 0px;} #article #articleside #relatedarticles, #article #articleside #alsoby {margin: 0px 0px 10px 0px; padding: 8px 0px 8px 0px;} #article #articleside #relatedarticles h3, #article #articleside #alsoby h3 {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:12px; border-bottom:1px #000000 solid; font-weight:bold; line-height:12px; text-transform:uppercase; font-style: normal; color: #1d447f;} #article #articleside #relatedarticles ul, #article #articleside #alsoby ul {margin: 10px 0px 0px 3px; padding: 0px; list-style-type: none;} #article #articleside #relatedarticles ul li, #article #articleside #alsoby ul li {margin:0px; padding: 0px 0px 10px 0px;} #article #articleside #relatedarticles ul li a, #article #articleside #alsoby ul li a {margin: 0px; padding: 0px; font-size: 11px; line-height: 15px;} /* article talkback */ #article #articletalkback {margin: 0px 0px 20px 0px; padding: 0px;} /* article printer-friendly version */ #articleprint {margin: 0px; padding: 5px;} #articleprint h1 {margin: 0px 0px 0px 0px; color: #1D447F; font-size:18px; font-weight:bold;} #articleprint h2 {margin: 0px 0px 4px 0px; color:#000000; font-size:15px; font-weight:bold;} #articleprint h3 {margin: 0px 0px 5px 0px; color:#000000; font: bold 12px/12px Arial, Helvetica, sans-serif; font-style: italic;} #articleprint p, #articleprint td, #articleprint div {font: normal 12px/17px arial, sans-serif; color: #000;} /* article reprints/license form */ table.reprints {border: 0px; padding: 0px; width: 100%;} table.reprints td {padding: 5px;} table.reprints td.formFormat {background-color:#000; color:#fff;} /* --------------------------- TABS --------------------------- */ /* Tabs for Blogs, Talkback, Photos */ div#tabcontents{margin: 0px 0px 20px 0px; padding:0px;} div#tabcontents ul#tabmenu {margin:0px; padding:0px 0px 21px 0px; list-style-type: none; border-bottom: 2px solid #660101;} div#tabcontents ul#tabmenu li {margin: 0px; padding: 0px; float: left; width:78px; height: 21px;} div#tabcontents ul#tabmenu li.lion {margin: 0px 0px 0px 0px; padding: 0px; background:url("/images/ft_tabs_on.gif") no-repeat left top; background-position: 0px 0px; text-align:center;} div#tabcontents ul#tabmenu li.lion span{margin: 0px; padding: 4px 0px 4px 10px; cursor:pointer; font:bold 11px/23px Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase; padding-right: 8px;} div#tabcontents ul#tabmenu li.lioff{margin: 0px; padding: 0px; background:url("/images/ft_tabs_off.gif") no-repeat left top; background-position: 0px 0px;} div#tabcontents ul#tabmenu li.lioff span{margin: 0px; padding: 6px 0px 2px 10px; cursor:pointer; font:bold 11px/23px Geneva, Arial, Helvetica, sans-serif; color:#ffffff; text-transform: uppercase; padding-right: 8px;} div#tabcontents ul#tabmenu li.tab1, div#tabcontents ul#tabmenu li.tab2, div#tabcontents ul#tabmenu li.tab3 {border-bottom: 0px solid #fff;} div#tabcontents div.tabcontent {margin:-26px 0px 0px 0px; padding:0px 5px 0px 5px; display:none; background:url("/images/ft_tabs_bg.gif") no-repeat right top; border: 1px solid #660101; border-top: none;} div#tabblog, div#tabtalkback, div#tabpodcasts, div#tabphotos {margin: 11px 0px 0px 0px; padding: 5px;} div#tabblog img, div#tabtalkback img, div#tabpodcasts img, div#tabphotos img {border: none;} div.tabblock {margin:0px 0px 8px 0px; padding:0px 0px 8px 0px; min-height:1%;} * html div#tabcontents div.tabcontent {margin:-35px 0px 0px 0px;} /*ie only*/ * html div#tabblog {margin: 20px 0px 0px 0px;} /*ie only*/ * html div#tabtalkback {margin: 20px 0px 0px 0px;} /*ie only*/ * html div#tabpodcasts {margin: 20px 0px 0px 0px;} /*ie only*/ * html div#tabphotos {margin: 20px 0px 0px 0px;} /*ie only*/ img.blogheadshot {float: left; width: 50px; height: 63px; min-height:63px; padding: 0px 5px 0px 0px;} .blogbyline {color:#000000; font:italic 10px arial, helvetica, sans-serif; line-height:11px;font-weight:bold; } .blogdate {color:#333333; font-size:10px;} div.tbname {margin:0px; padding:0px; font-size: 11px; font-style: italic;} ul.list {margin:0px 0px 0px 3px; padding: 0px; list-style-type: none;} ul.list li {margin:0px; padding: 0px 0px 10px 0px;} ul.list li a {margin: 0px; padding: 0px; font-size: 11px;} /* --------------------------- All BLOGS PAGE --------------------------- */ #bloglisting {margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; position: relative; overflow: hidden;} #bloglisting h1 {margin: 0px 0px 10px 0px; padding: 0px; font-size:18px; color: #1D447F; border-bottom:1px #1D447F solid; font-weight:bold; text-transform:uppercase;} #bloglisting #bloglistingside {float:right; width: 334px; padding: 0px 0px 0px 0px;} /* individual blog item */ #bloglisting div.bloglistitem {margin: 0px 0px 20px 5px; padding: 0px 0px 0px 0px; width: 375px; position: relative; overflow: hidden;} #bloglisting div.bloglistitem h2 {margin: 0px 0px 0px 0px; padding: 0px; font-size:15px; color:#000000; border-bottom:2px #000000 solid; font-weight:bold; text-transform:uppercase;} #bloglisting div.bloglistitem h2 img.rss {margin: 0px; padding: 0px; vertical-align: top;} #bloglisting div.bloglistitem div.left {float: left; margin: 0px; padding: 5px 5px 5px 5px; width: 75px; text-align: center;} #bloglisting div.bloglistitem div.left img {border: none;} #bloglisting div.bloglistitem div.right {float: right; margin: 0px; padding: 5px 5px 5px 5px; width: 280px;} #bloglisting div.bloglistitem div.right div.date {color: #000; font-size: 10px;} #bloglisting div.bloglistitem div.right div.blogLinks {margin: 0px; padding: 2px 0px 2px 0px; font-size: 10px;} #bloglisting div.bloglistitem div.right div.blogLinks a {font-size: 10px;} #bloglisting div.bloglistitem div.right h3 {margin: 0px; padding: 2px 0px 2px 0px; font-size: 12px; font-weight:bold; text-transform:none;} #bloglisting div.bloglistitem div.right h3 a {color: #35318B;} #bloglisting div.bloglistitem div.right p {margin: 0px; padding: 5px 0px 5px 0px;} #bloglisting div.bloglistitem div.right h3.aboutblog {margin: 0px; padding: 10px 0px 10px 0px; font-size: 14px; font-weight: bold; text-transform:uppercase;} /* --------------------------- BLOG PAGE --------------------------- */ #blog {margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; position: relative; overflow: hidden;} #blog h1 {margin: 0px 0px 10px 0px; padding: 0px; font-size:15px; color: #000; border-bottom: 2px #000000 solid; font-weight:bold; text-transform: uppercase;} #blog h1 img.rss {margin: 0px; padding: 0px; vertical-align: top;} #blog p {padding: 0px; font-size: 12px; font-weight: normal;} #blog div.left {float: left; margin: 0px; padding: 5px 5px 5px 5px; width: 75px; text-align: center;} #blog img {margin: 0px; padding: 0px 5px 5px 0px;} #blogmain {margin: 0px; padding: 0px; background-color: #fff; color: #333; font: normal 12px Arial, Helvetica, sans-serif; height: 1%; position: relative; overflow: hidden;} #blogmain h1 {margin: 0px 190px 10px 0px; padding: 0px; color: #000; font-size: 14px; border-bottom: 2px #000000 solid; font-weight:bold; text-transform: uppercase;} #blogmain h1 a {color: #35318B; text-decoration: none;} #blogmain h1 a:hover {color: #000; text-decoration: none;} #blogmain #blogsidebar {float: right; width: 180px; padding: 0px 0px 0px 10px; background-color: #fff; z-index:15;} /* blogsidebar boxes */ #blogmain #blogsidebar div.blogbox {margin: 0px 0px 15px 0px; padding: 0px; color: #000; background-color: #fff; font: normal 11px Verdana, Arial, Helvetica;} #blogmain #blogsidebar div.blogbox h2 {margin: 0px; padding: 0px; color: #000; background-color: #fff; font: normal 11px Verdana, Arial, Helvetica;} #blogmain #blogsidebar div.blogbox div.rightnavmodulehead {margin: 0px; padding: 0px; font-size: 12px; color: #35318B; width: 100%; font-weight:bold; line-height:16px; text-transform: uppercase; border-bottom: 1px #000000 solid;} #blogmain #blogsidebar div.blogbox ul {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none;} #blogmain #blogsidebar div.blogbox ul li {margin: 0px; padding: 5px 5px 5px 8px; line-height: 15px;} #blogmain #blogsidebar div.blogbox ul li a {color: #35318B;} #blogmain #blogsidebar div.blogbox p {margin: 0px; padding: 5px 5px 5px 8px; line-height: 15px;} /* blog post */ #blogmain div.blogpost {margin: 0px 0px 20px 0px; padding: 0px 10px 0px 10px; background-color: #fff; font: normal 12px Arial, Helvetica, sans-serif; position: relative; overflow: hidden;} #blogmain div.blogpost h2 {margin: 0px; padding: 0px; font-weight: bold; font-size: 14px;} #blogmain div.blogpost h3 {margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; font-size: 14px;} #blogmain div.blogpost h3 a {color: #35318B; text-decoration: none;} #blogmain div.blogpost h3 a:hover {text-decoration: underline;} #blogmain div.blogpost div.left {float: left; margin: 0px; padding: 5px 5px 5px 5px; width: 75px; text-align: center; position:relative;} #blogmain div.blogpost img {margin: 0px; padding: 0px 5px 5px 0px;} #blogmain div.blogpost div.blogpostedby {color: #000; margin: 0px; padding: 0px 5px 5px 0px;} #blogmain div.blogpost div.date {color: #000; font-size: 10px;} #blogmain div.blogpost p {padding: 0px; font-size: 12px; font-weight: normal;} #blogmain div.category {clear: left; color: #000;} #blogmain div.blogtopnav {margin: 0px 185px 10px 0px; padding: 0px 0px 0px 0px; background-color: #fff; font: normal 12px Arial, Helvetica, sans-serif;} /* Blog Comments and Commenter */ #blogmain #blogcommenter {margin: 0px 0px 20px 0px; padding: 5px 10px 5px 10px; width: 560px; border: 1px solid #7f9db9; font: normal 12px Verdana, Arial, Helvetica; line-height: 18px;} #blogmain #blogcommenter div.date {color:#7B7E80; font-size:9px; padding: 0px; margin: 0px;} #blogmain #blogcommenter span.response {color: #84001a; font-weight: bold; font-size: 9px;} #blogmain #blogcommenter p {margin: 0px; padding: 0px 5px; font: normal 12px Verdana, Arial, Helvetica; line-height: 18px;} /* --------------------------- BLOGGER PAGE --------------------------- */ #blogmain table.bloggerprofileblogs {clear: both; margin: 0px; padding: 2px; width: 90%;} #blogmain table.bloggerprofileblogs th {text-align: center; color: #000;} #blogmain table.bloggerprofileblogs td {text-align: center; color: #000;} /* --------------------------- COMMENT FORM --------------------------- */ /* Blog and TalkBack */ form.comment {margin: 0px 0px 20px 0px; padding: 5px 10px 5px 10px; width: 490px;} form.comment table {margin: 0px; padding: 0px;} form.comment table td {margin: 0px; padding: 2px 0px 0px 0px;} form.comment span.note {color:#999999} /* CAPTCHA */ .ihtfw {margin: 10px; padding: 0px; font-weight: bold; color: #ff0000;} /* -------------------------- TALKBACK & EMAIL ------------------------------- */ #maincontent #talkback div.talkbackrecent {margin:0px; padding:5px 0px 20px 10px; font-size: 10px; font-style: italic;} #maincontent #talkback div#boombox {float: right; background-color: #fff; z-index:15; padding-top: 50px; padding-bottom: 20px; padding-left: 50px; padding-right: 50px; width: 336px;} #maincontent table.talkbackcomment {background:#cccccc; margin: 0px; padding: 0px; width: 100%;} #maincontent table.talkbackcomment td.head {width: 20%; font-weight: bold;} #maincontent table.talkbackcomment td {text-align:left; vertical-align:top; font-size:11px; padding: 5px;} #maincontent div.talkbackComment {margin: 0px; padding: 10px 0px 10px 0px; border-bottom: 2px solid #666666;} .commentFormBothCol {clear: left; margin: 5px 0px 0px;} .commentFormLeftCol {clear: left; float: left; margin: 5px 0px 0px; width: 100px; font-weight: bold;} .commentFormRightCol {float: left; width: 360px; margin: 5px 0px 0px;} .emailFormBothCol {clear: left; margin: 5px 0px 0px; font-style: italic; color: #999999;} .emailFormLeftCol {clear: left; float: left; margin: 5px 0px 0px; width: 220px; font-weight: bold;} .emailFormRightCol {float: left; width: 300px; margin: 5px 0px 0px;} /* --------------------------- SITE INFO PAGE --------------------------- */ #siteinfo {padding: 10px 7px 10px 10px; margin: 0px 0px 30px 0px; font-size: 13px; line-height: 18px;} #siteinfo h1 {margin: 0px 0px 0px 0px; color: #000; font-size:18px; font-weight:bold; border-bottom:2px #000000 solid;} /* --------------------------- POLL PAGE--------------------------- */ table.polltable {margin: 0px 0px 10px 0px; padding: 0px; border-collapse: collapse; width: 100%; border-spacing: 0px; background-color: #fff;} table.polltable th {color: #000000; font: bold 12px Arial, Helvetica, sans-serif; text-align:left; border-spacing: 0px; border-bottom: solid 3px #000; } table.polltable td {margin: 0px; padding: 10px 0px 10px 0px; vertical-align: top; border-bottom: solid 1px #ccc;} table.polltable a {font-weight:bold;} .pollq {font-weight:bold; color: #000;} /* --------------------- CLASSIFIEDS PAGE -------------------- */ #classifieds {margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; position: relative; overflow: hidden;} #classifieds h1 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size:15px; font-weight:bold; text-transform:uppercase; color: #A31F0C; border-bottom: 2px #A31F0C solid;} #classifieds h2 {margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; font-size:12px; font-weight: bold; text-transform: uppercase; line-height: 12px; border-bottom: 2px #000000 solid;} #classifieds h3 {font-size: 13px; font-weight: bold;} #classifieds div.submit {margin-top: -30px; font-size: 12px; float: right;} #classifieds div.submit a:hover {text-decoration: none; color: #A31F0C;} /* classified submit form */ #classifieds table.submitform {margin: 0px; padding: 0px;} #classifieds table.submitform td {margin: 0px; padding: 2px;} #classifieds #classifiedssection {margin: 0px; padding: 0px;} #classifieds #classifiedssection #boombox {margin: 0px; float:right; vertical-align:top;} #classifieds #classifiedssection form {float: left;} /* classified Item */ div.classifiedsitem {margin: 0px 0px 22px 0px; padding: 0px 0px 22px 0px; border-bottom: #000 1px dotted;} div.classifiedsitem div.title {text-align: center; font-family: verdana; font-weight: bold; color: #0000ff;} div.classifiedsitem div.desc {font-family: verdana; font-weight: bold;} div.classifiedsitem div.desc p {font-family: verdana; font-weight: bold;} /* --------------------- EVENTS PAGE -------------------- */ /* event pages */ #eventcontent {margin: 0px 0px 10px 0px; padding: 0px; position: relative; overflow: hidden;} #eventcontent h1 {margin: 0px 0px 10px 0px; border-bottom:2px solid #A31F0C; padding: 0px; font: bold 18px Arial, Helvetica, sans-serif; line-height: 25px; color:#000000;} #eventcontent div h1 {border-bottom:none;} #eventcontent h2 {margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; font-size:12px; color:#000000; border-bottom:2px #000000 solid; font-weight:bold; line-height: 14px; text-transform:uppercase;} #eventcontent div.submit {margin-top: -30px; font-size: 12px; float: right;} #eventcontent div.submit a:hover {text-decoration: none;} #eventcontent div.left {float:left; padding-right: 5px; display:block; width: 48%; clear: left;} #eventcontent div.right {float: right; text-align:left; width: 48%; clear: right;} #eventcontent ul.eventList {width:100%;} #eventcontent ul.eventList li {float:left; text-align:left; width:48%; height:60px;} /* event submit form */ #eventcontent table.submitform {margin: 0px; padding: 0px;} #eventcontent table.submitform td {margin: 0px; padding: 2px;} /* event listings */ div.events {margin: 10px 0px 20px 5px; padding:0px;} div.events ul {margin:0px 0px 10px 0px; padding:0px; list-style-type: none; line-height: 14px;} div.events li {margin-top: 13px;} #eventList h2{border:0;margin:0;padding:0;font-size:12px;text-transform:none;} /* event listings filter box (drop boxes) */ div.event_dropdowns {margin-bottom:10px; padding:4px; background-color:#D6DFEF; border-top: 1px solid #C0CEE6; border-bottom: 1px solid #C0CEE6; } div.event_dropdowns form {margin:0} /* --------------------------- TOC --------------------------- */ /* archives */ #archive {font-size:12px; margin: 0px 0px 5px 10px; padding: 0px 0px 2px 0px; font-weight:bold; line-height:12px;} #archive h1 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size:15px; font-weight:bold; text-transform:uppercase; color: #A31F0C; border-bottom: 2px #A31F0C solid;} #archive h2 {font-size:12px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom:2px #000000 solid; font-weight:bold; line-height:12px; text-transform:none;} #archive h3 {font-size:12px; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; font-weight:bold; font-style: italic; border-bottom:2px #000000 solid; line-height:12px; text-transform:none;} #archive table.issuedate {margin: 0px; padding: 0px; width: 100%;} #archive table.issuedate td {margin: 0px; padding: 2px;} .containerTOCArchive {width:100%;clear:both; padding: 0px 0px 8px 0px; } .containerTOCArchive .Archive50Percent {float:left; width:50%;} .containerTOCArchive .Archive25Percent {float:left; width:23%;} .containerTOCArchive .Archive75Percent {float:left; width:75%;} .containerTOCArchive h5 {font-size:12px; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; font-weight:bold; border-bottom:2px #000000 solid; line-height:12px; text-transform:none;} .containerTOCArchive li.section {font-size:12px; list-style-type: none; margin:0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-weight:bold;} .containerTOCArchive li.subsection {font-size:12px;list-style-type: none; margin:0px 0px 2px 20px; padding: 10px 0px 0px 0px; font-weight:bold;} .containerTOCArchive li.circle {list-style-type: disc; margin-left: 40px; padding:2px;} .containerTOCArchiveCenter {width:100%;clear:both;text-align: center;} /* current issue toc */ #currentissue {margin:5px 0px 0px 0px; padding:0px; overflow: hidden;} #currentissue div.coverstory {margin: 0px; padding: 0px;} #currentissue div.coverstory img {margin: 0 5px 5px 0;} #currentissue div.leftcontent {float:left; padding-right: 5px; display:block; width: 48%; clear: left;} #currentissue div.rightcontent {text-align:left; width: 48%; float: right; clear: right;} #currentissue ul {padding:0px; margin:0px 0px 10px 0px; list-style-type: none; line-height: 12px;} #currentissue li {margin-top: 13px;} /* --------------------------- Learn RSS --------------------------- */ #learnrss {margin: 0px; padding: 15px 0px 2px 0px} #learnrss ul {margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside;} #learnrss li {margin: 0px; padding: 0px 0px 10px 10px; font-weight: normal; color: #000000;} #learnrss li.instruct {margin: 0px; padding: 0px 0px 5px 0px; color: #000000; font-weight: bold;} #learnrss table.main {margin: 0px 0px 10px 0px; padding: 0px; border-collapse: collapse; width: 100%; border-spacing: 0px; background-color: #CCCCCC; border: 2px solid #CCCCCC;} #learnrss table.main th {padding: 3px 5px 3px 5px; text-align: left; font-weight: bold; text-transform: uppercase; color: #000;} #learnrss table.main td.rssfeeds {background-color: #FFFFFF; border: 2px solid #CCCCCC; padding: 3px;} #learnrss table.main td.rssicons {width: 20%; background-color: #FFFFFF; border: 2px solid #CCCCCC; padding: 3px; text-align: center;} #learnrss table.main td.rssicons ul {margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside;} #learnrss table.main td.rssicons li {margin: 0px; padding: 4px 0px 4px 0px;} /* --------------------------- eNEWSLETTER PAGES --------------------------- */ #enewsletters {margin: 0px 0px 10px 0px; padding: 10px;} #enewsletters h1 {margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #AC0101; border-bottom: 2px #A31F0C solid;} #enewsletters h2 {margin: 20px 0px 0px 0px; padding:0px; text-transform:uppercase;color:#AC0101; font:bold 14px arial, sans-serif; text-align:left;} #enewsletters #enewsletteryear {margin:12px 30px 5px 10px; padding:4px; border-top:1px solid #295D8C; border-bottom:1px solid #295D8C; clear:left;} #enewsletters #enewsletteryear h2 {margin: 0px; padding: 0px; float: left; width: 120px; font:normal 11px arial, sans-serif; color:#000; text-transform:uppercase;} #enewsletters #enewsletteryear p {margin: 0px 0px 0px 120px; padding: 0px;} #enewsletters table.issuedate {margin: 20px 0px 10px 0px; padding: 0px; width: 100%;} #enewsletters table.issuedate th {text-align: left;} #enewsletters table.issuedate td {padding: 7px 0px 10px 0px; text-align: left;} /* --------------------------- PODCASTS -------------------------------- */ .podcastTOC {margin-top: 5px;} /* audio popup */ .podcastAudioAbstract {position: absolute; left: 170px; top: 130px; width: 210px; font: 10px Arial,Helvetica,sans-serif;} #podcastAudioDownload {position: absolute; left: 390px; top: 120px; margin: 5px 0px; border-left: 1px solid #cccccc; padding: 0px 10px; width: 75px; text-align: center;} .podcastAudioDownload {font: 9px Arial,Helvetica,sans-serif; text-decoration: none;} #podcastAudioDownloadImg {border: none;} #podcastAudioFooter {/*position: absolute; left: 0px; top: 255px;*/ border-top: 4px solid #CC0000;} #podcastAudioHeader {border-bottom: 4px solid #CC0000;} #podcastAudioImage {position: absolute; left: 10px; top: 24px;} #podcastAudioSeriesImage {position: absolute; left: 170px; top: 24px;} #podcastAudioTitle {/*position: absolute; left: 170px; top: 110px;*/ font: bold 16px Arial,Helvetica,sans-serif;} .podcastEpisodeaudio .podcastPlayerLayout {position: absolute; left: 0px; top: 210px;} /* video popup */ .podcastEpisodevideo {position: relative; margin: 0px; width: 626px; height: auto;} .podcastEpisodeaudio {position: relative; margin: 0px; width: 488px; height: auto;} .podcastEpisodeAbstract {/*position: absolute; left: 0px; top: 15px;*/ margin: 0px; padding: 5px 0px 0px 0px; width: 510px; font: 10px Arial,Helvetica,sans-serif;} #podcastEpisodeDownload {position: absolute; right: 0px; top: 0px; margin: 5px 0px; border-left: 1px solid #cccccc; padding: 0px 10px; width: 75px; text-align: center;} .podcastEpisodeDownload {font: 9px Arial,Helvetica,sans-serif; text-decoration: none;} #podcastEpisodeDownloadImg {border: none;} .podcastFooter {/*position: absolute; left: 0px; top: 495px;*/ border-top: 4px solid #CC0000;} .podcastHeader {/*position: absolute; left: 0px; top: 0px;*/ border-bottom: 4px solid #CC0000;} #podcastEpisodeSeriesImage {position: absolute; left: 170px; top: 24px;} #podcastEpisodeTitle {/*position: absolute; left: 0px; top: 0px;*/ margin: 0px; width: 200px; font: bold 16px Arial,Helvetica,sans-serif;} .podcastEpisodeDetail {position: absolute; left: 0px; top: 405px; margin: 0px 10px; width: 606px; } .podcastEpisodevideo .podcastPlayerLayout {position: absolute; left: 0px; top: 96px;} #podcastDetailContainer {margin: 0px; padding: 20px 5px;} #podcastDetailContainerHead {margin: 0px; border-bottom: 2px solid black; font-size: 15px;} div.podcastDetailLiner {position: relative; top: 0px; left: 0px; margin: 5px 0px; padding: 10px; background-color: #eff3fb;} p.podcastDetailLiner {margin: 1.12em 60px 1.12em 160px;} .podcastDetailLiner h1,h2 {margin: 0em 60px 0em 160px; font-size: 16px; color: navy;} img.podcastDetailLiner {border: none; vertical-align: top;} a.podcastDetailLiner {font-size: 9px; color: navy;} div.podcastDetailLinerHR {margin: 0px; height: 1px;} hr.podcastDetailLiner {display: block; width: 100%; height: 1px; margin: 0px auto 0px 0px; border: none; border-top: 1px dotted #ccccff;} .podcastDetailPostingDate {margin: 5px 0px 0px; font-size: 9px;} .podcastSubscription {margin-top: 0px;} #podcastSubscriptionHead {margin: 1em 0px; color: #cc0000;} #podcastSubscriptionWhat {margin-bottom: 0px;} #podcastSubscriptionHow {margin-bottom: 0px;} #podcastSubscriptionSeries {width: 50%;} /* webcasts */ #podcastDetail, #podcastDetail p {font: normal 12px arial, sans-serif; color: #000;} #podcastDetail a, #podcastDetail a:visited {font-weight: bold; color: #003399; text-decoration:none;} #podcastDetail a:hover {font-weight: bold; color: #003399; text-decoration:underline;} #podcastDetail h1 {margin-top: 0px; margin-bottom: 5px; font: bold 16px arial, sans-serif; color: #003366;} #podcastDetail h2 {margin-top: 5px; margin-bottom: 7px; font: 11px/15px arial, sans-serif; color: #000;} #podcastDetail h3 {margin-top: 2px; margin-bottom: 4px; font: 10px arial, sans-serif; color: #999;} #podcastDetail h4 {margin-top: 10px; margin-bottom: 5px; font: 9px arial, sans-serif; color: #000;} div.podcastBox {margin: 0px 10px 10px 0px; padding: 10px; background: #eff3fb url("/common/images/podcast_bg.gif") repeat-x bottom center; height: 1%; font: 9.5px arial, sans-serif; color: #000000;} .podcastBox a, .podcastBox a:visited {font-weight: bold; color: #003399; text-decoration:none;} .podcastBox a:hover {font-weight: bold; color: #003399; text-decoration:underline;} /*--------------------------------------------------------- BEGIN PODCAST --------------------------------------------------------*/ /* homepage video */ .homepageVideocastEpisodeThumb {float:left;height: 72px;} .homepageVideocastDetail {position: relative;float:right;} /* audio popup */ .podcastAudioAbstract {font: 10px Arial,Helvetica,sans-serif;} #podcastAudioDownload {float: right; margin: 10px 0px; border-left: 1px solid #cccccc; padding: 0px 10px; width: 75px; text-align: center;} .podcastAudioDownload {font: 9px Arial,Helvetica,sans-serif; text-decoration: none;} #podcastAudioDownloadImg {border: none;} #podcastAudioFooter {display: block; clear: both; border-top: 4px solid #CC0000;} #podcastAudioHeader {display: block; border-bottom: 4px solid #CC0000;} #podcastEpisodeImage {float: left; margin: 10px;} #podcastSeriesImage {display: block; float: left;} #podcastAudioTitle {font: bold 16px Arial,Helvetica,sans-serif;} #podcastEpisodeSeriesImage {position: absolute; left: 170px; top: 24px;} .podcastDetailContainer {margin: 0px;} .podcastDetailContainer h1 {margin: 0px; color: #000; font-size:15px; border-bottom: 2px #A31F0C solid;} .podcastDetailContainer h2 {margin: 0px; color: #999999; font-size: 14px;} .podcastDetailContainer h2 a {color: #999999; text-decoration: none;} .podcastDetailContainer h3 {margin-top: 2em; border-bottom: 1px dotted #CCCCCC; width: 180px;} #podcastDetailContainerHead {margin: 0px 5px 0px 0px; font-size: 18px;} .podcastDetailImage {float: left; margin: 0px 70px 20px 4px;} div.podcastDetailLiner {background-color: #fff; color: #666666; font-size: 11px; overflow:hidden;} div.podcastDetailLiner1 {margin: 5px; border: 1px solid #002D59; padding: 4px 0px 0px; background-color: #F3FAFF; color: #666666; font-size: 11px;} p.podcastDetailLiner {margin: 0px;} .podcastDetailLiner h2 {margin: 0px; font-size: 16px; color: navy;} .podcastDetailLiner1 h2 {margin: 0px; font-size: 16px; color: navy;} img.podcastDetailLiner {border: none; vertical-align: top;} .podcastDetailLiner h2 a {color: #006699; text-decoration: none;} .podcastDetailLiner h2 a:hover {color: #006699; text-decoration: underline;} .podcastDetailLiner1 h2 a {color: #006699; text-decoration: none;} .podcastDetailLiner1 h2 a:hover {color: #006699; text-decoration: underline;} div.podcastDetailLinerHR {margin: 0px; height: 1px;} hr.podcastDetailLiner {display: block; width: 80%; height: 1px; margin: 0px auto 0px 0px; border: none; border-top: 1px dotted #ccccff;} .podcastDetailPostingDate {margin: 5px 0px 0px; font-size: 9px;} .podcastPlayerAudio {position: relative; margin: 0px; padding: 0px; width: 488px; height: 380px; background: #FFFFFF;} .podcastPlayerVideo {position: relative; margin: 0px; width: 656px; height: 543px;} #podcastPlayerBoombox {float: right; margin: 0px; width: 336px; height: 280px; background: #cccccc; line-height: 280px; text-align: center;} #podcastPlayerBoombox {position: absolute; left: 320px; top: 96px; height: 309px;} #podcastPlayerBoombox img {vertical-align: middle;} #podcastPlayerDetail {float: left; width: 300px;} #podcastPlayerDetail h1 {margin: 0px; padding: 0px; font: bold 16px Arial,Helvetica,sans-serif;} #podcastPlayerDetail p {margin: 0px; padding: 5px 10px 0px 0px; font: 10px Arial,Helvetica,sans-serif;} #podcastPlayerDownload {float: right; margin: 5px 0px; border-left: 1px solid #cccccc; padding: 0px 10px; width: 75px; text-align: center;} .podcastPlayerDownload {font: 9px Arial,Helvetica,sans-serif; text-decoration: none; letter-spacing: 1px;} #podcastPlayerDownloadImg {border: none;} .podcastPlayerFooter {border-top: 4px solid #CC0000;} .podcastPlayerHeader {display: block; margin: 0px; border-bottom: 4px solid #CC0000;} .podcastPlayerLayout {clear: both;} #podcastPlayerLayout {} .podcastSeriesNotes {margin: 20px 30px; height: 100px; background: white; color: black; font: normal 12pt arial,helvetica,sans-serif;} .podcastSeriesNotes img {float: left;} .podcastSeriesNotes a:link {color: #006699; text-decoration: none;} .podcastSeriesNotes a:hover {color: #CC0033; text-decoration: underline;} .podcastSeriesNotes h2 {margin: 0px; font-size: 16px;} .podcastSeriesNotes p a {font-size: 8pt; font-weight: bold;} .podcastSeriesNotes p {margin: 0px; padding: 0px; background: #ffffff;} .podcastSubscription {margin-top: 0px;} #podcastSubscriptionImg {margin-top: 10px;} #podcastSubscriptionHead {margin: 1em 0px; color: #cc0000;} #podcastSubscriptionWhat {margin-bottom: 0px; font-size: 12px; border: none;} #podcastSubscriptionHow {margin-bottom: 0px; font-size: 12px; border: none;} #podcastSubscriptionSeries {margin: 0px 0px 20px 0px; width: 50%;} .podcastTOC {margin: 5px auto; border: 1px solid #CCCCCC; padding: 2px; width: 752px;} .podcastTOC p {margin: 20px 30px; padding: 15px 0px 12px; background: #E1F0FD;} .podcastTOC span {font-weight: bold;} .podcastiTunes {margin: 15px 0px; border-top: 1px dashed #86A0B0; border-bottom: 1px dashed #86A0B0; padding: 12px 0px;} .podcastiTunes a {text-decoration: underline;} .podcastiTunes img {float: left;} .podcastTools {clear: both; margin: 3px 0px 0px; border-top: 1px dotted #86A0B0; padding: 3px; width: 50%;} .podcastTools a {font-weight: bold; text-decoration: underline;} .podcastTools img {vertical-align: middle; } .playerTools {margin: 5px 0px 0px; height: 28px; background: white url("/images/podcast_popup_moduleNavBar.gif") repeat-x left top; color: #a5d7ff;} .playerTools a {font-weight: bold; text-decoration: underline;} .playerTools img {vertical-align: middle; margin: 0px; border: 2px outset #568DB6;} .playerTools span {margin: 10px; line-height: 26px; text-transform: capitalize;} /* -------------------- PHOTO GALLERY PAGE ------------------- */ #photogallery {margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px;} #photogallery h1 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size:15px; font-weight:bold; text-transform:uppercase; color: #A31F0C; border-bottom: 2px #A31F0C solid;} /* photo gallery item */ div.photogalleryitem {border:1px dotted #5A9EDE; margin:0px 5px 30px 7px; padding:0px 9px 5px 9px; float:left; width:210px; height:270px; overflow:hidden; } div.photogalleryitem h2 {margin:5px 0px 0px 0px; color:#295D8C; font:bold 14px arial, helvetica, geneva, sans-serif;} div.photogalleryitem div.caption {margin:5px 0px 0px 0px; font:11px arial, helvetica, geneva, sans-serif;} div.photogalleryitem div.image {margin: 15px 0px 0px 0px; width:200px;} div.photogalleryitem div.pubdate {margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;color:#666; display:inline; font:11px arial, helvetica, geneva, sans-serif; line-height:1.275em;} /* ----------------------- PHOTO ALBUM ----------------------- */ /* photo album popup */ #photogalleryalbum {margin: 0px; padding: 0px; border: #000000 2px solid; width: 806px; position: relative; overflow: hidden;} #photogalleryalbum #header {margin: 0px 0px 0px 10px; padding: 0px; background: url("/images/ft_headerlogo.gif") no-repeat top left; text-align: left; position: relative; background-color: #fff;} #photogalleryalbum #header h1, a.logo {margin: 0px; padding: 0px; top: 0px; left: 0px; cursor: pointer; text-indent: -99999px; position: absolute; width: 300px; height: 93px; text-decoration: none;} #photogalleryalbum #main {margin: 0px; padding: 5px; width: 796px; font:11px arial, helvetica, geneva, sans-serif; position: relative; overflow: hidden; border-top: #000000 2px solid;} #photogalleryalbum #main h2 {margin: 0px; padding: 0px; font: 11px arial, helvetica, geneva, sans-serif; color: #000;} #photogalleryalbum #left {float:left; margin: 0px; padding: 0px; width:398px; height: 398px;} #photogalleryalbum #right {float:right; margin: 0px; width:398px;} #photogalleryalbum #footer {text-align:right; padding: 0px 10px 10px 0px;} /* use .vertical_center_* rules from the GLOBAL STYLES section at the top */ #photogalleryalbum #left #mainimage { text-align: center; } #photogalleryalbum #left #mainimage img {vertical-align: middle; font-size: 10px;} #photogalleryalbum #left #mainimage p {margin: 0px; padding: 10px 0px 10px 0px; color:#666; font:12px arial, helvetica, geneva, sans-serif;} #photogalleryalbum #left .pagination {text-align: center; } #photogalleryalbum #right #thumbnails {display:block; top:3px; left:60px; position:relative; width:300px;} /* ----------------------- SEARCH RESULTS ----------------------- */ div#sr {margin: 0px 0px 30px 0px; padding: 10px;} /* google box */ div#googlesearchRight {margin: 15px 0 0 0; padding: 0 3px 7px 3px; border-top:1px solid #000; position:relative;} div.googlelabelRight {font-family: Verdana, Arial, sans-serif;text-transform:uppercase;color:#000; text-align:center;} div#googlesearch {margin: 15px 0 0 0; padding: 0 15px 7px 15px; border:1px solid #ccc;position:relative;} div.googlelabel {font-family: Verdana, Arial, sans-serif;text-transform:uppercase;color:#ccc;text-align:center;} div#googlesearch p {margin: 0px; padding: 5px 0px 0px 0px; } div#googlesearch p, span.googleafsline1, span.googleafsline2, .googleafsline3, span.googleafsvurl {font: 12px Arial, Helvetica, sans-serif; color: #000;} span.googleafsline1 {font-weight: bold; color: #6380B4;} div#googlesearchRight a, div#googlesearch a, span.googleafsline1, span.googleafsline2, .googleafsline3 {text-decoration: none} span.googleafsvurl {text-decoration: underline;} /* tabs */ ul#srtabs {margin:0px;padding:0px 0px 2px 5px;} ul#srtabs li{display:inline;margin:0px 1px;padding:5px 15px;text-align:center;font:bold 13px Arial, Helvetica, sans-serif;color:#fff;background-color:#D6DFEF;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:none;float:left;} ul#srtabs li.lion {background-color:#A31F0C;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:none;color:#fff;} ul#srtabs a {text-decoration:none;color:#fff;} /* number of Results/Page Numbering */ div.srbread {margin: 0px 5px 10px 5px; padding: 0px; text-align: left;} div.srbread strong {font-size: 12px;} div.srpage {margin: 0px 5px 0px 5px; padding: 0px; text-align: right;float:right;} div.srpagelabel {color:#666;} #sr h3, #sr h4, #sr h5, #sr .source {margin: 0px; padding: 0px; font: normal 12px arial, helvetica, sans-serif;} #sr h4, #sr h5 {padding-left:20px;} #sr h3 {padding-top: 15px;} #sr h3 a {text-decoration:none; color: #6380B4;} #sr h3 a:hover {text-decoration:underline; color:#35318B;} #sr h5 {margin-bottom: 5px;} #sr .source {font-style:italic;} #sr .filter {border-bottom:1px dashed black;padding-bottom:10px} div#sr2 {margin: 0 5px 10px 5px; padding: 10px 10px 0 10px; border:1px solid #ccc; } /*sorted by*/ p#sortby {margin: 15px 0px 0px 0px; padding: 5px 0px 5px 0px; border-top:1px solid #E5DECF; text-transform: uppercase; color:#666;} p#sortby a {font-weight:bold;} #filterby {float:left;margin-right:5px;} #topicbox {float:left;} #filterby,#topicsbox,topicsbox a {font:12px Arial, Helvetica, sans-serif;} #topicsbox a {text-decoration:underline;font-weight:normal;} #topicsbox a:hover {text-decoration:none;font-weight:normal;} #moretopics {margin: 0px; display: none;} .moretopics {display:inline;} .fewertopics {margin: 0px; display: none;} .dym { padding-left:5px;} /* --------------------------- AFFILIATES -------------------------------- */ .affiliates {margin: 0px 0px 10px 0px; padding: 10px; position: relative;} .affiliates h1 {margin: 0px 0px 10px 0px; padding: 0px; font-size:15px; font-weight:bold; text-transform:uppercase; color: #A31F0C; border-bottom: 2px #A31F0C solid;} .affiliates h2 {margin: 15px 0px 5px; color: #056da1;} .affiliatesConfirm {margin: auto;} .affiliatesDetailHead {margin: 5px 5px 0px; border: 1px solid #d9dadc; border-bottom: none; padding: 15px; background-color: #EEEEFF;} .affiliatesDetailName {margin: 0px 0px 15px;} .affiliatesDetailLink:link {color: #003399;} .affiliatesDetailLink:hover {color: #003399;} .affiliatesDetailLink:active {color: #003399;} .affiliatesDetailLink:visited {color: #003399;} .affiliatesDetailImg {position: relative; float: right; max-height: 45px; max-width: 250px;} .affiliatesDetailBody {margin: 0px 5px 5px; border: 1px solid #d9dadc; border-top: none; padding: 0px 15px 15px;} .affiliatesDetailCountry {color: #999999;} .affiliatesDetailDeep {font-weight: bold; font-size: 11px; color: #666666;} .affiliatesDetailDeeplink:link {color: #003366;} .affiliatesDetailDeeplink:hover {color: #003366;} .affiliatesDetailDeeplink:active {color: #003366;} .affiliatesDetailDeeplink:visited {color: #003366;} .affiliatesFilters {font-size: 120%; font-weight: bold;} .affiliatesTab, .affiliatesTabOn {float: left; margin: 0px; padding: 0px; height: 23px;} .affiliatesTabs {position: relative; top: 4px; list-style-type: none; margin: 0px 5px; padding: 0px; height: 25px;} .affiliatesTabBack {margin: auto 5px; font-weight: bold; font-size: 12px; line-height: 23px; vertical-align: 2px; color: white;} .affiliatesTabOn .affiliatesTabBack {vertical-align: 4px;} .affiliatesTabBack:link {color: white;} .affiliatesTabBack:active {color: white;} .affiliatesTabBack:hover {color: white;} .affiliatesTabBack:visited {color: white;} .affiliatesTabBody {position: relative; border: 2px solid #881709; padding: 5px; padding-bottom: 60px;} .affiliatesTabBodyHead {margin: 0px 5px; padding: 10px 0px 0px;} .affiliatesTabBodyHeadLabel {display: inline; margin: 0px; color: #056da1;} .affiliatesTabBodyFoot {position: relative; margin: 0px 5px;} .affiliatesTabPagination {float: right; font-weight: bold; font-size: 11px; color: #666666;} .affiliatesForceLeft {position: absolute; left: 0; top: 0;} .affiliatesForceRight {position: absolute; right: 0; top: 0;} .affiliatesRegisterImgFoot {float: left; margin-right: 20px;} .affiliatesRegisterImgHead {float: right; margin-left: 20px;} .affiliatesRequestBlock {clear: both; margin: 15px; min-height: 15px; width: 506px; font-weight: bold;} .affiliatesRequestLabel {float: left; min-width:250px; width:250px; vertical-align: top;} .affiliatesRequestInput {float: right; display: inline; width:250px; font-family: inherit; font-size: inherit; font-weight: normal;} select.affiliatesRequestInput {float: right; width: 254px; font-family: inherit; font-size: inherit; font-weight: normal;} textarea.affiliatesRequestInput {margin-bottom: 10px; width:250px; height:5em; font-family: inherit; font-size: inherit;} .affiliatesInlineBlock {display: inline; width: 250px;}