body {
	margin: 0px;
	color: #0c0c0c;
	background-color: black;
}


/*
Universal item properties
------------------------------------------------------------*/

.icon {
	border: 0px none;
}

.toprow {
	/* This class is for all items that is in the top row, defines space from top of page */
	top: 5px;
}
.firstcolumn {
	/* For items in column one, defines space from left of page*/
	left: 5px;
}
.absolute {
	/* Means this item needs to be manually placed, all items, also sets background color and border of all items */
	position: absolute;
	background-color: #d8d3c0;
	border: 0px solid #cfcfcf;
}
.space {
	/* Defines space (padding) for items who use it */
	margin: 5px;
}
.smalltext {
	font-family: Verdana;
	font-size: 11px;
	color: #a2904e;
}
.smallblack {
	font-family: Verdana;
	font-size: 11px;
	color: black;
}
a {
	color: blue;
}

/*
Player items
------------------------------------------------------------*/

#videoplayer {
      padding: 5px; /* Added padding /JR */
	width: 490px; /* Reduced by 10px for padding /JR */
	height: 350px; /* Reduced by 10px for padding /JR */
	top: 235px; /* */
}

#sharerate {
	width: 500px;
	height: 40px;
	top: 595px; /*  */
}

#actions {
	position: relative;
	top: 4px;
}

#sharerate a {
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: #a2904e;
	text-decoration: none;
}


#sharerate img.icon {
	position: relative;
	top: 3px;
	left: -5px;
}

#sharerate a.share_button, #sharerate a.email_button, #sharerate a.embed_button {
	padding-left: 5px;
	padding-right: 10px;
}

#sharerate a.share_button:hover {
}
#sharerate a.email_button:hover {
}
#sharerate a.embed_button:hover {
}

#sharerate .rating {
	float: right;
}

#embed_lightbox {
	border: 5px solid #d8d3c0;
	padding: 15px 15px 15px 15px;
}
#embed_lightbox a:hover {
	color:#cc0000;
	font-family: verdana;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
}
#embed_lightbox a {
	color:#606060;
	font-family: verdana;
	font-size:9px;
	font-weight:normal;
}
#embed_lightbox #embed_text {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: black;
}
#embed_lightbox input {
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	color: #606060;
	width: 100%;
	padding:2px 2px 2px 2px;
	margin:5px 0px 5px 0px;
}

#related { 
	width: 385px;
	height: 400px;
	top: 235px; /*  */
	left: 515px; /* LeftSpace+Width of #videplayer + 10px margin */
}

#related #navbars {
	background-color: black;
	width: 100%;
	height: 56px; /* RR */
	overflow: visible;
	margin-bottom: 0px; /* Margin to videos below */
}

#related #videos {
	background-color:black;
	position:relative;
	top:0px;
	width: 385px;
	height: 344px;
	overflow-x: hidden;
	overflow-y: scroll;
	font-family: Verdana;
}

#related #videos .videobox {
	width: 360px;
	height: 120px;
	margin-bottom: 6px; /* Margin to next video below */
	cursor: pointer;
}

div.selected_video {
        background-color: #C7BA8A;
}

div.unselected_video {
        background-color: #d8d3c0;
}

#related #videos .unselected_video tr:hover {
	background-color: #c9c3ac;
}

#related #videos table tr.selected {
	background-color: #d9cb96;
}

#related #videos table {
	width: 360px;
	height: 100%;
	font-size: 11px;
        table-layout: fixed;
       
}

#related #videos img {
	max-width: 100px;
	width: expression(this.width > 100 ? 100: true);
}

#related #videos .thumb {
	width: 110px;
}

#related #videos .title {
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	font-size: 14px;
}

#related #videos .info {
	margin-top: 5px;
	font-size: 10px;
}

#related #videos .date {
	color: #a2904e;
	
}

#related #videos .description {
	/* Same as parent */
}

#related #videos .smallrating {
	float: right;
	margin-right: 5px;
}

#recommended {
	width: 870px;
	height: 130px;
	overflow: auto;
	top: 645px; /* TopSpace+Height of #header+#videoplayer+Space + 10px margin */
}

.rec_item {
        float:left;
	cursor:pointer;
}

#recommended img {
	max-width: 100px;
	max-height: 60px;
	height: expression(this.height > 60 ? 60: true);
}

#recommended table {
	margin-top: 3px;
}

