/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* PAGE */

body {
	background: white url('../images/bg-prisma.png') no-repeat left top fixed;
  /*background: #eaeaea;*/
  text-align: left;
  font: bold 11px/13px arial, sans-serif;
  color: black;
  margin: 22px 0 0 35px;
}

strong { font-weight: bold; }
em { font-style: italic;  }


/* Link */

#top-menu a, #top-menu label, #logos a, .category-menu li a {
  color: black;
  text-decoration: none;
}

#top-menu a, #top-menu label {
  text-transform: uppercase;
}

.category-menu li.procesmodel a {
  color: #32e600;
}

.brugere .category-menu li.procesmodel a {
  color: #7aef60;
}

.inspiration .category-menu li.procesmodel a {
  background: #00463c;
}


/* View */

#view {
  position: relative;
  width: 956px;
}


/* Top menu */

#top-menu {
  position: absolute;  
  right: 0;
  top: 0;  
  font-size: 13px;
  line-height: 15px;
}

#loading {
  position: absolute;  
  top: -1px;
  right: -20px;
  display: none;  
}


#top-menu input {
  font: normal 11px/13px arial, sans-serif;
  border-width: 0;
  padding: 1px 2px;
  width: 168px;
  margin-left: 4px;
}

#top-menu ul, #top-menu li, #top-menu form, #top-menu label, #top-menu input  {
  float: left;
  display: inline;
}

#top-menu form, #top-menu li {
  margin-left: 34px;
}

#top-menu li:first-child {
  margin: 0;
}

/* Start */

#logos {
  position: absolute;
  top: 100px;
}

#logos .mindlab {
  margin: 90px 0 30px 0;
}

#logos .skm {
  margin: 7px 0 20px 0;
}


#categories {
  position: absolute;
  left: 226px;
  top: 75px;  
}


#categories li {
  position: relative;
  float: left;
  background: transparent url('../images/bg-categories.png') no-repeat left top scroll;
  margin-left: 22px;
}

#categories li a {
  float: left;
  width: 197px;
  height: 247px;      
  text-align: center;
}

#categories li:first-child {
  margin: 0;
}

#categories li div.label {
  position: absolute;
  left: 11px;
  top: 260px;
  width: 159px;
  padding: 0 8px;
  background: white;
  display: none;
}

#categories li div.label p {
  margin: 13px 0;
}

#categories li div.label h1 {
  font-size: 14px;
  line-height: 16px;
  color: #32e600;
  font-weight: bold;
  margin: 16px 0;
}

#categories li div.label p img {
  margin: -13px -8px 0 -8px;
}


/* LEFT */

#left-column {
  position: absolute;
  width: 197px;
}

#left-column #logos {
  position: relative;
  top: 40px;
}

#left-column #logos .mindlab {
  margin-bottom: 15px;
}

#left-column #logos .skm {
  margin: 2px 0;
}

.regest {
  margin-top: 41px;
  font: normal 14px/17px arial, sans-serif;
  width: 197px;
}


a.category {
  clear: both;
  display: block;
  margin: 38px 0 26px 0;
  width: 197px;
  height: 247px;
  background: transparent url('../images/bg-categories.png') no-repeat left top scroll;
}

#categories li.brugere, a.brugere {
  background-position: -197px 0;
}

#categories li.inspiration, a.inspiration {
  background-position: -394px 0;
}

.category-menu {
  position: relative;
}

.category-menu li {
  font-size: 13px;
  line-height: 15px;
  margin-top: 10px;
}

.category-menu li:first-child {
  margin-top: 0px;
}

.category-menu li a {
  text-transform: uppercase;
  display: block;
  background: white;
  padding: 7px 6px 6px 6px;
}




.category-menu li.current a,
.category-menu li.current a:hover {  
  color: white;
  background: #32e600;
}

.category-menu li a:hover,
.category-menu li a:active {
  color: black;
  background: #32e600;
}


.brugere .category-menu li.current a,
.brugere .category-menu li.current a,
.brugere .category-menu li.current a:hover,
.brugere .category-menu li.current.procesmodel a,
.brugere .category-menu li.current.procesmodel a:hover,
.brugere .category-menu li.procesmodel a:hover {
  color: white;
  background: #7aef60;
}

.brugere .category-menu li a:hover,
.brugere .category-menu li.procesmodel a:hover,
.brugere .category-menu li a:active,
.brugere .category-menu li.procesmodel a:active {
  color: black;
  background: #7aef60;
}

