/*
CSS til tagverktøyet
christian.calmeyer@aschehoug.no
*/
#toobarFill {
}
#tagArea {
	position: absolute;
	top: 3px;
	left: 630px;
	height: 18px;
	width: 120px;
	z-index:2;
	font-family: Arial, sans-serif;
	font-weight: bold;
}
#tagArea span, #tagArea a {
	color: #fff;
	font-size: 8pt;
	cursor: pointer;
	margin-right: 2px;
	text-decoration: none;
}
#tagArea a:hover {
	text-decoration: underline;	
}
#myTags {
	margin-left: 15px;
}

* html #tagArea span {
	cursor: hand;
	margin-right: 10px;
}
.deletex{
	font-weight: normal;
}
#addTags {
	position: absolute;
	top: 5px;
	left: -300px;
	padding: 0px;
	height: 242px;
	width: 450px;
	background-color: #ffffff;
    border: 1px solid #de5f1d;
	z-index: 5;
    text-align: left;
    box-shadow: #000 3px 3px 20px;
	-moz-box-shadow: #333 3px 3px 20px;
	-webkit-box-shadow: #333 3px 3px 20px;
	/* Runde hjørner */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5x;
	font-family: Verdana, Arial, sans-serif;
	
}
* html #addTags  {
    border: 1px solid #de5f1d;
}
* html #addTags form {
	border: 1px solid #de5f1d;
	height: 242px;
}
.toppFeltAdd {
	position: relative;
	height: 29px;	
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAmCAIAAABCsoyGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQRJREFUeNqUlQsSwiAMRInTc3lC7+klap/IpyY00EnH6QDNZ7NZorxfzxR5NiDocHyCDnt1yHmkvFNZJLtOp0122G+N9DY7HDFIKVzDMWcJB12hdfigTRnPMyScD78TJjVEG+cFXzvE7OOQHrH4jSUJNS7Fyq59WGhuVLEu+tJVb6EdZBI4af3rPjAJbLaPSWpsoPPXOu1GxWOPuPgwGTSD10NHSyz5XYnPu4ZK3rbTVHWJJUpUhrbFosAaYy8QyRlkdCHzr9sdxlyWLO60eEIaWZLLJMIiZBAfBrGP8Cw6z2KhV7YYmi3VhnRa5W7IFggdEu5fRDGsUKsBzK6oPVTkfgUYAEZCtap5akPcAAAAAElFTkSuQmCC") repeat-x;
	background-color: #de5f1d;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
.toppFeltAdd h3 {
	padding: 5px;
	color: #fff;
	font-size: 10pt;
	margin: 0px;
}
#enterForm {
	margin: 10px;
	position: relative;
	height: 180px;
	top: 10px;
}
.label {
	display: inline-block;
	width: 85px;
	text-align: right;
	font-size: 9pt;
	margin-right: 10px;
}
* html #commentLabel {
	position: relative;
	top: -60px;	
}
#tagLabel {
	font-weight: bold;	
}
#tags {
	width: 325px;	
}
* html #tagLabel {
	position: relative;
	top: -5px;	
}
.clue {
	color:#666666;
    font-size:9px;
    left:89px;
    position:relative;
    text-align:left;
    width:322px;
}
#submitDiv {
	font-size: 9pt;
	margin-left: 10px;
}
#addTags span {
	color: #363636;
}
#addTags #comment {
	height: 76px;
	width: 325px;
}
#addTags #submitTag {
	width: 60px;
	height: 22px;
}
.linkToTag {
	margin-left: 7px;
}
#tagDiv {
	position: absolute;
	top: 23px;
	left: -150px;
	background: #898f9a;
	min-height: 20px;
	width: 390px;
	padding: 10px;
	padding-top: 8px;
	opacity: 0.9;
    text-align: left;
	border: 1px solid #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#noTagsSpan {
    position: relative;
    top: 4px;
    left: 50px;
    border: 2px solid #fff;
    padding: 4px;
}
#tagWin {
	position: absolute;
	top: 40px;
	left: 120px;
	height: 550px;
	width: 750px;
	z-index: 1;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #de5f1d;
	text-align: left;
  -moz-box-shadow: #333 3px 3px 40px;
	-webkit-box-shadow: #333 3px 3px 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: #333 3px 3px 40px;
}
.displayLink {
	position: relative;
	width: 465px;
	min-height: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
#tagWin a {
	color: #3333dd;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
#tagWin a:hover {
	text-decoration: underline;
}
a#escLink {
	font-size: 10px;
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 10px;
	z-index:1;
}
* html a#escLink {
	cursor: hand;
}
.comment {
	padding: 5px;	
	padding-left: 0px;
	font-weight: normal;
}
#tagRow {
	position: absolute;
	top: 57px;
	right: 15px;
	width: 209px;
	height: 477px;
	padding: 0px;
	border: 1px solid #bbb;
	background-color: #fafafa;
	border: 1px solid #de5f1d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#innerRow {
	position: relative;
	top: 8px;
	left: 5px;
	width: 203px;
	height: 463px;
	overflow: auto;
	overflow-x: hidden;	
}
#tagRow a.tagLinkInWin{
	font-size: 11px;
	cursor: pointer;
}
#tagRow a.tagLinkInWin{
	
}
* html a.tagLinkInWin {
	cursor: hand;
}
#urlDiv {
	width: 485px;
	position: relative;
	top: 22px;
	left: 25px;
	height: 479px;
	overflow: hidden;
	overflow-y: auto;
}
#urlDiv h3 {
	font-size: 11pt;
	margin: 0px;
	margin-bottom: 15px;	
}
#tagHead {
	font-size: 12pt;
	color: #000000;
	padding: 5px;
	width: 740px;
	height: 25px;
	background-color: #d3d6d4;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAZCAIAAAB7BwMVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUeNpMT1sSAzEIkhnvf+FFqeK20/yEoDwCFsMn1a1D1R1/SCFkkQHMY7ia21yV1zzVjpX2gxRJznQABj3Drd9DayNezgoSo/iiidsprdCh6+IMu0yGAOgywq1+e3xbxfWT+5UzENn7o3X+CDAAZ5FhZbf02XEAAAAASUVORK5CYII=") repeat-x bottom;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
