﻿*{
padding:0;
margin:0;
}
body{
margin:  0px; 
padding:0;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
background: #505050 url(../graphics/bg-black_matte.gif) repeat-y center
}

#page_wrapper {
position: relative;
  margin-left: auto; 
  margin-right: auto;
  width: 1000px;
  text-align: left;
  background: #FFFFFF;
}

#content_wrapper {
position: absolute;
  width: 1000px;
  top: 150px;
  left: 0px;
  padding: 0px;
  margin: 0px; 
background: #FFFFFF;
padding: 0px;
}

#search {
position: absolute;
  width: 300px;
  top: 155px;
  left: 700px;
  z-index: 2;
}
#left {
  float: left;
  margin: 15px 0px 0px 0px;
  width: 280px;
}

#middle {
  padding: 15px 280px 0px 280px;
 
}

#middleborder {
position: relative;
float: left;
  border-right: 1px #858585 dashed;
  border-left: 1px #858585 dashed;
  width: 440px;
}


#middle img {
float: left;
margin: 5px 15px 5px 15px;}

#middle p {

margin: 5px 15px 0px 15px;
}

#right {
  float: right;
  margin: 15px 0px 0px 0px;
  width: 280px;
}

#twocolmain {
position: relative;
  float: left;
  width: 750px;
  border-left: 1px #858585 dashed;
 padding-left: 15px;
   margin-top: 15px;
}

#twocolmain img {

  float: right;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 45px;}

#twocolmember {
position: relative;
  float: left;
  width: 750px;
  border-left: 1px #858585 dashed;
 padding-left: 15px;
   margin-top: 15px;
}

#twocolmember img {

  float: right;
margin: 0;}

#twocolleft {
  float: left;
  margin: 15px 0px 0px 0px;
  width: 200px;
  
}

#item {
  margin-bottom: 10px;
  width: 420px;
float: left;
}

#searchpage {
position: relative;
  float: left;
  width: 750px;
 padding-left: 15px;
   margin-top: 15px;
}

div.floatright
{
float: right;
width: 390px;
margin: 0px;
padding: 0px;
}

div.floatright img { 
margin-left:0px;
 }


div.floatright p { 
margin: 0;
padding: 0;
text-indent: 0;
text-align: center;
 }

#footer {
position: relative;
float: left;
width: 100%;
  padding-top: 40px;
  text-align: center;
  clear: both;
  font-family: Arial, sans-serif;
font-size: 10px;
color: #8a8a8a;
}



.datatable {
text-align: left;
padding: 5px;
margin-left: 15px;
}
/********************************************
		global navigation
********************************************/

#nav{
  position: absolute;
  width: 1000px;
  top: 120px;
  left: 0px;
  font-family: Arial, sans-serif;
   text-align:center;
font-size: 12px;}

#nav ul{
  width:100%;
  background-color:#505050;
  margin:0px;
  padding: 0px;
  
  float:left;
  text-align:center;
}

#nav ul li{
  display:inline;
}

#nav ul li a{
  float:left;
  color:#ffffff;
  margin: 0px;
  padding:8px 15px 8px 15px;
  border-right:1px solid #ffffff;
   text-decoration: none;
}
#nav ul li a:hover{
background-color:#CF1F44;
  color:#ffffff;
  text-decoration: none;
}
#nav ul li.last a {
border-right: 0px;
}

#navupper{
  position: absolute;
  width: 215px;
  top: 10px;
  left: 640px;
  font-family: Arial, sans-serif;
   text-align:center;
font-size: 12px;}

#navupper ul{
  width:100%;
  background-color:#ffffff;
  margin:0px;
  padding: 0px;
  
  float:left;
  text-align:center;
}

#navupper ul li{
  display:inline;
}

#navupper ul li a{
  float:left;
  color:red;
  font-weight:bold;
  margin: 0px;
  padding: 4px 10px 4px 10px;
  border-right:1px solid red;
   text-decoration: none;
}
#navupper ul li a:hover{

  color:black;
  text-decoration: underline;
}
#navupper ul li.last a {
border-right: 0px;
}

	
/********************************************
	type
********************************************/
p {
font-family: Arial, sans-serif;
font-size: 12px;
color: #505050;
padding: 0px;
margin: 5px 15px 0px 15px;
text-align: left;}

td {
font-family: Arial, sans-serif;
font-size: 12px;
color: #505050;
text-align: left;}