.inspiration .category-menu li.current a,
.inspiration .category-menu li.current a,
.inspiration .category-menu li.current.procesmodel a,
.inspiration .category-menu li a:hover,
.inspiration .category-menu li a:active {
  color: white;
  background: #00463c;
}


.sections a {
  float: left;
  width: 24px;
  height: 0;
  background: transparent url('../images/bg-categories-small.png') no-repeat left top scroll;
  padding-top: 30px;
  overflow: hidden;    
}
  
.sections a.brugere {
  background-position: -24px 0;
}

.sections a.inspiration {
  background-position: -48px 0;
}
  
.sections li {
  float: left;
  margin-left: 7px;
}

.sections li.current {
  visibility: hidden;
}

.sections li:first-child {
  margin-left: 0px;
}

/* Right */

#right-column {
  position: absolute;
  left: 226px;
  top: 105px;
  width: 730px;

}

.method-menu ul {
  clear: both;
  height: 183px;
  margin-top: 10px;
}

.method-menu li {
  float: left;
  position: relative;
  margin-left: 10px;
  width: 175px;
  height: 183px;
  background: white;    
}

.method-menu li.current, 
.method-menu li.this,
.method-menu li.current .method-h,
.method-menu li.this .method-h {
  background-color: #32e600; 
}

.brugere .method-menu li.current, 
.brugere .method-menu li.this, 
.brugere .method-menu li div.more,
.brugere .method-menu li.current .method-h,
.brugere .method-menu li.this .method-h {
  background-color: #7aef60;
}

.inspiration .method-menu li.current, 
.inspiration .method-menu li.this, 
.inspiration .method-menu li div.more,
.inspiration .method-menu li.current .method-h,
.inspiration .method-menu li.this .method-h {
  background-color: #00463c;
  color: white;
}

.inspiration .method-menu li.this .method-h,
.inspiration .method-menu li.current .method-h {
  background-position: -175px 4px;
}

.method-menu li:hover, table.tools td:hover {
  cursor: pointer;
}

.method-menu li div.more {
  position: absolute;
  left: 0;
  top: 183px;
  width: 163px;
  z-index: 100;
  background: #32e600;
  color: black;
  padding: 0 6px 12px 6px;  
  display: none;
}


.method-menu ul li:first-child, .method-menu ul:first-child {
  margin: 0px;
}

.method-menu li .method-h {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 175px;
  height: 0;
  padding-top: 48px;  
  background-color: white;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left 4px;
}


/* Method */

.method-container {
  margin-top: 90px;
  position: relative;
}

.method, .comments {
  width: 383px;
  padding: 20px 10px;
  background: white;
  margin-bottom: 20px;
}

.method p {
  margin: 13px 0;
}

.method blockquote {
  margin: 13px 0 -13px 0;
}

.method blockquote p {
  margin: 0 0 2px 0;
}

.method blockquote span {
  display: none;
}

.method p.add-to-tools {
  margin: -11px 0 18px 0;
  text-transform: uppercase;
  color: #aaa;
}

.method p.add-to-tools a {
  color: #aaa;
}

.method a {
  color: black;
}

.method h2, .comments h2 {
  font: bold 14px/16px arial, sans-serif;
  color: #32e600;
  margin: 13px 0 -13px 0;
}

.comments h2 {
  margin: 0 0 13px 0;  
}

.method ul {
  margin: 13px 0 13px 13px;
  list-style-type: disc;
}


.method ol {
  list-style-position: inside;
  list-style-type: decimal;
}

.method ol li {
  margin: 13px 0;
}

.method ol li ol {
  list-style-position: inside;
  list-style-type: upper-latin;
  margin-left: 20px;
}



.method h1 {
  margin: 0 0 13px 0;
}



.method-assets {
  position: absolute;
  left: 415px;
  top: -12px;
}

.post-it {
  width: 155px;
  background: #32e600;
  padding: 2px 10px;
  margin: 12px 0;
}

.brugere .post-it {
  background: #7aef60;
}

.inspiration .post-it {
  background: #00463c;
  color: white;
}

.post-it a {
  color: black;
}

.inspiration .post-it a {
  color: white;
}

.post-it.white {
  background: white;
  color: black;
}

.assets {
  margin: 12px 0;
}

.assets p {
  margin: 0;
}

.assets img {
  display: block;
}


