/* TO DO : Definte general newgrid styles here, then refine for homepage below */

.newgrid { }


/* Structural */
.homepage .col1 .ng-1g2 li, .homepage .col1 .ng-1g2 p, .homepage .col1 .ng-1g2 div.description{ font-size: 13px; }
.homepage .col1 .ng-1g2 { background-image: url(/standard/images/mpr006/news/lines/home-c1g2-bg.gif); background-repeat: repeat-y; float: left; margin-bottom: 28px; }
.homepage .col1 .ng-1g2 .ng-1g2-1 { float: left; width: 300px; }
.homepage .col1 .ng-1g2 .ng-1g2-2 { float: left; width: 287px; margin-left: 33px;}

.homepage .col1 .ng-1g2.big-breaking { background-image: none; }
.homepage .col1 .ng-1g2.big-breaking .ng-1g2-2 { width: 300px; margin-left: 20px;}
.homepage .col1 .ng-1g2.big-breaking#big-breaking-upper { margin-bottom:15px; }
.homepage .col1 .ng-1g2.big-breaking .ng-1g2-1 IMG.photo { margin: 0; }
 
.homepage .col1 .ng-1g3 { background-image: url(/standard/images/mpr006/news/lines/home-c1g3-bg.gif);  float: left; margin-bottom: 28px; }
.homepage .col1 .ng-1g3 .ng-1g3-1 { float: left; width: 187px; }
.homepage .col1 .ng-1g3 .ng-1g3-2 { float: left; width: 187px; margin-left: 29px;}
.homepage .col1 .ng-1g3 .ng-1g3-3 { float: left; width: 187px; margin-left: 30px;}

.homepage .col1 .ng-1g2 .ng-1g2-1 IMG.photo { margin-bottom: 15px; }
.homepage .col1 .ng-1g2 .ng-1g2-1 .description { line-height: 20px; }
.homepage .col1 .ng-1g2 .homepage-A { float: left; }
.homepage .col1 .ng-1g2 .homepage-A .item { float: left; margin-bottom: 20px; }
.homepage .col1 .ng-1g2 .homepage-A .item H3 { font-size: 14px; line-height: 18px; } 
.homepage .col1 .ng-1g2 .homepage-A .item-left { float: left; width: 120px; margin-right: 20px; }
.homepage .col1 .ng-1g2 .homepage-A .item-right { float: left; width: 147px; }
.homepage .col1 .ng-1g2 .homepage-BCD .item { margin-bottom: 20px; }
.homepage .col1 .ng-1g2 .homepage-BCD .item H3 { font-size: 14px; line-height: 18px; } 
.homepage .col1 .ng-1g2 .homepage-BCD .item IMG.photo { margin-right: 10px; }
.homepage .col1 .ng-1g2 .homepage-BCD UL.margins LI { margin: 5px 0; }
.homepage .col1 .ng-1g2 .homepage-A #all-stories-link, 
.homepage .col1 .ng-1g2 .homepage-BCD #all-stories-link { font-size: 18px; padding-bottom: 5px; }

/* for the 'E' layout */
.homepage .homepage-A.withE #all-stories-link, .homepage #all-stories-header { font-size: 14px !important; padding-bottom: 5px; }
ul.moreOfToday{
	margin-left: 10px;
	padding-left: 0;
	list-style-position: outside;
}
ul.moreOfToday li{
	text-indent: -10px;
	margin-bottom: 10px;
}
ul.moreOfToday li:before{ 
	content:'\0387 \0020';
}
ul.moreOfToday h3{
	font-size: 14px;
	font-weight: normal;
	display: inline;
}
/* tweaks specific for F Layout */
.homepage h2.f-layout-header{
	/*color: #444;*/
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.homepage h2.f-layout-header.hasPrevStory{
	margin-top: -10px;
}
.actuallyF #all-stories-link{
	padding-top: 10px;
	border-top: 1px solid #ddd;
}