#recommended table td {
	width: 110px;
	height: 70px;
	cursor: pointer;
	text-align: center;
}

#recommended table td.small {
       height: 20px;
}

#recommended table:hover td {
	background-color: #c9c3ac;
}

#embed {
        float: left;
}

#embed .embedbox2 {
        position: absolute;
	left: 2px;
	top: 2px;
	width: 200px;
	height: 50px;
	opacity: 0;
	filter: alpha(opacity=0);

}

#embed .embedspace {
	margin: 20px;
}

/*------Rating---------*/
.bigrating {
  position: absolute;
  top: -5px;
  left: 335px;
}
.bigrating  a {
  float: left;
  width:31px;
  height:30px;
  background-repeat:no-repeat;
  cursor: pointer;
}
/* Changed URLs of rating images /JR */
.bigrating a.full {
  background:url(/images/fiskejournalen/bigrating/full.png) no-repeat 0px 0px;
}
.bigrating a.full:hover {
  background:url(/images/fiskejournalen/bigrating/full.png) no-repeat 0px -30px;
}
.bigrating a.half {
  background:url(/images/fiskejournalen/bigrating/half.png) no-repeat 0px 0px;
}
.bigrating a.half:hover {
  background:url(/images/fiskejournalen/bigrating/half.png) no-repeat 0px -30px;
}
.bigrating a.empty {
  background:url(/images/fiskejournalen/bigrating/empty.png) no-repeat 0px 0px;
}
.bigrating a.empty:hover {
  background:url(/images/fiskejournalen/bigrating/empty.png) no-repeat 0px -30px;
}

.info {
  position: relative;
}

.smallrating { /* Added /JR */
  position: absolute;
  top: 0px;
  left: 170px;
}

.smallrating  a {

  float: left;
  width:14px;
  height:16px;
}
.smallrating a.full {
  background:url(/images/fiskejournalen/smallrating/full.png) no-repeat 0px 0px;
}
.smallrating a.half {
  background:url(/images/fiskejournalen/smallrating/half.png) no-repeat 0px 0px;
}
.smallrating a.empty {
  background:url(/images/fiskejournalen/smallrating/empty.png) no-repeat 0px 0px;
}

.listdiv{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:auto;
  margin-top: 0px;
}

.noresults {
	margin-left: 10px;
	font-family: Verdana;
	font-size: 11px;
}
.noresults ul {
    margin-left: 15px;
	list-style-type: disc;
}
.noresults li {
    margin-left: 15px;
	list-style-type: disc;
}

/* Dropdown menu */

ul#menu_list {list-style-type:none; margin:0; padding:0;}
#menu_list a { text-decoration:none; font-family: verdana; font-size:9px; font-weight:normal; color:black;  display:block; padding:5px; width:106px; }
#menu_list dd a:hover { background: #c9c3ac; color: #cc0000;}
#menu_list li {float:left; padding:0; margin:0; position:relative; width:116px; }
#menu_list dl {position:absolute; top:0; left:0; width: 116px; margin: 0; padding: 0; text-align:left; cursor:pointer; background-color:#d8d3c0;}

#menu_list dt {margin:0; padding:0; background:url(/images/fiskejournalen/dropdown.gif) no-repeat 97px 3px;}
#menu_list dt:hover {background:url(/images/fiskejournalen/dropdown.gif) no-repeat 97px -13px;}

#menu_list dd {margin:0; padding:0; display:none; width:116px; background-color:#d8d3c0; } 
#menu_list li:hover, #menu_list li a:hover {border:0;}
#menu_list li:hover dd, #menu_list li a:hover dd {display:block;}
#menu_list table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}

/* Search field */
#search {padding:0px; height:22px; width:116px; }
#search.selected {background-color:#C7BA8A;}
#search_icon {padding:0px; width:16px; height:16px; position:absolute;  top:3px; left:9px;
	      background:url(/images/fiskejournalen/search.gif) no-repeat 0px -16px;}
#search_icon.selected, #search:hover #search_icon {background:url(/images/fiskejournalen/search.gif) no-repeat 0px 0px;}
#search input {border:0px;}
#search_field {width:80px; position:absolute; top:5px; left:28px;}
#search_button {width:11px; height:16px; position:absolute; top:3px; left:110px;  background:url(/images/fiskejournalen/search_submit.gif) no-repeat 0px -16px; }
#search_button:hover {background:url(/images/fiskejournalen/search_submit.gif) no-repeat 0px 0px; cursor: pointer;}

