/* TEMPORARY HOME OF CAPS HOMEPAGE STYLES - will move into modules when the time is right */

div#ooyalaVidContainer {
	opacity:0; /* initial state */
}

/* Fix to .round layout */
div.knockout .round {
    margin-bottom:10px;
	padding:15px 20px;
}

/* Scoreleader Taunt */
#scoreleader .avatar {
	padding:2px;
	border:1px solid #ccc;
	height:46px;
	width:46px;
	float:left;
	margin-bottom:10px;
}

#scoreleader div#tauntContainer {
	margin:0px 0px 10px 60px;
}


#scoreleader div#tauntContainer ul li {
    font-size:12px;
    margin:8px 10px 0 0;
    float:left;
}

#scoreleader div#tauntContainer ul li.first {
    float:none;
}

#scoreleader div#taunt {
    margin-top:-20px;
    *margin-top:10px;
	background:#fff;
}
#scoreleader div#tauntContainer p{
	margin-bottom:5px;
}

/* Pitches */
.pitches{
	border-top:1px dotted #ccc;
}
.pitches ul, li{
	list-style:none;
}
.pitches li{
	clear:both;
	border-bottom:1px dotted #ccc;
	padding:20px 0 8px;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}
.pitches .avatar{
	float:left;
}
.pitches .avatar a img{
	width:35px;
	padding:2px;
	border:1px solid #ccc;
}	
.pitches .pitch{
	font-weight:bold;
	font-size:16px;
	width: 535px;
	float:left;
}
.pitches .pitch a{
	text-decoration:none;
}
.pitches .pitch p{
	margin:10px 15px 10px 0;
	font-weight:normal;
	font-size:12px;
}
.pitches .pitch p a{
	text-decoration:underline;
}
.pitches .pitch p.timestamp{
    color: #777777;
    margin: 4px 0;
}
.pitches .pitch p.timestamp a{
		text-decoration:underline;
}
.pitches .pitch .pitcherRating{
	color:#666;
	font-weight:bold;
}
.pitches .pitch .call{
	display:none;
}
.Underperform{
	background:transparent url(//web-archive.nli.org.il/National_Library/oe_///g.foolcdn.com/art/ratings/quotes/thumbsDown.gif) no-repeat;
  height: 35px;
  margin-right: 12px;
  text-indent: -9999px;
  width: 35px;
  float:left;
}
.Outperform{
    background: url("//web-archive.nli.org.il/National_Library/oe_///g.foolcdn.com/art/ratings/quotes/thumbsUp.gif") no-repeat scroll 0 0 transparent;
    height: 35px;
    margin-right: 12px;
    text-indent: -9999px;
    width: 35px;
    float:left;
}

/* Old code pulled over from caps css file */
.pitch .recs{
	position:absolute;
	top:15px;
	right:0;
	width:45px;
	height:38px;
	padding-top:3px;
	font-size:11px;
	background:#FCFDB1 url(//web-archive.nli.org.il/National_Library/oe_///g.foolcdn.com/art/ratings/rec_bg3.gif) no-repeat scroll left top;
	border:1px solid #FEDB89;
}
.pitch .dataViewButton {
	background:#E9E9E9 url(//web-archive.nli.org.il/National_Library/oe_///g.foolcdn.com/art/ratings/button_bg_grey.gif) repeat-x scroll left top;
	border-color:#D8D8D8 #999999 #999999 #D8D8D8;
	border-style:solid;
	border-width:1px;
	color:#333333;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-size:9px;
	text-decoration:none;
	margin-top:10px;
}
.pitch .recs span{
	display:block;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}


/* Today's Most Picked */
#mostPicked li{
	clear:both;
	font-size:12px;
	position:relative;
	margin-bottom:20px;
}
#mostPicked li span{
	display:block;
	color:#666;
	margin-top:3px;
	font-size:12px;
}
#mostPicked table {
	padding:0px;
	position:static;
	border:1px solid #D3DAE4;
	margin-bottom:10px;
	border-collapse:separate;
	width:280px;
	line-height:18px;
}
#mostPicked table td{
	padding:5px;
}
#mostPicked table a{
	text-decoration:none;
}
#mostPicked table .capsRating img{
	vertical-align:middle;
}
#mostPicked table td.capsRating, #mostPicked td.capsRating span.capsRating {
	width:132px;
}
#mostPicked table td.ticker {
	width:70px;
}
#mostPicked table td.currentPrice {
	width:60px;
}
#mostPicked table tr.priceInfo {
	background-color:#E5EBF9;
	padding:0px;
}
#mostPicked table tr.priceInfo td {
	font-size:14px;
	font-weight:bold;
	padding:5px;
}
#mostPicked .priceChange, #mostPicked .pricePercentChange{
	width:60px;
}
#mostPicked .movementDirection{
	width:17px;
}


