/* IdahoPTV Productions site styles August 2005*/

#prodLeftCol {
	width: 25%;
	background-color: #FFF;
	vertical-align: top;
}

#streamLeftCol {
	width: 25%;
	vertical-align: top;
}

#streamLeftColBox {
	background-color: #EFEFE7;
	vertical-align: top;
	margin-top: 0;
	padding: 5px;
}

#prodCenterCol {
	width: 45%;
	background-color: #FFF;
	vertical-align: top;
}

#prodRightCol {
	width: 25%;
	background-color: #FFF;
	vertical-align: top;
}

#streamRightCol {
	width: 25%;
	vertical-align: top;
}

#streamRightColBox {
	background-color: #EFEFE7;
	vertical-align: top;
	padding-left: 5px;
}

#streamLegend {
	text-align:center;
	background-color:#9C0001;
	padding:5px 5px 0 5px;
	margin-bottom: 0;
	color:#FFF;
}
#downloadHeader {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 0;
}

#prodOneCol {
	background-color: #FFF;
	vertical-align: top;
}

#prodOneBox {
	background-color: #EFEFE7;
	margin: 8px 7px 15px 7px;
	padding: 0 0 3px 0;
	/*border: solid 1px Red; #000000*/
}

#prodTwoColLeft {
	width: 35%;
	background-color: #FFF;
	vertical-align: top;
}

#prodTwoColRight {
	width: 65%;
	background-color: #FFF;
	vertical-align: top;
}

.prodSideBox {
    background-color: #EFEFE7;
	margin: 7px 5px 0px 3px;
	/*border: solid 1px #000;*/
	/*padding: 3px;*/
}

.prodSideBoxBorder {
	margin: 7px 5px 0px 3px;
	border: solid 1px #000;
	/*padding: 3px;*/
}

#prodCenterBoxNoBorder {
	margin:12px 5px 0px 3px;
}

.borderBoxPad {
	padding: 5px;
	margin: 0;
}

.prodSideBox {
	background-color: #EFEFE7;
	margin: 8px 7px 15px 7px;
	padding: 0 0 3px 0; 
	/*border: solid 0px #000000;*/
}

.prodCenterBox {
	background-color: #FFF;
	margin: 8px 7px 15px 7px;
	padding: 0 0 3px 0;
	/*border: solid 1px Red; #000000*/
}

.prodBoxHeader, .prodBoxHeader a, .prodBoxHeader a:link, .prodBoxHeader a:visited{
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	background-color: #9C0001;
	margin: 0;
	padding: 4px 0 4px 8px;
}

.prodImageLeft {
	padding: 5px;
	margin: 0 5px 0 0;
	float: left;
}

.prodImageRight {
	padding: 5px;
	margin: 10px 10px 10px 1px;
	float: right;
}

.prodImageCenter {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
}

.prodPhotoCaption {
	text-align: center;
	font: bold x-small Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	padding: 0;
}

.prodOurShowsLogo {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}

.prodOurShowsText {
	text-align: center;
	margin: 2px 0 18px 0;
	padding: 0;
}

.prodProgNote {
	font: bold 11px Arial, Helvetica, sans-serif;
}

H4.prodTitleHeader {
	margin-bottom: 1px;
}

P.prodTitleHeader {
	margin-top: 1px;
}

.topicList {
	padding: 0;
	margin: 3px 0 2px 0;
}

.boxPad {
	margin: 3px 5px 3px 3px;
	padding: 0 5px 0 5px;
	text-align: left;
}

#featuredWeb {
	margin: 0 0 0 3px;
	padding: 3px 0 0 5px;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
}

.timeText {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	margin: 4px 0px 4px 0px;
}

.prodPullQuoteLeft {
	width: 200px;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px 5px 5px 7px;
	/*background-color: #D4D4D4; silver*/
	background-color: #F3EFF0;
	font: italic .9em Arial, Helvetica, sans-serif;
}

.prodPullQuoteRight {
	width: 200px;
	float: right;
	margin: 0 0 0 5px;
	padding: 5px 7px 5px 5px;
	/*background-color: #D4D4D4; silver*/
	background-color: #F3EFF0;
	font: italic .9em Arial, Helvetica, sans-serif;
}

.prodRelatedStoriesRight  {
	width: 200px;
	float: right;
	margin: 0 0 0 5px;
	padding: 5px 7px 5px 5px;
	background-color: #F3EFF0;
	font: normal .9em Arial, Helvetica, sans-serif;
}

.prodPullQuoteTitleRight {
	margin: 0 0 3px 0;
	width: 200px;
	float: right;
}

.prodRelatedStoryBoxRight {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0 0 4px 0;
}

.prodPullQuoteAttribution {
	margin: 0 0 0 5%;
	padding: 5px 0 0 0;
}

.prodQuoteBox {
	background-color: #EFEFE7; /*#E9EFE7; lightgreen  #EFE7EC;  #FCE8F1; #FFCCCC;*/
	margin: 7px 7px 15px 7px;
	padding: 0 0 3px 0; 
	border: solid 0 #000;
}

.prodQuoteHeader {
	background-color: #FF0000; /* #BE1613; brickred  #EF5934; orange  #07BB0C;Green #ff0000; RED  */
	color: #FFF; /*#010065;  #000; #FBD52D;  gold */
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 0 4px 8px;
	text-align: center;
}