* html #tagHead {
	background-color: #d3d6d4;
    width: 750px;
}
/* IE7*/
* + html #tagHead {
    background-color: #d3d6d4;
    width: 750px;
}
#tagHead h2 {
	margin: 0px;
	position: relative;
	top: 3px;
	left: 10px;
	margin-bottom: 8px;
    width: 300px;
}
.deletex {
	margin-left: 2px;
	margin-right: 2px;
}
/* Forslag til tagger */
#addTags ul{
	position: absolute;
	top: 71px;
	left: 97px;	
	list-style: none;
	background: #fff;
	border: 1px solid #000;
	border-top: none;
	margin: 0px;
	padding: 0px;
}
* html #addTags ul{
	top: 73px;
	left: 106px;	
}
#addTags li{
	display: block;
	padding: 3px;
	width: 258px;
	margin: 0px;
}
.hover {
	background-color: #ddd;
	cursor: pointer;
}
.focused {
	background-color: #ddd;
}
/* Ballong */
#bubbleId {
	z-index:3;
	position: fixed;
	top: 8px;
	left: 301px;
	height: 100px;
	width: 260px;
}
a#hideLink{
	position: absolute;
	top:22px;
	right: 15px;
	color: #00f;
	text-decoration: none;
}
/* Tag cloud: vindu for urler på en markedsplass */
#urlsWin{
	position: absolute;
	top: 189px;
	left: 220px;
	height: 350px;
	width: 500px;
	overflow: auto;
	border: 1px solid #de5f1d;
    box-shadow: #000 5px 5px 40px;
	-moz-box-shadow: #000 5px 5px 40px;
	-webkit-box-shadow: #000 5px 5px 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	background-color: #fff;
	z-index: 3;
	padding: 10px;
    text-align: left;
}
#urlsWin h3 {
	font-size: 12pt;
}
#urlsWin div {
	margin: 5px;
	font-size: 10pt;
}
#urlsWin .close {
	display: block;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
/* Andre tagger */
.otherTags {
	font-size: 10px;
	margin-top: 5px;
	color: #3333dd;
	font-weight: normal;
}
.otherHeading {
	color: #000;
	font-weight: bold;
}
#tagWin .otherTag {
	font-weight: normal;
	font-size: 10px;	
}
/*  Helptekst */
#helpButton{
   position: absolute;
   right:10px;
top:7px;
}
.helpimg{
    float: right;
    border: 1px solid #ccc;
    margin: 3px
}
#helpBody {
    font-family: Arial;
    width: 600px;
    background:url(help/lokus_logo.gif) no-repeat;
    padding-top: 66px;
    padding-bottom: 20px;
}
#help {
left:121px;
position:absolute;
top:2px;
}