html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	outline: 0;
  	font-size: 100%;
  	font-family: Arial, sans-serif;
}

html, body { height: 100%; }

body { color:#000000; background: #4F7FA9 url(../img/grafikk/bodybg.gif) repeat-x; font: 12px Verdana; }

#container { width: 915px; background-color: #FFF; margin: 0px auto 0 auto; min-height: 100%; margin-bottom: -120px; position: relative; }
#container_top { background: url(../img/grafikk/topbg.gif) no-repeat; width: 915px; height: 20px; margin: 10px auto 0 auto; }

#innhold { margin: 20px 0 0 55px; width: 801px; }
.innhold_box { margin-top: 15px; border-bottom: 1px dotted #4F7FA9; padding-bottom: 15px; }

.left_box { float: left; width: 387px; padding-right: 10px; }
.left_box_s { float: left; width: 500px; border-right: 1px dotted #4F7FA9; padding-right: 10px; min-height: 100%; }

.right_box { float: left; width: 387px; margin-left: 15px; }
.right_box_s { float: left; width: 275px; margin-left: 15px; }

/*######################
      NYTT DESIGN
#######################*/
.tvshow_tab { background: url('../img/grafikk/new_box_bot.gif') no-repeat bottom #ECEEF5; width: 500px; color: #114273; border-collapse: collapse; }
.tvshow_tab tr:hover { background-color: #f5f5f5;}
.tvshow_tab td { padding: 2px; text-align: center;}

.new_box { background: url('../img/grafikk/new_box_bot.gif') no-repeat bottom #ECEEF5; margin-top: 10px; }
.new_box_top { font-weight: bold; background: url('../img/grafikk/new_box_top.gif') no-repeat top #245E8C; color: #FFF; padding: 3px 3px 3px 20px; margin-bottom: 10px; }

.new_box_s { background: url('../img/grafikk/new_box_bot_s.gif') no-repeat bottom #ECEEF5; margin-top: 10px;}
.new_box_top_s { font-weight: bold; background: url('../img/grafikk/new_box_top_s.gif') no-repeat top #245E8C; color: #FFF; padding: 3px 3px 3px 20px; margin-bottom: 10px; }
.new_box_s p { margin: 0 10px;} 

.new_box_m { background: url('../img/grafikk/new_box_bot_m.gif') no-repeat bottom #ECEEF5; margin-top: 10px;}
.new_box_top_m { font-weight: bold; background: url('../img/grafikk/new_box_top_m.gif') no-repeat top #245E8C; color: #FFF; padding: 3px 3px 3px 20px; margin-bottom: 10px; }
.new_box_m p { margin: 0 10px;} 

/*################
  LOGIN & BANNER
##################*/

#login_bar{ padding:5px 25px 0 0; text-align:right; font-size:12px; z-index: 100; }

#banner { position: relative; height: 95px; }
.main_logo { position: absolute; left: 45px; }
#banner h1{ font-weight:bold; font-family:Trebuchet MS; font-size:24px; color:#5FAFD7; line-height:25px; position: absolute; top: 50px; left: 215px }

/*################
       MENY
##################*/

#meny_box { background: #134476 url(../img/grafikk/roundedcornr_619513_grad.gif) repeat-x top left; width: 800px; margin: 0 0 0 55px; height: 36px; }
.meny_top div { background: url(../img/grafikk/roundedcornr_619513_tl.gif) no-repeat top left; }
.meny_top { background: transparent url(../img/grafikk/roundedcornr_619513_tr.gif) no-repeat top right; }
.meny_bottom div { background: url(../img/grafikk/roundedcornr_619513_bl.gif) no-repeat bottom left;}
.meny_bottom { background: transparent url(../img/grafikk/roundedcornr_619513_br.gif) no-repeat bottom right;}

.meny_top div, .meny_top,
.meny_bottom div, .meny_bottom { width: 100%; height: 10px; font-size: 1px; }

#meny_box ul { margin: -4px 0 -3px 30px; color: #FFF; list-style: none; font-weight: bold; font-size: 15px; height: 23px; overflow: hidden; }
#meny_box li { float: left; margin-right: 25px; margin-top: 3px; height: 17px; padding: 0; }

#meny_box a{ color: #FFF; text-decoration: none;}
#meny_box a:hover{ color: #82D5F6; }

/* Søkeboks */

#meny_box .searchbox { width:233px; height:23px; background: url(../img/grafikk/search-background.png) no-repeat center; margin: 0; }
#search_field{ width:216px; font-size:14px; font-weight: bold; background: transparent; border: 0; margin-top: 2px; margin-left: 7px; }
#search_button { background: transparent; border: 0; color: #FFF; font-weight: bold; font-size: 15px; }
#search_button:hover { color: #82D5F6; }

/*###########################
      INNHOLD PÅ SIDEN
############################*/

/* Design på lister med undertekster */

.sub_tab{width:100%; text-align:left; border-collapse:collapse;color: #114273;}
.sub_tab tr:hover {background-color: #f5f5f5;}
.cover{width:40px}
.fp_cover{height:40px; margin: 0 0 0 5px; z-index:10; width:28px}
.tittel{font-size: 14px;}
.release{font-size:11px; vertical-align:top}
.cder{width:27px}
.cd {height: 10px;}
.uploader{text-align:center; font-size:10px; width: 80px;}

a:link.norsub_up{ color: #346592; text-decoration:none}
a:hover.norsub_up{ color: #346592;text-decoration:underline}
a:visited.norsub_up{ color: #346592; text-decoration:none}

/* Infotabell til undertekster */

#info_tab { color: #346592; }	
#info_tab a { color: #346592; }
#info_tab th{ text-align: left; font-weight: normal; width: 90px; }
#info_tab td{ font-weight: bold; }
	
/* Browse-meny */

#browsemenu ul { list-style: none; font-weight: bold; }
#browsemenu li { float: left; margin-right: 10px;}	

/* Paginering */

.selectpage { z-index: 10; padding: 2px 8px; margin-right: 2px; background: #fff; border: 1px solid #ccc; }
a.selectpage { text-decoration: none; background: #edf2f7; border: 1px solid #ccc; }
a.selectpage:hover { background: #e0ffff; border: 1px solid #06B; }

/* Poster til siste nedlastede undertekster */
.last_poster { height: 180px; width: 123px; margin: 0 0 8px 8px;}

/* Nyheter */

#news_box { color: #346592; overflow: hidden; padding: 0 10px;}
#news_box h3 { font-weight: bold; font-size: 13px;}
.news_content { margin-bottom: 10px; }
.news_date { color: gray; font-size: 10px;}
.news_img { height: 80px; width: 56px; float: left; margin: 0 10px 0 0;}

/*################
       FOOTER
##################*/

#footer {
	z-index: 1;
	height: 120px;
	width: 100%;
	position: relative;
	background: #4F7FA9 url(../img/grafikk/bodybg.gif) repeat-x;
	left: 0px;
	bottom: 0px;
	text-align: center;
}

#footer_content {
	z-index: 2;
	height: 110px;
	width: 915px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	color: #FFF;
}

#footer_content ul {
	list-style: none;
	float: left;
	margin-left: 75px;
	margin-top: 20px;
	height: 90px;
}	

#footer_content a {color: #FFF; text-decoration: none;}
#footer_content a:hover {color: #FFF; text-decoration: underline;}
#footer_content a:visited {color: #FFF; text-decoration: none;}

/* ###############
      DIVERSE
##################*/

h2{
	color: #114273;
	font-weight:bold; 
	font-size:13pt; 
	margin-bottom:10px;
	text-align:center;
}

h3{
	color: #114273;
	font-weight:bold; 
	font-size:11pt; 
	margin-bottom:5px;
}

p { color: #346592;	padding-bottom: 10px; }

.norsub_msg{
	padding-top:10px; 
	font-size:9px; 
	font-weight:bold;
	color: #82d5f6;
}

/* Små linker i boks-headeren */
a.mini_link { font-size:9px; color: gray; text-decoration: none;}
a.mini_link:link { color: gray; }
a.mini_link:hover { color: gray; text-decoration: underline}
a.mini_link:visited { color: gray; }


/* Standard linkfarger på siden */
a:link{ color: #114273; }
a:visited{ color: #114273; }
a:hover{ color: #06B; }

a.red { color: #F00; }	

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right; }

.clear { clear: both; }
.red { color: #F00; }
.noborder {	border: 0; }
.hide {	display: none; }

.adbox_fixed {
	position: fixed;
	top: 50px;	
}

/*##########################################
         JQUERY AUTO-COMPLETE
##########################################*/

.jqac-menu{font-size: 14px;  color: black;  background-color: white;  border: 1px solid gray; padding:0 2px 2px 2px; text-align:center;}
.jqac-menu ul{list-style: none;  margin: 1px;  padding: 1px;  overflow: hidden;}
.jqac-menu .jqac-link {/*cursor: hand;*/  cursor: pointer;  display: block;}
.jqac-menu .jqac-highlight {background-color: #87CEFA;}
.jqac-menu .jqac-warning {font-style: italic;}
.jqac-menu em {text-decoration: underline;}
.jqac-menu .jqs-info {text-align:right;  font-style:italic;  font-size:.75em;  color: #666;}

/*##########################################
            JQUERY CAROUSEL
##########################################*/
/**
 * This <div>element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container{ position:relative}
.jcarousel-clip{ z-index:2;  padding:0;  margin:0;  overflow:hidden;  position:relative}
.jcarousel-list{ z-index:1;  overflow:hidden;  position:relative;  top:0;  left:0;  margin:0;  padding:0}
.jcarousel-list li, 
.jcarousel-item{ float:left;  list-style:none;  /* We set the width/height explicitly. No width/height causes infinite loops. */ width:75px;  height:75px}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul>list (inside the <div>described above) and
 * have the classnames "jcarousel-next"and "jcarousel-prev".
 */
.jcarousel-next{ z-index:3;  display:none}
.jcarousel-prev{ z-index:3;  display:none}
.jcarousel-skin-tango .jcarousel-container{ }
.jcarousel-skin-tango .jcarousel-container-horizontal{ width:720px;  padding:0px 35px}
.jcarousel-skin-tango .jcarousel-clip-horizontal{ width: 720px;  height:142px}
.jcarousel-skin-tango .jcarousel-item{ height:142px;}
.jcarousel-skin-tango .jcarousel-item-horizontal{ margin-right:3px}
.jcarousel-skin-tango .jcarousel-item-placeholder{ background:#fff;  color:#000}
.top_cov:hover { border: 1px solid #FFF}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal{    position:absolute;     top:55px;     right:0px;     width:32px;     height:32px;     cursor:pointer;     background:transparent url(../img/jcarousel/next-horizontal.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{    background-position:-32px 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:active{    background-position:-64px 0}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{    cursor:default;     background-position:-96px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal{    position:absolute;     top:55px;     left:0px;     width:32px;     height:32px;     cursor:pointer;     background:transparent url(../img/jcarousel/prev-horizontal.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{ background-position:-32px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{ background-position:-64px 0}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{ cursor:default;  background-position:-96px 0}

/*#########################################
            JQUERY TOOLTIP
##########################################*/

#tooltip{position:absolute; z-index:3000; border:1px solid #111; background-color:#eee; padding:9px}
#tooltip h3, #tooltip div{margin:0}
#tooltip.pretty{font-family:Arial; border:none; width:125px; padding:17px; height:180px; background:url('../img/grafikk/popup.png')}
#tooltip.pretty div{width:160px; text-align:left}

/*#########################################
                 GRAFER
##########################################*/

.graphWrapper {	position: relative; top: -17px; right: -7px;}	
.graphHorizontal { float: left; width: 180px; height: 110px; margin: 0 0 21px 6px; }
.graphHorizontal li { font-size: 0.9em;	position: absolute; bottom: 0; text-align: center;	width: 28px; list-style: none;}
.graphHorizontal li.uploads { color: #FFF; border: 1px solid #00f;	width: 22px; margin: 0 0 0 2px; background:#0000F0; cursor: pointer; font-size: 10px;}
.graphHorizontal li.uploads:hover { border: 1px solid #4169e1; background: #4169e1;}
.graphHorizontal li.day { margin-bottom:-21px; padding-top: 3px; height: 18px; background:#313442; color: #818492;}
.graphHorizontal li.day:hover{ color: orange;}