﻿/* Styles for story pages */
#byline { font-family:Verdana, Sans-Serif; border-top: solid 1px #c5c5c5;
	 border-bottom: solid 1px #c5c5c5; width:468px; font-size:7pt; margin: 8px 0; }
#byline label { font-weight:bold; color:#c5c5c5; }
.text { font-family:Verdana, Sans-Serif; font-size:8pt; }
.ingress { font-family: Verdana, Sans-Serif; font-size:11pt; font-weight:bold; padding-bottom:8px; padding-top:4px; }
.story-image { padding:0; margin:0; margin-bottom:6px; }
.story-image-text { margin-top:-2px; margin-bottom:6px; font-family:Verdana, Sans-Serif; font-size:10px; }
.story-video-text { font-family:Verdana, Sans-Serif; font-size:10px; background-color:#000000; width:460px;
                          color:#ffffff; padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right:4px; }
li a { text-decoration: none;}
p a { text-decoration:underline; }
.box table { margin:0; float:left; }
.box a { color:#000000; }
h1 { font-size:14pt; font-weight:bold; margin:8px 4px 10px 4px; color:#EE0000; }
h2 { font-size:18px; margin: 4px 4px 0 4px; font-weight:normal; }
.box p img { margin-left:-4px; }

/* IE6 hack*/
* html #main { width:810px; }
* html body { width:994px; }
* html .text p { margin-right:0px; }
* html .box table { margin-left:0px; margin-right:0px; padding:0px; }
* html h4 { margin-right:0px; }
* html .box h1 { margin-right:0px; } 
* html .box p { margin-right:0px; }
* html p { margin-right:0px; }
* html .image-left { margin-right:0px; }

/* Gadget related styles */
#gadgets { font-family: Verdana, Sans-Serif; font-size:8pt; width:160px; background-color:#ffffff; float:right; margin-left:6px;}
.gadget-box { padding: 0; margin-bottom:4px; }
.gadget-box tr { border-top:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; margin:1px 0;}
.gadget-box h4 { font-size:9pt; color:#f8f8f8; font-family:Verdana, Sans-Serif; padding:1px 4px; font-weight:bold; margin:0; background-color:#000000; }
.gadget-box td { background-color:#ffffff; padding-top:4px; height:16px; font-family:Verdana, Sans-Serif;}
.gadget-box .dot { padding-top:10px; height:10px; }
.gadget-box .lnk { padding-top:6px; height:14px; }
.gadget-box table { width:160px; background-color:#ffffff; margin:0;  }
.gadget-box .desc { color:#505050; font-style:italic; font-size:7pt; 
										line-height:10px; margin-bottom:4px; margin-top:2px; }

.sound-box { margin-bottom:12px; margin-left:4px; }

.gadget-box .default {padding-bottom:1px}
.gadget-box .default table { width:158px; margin:1px; margin-bottom:0; }

.video-box { width:150px; padding:4px; border:solid 1px #d3d3d3; margin-bottom:8px; 
			margin-left:4px; font-family:Verdana, Sans-Serif; font-size:8pt; float:right;}
.video-box .dot { padding-top:10px; height:10px; padding-right:4px; }
.video-box td { padding-top:4px; height:16px; }
.video-box a { text-decoration:underline; }
.videoPreview { margin-top:4px; margin-bottom:4px; }

/*.nyheter h4 { background-color:#000000; }
.sport h4 { background-color:#bd273f;  }
.underholdning h4 { background-color:#e4ac4f;  }
.godeliv h4 { background-color:#4D3144; }
.palufta h4 { background-color:#b15e9a; }
.tjenester h4 { background-color:#71ac64; }
.gadget-box .default h4 { background-color:#b15e9a; }*/

#sharing { padding:10px 4px; font-family:Verdana, Sans-Serif; font-size:8pt;
		float:right; width:152px; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3;
		line-height:20px; }

.fb_share_link 
{
	padding:2px 0 0 22px; height:16px;
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?57:26981) no-repeat top left; 
}

/* Video player menu */
.videoplayer-menu-wrapper { height:110px; width:468px; background-color:#000000;  }
.videoplayer-menu { float:left; height:110px; width:400px; color:#ffffff; overflow:hidden; }
.videoplayer-menu a { color:#ffffff; font-family:Verdana, Sans-Serif; font-size:10px; }
.videoplayer-menu img { cursor:pointer; float:left; }
.videoplayer-menu div { float:left; padding:2px; width:110px; height:24px; text-align:left; overflow:hidden; }
.videoplayer-menu td { vertical-align:top; width:110px; }

/* Top tab Button styles */
a.videoplayer-menu-button {	
	display: block; float:left; height: 34px; 
	cursor:pointer; text-decoration:none;
}
a.videoplayer-menu-button span {
	display: block; background-position: top left; width:34px; height:90px;
}
a.videoplayer-menu-button:hover { outline: none; text-decoration:none; /* hide dotted outline in Firefox */ }
a.videoplayer-menu-button:hover span { background-position: bottom left; }	

a.videoplayer-menu-button-left span { background: transparent url('/images/gfx/Video_navigate_left.png') no-repeat; }
a.videoplayer-menu-button-right span { background: transparent url('/images/gfx/Video_navigate_right.png') no-repeat; }
a.videoplayer-menu-button span.selected { background-position: bottom left; }	

.box p { margin:4px; }

#storyImageWrapper { }

.SmallStoryEvent { float:left; position:relative; margin-right:6px; }
.sectionContentList .last { margin-right:0px; }
.SmallStoryEvent h4 { position:absolute; top:56px; left:14px; }
.SmallStoryEvent h4 a { color:#120000; text-decoration:none; font-size:7pt; font-weight:normal; }

.contentmenu-panel { padding-top:8px; padding-bottom:8px; float:left; width:468px; margin-left:4px; }
