/* Article CSS */

div#article {
	width: 802px;
	float: left;
}

div#adMiddleArt {
	margin-bottom: 16px;
        margin-top: 16px;
}


div#content ol, div#content ul {
    list-style-image:none;
}
div#body ol, div#body ul {
	list-style-type:square;
    list-style-position:none;
}
div#body li {
	margin-left:20px;
	padding-left:0px;	
}
div#body p a, div#body p a b, div#body div.blogg a {
    text-decoration:underline;
    font-weight:normal;
    color: #000099;
}

div#content h1, div#netTalkArticle h1 {
    font-size: 2.625em; /* 16x2.625=42px */
    line-height: 1.1em;
    clear: both;
}

div#body h1 { font-size: 2.4em; }
div#body h2 { font-size: 2em; }
div#body h3 { font-size: 1.4em; font-weight: bold;}
div#body h4 { font-size: 1.6em; }
div#body h5 { font-size: 1.2em; font-weight: bold; }
div#body h6 { font-size: 1.1em; border-bottom: 1px solid #CCC; }

div#body div#miniGrid h2 { font-size: 1em; }

div#content div.lead, div#netTalkArticle div.leadText {
	font-size: 0.95em; 
	font-weight: bold;
        line-height: 1.5em;
}

div#content p {	margin-bottom: 1em;}
div#content p.body {    margin: 0; /* fix for old markup from migration */}
div#body.left p.body {	margin-bottom: 1em;}
div#body div.image {	margin-bottom:0;}

div#body div.imageCaption{
	background: #E6E6E6;
    margin-bottom: 0;
    line-height: 14px;
}

div#topGroup-1 div.lead {
    line-height: 1.4em;
    font-size: 0.95em; /* 16x0.95=15px */
    font-weight: bold;
    margin-bottom: 1em;
}	

div#content div.artInfo{
	margin:3px 0px 10px 0px;
	padding-bottom:1px;
	border-top: solid 1px #000;
}

div#content div.artInfo div.authors, div#netTalkArticle div.authors {
	float:left;
        width: 234px;
/*    width: 100%; IE6 fix */
}
div#content ul.authors, div#netTalkArticle ul.authors {
	list-style: none;
	padding-left: 0;
}

div#content li.authors, div#netTalkArticle li.authors {
	margin-left: 0px;
        font-size: 12px;
        text-transform: uppercase;
}
div#content li.authors a, div#netTalkArticle li.authors a {
    color: #00529E;
    font-weight: bold;
}

div#content div.artInfo .tools{
    float: right; font-size: 11px;
}

.tools span { float: left; margin: 1px;}
.tools .icon {
    background-image:url(../img/fvn_icons.gif);
    display: block; height: 12px; width: 12px; cursor:pointer;
}
.tools .icon a { display: block; }
.tools .up {    background-position: -160px -3px; }
.tools .down {    background-position: -173px -3px; }
.tools .print {    background-position: -42px -1px; }

div#content .artDate span.dateTime{
    color: #000000;
    font-style:italic;
    float: left;
}


div#content div.image, div#netTalkArticle div.image {
	float: left;
}

div#content div.frame {
	width:318px;
	border:solid 1px #CCCCCC;
	padding:0;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
}
div#content div#wrapperTop {	float:none;}
div#content div#wrapperBottom {	float:none;}
div#content div#wrapperRight {
	float:right;
	margin-left:10px;
}
div#content div#wrapperLeft {
	float:left;
	margin-right:10px;
}
div#content h1.frame {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em; /* 16x0.875=14px */
	font-weight: bold;
	padding: 2px 0 2px 2px;
	background-color: #CCCCCC;
	text-align:left;
	margin-bottom:5px;
}
div#content h2.frame {
	font-size:110%;
	font-weight:bold;
}

div#content div#wrapperBottom .frame, div#content div#wrapperTop .frame {
	width: auto;
}
div#content div#wrapperBottom h1.frame, div#content div#wrapperTop h1.frame {
	text-align:left;
	padding-left:5px;
/*	background-color: #FFFFFF; */
}

div#content ul.reviewInfo{
    padding-left: 22px;
    padding-right: 5px;
    font-size: 110%;
    list-style: none;
}
div#content ul.relatedContent li,
div#content ol.relatedContent li {
    list-style-type:none;
}

