/* 
	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
*/

p.textblock { margin-top: 0px; padding-top: 0px}
.accent {color: #FF9900; font-size: 12px; font-weight: bold; font-variant: small-caps } /* orange */	
.accent2 {color: #CC0000; font-size: 12px; font-weight: bold; font-variant: small-caps; letter-spacing: -1px;} /* red */
.accentH4 {color: #990000; font-size: 18px; font-weight: bold; letter-spacing: -1px; font-family: Arial, sans-serif}

.caption { color: #999; font-size: 9px; font-family: Verdana, Arial, sans-serif;	padding-right: 3px; padding-left: 3px;  }
p.caption { font-size: 9px;  padding-top: 3px; padding-bottom: 3px; margin: 0px	}
.tip {	color: #999; font-size: 9px; }
p.tip { font-size: 9px;  padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;}
.profile { padding: 0px 0px 0px 10px; word-wrap: break-word; border-right: 1px dotted #eee;	}
h4.ipd { color: #000000; letter-spacing:.25pt; padding-top: 0px; }
/*  paginators */	

#pagethrough { height: 20px; width: 200px; float: right; text-align: right; padding-right: 0px; margin-right: 6px; padding-top: 4px; padding-bottom: 2px}
#pagethrough .off { font: 9px Arial, Helvetica, sans-serif; font-color: #dddddd; 
	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 { font: 10px Arial, Helvetica, sans-serif; font-color: #ddd; 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.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 {
	padding: 4px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	}