.prodEncodeBox {
	border: solid 1px #9C0001;
	text-align: center;
	margin: 0 20% 5px 0;
	padding: 4px 0 6px 5px;
}

#prodBottomNav {
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align: center;
}

#prodTopNav {
	text-align: center;
	background-color: #0D1351;
	padding: 0 0 0px 0;
	margin: 0;
}

#prodNavList {
	border-bottom: 0 solid #000;
	border-top: 0 solid #000;
	margin: 0;
	background-color: #9C0001;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 3px 2px 0;
	height: 20px;
}

#prodNavList li {
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	font-size: 12px;
}

#prodNavList a, #prodNavList a:link, #prodNavList a:visited {
	border: 0 solid #000;
	padding-right: 1px;
	padding-left: 0;
	color: #FFF;
	font-weight: bold;
	font-size:11px;
	text-decoration: underline;
}

#prodNavList a:hover, #prodNavList a:active, #prodNavList a:focus {
	border: 0 solid #FFF;
	padding-right: 1px;
	padding-left: 0;
	color: #96B6DF;
	text-decoration: underline;
}

#thisWeekInsert {
	width: 105px; /* Must be width of actual image */
	float: left;
	background: #FFF;
	padding: 0 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 1px;
}

#thisWeekInsert img{
	width:100%;
}

#thisWeekInsert p {
	width: 100%;
	font-style:normal;
	font-size:10px;
	margin: 0;
	padding: 0;
}

#photoCaption {
	width: 100px;
	float: left;
	background: #FFF;
	padding: 0 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 1px;
}

#photoCaption img{
	width:100%;
}

#photoCaption p {
	width: 100%;
	font-style:normal;
	font-size:10px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#photoCaptionLBTS {
	float: left;
	background: #FFF;
	padding: 0 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 1px;
}

#photoCaptionLBTS p {

	font-style:normal;
	font-size:10px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#photoCaptionRBTS {
	float: right;
	background: #FFF;
	padding: 0 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 1px;
}

#photoCaptionRBTS p {

	font-style:normal;
	font-size:10px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.prodLink a, #prodLink a:link, #prodLink a:visited {
	/*color: #444488; #333366;*/
	font-size: 13px;
	font-weight: 600;
}

/*.prodLink p, ul, li {
	margin-top: 4px;
	margin-bottom: 2px;
	padding: 0;
} 
*/

ul.prodLink {
	margin-top: 4px;
	margin-bottom: 2px;
	padding-left: 8px;
}

ul.prodLinkList li.prodLink {
	margin-top: 4px;
	margin-bottom: 2px;
	list-style: none;
}

ul.prodLinkList {
	margin-left: 0;
}

ul.prodLinkList li {
	margin-left: 0;
	list-style: none;	
}

.italic {
	font: italic 1em Arial, Helvetica, sans-serif;
	padding: 5px 5px 0px 5px;
}

#findHeader {
	margin: 7px 0 0 0;
}

/* figure-divs and their supporters */
/* From Scalable CSS Figures (and captions) http://rjohara.net/server/css-figures-captions/ */

div.figure {
padding: 7px;
margin: .2em .33em;
/* margin: 0.67em auto; needed to support centering of almost-full-width figures */
border: thin solid silver;
}

div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
font-size: smaller;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}

div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.seventyfive { width: 75%; padding: 10px; margin: 0.5em 0.67em; }
.seventythree { width: 73%; padding: 10px; margin: 0.5em 0.67em; }
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.forty { width: 40%; padding: 10px; margin: 0.5em 0.67em; }
.fortyfive { width: 45%; padding: 10px; margin: 0.5em 0.67em; }
.thirtyfive { width: 36.5%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.thirty { width: 30%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }

/* end figure-divs */

.photoCaption {
	width: 50%;
	/*float: left;*/
	background: #FFF;
	padding: 6px 6px 3px 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 1px;
	border: thin solid silver;
}

.photoCaption img {
	width:100%;
}

.photoCaption p {
	width: 100%;
	font-style:normal;
	font-size:10px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.photoCaptionRight {
	float: right; margin-left: 2%;
}

.photoCaptionLeft {
	float: left; margin-right: 2%;
	}

.photoCaptionVertical {
	width: 30%;
	/*float: left;*/
	background: #FFF;
	padding: 6px 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 1px;
	border: thin solid silver;
}

.photoCaptionVertical img{
	width:100%;
}

.photoCaptionVertical p {
	width: 100%;
	font-style:normal;
	font-size:10px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.featuredStreamLinks {
	font:12px arial, verdana, sans-serif; 
	color:#000; 
}

.featuredStreamLinks a, .featuredStreamLinks a:link, .featuredStreamLinks a:visited  {
	font:13px arial, verdana, sans-serif; 
	text-decoration:none;
}
.streamLinkText {
	font-size: 12px;
	font-family: arial, verdana, sans-serif; 
	color:#000; 
	font-weight:normal; 
	margin-left:4px;
	margin-right:0px;
}

.streamLinkText A:visited,  .streamLinkText A:link,  .streamLinkText A:hover {
	font-size: 12px;
	font-family: arial, verdana, sans-serif; 
	font-weight:bold;
	color:#000; 
	text-decoration:underline;
}