div#content div.relatedNews {
    width: 100%;
    margin-top: 5px; margin-bottom: 10px;
    border-bottom:1px dashed #000000;
}

div#content div.relatedNews h4 {
    padding-top: 4px;    padding-bottom: 4px;  
    text-transform: uppercase; color: #00529E;    font-weight: bold;    font-size:12px;
    float: none;
}

div#content ul.relatedNews {
    padding-left: 0px;
    padding-right: 0px;
    list-style: none;
    list-style-position: outside;
}

div#body li.relatedNews {
    font-weight: normal;
    line-height: 12px;
    font-size: 11px;
    clear:both;
	display:block;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:0;
	margin-left:0;
	width:100%;
}

div#body div#miniGrid li.relatedNews{ padding-left: 14px;}
div#body div#miniGrid div.tipline { display: none;}

div#body li.relatedNews a, div#body ul.categoriesList a {
        font-size: 12px;
        color: #00529E;
}

div#content li.relatedNews a:hover, div#body ul.categoriesList a:hover  {    color: #3953A4; }

div#content ul.categoriesList{
   list-style: none;
}

div#content ul.reviewInfo {
	padding-left: 22px;
	padding-right: 5px;
    padding-top: 3px;
    list-style-image: none;
    font-weight: lighter;
    font-size: 110%;
}

div#content li.cdReviewSongsDescription {
    margin-top: 8px;
    font-weight: bold;
    font-size: 130%;
}

div#content ul.relatedVideo {
	padding-left: 5px;
	padding-right: 5px;
	list-style-image: url(../img/ikon_play.gif);
	list-style-position: inside;
}

div#content li.relatedVideo{
	font-weight: bold;
}
div#content div.relatedVideo {
	font-size:90%;
}

div#content ul.relatedAudio {
	padding-left: 22px;
	padding-right: 5px;
	list-style-image: url(../img/ikon_lyd.gif);
}
div#content li.relatedAudio{
	font-weight: bold;
}
div#content div.relatedAudio {
	font-size:90%;
}

/**
 * Share article
 */
div#content div#shareArticleWrapper {
    float: left;
    clear: both;
}
div.shareArticle {   border-top:1px dashed #000000; }
#shareSeperator { border-bottom:1px dashed #000000; margin-top:4px; }

div.shareArticle div.headerShare{    padding-top: 8px;}

div#content ul.shareArticle {    float: left; width: 100%; }
div#content ul.shareArticle li {
    font-size: 12px;
    font-weight:normal;
    padding: 0px;
    list-style: none;
    float: left;
    margin-left: 5px;
}
div#content ul.shareArticle li a{  vertical-align: bottom;}

li div.icon {
    background: transparent url(../img/fvn_icons.gif) 0px 0px no-repeat;
    float: left;
}

ul.relatedNews li div.icon {
    width: 12px;
    height: 14px;
    background: transparent url(../img/iconSprites.gif) 0px 2px no-repeat;
}
ul.factList li div.icon  {
    width: 12px;
    height: 12px; 
    background: transparent url(../img/iconSprites.gif) repeat scroll 0px -318px;
}

ul.shareArticle li div.icon {   width: 34px;    height: 34px;}

div#content ul.shareArticle li.tip03811 {  float: right;}
div#content ul.shareArticle li.print {   float: right;}
div#content ul.shareArticle li.shareText {    margin-left: 0px;} 

ul.shareArticle li.tip03811 div.icon {       background-position: -105px -42px ; margin-left:4px;}
ul.shareArticle li.print div.icon {          background-position: -141px -42px; }
ul.shareArticle li.tipFriend div.icon {      background-position: -71px -42px ; }
ul.shareArticle li.facebook div.icon {       background-position: 0px -42px ; }
ul.shareArticle li.twitter div.icon {        background-position: -34px -42px; }

ul.shareArticle li.permalink div.icon {      background-position: -200px 0px ; }
ul.shareArticle li.rss div.icon {            background-position: -80px 0px ; }



div#content div.imageCaption {
	font-size: 11px;
    width: 100%;
/*	text-align:justify; */

}
div#content div#wrapperRight div.image,
div#content div#wrapperLeft div.image{}

div#content div#wrapperRight div.imageCaption,
div#content div#wrapperLeft div.imageCaption {
    padding: 3px;
    margin-bottom: 8px;
}

