/* 
	IVT (c.saetre, NTNU) CSS 2005/2006
	Styles apply to the middle column B.(ABC columns; usable px width approx 220-475-203) 
	Use these classes with layout controlled by ivt_cs.css
	Best inside DIV=content, storycontent, innhold, column_b
*/

#opplysning 
	{ margin-top: 20px; }
	#opplysning ul {
	list-style: none; 
	margin-top: 5px; margin-bottom: 5px; margin-right: 10px; margin-left: 5px;
	padding-left: 5px; 	}
	#opplysning ul li {
	background: transparent; padding: 2px 5px 2px 5px;
	margin-bottom: 1px; margin-top: 1px;
	font-size: 11px; font-weight: normal; color: #000;
	}
	#opplysning a:link, a:visited {
	color: #668594;
	}
p.textblock { margin-top: 0px; padding-top: 0px}
.accent {color: #b2c73d; font-size: 12px; font-weight: bold; font-variant: small-caps } /* green */	
.accent2 {color: #FF9900; font-size: 12px; font-weight: bold; font-variant: small-caps} /* orange */
.marine {color: #339999; font-size: 12px; font-weight: bold; font-variant: small-caps} /* bluegreen */
.rbline {border-bottom: 1px solid #A0D4DC; border-right: 1px solid #A0D4DC}
.ltline {border-top: 1px solid #A0D4DC; border-left: 1px solid #A0D4DC}

#storytable { padding-top: 10px; padding-bottom: 10px; background-color:transparent; word-wrap: break-word }
#storytable a:link, #storytable a:visited {	color: #369; border-bottom: 0px; padding: 1px; text-decoration: none; }
#storytable a:hover { background-color: #F1F8FA; text-decoration: none;	border-bottom: 0px;}
.tbldata { 
	color: #000; font-size: 12px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	line-height: 17px; word-wrap: break-word;
	}
.coltbldata { 
	color: #000; font-size: 11px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	vertical-align: top; line-height: 17px; word-wrap: break-word; word-break: break-all; 
	}
td.cellhead {border-bottom: 2px solid #cccccc; background-color: #fafafa}
ul.basiclist { list-style-position: inside; list-style-type: square;
	margin: 5px 0px 2px 0px; padding: 0px 0px 0px 5px; line-height: 130% }
	
.caption {
	color: #999; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px; padding-left: 3px;  
	}
	p.caption { font-size: 9px;  
	padding-top: 3px; padding-bottom: 3px;
	}
.tip {	color: #999; font-size: 9px; }
p.tip { font-size: 9px;  
	padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;
	}
.smalltitle {
	color: #999999; font-size:12px; letter-spacing: -1px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	}
.subtitle {  /*  used currently only for opplysnings menu */
	color: #9eb3a9; font-size: 14px; letter-spacing: 0px;
	font-weight: normal;
	margin:0px; padding: 5px 0px;
	border-bottom: 0px solid #deecee;
	font-family: Helvetica, Arial, sans-serif;  
	}
.profile {
	padding: 0px 0px 0px 10px; word-wrap: break-word;
	border-bottom: 0px solid #eee;
	border-right: 1px dotted #eee;
	}
.profileH4like { font-size: 14px; letter-spacing: -1px;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 3px; font-weight:bold}
.h14rule {
	color: #000; font-size: 14px; line-height: 16px; 
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;  
	margin-bottom: 0px; margin-top: 20px; 
	width: 90%;  
	font-weight: bold; letter-spacing: 0px;
	border-bottom: 2px solid #cccccc;  
	}

td.cellhead {border-bottom: 2px solid #f4f4f4; background-color: #fafafa} 	

/*  paginators */	

#pagethrough { height: 20px; width: 200px; float: right; text-align: right; padding-right: 0px; margin-right: 6px; padding-top: 4px; padding-bottom: 2px; font: 9px sans-serif;}
#pagethrough .off { padding:0px 3px 0px 3px; margin-right: 0px; margin-left: 0px; vertical-align: bottom; }
#pagethrough .off a {border: solid 1px #ddd; padding:0px 3px 0px 3px; background: #deecee; text-decoration: none; }
#pagethrough .off a:visited { padding:0px 3px 0px 3px; border: solid 1px #ddd; text-decoration: none;}
#pagethrough .off a:hover {  padding:0px 3px 0px 3px; border-color: #036; background: #FFCC00; text-decoration: none;}
#pagethrough .on { padding: 0px 3px 0px 3px; margin-right: 2px; margin-left: 2px }
#pagethrough .on a, #pagethrough .on a:visited { padding:0px 3px 0px 3px; border-bottom: solid 2px #FFCC00; text-decoration: none;}		

#tabs { margin-bottom: 15px; padding-bottom: -2px}
.back {	border-bottom: 1px solid #cccccc; border-right: 2px solid #cccccc; 
		border-left: 1px solid #cccccc; border-top: 1px solid #cccccc;
		margin-left: 5px; padding-left: 10px; background-color: #fafafa }
.back a, .back a:visited { color: #666666; text-decoration: none; }
.back a:hover {  background-color: #ffffff;  text-decoration: none;}
.front { border-bottom: none; border-right: 2px solid orange; border-left: 1px solid orange; border-top: 1px solid orange; 
		margin-left: 5px; padding-left:10px }
.front a, .front a:visited { color: #000000; text-decoration: none;  }
.front a:hover {  background-color: #ffffff;  text-decoration: none;}
.blank { border-bottom: 1px solid #cccccc; }

/*  images wrappers */

img.icon { padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; vertical-align: middle;}
img.thumbnail { padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; border: 1px solid #ccc; float: left; vertical-align: top;	}
img.border { border: 1px solid #eee; padding: 4px; }
img.standard { border: 1px solid #eee; padding: 4px; background: #fff; float: left;	margin-right: 10px;	margin-bottom: 15px;}
img.left { padding: 4px; float: left; margin-right: 10px; margin-bottom: 15px;	}
img.right {	padding: 4px; float: right; margin-left: 10px; margin-bottom: 15px;	}