html{text-align:center; background-color: #ededed;}
body{
	margin: 0;
	padding: 0;
	background-color: #ededed;
	font: .9em / 1 'helvetica neue', helvetica, arial, sans-serif;
	position: relative;
	text-align:center;
	color: #444742;
}
body#home{font: .9em / 1.3 'Georgia','Cambria','Times New Roman', 'Times', serif;}

#top{width: 1200px; text-align:center; margin:auto;}

#mast{height: 3em;}
table{width:70em; margin:auto;}
th, .txtleft{text-align: left;}
.txtright{text-align:right;}
.txtcenter{text-align: center;}

#flashcontent{height:600px; margin: auto; width:1200px; text-align:left; background:transparent}

#lists-wrap{clear:both; margin:auto; text-align:left; width: 900px;}
#footerwrap{clear:both;height: 200px; margin: auto; width:900px;}

/*--- PRIVACY PAGE ---*/
body#privacy-terms{font-size: .8em; background: #F0F2F0; text-align:center;}
body#privacy-terms #container{background: #fff url(/_img/bak.gif) repeat-y; width: 942px; margin: 0 auto; text-align:left;}
body#privacy-terms #container h2, body#privacy-terms #container h3, body#privacy-terms #container h4, body#privacy-terms #container p{margin: 0 40px 20px 50px;}
body#privacy-terms #container h2{margin-top: -50px;}
body#privacy-terms #container li{margin: 0 80px 20px 50px; font-size: .9em;}
body#privacy-terms h1#mast{background: url(/_img/mast.gif) no-repeat; width: 942px; height: 75px; margin: 0 auto; text-indent:-9999px;}
body#privacy-terms a:link{color: #09f;}
body#privacy-terms a:visited{color: #00f;}
body#privacy-terms a:hover, body#privacy-terms a:active{color: #09f;}
body#privacy-terms p#footer{background: url(/_img/footer.gif) bottom left no-repeat; margin:0;}
body#privacy-terms p#footer i{display:block; margin: -20px 20px;}

.nodisplay{display: none;}

/*------------ LISTS AND TABS----------------*/
#lists{
	/* background: #fff; */
	font-weight:bold; 
	margin:auto;
	height: 430px;
	overflow:hidden;
	position:relative;
	width:880px;
	clear:both;
	/* for ff/moz */
	-moz-border-radius-bottomleft:  10px;  
	-moz-border-radius-bottomright: 10px;
	/* for saf/webkit */   
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-right-radius: 10px;  
	/* in case the browser supports this CSS3 dec */    
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px;  

}
#lists a:link, #lists a:visited{color:#444742; text-decoration:none; }

#lists div#popular, #lists div#loved, #lists div#videos{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-right-radius: 10px;  
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px;  
 	background: #fff;
	display:none;
	left:0;
	position:absolute;
	overflow:hidden;
	top:0;
	width: 880px;
	height: 430px;
}

#lists div#popular{ -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;  }
#lists div#loved{ 
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;  
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;  
}
#lists div#videos{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;  }


#lists div#popular #popinner, #lists div#loved #lovedinner, #lists div#videos #videoInnerBox{
	width: 2950px;
	height: 380px;
	position:relative;
	left:0;
	top:0;
}

#lists div#popular.current, #lists div#loved.current, #lists div#videos.current{display:block;}

#tabs{
	float:left;
	list-style-type:none;
	width: 100%;
	margin:0 0 0 10px;
	height:43px;
	position: relative;
}
/* added 2009.06.09 */
#tabs li{left:0; position:absolute;}
#tabs li a{
	background-image: url(http://s3.amazonaws.com/sat-mmif/img/headlines.gif);
	background-repeat:no-repeat;
	height: 35px;
	margin: 0;
	padding: 5px 0;
	cursor:pointer;
	text-indent:-9999px;
	width: 285px;
	position:absolute;
	outline:none;
}
#tabs li a#poplink{background-position: 20px 10px; top:0; left: 0;} 

#tabs li a#lovedlink{
	background-position: -268px 8px; 
	left: 295px; 
	width: 290px;
}
#tabs li a#vidlink{
	background-position: -558px 8px; 
	left: 595px;
}

#tabs li a.current{ 
	background-color: #fff; 
	/* for ff/moz */
	-moz-border-radius-topleft: 8px;  
	-moz-border-radius-topright: 8px;
	/* for saf/webkit */   
	-webkit-border-top-left-radius: 8px;  
	-webkit-border-top-right-radius: 8px;  
	/* in case the browser supports this CSS3 dec   */   
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;     
}
#lists ol, #lists ul{list-style-type:none;}
#lists ol{float:left; width: 250px;}	
#lists ul{margin-top: 25px; float:left;}

#lists li:hover a:link, #lists li:hover a:visited{color:#fff; text-decoration:none;}