h2 {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CE1F45;
margin: 10px 15px 5px 15px;
text-align: left;}


h3 {
font-family: Arial, sans-serif;

font-size: 12px;
color: #005A9B;
margin: 5px 15px 5px 15px;
text-align: left;
font-weight: normal;}

.title {
font-family: Arial, sans-serif;
font-size: 16px;
color: #005B9B;
margin-left: 10px;
padding: 0px;
text-align: left;
font-weight: bold;}
		
/********************************************
links
********************************************/
A:link {
	text-decoration: none;
	color: #0000FF;
}

A:visited {color: #005A9B;
	 text-decoration: none
}
A:active {color: #005A9B;
	 text-decoration: none
}
A:hover {color: #005A9B;
	 text-decoration: underline
}
/********************************************
		lists
********************************************/
#content_wrapper ul, ol {
margin: 10px 10px 10px 40px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #505050;
}

#content_wrapper li {
padding: 0px 15px 5px 5px;

}

#left ul, ol {
margin: 10px 10px 10px 40px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #505050;
}

#left li {
padding: 0px 15px 5px 5px;

}

#right ul, ol {
margin: 10px 10px 10px 40px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #505050;
}

#right li {
padding: 0px 15px 5px 5px;

}

/********************************************
	story and page container
********************************************/
.bodycontainer .story,
.bodycontainerwide .story{background:#fff url(../images/bg-story_wide_new.gif) repeat-y;}
		
	.story .container{ background:#fff url(../images/bg-story_wide_new.gif) repeat-y; z-index:1; position:relative;}
	
		.story .container .main .captop{
		display:none;
		/*width:664px; background:#2d64a5;*/
		}
		.story .capbot{
		clear:both; 
		position:relative; height:10px; 
		background:url(../images/bg-story_capbot_new.gif) no-repeat;
		font-size:1px;
		}
		.bodycontainer .story .main, .bodycontainerwide .story .main{ 
		position:relative; float:left; width:655px; overflow:hidden; padding-right:7px;
		}
			.bodycontainer .story .main{ background:#fff url(../images/bg-story_wide_new.gif) repeat-y;}
			.bodycontainerwide .story .main{ background:#fff url(../images/bg-story_wide_new.gif) repeat-y;}
				
	.story .content, .story .contentwide{
	position:relative; float:left; width:413px; overflow:hidden; margin-left:2px; padding-right:2px; /*background:#fff;*/
	text-align:left;
	}
		.story .contentwide{ width:647px;}
	
		.story a{ color:#265599;}
		.story a:hover{ text-decoration:underline;}
		
/********************************************
		wide page container
*********************************************/
.bodycontainerfull .story {
	background:#fff;
	/*background:#2d64a5 url(../images/bg-full_page_story_wide.gif) repeat-y;*/
	}

	.bodycontainerfull .story .container .main {
	background:#fff;
		 position:relative;
		 float:left; 
		 width:998px; 
		 overflow:hidden;
		 /*background:#fff url(../images/bg-full_page_story_wide.gif) repeat-y; */
		 }

	 .bodycontainerfull .story .container {
		z-index:1;
		position:relative; }

	 .bodycontainerfull .story .container .main .captop {
		width:1000px;
		background:#2d64a5;}

	 .bodycontainerfull .story .capbot {
		clear:both; position:relative;  
		background:url(../images/bg-full_page_story_capbot.gif) no-repeat;
		font-size:1px;}

	 .bodycontainerfull  .story .contentwide{
		position:relative; 
		float:left; width:994px; 
		overflow:hidden; 
		margin-left:2px; 
		/*background:#fff;*/
		text-align:left;}

/********************************************
		mediaplayer
********************************************/
#mediaplayer{
position:relative;
width:332px; height:244px; overflow:hidden; padding-bottom:4px;
background:#fff url(../images/bg-mediaplayer.gif) no-repeat;
text-align:center;
}
#mediaplayer2{
position:relative;
width:336px; height:298px; overflow:hidden; padding-bottom:4px;
background:#fff;
text-align:center;
}
	.story .media #mediaplayer2{
	position:relative; left:-4px;
	}
	.story .media #mediaplayer{
	position:relative; left:-4px;
	}
	#fspsrccontainer{
	width:332px; height:240px; margin-left:auto; margin-right:auto; margin-top:3px;
	}
	#mediaplayer .captop, #mediaplayer .capbottom{
	width:332px;
	}
	#mediaplayer #morevideos{
	width:110px; height:20px; overflow:hidden; margin-left:auto; margin-right:auto;
	background:#000 url(../images/but-more_videos.png) no-repeat bottom;
	cursor:pointer; 
	}
	#mediaplayer a.download{ color:#fff; font-size:14px; font-weight:bold; }
	
	#shield{ position:absolute; top:3px; left:4px; width:324px; height:238px; background:#000;}
	
	.story .media{
	float:right; position:relative;
	width:332px; /*overflow:hidden;*/ text-align:center;
	}
		.story .media #mediaplayer{
		border-top:4px solid #fff;
		}
		.story .media #homead{
		position:relative; left:0px;
		}
		.story .media #homead .capbottom{ display:none;}
		.story .media #homead .captop{ width:332px; background:#50646e;}
		.story .media .abcpromo{ position:relative; margin-top:7px; margin-left:auto; margin-right:auto;}
		
		
		#shield #mploading{ position:absolute; top:100px; left:154px;}
		
