/* -- 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 #sphere_widget_header {cursor:move}
	#widget { width: 470px; background: url(http://www.surphace.com/widgets/sphereit/images/Spherecom_Mid.png) center repeat-y; padding:0 10px; }
	.roundTop { background: url(http://www.surphace.com/widgets/sphereit/images/Spherecom_Top.png) center bottom no-repeat; height: 17px; }
	#roundBot {  background: url(http://www.surphace.com/widgets/sphereit/images/Spherecom_Bot.png) center top no-repeat; height: 17px; margin-top: -0px; }
	.headerBar { background: #105f8b url(http://www.surphace.com/widgets/sphereit/images/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.surphace.com/widgets/sphereit/images/Generic_Logo_alpha_.png); width: 71px; height:20px; z-index:5; cursor:pointer;  }
	.headerBar .closeBtnSm { background: url(http://www.surphace.com/widgets/sphereit/images/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.surphace.com/widgets/sphereit/images/Generic_Btn_Lg_alpha_.png) no-repeat; position: absolute; top: 1px; right: 9px; _right: 10px; height: 13px; width: 13px; font-size:1px; cursor: pointer; }
	.sphereMainContentArea {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;}
	
	.widgetWrapper .footerBar {background:#FFF; text-align:right; height:18px;}
	.widgetWrapper .footerBar .getThis {position:relative; top:7px; float:left; left:15px; color: #003366; font-size:11px; font-weight:bold; text-decoration:none;}
	.widgetWrapper .footerBar .getThis:hover {text-decoration:underline;}
	img.footerBarSphereLogo {width:120px; height:17px; }
	.widgetWrapper .footerBar a.footerBarSphereLogo {position:relative; top:7px; }

	.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; }

	.SPHEREIT_CONTENT .Quadrant .entities .entity7 { font-size: 24px; }
	.SPHEREIT_CONTENT .Quadrant .entities .entity6 { font-size: 22px; }
	.SPHEREIT_CONTENT .Quadrant .entities .entity5 { font-size: 20px; }
	.SPHEREIT_CONTENT .Quadrant .entities .entity4 { font-size: 18px; }
	.SPHEREIT_CONTENT .Quadrant .entities .entity3 { font-size: 16px; }
	.SPHEREIT_CONTENT .Quadrant .entities .entity2 { font-size: 14px; }
	.SPHEREIT_CONTENT .Quadrant .entities .entity1 { font-size: 12px; }
	.sphereMainContentArea, .loadingArea { border-bottom:1px solid #CCC; }
	
	

	/* for wide widget */
    #sphereiframeblock { position:absolute; z-index:-1; width:623px; border:0px solid RED; margin: 13px; height:0px; display:none;}
    .widgetWrapper { z-index:9999; width: 650px; _width: 649px; font-family: Arial, Helvetica, san-serif; text-align: left;  }
    #widget { width: 630px; background: url(/widgets/sphereit/images/Spherecom_Widget2_Mid.png) center repeat-y; padding:0 10px; }  
	.roundTop {width:650px !important;}
    .roundTop { background: url(/widgets/sphereit/images/Spherecom_Widget2_Top.png) 0px 0px no-repeat; height: 17px; border:0; }
	.headerBar {width:630px !important;}
    .SPHEREIT_CONTENT .ColumnL { width: 300px; vertical-align: top; *overflow:hidden; }
    .SPHEREIT_CONTENT .ColumnR { width: 330px; vertical-align: top; /*background-color: #E1F1F9;*/ *overflow:hidden; }  
    .footerBar { position: relative; left: 1px; width: 629px; }
    #roundBot {  background: url(/widgets/sphereit/images/Spherecom_Widget2_Bot.png) center top no-repeat; height: 17px; margin-top: -0px; }
	#roundBot {width:650px !important;}

	.SPHEREIT_CONTENT .vidthumb {float:left; width:100px;}
	.SPHEREIT_CONTENT #videoResults #byLineContainer {display:block; margin-left:108px;} 
	/* .SPHEREIT_CONTENT #videoResults li {margin-bottom:40px;} */
	.SPHEREIT_CONTENT #videoResults li {height:90px; overflow:hidden;}
	/* this piece of crap ie styling method breaks the first style underneath it, so keep the dummyStyle under it */
	<!--[if IE 7]>
	#roundBot { position:relative; left:1px;} /* for ie7 */
	<![endif]-->
	.dummyStyle{}
	<!--[if IE 7]>
	.roundTop {margin-bottom:-1px;}
	<![endif]-->
	.dummyStyle{}





 













    
    





	












































































 

   


  

  

   

 

 

 

 

   


















	#content .sphere p.see-more img { position:relative; top:8px; margin-right:4px; }




 

	/* inline dbl wide layout piggy backing the widget css file for ad iframe; engadget dbl wide layout */
	.sphere-sponsored-links iframe { width: 450px; height: 250px; border: 1px solid #f4f4f4; } 
	/* for popup */
	#widget .timeFormat {color:#000; font-size:10px;}
	#widget .sphereNoResults {margin:4px 0 0 9px; font-size:10px;}
	#widget .contentHolder {float:left; overflow:visible; position:relative; }
    #widget .sphereMainContentArea { padding:1em 0em 0em 0em; }
    #widget #spherePopAd {margin-left:300px; margin-top:1em; width:180px;}
    #widget h2 { color:#000; font-size:15px; font-weight:bold; margin-left:12px; text-transform:capitalize;}
	#widget a { text-decoration:none; font-size:12px; color:#0AA7D6; } 
	#widget a:hover { text-decoration:underline; } 
    #widget ul {list-style-type:none; margin-left:12px; }
	#widget .docset { font-size:11px; }
	#widget .vidthumb {float:left; width:100px;}
	#widget #spherePop_q3 #byLineContainer {display:block; margin-left:108px;} 
	#widget #spherePop_q3 li { margin-left: 12px; list-style: none; margin-bottom: 10px; line-height: 100%; }
	#widget #spherePop_q3 li p { line-height:1.3em; font-size:10px;}

    #widget { width: 630px; background: url(/widgets/sphereit/images/Engadget_Mid.png) center repeat-y; padding:0 10px; }  
    .roundTop { background: url(/widgets/sphereit/images/Engadget_Top.png) 0px 0px no-repeat; height: 17px; }
    .headerBar { background: #fff url(http://www.surphace.com/widgets/sphereit/images/Engadget_Header_bg.png) 0px 0px no-repeat; border-bottom: 1px solid #ccc; height:31px; }
    .headerBar .closeBtn { float:right; background: transparent url(http://www.surphace.com/widgets/sphereit/images/Generic_Btn_Black_alpha.png) no-repeat scroll 0 0}
    .headerBar .spherelink { display:block; visibility:visible; float: right; margin: -1px 40px 0px 0; _margin-right: 20px; line-height: 11px; color: #000000; font-size: 10px; }
    #roundBot {  background: url(/widgets/sphereit/images/Engadget_Bot.png) center top no-repeat; height: 17px; margin-top: -0px; }
    #sphereiframeblock { position:absolute; z-index:-1; width:623px; border:0px solid RED; margin: 13px; height:0px; display:none;}
	/* piggyback some inline styles */
	#sphereAd { display:none !important; }
	#sphereTalk { width:100% !important; min-height: 0 !important; }
	#content .sphere ul li { padding-right: 0 !important; }
	.sphere h3 { width:100% !important; }
	#sphereTalk p.powered-by { top: 0px !important;}
	#widget #spherePop_q1 {width:280px; border:0px solid blue;}
	#widget #spherePop_q2 {width:320px; margin:0 0 0 8px; border:0px solid red;}
	#widget #spherePop_q3 {width:280px; clear:left; margin-top:2em; border:0px solid blue;}
	#widget #spherePop_q4 {width:320px; float:left; margin-left:7px; border-top:1px solid #ccc; padding:15px 0 15px 0; text-align:center; border:0px solid red;}
	#widget #spherePop_q3  ul {margin-left:0px !important; margin-top:8px !important;} /* for video list */



/* -- END SPHERE CSS -- */