#lists #popular li, #lists #loved li{
	-moz-border-radius: 17px;     /* for ff/moz */
	-webkit-border-radius: 17px;  /* for saf/webkit */ 
	border-radius: 17px;          /* in case the browser supports this CSS3 dec */
	height: 28px;
	list-style-type:none;
	margin-left: -25px; 
	padding: 7px 0 0 10px;
	width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
}
#lists li:hover{background: #09f; color:#fff; cursor: pointer;}

/* #lists #popular li:hover, #lists #loved li:hover{background: #09f; color:#fff; cursor: pointer;} */



/*-------- next / previous links ----------- */
#lists .slide{
	clear:both;
	width: 860px;
	height:30px;
}
#lists .slide a, #lists .slide a.more{  /* a.more = for non-(-moz-|-webkit-)border-radius browsers */
	-moz-border-radius: 15px; 
	-webkit-border-radius: 12px; 
	background: #333;
	color:#fff;
	cursor: pointer;
	display:block; 
	float:right; 
	margin: 0 2em 1em -1.7em;
	text-align:center; 
	width: 55px;
	height: 25px;
	line-height: 1.75;
} 
#lists .slide a:hover{background: #09f;}

/*-- only applied in browsers that don't support (-moz-|-webkit-)border-radius--*/
#lists .slide a.more{background: url(http://s3.amazonaws.com/sat-mmif/img/morebck.gif) 0 0 no-repeat;}
#lists .slide a:hover.more{background-position: -55px 0;}

/*---- Videos ----*/

#lists div#videos ul li{
	float:left; 
	height: 178px;
	list-style-type: none; 
	margin: 0 15px 0 0;
	width: 200px;
	overflow:hidden;
}

#lists div#videos li a{clear:both; display:block; font-weight:normal; font-size: .8em; margin-bottom: 0px}

#lists div#videos li:hover{background: none; color:#09f;}
#lists div#videos li:hover a:link{color:#09f; text-decoration:none;}
#lists div#videos li:hover a:visited{color:#09f;}

#lists div#videos ul li a:link span.vidthumb{
	width: 160px;
	height: 93px;
	display:block;
	margin-bottom: .5em;
	background-repeat: no-repeat;
}
#lists div#videos li a span{font-weight:bold;}
#lists div#videos li a i{
	display:block;
	clear:both;
	font-style:normal;
}
#lists div#videos li div.vidinterviewee{font-weight:bold;}

#morevideos{position:absolute; bottom:55px; left:30px;}

#morevideos #mv{
	background: url(http://s3.amazonaws.com/sat-mmif/img/morevids.gif) no-repeat;
	display:block;
	position:absolute;
	height: 51px;
	text-indent: -9999px;
	width: 150px;
	cursor:pointer; 
}

#morevideos #infopanel{
	background: url(http://s3.amazonaws.com/sat-mmif/img/rtninfo.png) no-repeat;
	display:none;
	position:absolute;
	z-index:2;
	top:-170px;
	width: 202px;
	height: 210px;
	text-indent: -9999px;
} 
#morevideos i #rtn1{
	display: block;
	position:absolute;
	width: 95px;
	height: 14px;
	top: 79px;
	left: 17px;
	outline:none;
}
#morevideos i #rtn2{
	display: block;
	position:absolute;
	width: 27px;
	height: 14px;
	top: 145px;
	left: 150px;
	outline:none;
}
#morevideos #closevideoinfo{
	cursor:pointer;
	display: block;
	position:absolute;
	width: 20px;
	height: 18px;
	top: 180px;
	left: 10px;
	outline:none;
}

/* --- Corners --- */
#lists b, #tabs .current b{
	background-image: url(http://cdn.satachievemore.com/img/corners.gif);
	background-repeat: no-repeat;
	position:absolute;
	width: 10px;
	height: 10px;
	z-index:0;
}
#lists b.tr, #lists b.tl, #tabs .current b.tl, #tabs .current b.tr{top:0;}
#lists b.br,#lists b.bl{bottom:0;}
#lists b.tl,#lists b.bl, #tabs .current b.tl{left:0;}
#lists b.tr,#lists b.br, #tabs .current b.tr{right:0;}

#lists b.tr, #tabs .current b.tr{background-position: -69px 0px;}
#lists b.tl{background-position: 0 0;}
#lists b.br{background-position: -69px -70px;}
#lists b.bl{background-position: 0 -70px;}
#popular b.tl, #videos b.tr{display: none;}

#lists li b{display: none;}

#lists li:hover b.tr, #lists li:hover b.tl{
	display:block; 
	height: 35px; 
	top: 0; 
	background-image: url(http://cdn.satachievemore.com/img/lbck.gif);
	background-position: 0 -1px;
	width: 20px;
}
#lists li:hover b.tr{background-position: -80px -1px;}

