/* -- BEGIN SPHERE CSS -- */ #sph3reiframe { display:none; visibility:hidden; width:1px; height:1px; position:absolute; left:-1000px; } #sphreiframe { border:1px solid red; width:100px; height:100px; } #sphere_widget {z-index:9999; visibility:hidden; *left: expression( (ignoreMe = (document.documentElement.clientWidth || document.body.clientWidth)/2 - document.getElementById('sphere_widget').clientWidth/2 ) + 'px' ); *top: expression( (ignoreMe = (document.documentElement.scrollTop || document.body.scrollTop) + (document.documentElement.clientHeight || document.body.clientHeight)/2 - document.getElementById('sphere_widget').clientHeight/2 + 'px' ));*overflow:hidden; } #sphereiframeblock { position:absolute; z-index:-1; width:463px; border:0px solid RED; margin: 13px; height:0px; display:none;} .widgetWrapper { z-index:9999; width: 490px; _width: 489px; font-family: Arial, Helvetica, san-serif; text-align: left; } .widgetWrapper img {border: 0; } .widgetWrapper * { border:0; text-indent: 0; margin: 0; padding: 0; height:auto; text-transform:none; text-align:left; line-height:normal; } .widgetWrapper a, .widgetWrapper span, .widgetWrapper li, .widgetWrapper h2, .widgetWrapper h1 {background:none;} .widgetWrapper a:hover { border:0; } #widget { width: 470px; background: url(http://www.sphere.com/images/sphereit/Spherecom_Mid.png) center repeat-y; padding:0 10px; } .roundTop { background: url(http://www.sphere.com/images/sphereit/Spherecom_Top.png) center bottom no-repeat; height: 17px; } #roundBot { background: url(http://www.sphere.com/images/sphereit/Spherecom_Bot.png) center top no-repeat; height: 17px; margin-top: -0px; } .headerBar { background: #105f8b url(http://www.sphere.com/images/sphereit/Spherecom_Header_bg.png) repeat-x; padding-bottom: 3px; border-bottom: 1px solid #999; position:relative; _overflow: hidden; _width: 470px; } .headerBar h1 { position:static; display:block; margin-left:10px; text-align:left; font-size: 19px; letter-spacing: 0em; font-weight: bold; color: #FFF; padding: 6px 0; float: none; background:none; height:auto; } .headerBar .spherelink { display:block; visibility:visible; float: right; margin: -1px 40px 0px 0; _margin-right: 20px; line-height: 11px; color: #FFF; font-size: 10px; } .headerBar #SphereLogo { display:block; visibility:visible; background: url(http://www.sphere.com/images/sphereit/Generic_Logo_alpha_.png); width: 71px; height:20px; z-index:5; cursor:pointer; } .headerBar .closeBtnSm { background: url(http://www.sphere.com/images/sphereit/Generic_Btn.png) no-repeat; position: absolute; top: 1px; right: 9px; _right: 10px; height: 11px; width: 11px; font-size:1px; cursor: pointer; } .headerBar .closeBtn { background: url(http://www.sphere.com/images/sphereit/Generic_Btn_Lg_alpha_.png) no-repeat; position: absolute; top: 1px; right: 9px; _right: 10px; height: 13px; width: 13px; font-size:1px; cursor: pointer; } .contentArea {display:none; height:0px; overflow:hidden;*overflow:visible;} .loadingArea { text-align: center; font-size: 13px; font-weight: bold; color: #666; padding: 10px; } .loadingArea img { vertical-align:baseline; margin-bottom: -10px; margin-right: 5px; } .loadingArea div { display:inline; *display:block; *width:70%; *text-align:center; border:1px solid #BBB;background-color:#FFF; padding:8px; -moz-border-radius:5px; } .SPHEREIT_CONTENT { background-color:transparent !important; border-collapse: collapse; table-layout: fixed; font-family: Arial, Helvetica, san-serif;} .SPHEREIT_CONTENT TR { background-color:transparent !important;} .SPHEREIT_CONTENT * {padding: 0px; margin: 0px;} .SPHEREIT_CONTENT .ColumnL { width: 260px; vertical-align: top; *overflow:hidden; } .SPHEREIT_CONTENT .ColumnR { width: 210px; vertical-align: top; /*background-color: #E1F1F9;*/ *overflow:hidden; } .SPHEREIT_CONTENT .ColumnR .Quadrant { /*min-height: 200px; _height: 200px;*/ padding-bottom: 20px; } .SPHEREIT_CONTENT .Quadrant { padding: 10px 10px 5px 10px; line-height: 12px; font-size: 12px; } .SPHEREIT_CONTENT a { z-index:5; } .SPHEREIT_CONTENT .Quadrant h2 { font-family: Arial, Helvetica, san-serif; border-bottom: 1px solid #CCC; color: #888888; font-size: 14px; line-height: 18px; font-weight: bold; margin-bottom: 8px; background: none; } .SPHEREIT_CONTENT .Quadrant ol {list-style: none; margin-left: 0px; padding-left: 0px; } .SPHEREIT_CONTENT .Quadrant ol li { list-style: none; margin-bottom: 10px; line-height: 100%; background:none; } .SPHEREIT_CONTENT .Quadrant div, .SPHEREIT_CONTENT .Quadrant span, .SPHEREIT_CONTENT .Quadrant a { font-family: Arial, Helvetica, san-serif; } .SPHEREIT_CONTENT .Quadrant .title { display: block; color: #003366; font-size: 11px; line-height: 13px; font-weight: bold; width:auto; text-decoration:none;} .SPHEREIT_CONTENT .Quadrant .ltitle { display: block; color: #003366; font-size: 11px; line-height: 13px; font-weight: bold; width:auto; text-decoration:none;} .SPHEREIT_CONTENT .Quadrant .title:hover, .SPHEREIT_CONTENT .Quadrant .ltitle:hover, .SPHEREIT_CONTENT .Quadrant .more:hover {color:#003366; text-decoration:underline;} .SPHEREIT_CONTENT .Quadrant .source { color: #000; font-size: 10px; line-height: 11px; } .SPHEREIT_CONTENT .Quadrant .more { color: #003366; font-size: 11px; } .SPHEREIT_CONTENT .Quadrant .ts { color: #000; font-size: 10px; } .SPHEREIT_CONTENT .Quadrant .desc { color: #000; font-size: 10px; line-height: 11px; } .SPHEREIT_CONTENT .Quadrant a { text-decoration: none; font-family: Arial, Helvetica, san-serif; } .SPHEREIT_CONTENT .Quadrant a:hover {text-decoration: underline; } .SPHEREIT_CONTENT .PartnerQuadrant { vertical-align: bottom !Important; } .SPHEREIT_CONTENT .PartnerSpace { background: #eeeeee; text-align: center; border-top: 1px solid #CCC; padding:10px 0 5px 0; } .SPHEREIT_CONTENT .PartnerSpace a { visibility:visible; } .SPHEREIT_CONTENT .PartnerSpace img {visibility:visible; border: 0; border:1px solid #999; height:125px; width:125px; } .SPHEREIT_CONTENT .PartnerSpace iframe { height:125px; border:0px; } .headerBar .closeBtn { background: url(http://www.sphere.com/images/sphereit/NYTimes_Btn.png) no-repeat;} .headerBar h1 { font-family: Georgia, "Times New Roman", serif; font-weight:400; font-size:24px; color:#333; background: url(http://www.sphere.com/images/sphereit/NYTimes_Logo.gif) 0 5px no-repeat; padding-top:20px; !important} .headerBar { background: #FFF; border-bottom: 1px solid #CCC; } .headerBar .spherelink { color: #666; margin-top:3px; font-family:arial; font-size:9px; margin-top:10px; } .headerBar #SphereLogo { background: url(http://www.sphere.com/images/sphereit/NYTimes_Logo_alpha_.png) no-repeat; margin-top:-2px;} #widget { background: url(http://www.sphere.com/images/sphereit/NYTimes_Mid.png) center repeat-y; } .roundTop { background: url(http://www.sphere.com/images/sphereit/NYTimes_Top.png) center bottom no-repeat; } #roundBot { background: url(http://www.sphere.com/images/sphereit/NYTimes_Bot.png) center top no-repeat; } .SPHEREIT_CONTENT .ColumnL .Quadrant { margin:0 10px; padding-left:0px; padding-right:0px; } .SPHEREIT_CONTENT .ColumnL .Q1 { border-bottom:2px solid #CCC; padding-bottom:12px; margin-bottom:1px;} .SPHEREIT_CONTENT .ColumnL .Q2 { border-top:1px solid #CCC; } .SPHEREIT_CONTENT .Quadrant h2 {color:#000; font-weight:bold; font-family:arial; font-size:14px; border-bottom: 0; } .SPHEREIT_CONTENT .Quadrant .title { color:#004276; font-weight:bold;font-family: Georgia, "Times New Roman", serif; font-size:12px;line-height:15px; } .SPHEREIT_CONTENT .Quadrant .ltitle { color:#004276; font-weight:bold;font-family: Georgia, "Times New Roman", serif; font-size:12px;line-height:15px; } .SPHEREIT_CONTENT .Quadrant .source { color: #808080; font-family: Georgia, "Times New Roman", serif;} .SPHEREIT_CONTENT .Quadrant .ts { font-weight:400; color:#A81817; font-family: Georgia, "Times New Roman", serif;} .SPHEREIT_CONTENT .Quadrant .desc { color:#333; font-family: Georgia, "Times New Roman", serif; font-size:12px; line-height:15px; } .SPHEREIT_CONTENT .Quadrant .more { color: #004276; font-weight:400; text-transform:capitalize; font-size:11px; } .SPHEREIT_CONTENT .PartnerSpace { background: none; border-top-color:#CCC;} .SPHEREIT_CONTENT .PartnerSpace img {visibility:visible; border: 0; height:90px; width:120px; } /* -- END SPHERE CSS -- */