.post-it h1 {
  font: normal 10px/12px arial, sans-serif;
  text-transform: uppercase;
  margin: 20px 0 6px 0;
}

.post-it.white h1 {
  font-weight: bold;
}

.post-it {
  font: bold 11px/13px arial, sans-serif;
}


.post-it ul, .post-it ol {
  margin: 0 0 13px 15px;
  list-style-type: disc;
}

.post-it p {
  margin: 0 0 13px 0;
}


.post-it li {
  margin: 2px 0;
}



a.examples {
  color: #32e600;
  text-transform: uppercase;
  text-decoration: none;
}

.brugere .method h2, .brugere .comments h2, .brugere a.examples {
  color: #00ee32;
}

.inspiration .method h2, .inspiration .comments h2, .inspiration a.examples {
  color: #00463c;
}

/* Page */

#overlay, #search-result {
  position: absolute;
  background: white;
  top: 50px;
  width: 270px;
  border-top: 12px solid #f5f5f5;
  /*padding: 4px 10px;*/
  z-index: 400;
}

#search-result {
  display: none;
}

#right-column #overlay {
  top: 0;
}

#overlay a.close, #search-result a.close {
  position: absolute;
  right: 3px;
  top: -12px;
  width: 12px;
  height: 0;
  background: transparent url(../images/luk.gif) no-repeat 2px 2px scroll;
  padding-top: 12px;
  overflow: hidden;  
}

#overlay .status {
  position: absolute;
  top: -12px;
  left: 2px;
}

.page {
  margin: 4px 10px;
}

.page a {
  color: black;
}

.tools {
  margin: 0;
}

.page h1 span, .method h1 span {
  display: none;
}

.page h1, .page h2, .page p {
  margin: 16px 0;
}

.tools p {
  margin: 0;
  font-weight: normal;
}

.page h2 {
  font: bold 14px/16px arial, sans-serif;
}

table.tools {
  margin: 0;
}

table.tools tr td:first-child {
  width: 75px;
  padding: 12px 12px 12px 8px;
}

table.tools td {
  vertical-align: top;
  padding: 16px 10px 12px 0;
}

table.tools tr.current td {
  background: #f5f5f5;
}

table.tools th {
  padding: 12px 10px 2px 8px;
  text-transform: uppercase;
  font: bold 13px/15px arial, sans-serif;
}

table.tools th a {
  text-decoration: none;
  color: #32e600;
}

table.tools th.brugere a {
  color: #00ee32;
}

table.tools th.inspiration a {
  color: #00463c;
}

/* Rating */

.rating {
  position: relative;
  float: right;
}

a.print {
  clear: right;
  float: right;
  text-transform: uppercase;
  color: #aaa;
  margin: 4px 0 8px 0;
}

.rating p {
  position: absolute;
  top: -24px;
  right: 2px;
  width: 240px;
  text-align: right;
  font-weight: normal;
}

.rating a {
  float: left;
  width: 17px;
  height: 0;
  background: transparent url('../images/stars.png') no-repeat left top scroll;
  padding-top: 16px;
  overflow: hidden;
}

.rating a.value {
  background-position: -17px 0px;
}


.rating a.active, .rated a.value {
  background-position: -34px 0px;
}

.brugere .rating a.active, .brugere .rated a.value {
  background-position: -51px 0px;
}

.inspiration .rating a.active, .inspiration .rated a.value {
  background-position: -68px 0px;
}

.comments td.txt {
  width: 188px;
  padding: 4px 0;
}

.comments td textarea {
  border: 1px solid black;
  width: 375px;
  height: 140px;
  margin: 4px 0 8px 0;
  padding: 4px 2px;
}

.comments td.txt input {
  border: 1px solid black;
  width: 170px;
  padding: 4px;
}

.errorExplanation {
  margin: 0 0 13px 0;
}

.comments td label {
  display: inline;
}

.comments td a {
  color: black;
}

.comments .btn, .comments textarea, .comments input {
  font: normal 11px/13px arial, sans-serif;
}

.comments .btn {
  border: 1px solid black;
  background: white;
  padding: 4px;
}

.comments td {
  vertical-align: middle;
  font-weight: normal;
}

.comments li, .comments li div p {
  margin: 0 0 13px 0;
}

.comments li div {
  margin: 0 0 0 60px;
  font-weight: normal;
}

.comments li h3 {
  font-weight: bold;
  margin: 0 0 4px 0;
}