/* This Week's Bull/Bear Movers */
#bullBearTickers .bullish, #bullBearTickers .bearish{
	padding:8px 8px 8px 70px;
	font-size:12px;
}
#bullBearTickers th{
	padding:5px 3px;
	color:#000;
	text-align:left;
	font-size:13px;
	background:#E5EBF9;
}
#bullBearTickers td{
	padding:5px 0;
}
#bullBearTickers .bullish{
	background:transparent url(//web-archive.nli.org.il/National_Library/oe_///g.foolcdn.com/art/ratings/quotes/arrowUpLarge.gif) no-repeat 0 50%;
	padding-bottom:10px;
}
#bullBearTickers .bearish{
	padding-top:10px;
	background:transparent url(//web-archive.nli.org.il/National_Library/oe_///g.foolcdn.com/art/ratings/quotes/arrowDownLarge.gif) no-repeat 0 50%;
}
#bullBearTickers .companyName{
	width:185px;
}


/* First Time User Exp. */
#fue{
	margin-bottom:35px;
}
#fue h2{
	color:#006699;
	font-size:20px;
}
#fue .button{
	display:block;
	background:#80D365 url(//web-archive.nli.org.il/National_Library/oe_///g.foolcdn.com/img/how_to_invest/buttonBg.gif) repeat-x scroll left top;
	border:1px solid #3CA43C;
	padding:10px;
	float:left;
	width:150px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius:5px;
	margin-right:15px;
}
#fue .loginBtn{
	padding-top:12px;
	font-size:14px;
	display:block;
	float:left;
}
#fue .button:hover{
	background-position:20px;
}
#fue #steps{
	border:1px solid #D3DAE4;
	padding:20px;
	background-color:#F4F7FB;
}

#callouts {
	margin:10px 0 20px 0px;	
}

#callouts li {
	background-color:#fefefe;
	border:1px solid #f1f1f1;
	width:148px;
	float:left;
	padding:13px;
	margin-right:10px;
	min-height:100px; /* aim for uniform height in smart browsers */
	
}
#callouts li.last{
	margin-right:0;
}

#callouts li:hover, #callouts li.hover {
    -moz-box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    cursor:pointer;
}

#callouts li.hover {
    border:1px solid #ddd;
}

#callouts h3{
	margin-bottom:0;
	/* msn overrides */
	background:transparent !important; 
	padding:0px !important;
	border:0px !important;
	color:#333 !important;
}
#callouts p{
	margin:5px 0 0;
	color:#666;
	font-size:11px;
}
#callouts a{
	display:block;
	font-size:13px;
	margin-top:10px;
}

div.feedbackLink{
	font-size:13px;
	background-color:LightYellow;
	padding:10px;
	margin-top:20px;
	text-align:center;
}

/* Market Mover */
#marketMovers h3 {
	background-color:#E5EBF9;
	font-size:13px;
	padding:5px 3px;
}
#marketMovers ul li {
	font-size:13px;
	margin-bottom:10px;
}

#marketMovers ul li div {
	float:right;
}


#marketMovers div.todaysBest {
	margin-bottom:30px;
}