div#body div.left div.image{     padding-right: 8px;    line-height: 10px;}
div#body div.right div.image{     padding-left: 8px; line-height: 10px;}

div#functionWrapper div.image {	margin-bottom: 5px;}

div#content div#body {
    width: 468px;
	font-size: 0.75em; /* 16x0.75=12px */
	margin-bottom: 5px;
	line-height: 16px;
}

div#content div#body p.body { 		font-size: 1em; 	}

div#functionWrapper {	width: 320px;   }

.latestSection h4, .latestSection h4 a { color: #00ABE6;  }

div#listWrapper { float:left; width:auto; }
div.rightGroup { clear: both;}

div.facts { background: #E6E6E6;    }

div#functionWrapper div.funcColumn span.facts {
    font-size: 0.75em;
    line-height: 1.125em;
    padding: 4px 8px 0px 8px;
    font-weight: normal;
    margin-bottom: 0;
    display: block;
}
div#functionWrapper div.funcColumn span.facts ul li {
    line-height: 1.125em; /* bug fix for facts line-height, override inherited value from global.css */
}
div#functionWrapper div.funcColumn ul.factList {
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 0.75em;
    list-style: none;
    list-style-position: outside;
}
div#functionWrapper div.funcColumn ul.factList li {
    padding-bottom: 4px;
    padding-top: 0;
    font-weight: normal;
    line-height:14px;

}

/* other stuff */

/* Audio players */
div.embeddedAudio {
	margin-bottom:5px;
}
div.embeddedAudioText {
	width: 226px;
	background-color: #222222;
}
div.embeddedAudioText h2 {
	margin: 2px 7px 4px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ebebeb;
	background:url(../img/ikon_lyd.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	line-height:13px;
}


/* Video players */
div.runningHead, div.title, div.leadText {   float: left; }
span.tiny { font-size: 0.7em; }
div#body span.tiny { font-size: 0.9em; }

.embeddedVideo {
	width:802px;
	height:450px;
	background-color:#eeeeee;
    font-size: 0.7em;
}
#wrapperVideo #webcameraContent { height: 480px; }

div#body .embeddedVideo {	width: 468px;	height: 263px; }
div#body #wrapperVideo {	margin-top: 0px;   }

div#body ul.bodyVideo { list-style-image: none; list-style-type: none;}
div#body ul.bodyVideo h5 {	font-size: 1.3em; }

div#body ul.bodyVideo li { width: 100%; display: block; clear: both; float: left; margin-left: 0px; margin-bottom: 12px;}

#functionWrapper .embeddedVideo {	width: 320px;	height: 180px; }
#functionWrapper ul h5 {	font-size: 1.15em; }
#functionWrapper .byline {float: left; }



.embeddedVideo {
	position:relative;
}

div#slideshow {
	background-color:#ffffff;
	color:black;
	padding:0px;
}

#slideshowFlash {
	margin-top:5px;
	width:800px;
	height:600px;
}

div#artRightGroup-1 {
/*	clear:both; */
	float: left;
}

div#content div#topGroup-1 { }
div#topGroup-1.Smal {  width:468px;}

div#content ul.categoriesList li {
	list-style-type: none;
	list-style-position: inside;
	
}
div#content div#wrapperBottom ul.categoriesList li {	float: left; }
div#content ul.categoriesList li a {		vertical-align: middle;	}
div#content ul.categoriesList li img {
	border: 0;
	margin-left: 4px;
}


div#functionWrapper div#artRightGroup-1 div.footer {
	clear: none;
}

div.relatedFunction { float: left; }

blockquote {
 border-top: 4px solid black;
padding-top: 8px;
 width: 180px;
float: left;
margin: 4px 12px 4px 0px;
font-size: 21px;
font-weight: bold;
line-height: 1.05em;
}

blockquote .pull {
float: left;
height: 18px;
color: #00abe6;
font-family: Georgia, serif;
font-size: 52px;
line-height:0.8em;
}

blockquote .sig{
font-size: 12px;
line-height: 16px;
padding-top: 4px;
}

.right blockquote {
    margin: 4px 4px 4px 12px;
}
.full blockquote {
    margin: 8px;
    border-top: 0px solid black;
    width: 450px;
    clear: both;
}