/* General Typography */
.homepage .col1 .ticker { border: 1px solid #e0e0e0; padding: 5px; margin-bottom: 20px; width: 620px; }
.homepage H1 { font-weight: bold; font-size: 20px; line-height: 24px; }
.homepage H2 { font-size: 13px; }
.homepage .greydiv { background-color: #e0e0e0; }
.homepage UL.margins LI { margin: 8px 0; }
.homepage DIV.grayhr { background-color: #666666; height: 2px; width: 100%; font-size: 1px; margin: 4px 0; }
.homepage DIV.override_links { line-height: 16px; margin-top: 2px; font-size: 13px; }
.homepage DIV.dottedhr { background-image: url(/standard/images/mpr006/news/lines/home-horizontal-dotted.gif); background-repeat: repeat-x; height: 1px; width: 100%; font-size: 1px; margin: 14px 0; }

.homepage .breaking-news-label { background-image: url(/standard/images/mpr006/news/bg/breaking-news-tab-corner.gif); background-repeat: no-repeat; background-position: left top; background-color: #02627c; color: white; font-size: 13px; font-weight: bold; text-transform: uppercase; height: 16px; padding: 4px 5px 4px 25px; width: 590px; }
.homepage .breaking-news-headline { background-color: #d1eaf2; padding: 4px 5px 4px 25px; margin-bottom: 20px; width: 590px; }
.homepage .col1 .ng-1g2 .ng-1g2-1 .breaking-news-label { width: 270px; }

.homepage .grayline-header {  background-image: url(/standard/images/mpr006/news/lines/grayline-header-bg.gif); background-repeat: repeat-x; background-position: left center; margin-bottom: 10px; }
.homepage .grayline-header H2 { display: inline; background-color: white; padding-right: 4px; text-transform: uppercase; }
.homepage .grayline-header .social-icons { float: right; background-color: white; padding-left: 4px; }
.homepage .grayline-header .social-icons A { margin-right: 13px; }
.homepage .grayline-header .social-icons A.last { margin-right: 0; }

.homepage .col2 .col2section { margin-bottom: 30px; }

.homepage DIV#multimedia .highlighted-multimedia { float: left; width: 120px; }
.homepage DIV#multimedia .highlighted-multimedia.first { margin-right: 30px; }
.homepage DIV#multimedia .highlighted-multimedia IMG { margin-bottom: 4px; }

.market-summary { width: 403px; margin-top: 15px; }
.market-summary .market-group { float: left; width: 100px; }
.market-summary .market-group .market-icon { float: left; width: 31px; }
.market-summary .market-group .market-data { float: left; width: 69px; text-align: center; }
.market-summary .market-group .market-data .market-index-name { font-weight: bold }
.market-summary .market-group .market-data .market-index-change-amount { font-weight: bold }
.market-summary .market-group .market-data .market-index-change-percent { }
.market-summary .market-group .market-icon .arrow A:active, .market-summary .market-group .market-icon .arrow A:hover { text-decoration: none; }
.market-summary .fcuparrow { 
	background: transparent url('/standard/images/mpr006/news/icons/news_ticker_sprite.gif') no-repeat -101px 0;
	width: 32px;
	height: 45px;
	margin-top: 5px;
	display: block;
	
}
.market-summary .fcdownarrow  { 
	background: transparent url('/standard/images/mpr006/news/icons/news_ticker_sprite.gif') no-repeat -68px 0;
	width: 32px;
	height: 45px;
	margin-top: 5px;
	display: block;
	
}
.market-summary .fcneutralarrow { 
	background: transparent url('/standard/images/mpr006/news/icons/news_ticker_sprite.gif') no-repeat -136px 0;
	width: 32px;
	height: 45px;
	margin-top: 5px;
	display: block;
}
											
.onairdiv.wideonairdiv { padding: 10px; }
.onairdiv.wideonairdiv H4 { font-size: 15px; font-weight: bold; }
.onairdiv.wideonairdiv .audio_headlines { font-family: Arial; font-size: 11px; }
/*
These styles are commented out because we're using a graphic for this button
.onairdiv.wideonairdiv SPAN.listennow { float: right; font-family: Arial; text-transform: uppercase; font-size: 13px; background: white; color: #02627c; font-weight: bold; }
.onairdiv.wideonairdiv SPAN.listennow A { color: #02627c; display: block; background-image: url('/standard/images/mpr006/news/icons/listennowarrow-blue.gif'); background-position: right center; background-repeat: no-repeat; padding-right: 19px; margin: 5px 10px;}
.onairdiv.wideonairdiv SPAN.listennow A:hover { text-decoration: none; }
*/

.onairdiv.wideonairdiv #findAProgram, .onairdiv.wideonairdiv #radioSchedulesInfo  { color: #02627c; width: 133px; }
.onairdiv.wideonairdiv #findAProgram { margin-right: 11px; }
.onairdiv.wideonairdiv .onairlightbox { background-image: url(/standard/images/mpr006/news/icons/onairlevels.gif); background-repeat: no-repeat; background-position: 10px; padding: 9px 9px 9px 40px; font-family: Arial; font-size: 13px; font-weight: bold; }
.onairdiv.wideonairdiv .onairlightbox .onairlabel { font-family: Arial; text-transform: uppercase; margin-right: 15px; }

.homepage #greenline-below-sponsors { display: none; }

.fivebox { background-color: #e0e0e0; float: left; width: 600px; margin-bottom: 28px; padding: 10px; }
.fivebox .inner { float: left; width: 600px; background-image: url(/standard/images/mpr006/news/bg/fivebox-dotted-grid.gif); background-repeat: repeat-y; background-position: 50% 0; }
.fivebox .inner .item { float: left; width: 100px; }
.fivebox .inner .item H2 { font-size: 10px; font-weight: normal; text-transform: uppercase; margin-bottom: 4px; }
.fivebox .inner .item H2 A, .fivebox .inner .item H2 A:visited, .fivebox .inner .item H2 A:active { color: black; }
.fivebox .inner .item H3 { font-size: 12px; margin-top: 4px; }
.fivebox .inner .item H3 A, .fivebox .inner .item H3 A:visited, .fivebox .inner .item H3 A:active { color: black; }
.fivebox .inner .spacer { float: left; width: 25px; font-size: 1px; }
.fivebox .inner .item.live-highlight H2 IMG { margin-left: 3px; }
.fivebox .inner .item .audioLink { font-family: Arial; text-transform: uppercase; font-size: 10px; margin-right: 0 3px; }

.blue-label { line-height: 12px; font-family: Georgia, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; background-color: #02627c; padding: 3px 5px; color: white; margin-bottom: 10px; }
.blue-label A, .blue-label A:active, .blue-label A:visited { color: white; }

.digest-section-header { float: left; width: 620px; background-image: url(/standard/images/mpr006/news/lines/home-blue-tab.gif); background-repeat: no-repeat; background-position: right top; line-height: 12px; font-family: Georgia, sans-serif; font-weight: bold; font-size: 12px; background-color: #02627c; color: white; margin-bottom: 10px; }

.digest-section-header .section-name { float: left; width: 181px; text-transform: uppercase; padding: 3px; } 
.digest-section-header .subnav { float: left; width: 368px; text-align: right; padding: 3px; }
.digest-section-header .more { float: left; width: 53px; padding: 3px; }

.digest-section-header A, .digest-section-header A:active, .digest-section-header A:visited { color: white; }

.digest-section-body { float: left; width: 620px; margin-bottom: 28px; }
.digest-section-body-col1 { float: left; width: 403px; line-height: 20px; }
.digest-section-body-col1a { float: left; width: 120px; margin-right: 10px; } /* optional - used to create column for thumbnail photo */
.digest-section-body-col1b { float: left; width: 273px; } /* optional - used to create column for thumbnail photo */
.digest-section-body-col2 { float: left; width: 187px; margin-left: 30px;}

.homepage .digest { float: left; width: 620px; }

.homepage .col1a {
	float:left;
	margin-left:3px;
	width:490px;
	margin-right:1px;
}

.homepage .col1 .col1a .col1a1 {
	float:left;
	width:241px;
}

.homepage .col1 .col1a .col1a2 {
	float:left;
	margin-left:13px;
	width:233px;
}

.homepage .col1b {
	float:left;
	margin-left:13px;
	width:126px;
}
.homepage .col2 {
	float:left;
	margin-left:18px;
	width:300px;
}



/* Ticker styles */

.mprTicker {
	height:20px;
	width:614px;
	position:relative;
	list-style-type:none;
	/*border: thin #0080c0 solid;*/
	padding:3px;
}

.mprTicker .tickerhead {
	margin-left:5px;
	margin-right:10px;
	
}

.mprTicker #ticker-news {
	list-style-type:none;
	position:absolute;
	height:20px;
	width:469px;
	left: 100px;
	display:inline;
	overflow:hidden;
	
}

.mprTicker .tickerTitle {
	position:absolute;
	display:none;
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 14px;
	font-weight: bold;
	color:#348196;
}

.mprTicker .tickerTitle a {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 14px;
	color:#348196;
	/*text-decoration:none;*/
}

.mprTicker .timestamp {
	margin-left:3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color:#a6a6a6;
	font-weight: normal;
}

.mprTicker a img {
	border:none;
}

.mprTicker #latestNews a {
	position:absolute;
	left: 30px;
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 14px;
	color:#444444;
	/*text-decoration:none;*/
}

.mprTicker #latestNews a:hover, .mprTicker #latestNews a:active { text-decoration: underline; }

.mprTicker #tickBack {
	height: 17px;
	width: 17px;
	position:absolute;
	left:0px;
	margin-left:3px;
	margin-top:2px;
	display: block;
	background: transparent url('/standard/images/mpr006/news/icons/news_ticker_sprite.gif') no-repeat 0 0;
	cursor: pointer;
}

.mprTicker #tickForward {
	height: 17px;
	width: 17px;
	position:absolute;
	right:0px;
	margin-right:3px;
	margin-top:2px;
	display: block;
	background: transparent url('/standard/images/mpr006/news/icons/news_ticker_sprite.gif') no-repeat -20px 0;
	cursor: pointer;
}

.mprTicker #tickPause {
	height: 17px;
	width: 17px;
	margin: 0px 5px;
	position:absolute;
	right:23px;
	margin-top:2px;
	display: block;
	background: transparent url('/standard/images/mpr006/news/icons/news_ticker_sprite.gif') no-repeat -40px 0;
	cursor: pointer;
}

/* Minnesota Today box */

P#mnt-box-left-links { margin-top: 15px; font-size: 16px; line-height: 24px; }
DIV.mnt-box-label { font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; }
DIV.mnt-box-news-item { margin-bottom: 7px; }
DIV.mnt-participate-links DIV { margin-bottom: 4px; }
DIV.mnt-participate-links DIV A { font-weight: bold; }


/* shutdown ticker */
div.ticker.shutdown{
	background: transparent url('http://minnesota.publicradio.org/collections/special/columns/shutdown/shutdown_ticker.jpg') no-repeat -3px 0;
	padding-right: 3px;
	width: 623px;
}
div.ticker.shutdown div.mprTicker{
	width: 618px;
}

span#latestShutdownNews, span#latestShutdownNews a{ 
	display: block;
	width: 123px;
	height: 20px;
	float: left;
}

div.ticker.shutdown ul#ticker-news{
	float: left;
	width: 418px;
	position: static;
	margin-left: 10px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.ticker.shutdown ul#ticker-news li{
	width: 418px;
	height: 20px;
	line-height: 20px;
	letter-spacing: -0.3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.ticker.shutdown #tickPause, div.ticker.shutdown #tickBack, div.ticker.shutdown #tickForward{
	position: static;
	float: right;
	margin-left: 0px;
	margin-right: 4px;
}  
div.ticker.shutdown #tickPause{ margin-right:2px;}