/********************************************
		homead
********************************************/
#homead{
z-index:1000; position:relative;
width:320px; height:auto; /*position:absolute; left:667px;overflow:hidden;*/
background:#50646e;
}
	#homead .captop, #homead .capbot{ display:none; }
	
	#homead .container{
	width:320px; height:auto; /*overflow:hidden;*/
	background:#50646e;
	text-align:center;
	}
		#homead .container .ad{
		padding-top:5px; margin-left:15px;
		width:300px;
		}
	#homead .container .label{
	position:absolute; top:4px; left:2px;
	width:7px; height:85px;
	background:url(../images/label-advertisement.gif) no-repeat;
	}
/********************************************
		marketplace
********************************************/
.marketplace {
clear:both;
width:100%;
position:relative;
padding:5px 0;
background:#fff;
}
.marketplace .midcontainer{
padding:0 2px;
border-left:1px solid #bebebe; border-right:1px solid #bebebe;
}
.marketplaceL{
position:relative;
margin-top:0px; padding-bottom:5px; margin-left:2px;
background:#fff;
width:656px;
float:left;
}
	.marketplaceL .main{
	width:650px !important; height:170px;
	background:#fff;
	}
	.marketplaceL .capbottom, .marketplaceL .captop, .marketplaceR .capbottom, .marketplaceR .captop{
	height:3px; clear:both;
	}
	.marketplaceL .container{
	width:650px; height:170px; margin-left:auto; margin-right:auto;
	text-align:left; background:#fff;
	}
		.marketplaceL .quigo{ width:620px; overflow:hidden; padding:5px 0 0 5px;}
		