/*------ Menus ---------*/

#category {
	z-index: 100;
	position:absolute;
	top:0px;
	left:0px;
}
#category.selected dt {
        background-color: #C7BA8A;
}
#category.selected dt a {
	color: #cc0000;
}

#menu_list dd.selected a{
	color: #cc0000;
}

.toolbar{
	width:100%;
	height:auto;
	margin:auto;
	overflow:hidden;
}

#toolbar1 {
	position:absolute;
	top: 0px;
	left: 116px;
} 

#toolbar2 {
	position:absolute;
	left: 0px;
	top: 28px;
} 

.toolbar ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.toolbar ul li{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
.toolbar li.separator {
  	width: 6px;
	font-size:4px;
	float:left;
	background:black;
}
.toolbar li a, .toolbar li dl, .toolbar li div {
	width: 106px;
	height: 12px;
	line-height:12px;
	float:left;
	color:black;
	font-family: verdana;
	font-size:9px;
	font-weight:normal;
	padding:5px 5px 5px 5px; 
	background:#d8d3c0;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-bottom: 0px solid #d8d3c0;
}
.toolbar li a:hover{
	color:#cc0000;
	background-color:#c9c3ac;
	text-decoration:none;
}
.active li, .active a, .active dd, .active dt, .active dt a {
	color:#cc0000;
	background:#c7ba8a;
}
.toolbar li.active a {
	float:left;
	color:#cc0000;
	font-family: verdana;
	font-size:9px;
	font-weight:normal;
	border: 0px solid #f00;
	background:#c7ba8a;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

/*footerlinks*/
/* This is the previous page ... page numbers ... next page buttons
   at the playlist bottom.
   Feel free to change or remove anything here, this was just copied
   and pasted from the Saab design, there's nothing magical here. /JR */

.footerlinks{
	background: black;
	width:100%;
	margin: 0px auto;
	overflow:hidden;
}
.footerlinks ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.footerlinks ul li{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
.footerlinks li a{
	float:left;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding:5px ;
	background:#d8d3c0;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-right:6px solid black;
}
.footerlinks li a:hover{
	color:#cc0000;
	background:#c9c3ac;
}
.footerlinks li a.previous{
	float:left;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding:5px 47px 5px 8px;
	background:#d8d3c0;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-right:6px solid black;
}
.footerlinks li a.previous:hover{
	color: #cc0000;
	background:#c9c3ac;
}
.footerlinks li a.next{
	float:left;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding:5px 47px 5px 8px;
	background:#d8d3c0;
	margin:0px 0px 0px 0px;
	border-right:6px solid black;
	text-decoration:none;
}
.footerlinks li a.next:hover{
	color: #cc0000;
	background:#c9c3ac;
}
.footerlinks li a.active{
	float:left;
	color:#cc0000;
	font-size:11px;
	font-weight:normal;
	padding:5px ;
	background:#c7ba8a;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-right:6px solid black;
}

/* 
  Fiskejournalen ads etc
*/

.logo {
 position: absolute;
 top: 170px;
 left: 5px;
}
.logo a {
 text-decoration: none;
}

.banner728x90 {
 position: absolute;
 top: 5px;
 left: 5px;
}

.topheader {
 position: absolute;
 top: 100px;
 left: 5px;
}
.topheader, .topheader a, .topheader td {
 color: #EEEEEE;
 line-height:1.455;
 text-decoration:none;
 font-family:Verdana,Arial;
 font-size:9px;
 margin:1px;
 padding:1px;
}
.topheader td {
 color: #999999;
}

.topheader a:hover {
 text-decoration:underline;
}

.banner300x250, .banner160x600 {
    position: absolute;
    left: 918px;
}
.banner300x250 {
 top: 170px;
}
.banner160x600 {
 top: 430px;
}

.banner1, .banner2, .banner3 {
 position: absolute;
 top: 790px;
}

.banner1 {left: 5px;}
.banner2 {left: 310px;}
.banner3 {left: 615px;}

.adlabel {
 padding: 0px;
 width: 7px;
 height: 39px;
 position: absolute;
 top: 0px;
 right: -12px;
 background:url(/images/fiskejournalen/adlabel.png) no-repeat 0px 0px;
}