.marketplaceR{
margin-top:0px; padding:0 2px 5px 2px;
background:#fff;
width:334px; overflow:hidden;
float:right;
}		
		.marketplaceR .promoright {background:#fff;width:326px;margin-right:auto;margin-left:auto;height:165px;padding-top:5px;}
		.marketplaceR .promoright .promobox{margin:0 auto 10px auto;width:322px;background:#fff;}
		.marketplaceR .promoright .custombox {margin:0 auto 10px auto;width:322px;background:#fff;}
/********************************************
		nytimes ad
********************************************/
.media .abcpromo #feature_adlinks {margin:10px auto 10px auto;
border:1px solid #000;
width:300px;
padding:5px;
background:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

.marketplacepromos #feature_adlinks {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:310px; 
padding:5px; 
border:1px solid #ccc;
}

.side-item #feature_adlinks {
border:1px solid #000;
width:328px;
padding:5px;
background:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

.media .abcpromo #feature_adlinks h4, .marketplacepromos #feature_adlinks h4, .side-item #feature_adlinks h4 {font-size:11px;}
.media .abcpromo #feature_adlinks ul, .marketplacepromos #feature_adlinks ul, .side-item #feature_adlinks ul {list-style:none;}
.media .abcpromo #feature_adlinks li, .marketplacepromos #feature_adlinks li, .side-item #feature_adlinks li {line-height:1.2em;}

/********************************************
		global footer
********************************************/
.footer{
z-index:1; position:relative; width:1000px;
clear:both; background:#080808;
margin-left:auto; margin-right:auto; padding-top:10px;
color:#fff; font-size:11px;
}
	.footer .services{ text-align:center; color:#ccc;}
	.footer .info{ text-align:center; margin-top:7px; margin-bottom:7px;}
	.footer .disclaimer{float:left; margin-bottom:10px;}
	.footer .copyright{float:right; margin-bottom:10px;}
	.footer .quotes{clear:both; margin-bottom:10px; text-align:center;}

	.footer ul{
	list-style:none; margin:0; padding:0;
	}
	.footer li{
	display:inline; margin:0; padding:0;
	}
	.footer .services{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:bold; color:#fff;
	}
	.footer .services span, .footer .info span{
	padding:0 4px;
	}
	.footer .pipe{
	color:#fff; font-size:9px; position:relative; top:-1px;
	}
	.footer a, .footer a:visited{
	color:#fff; text-decoration:none; border:none; background:none;
	}
		.footer a:hover{color:#89b1df;}
	
	.footer .services a, .footer .services a:visited, .footer .services .pipe{
	color:#ccc;
	}
		.footer .services a:hover{color:#89b1df;}

/********************************************
	widget index layout
********************************************/
.mainnews_row, .specialevent_row, .other-topstories_row, .packages_carousel_row{
clear:both; margin-bottom:4px;
}		
	.mainnews_row{
	height:432px;
	}
	/*.packages_carousel_row{
	height:480px;
	}*/
.clearboth{
clear:both; font-size:1px;
}
.captop,.capbottom{
height:3px; clear:both;
}
	.captop{ background:#fff url(../images/bg-captop.gif) repeat-x top; }
	.capbottom{ background:#fff url(../images/bg-capbot.gif) repeat-x top; }
	
	.captop img.left,.capbottom img.left{
	float:left;
	}
	.captop img.right,.capbottom img.right{
	float:right;
	}
		
/********************************************
	other
********************************************/
.imgbut{
cursor:pointer;
}
.breadcrumb{
padding-top:5px; color:#999;
}
	.breadcrumb a{ 
	text-decoration:underline;
	}
.tooltip{
background:#fff1dc; border:1px solid #999;
font-size:11px; padding:4px;
}
#debugger{ position:absolute; top:0; left:0; text-align:left; color:#fff;}

.quigo_ad {
border:1px solid #000;background-color:#fff;margin:10px auto;width:300px;padding:5px;
}

.content-label{color:#c00; font-size:10px;}

/********************************************
	typical headline list with icons
********************************************/
.package{
width:360px; padding:10px 0 10px 10px; overflow:hidden; clear:left;
}
.package .pane{
display:block; padding:0 0 5px 5px; margin:0 0 5px 0; overflow:hidden;
}
.package ul{
list-style:none; margin-right:10px;
}
.package .pane li{ float:left; list-style:none; clear:both; margin-top:10px; width:100%;}
.package .pane li a{ display:block; float:left; font-weight:bold; font-size:11px;}
.relheadline a{ float: none;}

.package .pane .icons{ clear:both; padding:0px; margin:2px 2px 5px 20px;color:#666;}

.package .pane .icon{
margin-right:5px;
}
	.relheadline{
	float:left; width:310px;
	}
	.tertiary .relheadline{
	float:left; width:215px;
	}	

.package .pane .icons a {float:none;display:inline;vertical-align:middle;}

.package .pane .leadin{
padding:0 0 0 20px; clear:both;
}

.regitem-bullet{ background:url(../images/icons/bullet-blue.gif) no-repeat; padding-left:13px; }

.regitem-video{ background:url(http://a.abcnews.com/assets/images/icons/icon-video.gif) no-repeat; padding-left:20px; }
.regitem-premium_video{ background:url(http://a.abcnews.com/assets/images/icons/icon-video.gif) no-repeat; padding-left:20px; }
.regitem-photos{ background:url(../images/icons/icon-photos.gif) no-repeat; padding-left:20px; }
.regitem-story{ background:url(../images/icons/icon-story.gif) no-repeat; padding-left:20px; }
.regitem-vote{ background:url(../images/icons/icon-vote.gif) no-repeat; padding-left:20px; }
.regitem-comment{ background:url(../images/icons/icon-comment.gif) no-repeat; padding-left:20px; }
.regitem-index{ background:url(../images/icons/icon-index.gif) no-repeat; padding-left:20px; }

/********************************************
	sweepstakes
********************************************/

td ul {
	padding-left:15px;
}

.rrw{
border: 1px solid #ddd; margin: 0pt 10px 10px; padding: 5px; width: 200px; float: left;
}



