/* Forsiden start */

body { 
	margin:0px;
	border:0px;
	background-color: #333333;
	color: black;
}

body, td, th, select, .editor {
  
	  font-size: 14px;
	  font-family: Arial, Verdana, Helvetica, sans-serif;
  
}

body.sub {
	background-image: url(/_/images/142/gradient.gif);
	background-repeat: repeat-x;
  overflow:none;
}

body.sfu {
  background-color: #505050;
	background-image: url(/_/images/142/gradient.gif);
	background-repeat: repeat-x;
  overflow:none;
}

.frontcontainer {
	margin: 0 auto;
	width: 752px;
	position: relative;
	z-index:2;
	padding-top: 20px;
}
    
.popup {
  color:white;
  z-index:10;
  margin:auto;
  filter:alpha(opacity=0);
  -moz-opacity:.0;
  opacity:.0;
}

.index {
  position:absolute;width:752px; z-index:4; overflow:hidden; visibility:hidden; 
  font-size:14px; padding-bottom:20px;  /* position:absolute; */
}

.index.bright {background-color:#F0F0F0; color:#303030;
  background-image: url("/_/images/gui/grad.F0F0F0.bot.darken.gif");
  background-repeat: repeat-x;
  background-position: bottom
}
.index.dark {background-color:#202020; color:#FFFFFF; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; 
  background-image: url("/_/images/gui/grad.202020.bot.darken.gif");
  background-repeat: repeat-x;
  background-position: bottom
}

.index .pane {float:left;width:316px; overflow:hidden; margin-right:40px}
.index h2, .document h2 {font-size:17px;margin-bottom:5px;margin-top:0px}

.tagcloud {line-height:140%}
.tagcloud A {text-decoration:none}

.bottomlinks {
	background-repeat: no-repeat;
	background-position: center right;
}

.dellLogo {
	background-image: url("/_/images/gui/poweredbyDell.gif");
}

/* BRIGHT MENU WITH COLORED HEADERS */

.spec h2, .spec h1 {color:#0089A1}
.lab h2,  .lab h1  {color:#B48300}
.edu h2 , .edu h1  {color:#D04E00}
.insp h2, .insp h1 {color:#779F00}
.bright A {color:#303030}

.index .arrow {font-size:15px}
.rightpane {line-height:100%; overflow:hidden; float:left; margin-top:0px;}

A {font-weight:bold;color:#505050}
A:hover {color:#909090}

.overlay A {color:#FFFFFF}
.overlay A:hover {color:#E0E0E0}

/* FORMS */

FORM {display:inline}
FORM.compact, FORM.compactForm {font-size:11px}

FORM.compact label, FORM.compact .label {line-height:100%;margin-top:3px;font-weight:bold; font-size:10px}
FORM .textfield {margin:0px; border:1px solid #A0A0A0}
FORM.compact .textfield {font-size:11px}
FORM.compact .textfield.required {border-color: #909090}
FORM .block {margin-bottom:3px;clear:both}


h1, .headermeta {font-size: 150%; font-weight:bold; line-height:120%;margin-top:0px}
.headermeta {color:#606060}

.searchArea {background:#FFFFFF;height:24px;overflow:hidden;float:left;width:630px}

.searchAreaNew {background:#FFFFFF;float:left;width:682px}

#queryField {width:600px; font-family: Trebuchet MS; padding:2px; font-weight:bold; font-size:15px; border:0px; margin:0px; float:left; overflow:hidden; height:22px; outline:none}

#resultPane {display:none; overflow:hidden;scrollbar-base-color: #606060;scrollbar-arrow-color:#F0F0F0}
#resultPaneInner {
	color:black; font-size:12px; overflow-y:scroll;
	background-color:#F0F0F0;
  background-image: url("/_/images/gui/grad.F0F0F0.bot.darken.gif");
  background-repeat: repeat-x;
  background-position: bottom;
  background-attachment: fixed;
}
#queryTags {font-size: 12px; padding-top:10px; padding-bottom:10px; font-weight:bold; background:#D0D0D0; padding-left:40px; padding-right:40px}
#queryResults {margin-left:40px; margin-right:20px}
#queryResults .result {margin-bottom: 10px}
#queryResults .title {font-weight:bold; font-size:15px}
#innerres2 {margin-top:10px}
#queryResults .meta {float:left; font-weight:bold; color:#000000; margin-right:5px}
#queryResults .summary {color:#404040; font-size:12px; font-weight:normal}
#queryTags .tag {cursor:pointer;color:#404040}
.settings {background:white;padding-left:2px;padding-right:2px;color:black;float:right;cursor:pointer;margin-top:2px}  
.settings.ON {background:green}
.settings.OFF {background:red}
    
/* TABS AND PROCESS */

.tab {cursor:pointer;float:left}
.tab.active {cursor:default}
.tab.ghosted {cursor:default}

.simpletabs {background-image: url(/_/images/gui/tabs.bgline.gif); height:17px; overflow:hidden}
.simpletabs .tab {height:16px;overflow:hidden;border-bottom: 1px solid #909090}
.simpletabs .active {height:16px; overflow:hidden; border-bottom: 1px solid #FFFFFF}
.simpletabs .caption {padding-top:3px;padding-left:5px;padding-right:5px;float:left;overflow:hidden;height:16px;border-top:1px solid #A0A0A0;font-size:11px;line-height:100%;font-weight:bold}

.process {}
.process .tab {color:black; font-weight:bold; font-size:14px; background:#E0E0E0;border-right:2px solid white}    
.process .tab.active {color:white; background:#FF5000}
.process .tab.ghosted {color:#A0A0A0}
.process .caption {padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px}    
    
.tabs2 {height:21px;background-image: url(/_/images/common/gui/tab.C0C0C0.bottom.gif);overflow:hidden;padding-left:10px}
.tabs2 .tab.active {border-bottom:2px solid #FFFFFF}
.tabs2 .tab .tabbordercover {display:block}
.tabs2 .tab.active .tabbordercover {display:none}
.tabs2 .tab .caption {height:19px;border-bottom:2px solid #C0C0C0;float:left;background-image: url(/_/images/common/gui/tab.C0C0C0.bg.gif); padding-left:10px;padding-right:10px}
.tabs2 .tab.active .caption {border-bottom:2px solid #FFFFFF}
    
#frame{
	width:360px; 
	border:solid;
	border-color: #333333;
	margin-top:10px;
	height:30px;
}
      
.sectionHeader {
	margin-left: 20px;
	position:absolute;
	z-index:3;
	cursor:pointer;
}    

.menuheader {
	width:752px;
	overflow:hidden;
	height: 40px;
	margin-top:1px;
	background-color: #202020;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;   
	cursor:pointer;
}

.topheader {background-color: #000000;height:115px;overflow:hidden}

.subcontainer {
	width:960px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:40px;
	overflow:hidden;
}

.subcontainer .menuheader {width:960px}
.sub .index {width:960px}
.subcontainer #queryField {width:800px}
.subcontainer .searchArea {width:830px}

.subcontainer .searchAreaNew {width:880px}



/* background-image: url(/_/images/131/1/backdrop.1.sub.jpg);background-attachment:scroll;background-repeat:no-repeat */

.blackLine {height:1px;overflow:hidden;background-color:black}     

.corner3, .corner2 {width:3px;height:3px;overflow:hidden; float:left}
.corner2 {width:2px;height:2px}
.pix {width:1px;height:1px;float:left;overflow:hidden; background-color:#202020}
.corner3.white .pix, .corner2.white .pix {background:white}
.opacity03 {filter:alpha(opacity=3);-moz-opacity:.03;opacity:.03}
.opacity10 {filter:alpha(opacity=10);-moz-opacity:.10;opacity:.10}
.opacity32 {filter:alpha(opacity=32);-moz-opacity:.32;opacity:.32}
.opacity50 {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}
.opacity58 {filter:alpha(opacity=58);-moz-opacity:.58;opacity:.58}
.opacity70 {filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70}
.opacity80 {filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80}
.opacity91 {filter:alpha(opacity=91);-moz-opacity:.91;opacity:.91}
.opacity94 {filter:alpha(opacity=94);-moz-opacity:.94;opacity:.94}
  
.backgr {position:absolute;z-index:0;visibility:hidden}
.bgimage {-ms-interpolation-mode:bicubic} 

/* Forsiden slut */

/* Lars' herfra */

.document {background:#FFFFFF; color: #333333; margin-top:7px}

.content, .document .pane {overflow:hidden; margin-left:40px; padding-right:40px}
.content {background:#FFFFFF; line-height:140%;padding-bottom:40px;padding-top:20px}

.path {padding-top:10px;margin-left:40px;padding-right:40px}

.logo {
	width:960px;
	height:60px;
	background-image: url(topbar.jpg);
	text-align: center;
	padding-top: 52px;
}

.topmenu {
	width:960px;
	height: 35px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.itemlist ul {margin:0px;list-style: none;padding:0px}
.itemlist ul li {margin-bottom:7px}

.content ul {padding:0px;list-style:square;margin:0px;padding-left:20px}
.content ul li {padding-bottom:1px;padding-top:1px;margin:0px}
.content ul ul {list-style:circle}

.imagetext {
	height:20px;
	width:250px;
	margin-top:-20px;
	background-color: #FFFFFF;
	filter:alpha(opacity=80); -moz-opacity:.80;opacity:.80;
	color:#333333;
	overflow:hidden;
	padding-left:6px; font-size:12px; font-weight:bold; padding-top:2px;
}

.tagcloud .tag {padding-right:5px;padding-bottom:5px}

.rank1 {font-size:10px}
.rank2 {font-size:14px}
.rank3 {font-size:18px}
.rank4 {font-size:24px}

.contentbody {
  margin-right:40px;
  float:left;
  overflow:hidden;
}

/* BOX STYLES */



.box {background: #F4F4F4; float:left; overflow:hidden; margin-bottom: 10px; margin-right: 10px}
.boxheader {background: #D0D0C8; width:100%; height:22px; overflow:hidden; margin-top:-1px}
.boxcontent {margin-top: -2px; margin-bottom:-2px; width:100%; overflow:hidden; float:left; position:relative}
.fixedheight .boxcontent {height:100%}
.boxheader .corner {background: #F4F4F4}
.fixedheight .boxcontent {height:100%}
      
.corner {width:1px; height:1px; position:relative; overflow:hidden; background:#FFFFFF; z-index:1}
.corner.c2 {top:-1px}
.corner.c3 {left:0px; top:1px; clear:both}
.corner.c4 {top:0px}

.fixedheight .boxheader .corner.c3 {top:0px}
.fixedheight .boxheader .corner.c4 {top:-1px}

.boxtext {font-family: Verdana; font-size: 11px; margin-left: 10px; margin-right: 10px; padding-top:4px; padding-bottom:5px}
.boxbody .boxtext {padding-top:8px}
.boxheader .boxtext {font-weight:bold}
.boxitem {margin-bottom: 8px}
.boxitem .meta {color: #808080}

.scrollarea {overflow: hidden;color:#FFFFFF}
.scrollbar {position:absolute; background:#A0A0A0;display:none;}
.slider {background:#FFFFFF; position:relative; overflow:hidden;cursor:pointer}


.box.w100 {width:100px}
.box.w100 .corner.c2, .box.w100 .corner.c4 {left:99px}
/*
.box.path, .box.fixedheight.titlebar {background: #D0D0C8}
.box.path .boxtext {padding:6px}
.box.path .boxtext {padding-left:0px}
*/
.box.leftmenu {background: #EAEAE8}

.box.solid {background: #D0D0C8}

.fbox {background:#EAEAE8}
.fbox .top, .fbox .bottom {height:1px; overflow:hidden}
.fbox .bottom {}
.fbox .fbcontent {}
.fbox .frame {border: 2px solid #EAEAE8}
.c {width:1px; height:1px; overflow:hidden; float:left; background:white}
.c.right {float:right}

.fbox.calendar {background-image: url(/_/images/gui/calgrid.gif)}
.fbox.level2 {background: #FFFFFF}
.fbox.calendar .c, .fbox.level2 .c {background-color:#EAEAE8}
.fbox.calendar .month {width:42px;margin:0px;float:left;display:inline}

.fbox.term {font-weight:normal; width:36px; margin:0px; margin-left:2px;margin-top:2px;margin-bottom:2px;background:#C0C0C0;display:block;clear:both;overflow:hidden}
.fbox.term .fbcontent {padding: 2px; padding-top: 4px; font-size:12px;line-height:10px}
.fbox.term A {text-decoration: none}
.fbox.term .c {background:white}


.fbox.colClosed {background-color: #EAEAEA}
.fbox.colClosed * {color:#909090}
.fbox.col0 {background-color: #B0B0B0}
.fbox.col1 {background-color: #FFB0B0}
.fbox.col2 {background-color: #B0B0FF}
.fbox.col3 {background-color: #B0FFB0}
.fbox.col4 {background-color: #FFFFB0}
.fbox.col5 {background-color: #FFB0FF}
.fbox.col6 {background-color: #B0FFFF}

.monthlegend {clear:both; float:left;font-size:10px;line-height:10px;color:#999999;margin-bottom:1px}
.monthlegend DIV {text-align:center;float:left;width:42px}

 /* Button box */
.bbox {cursor:pointer}
.bbox.green {background:#20A020}
.bbox.neutral {background:#909090}
.bbox.ghost {background:#E0E0E0;cursor:default}

.bbox .btop, .bbox .bbottom {position:relative; overflow:hidden; width:100%; z-index:1}
.bbox .bbottom {margin-top:-2px}
.bbox .cb {width:2px; height:2px; float:left}
.bbox .cb.right {float:right}
.bc, .bc2 {width:1px; height:1px; overflow:hidden; float:left; background:white}
.bc2 {width:2px}
.cb.right .bc, .cb.right .bc2 {float:right}
.bbox .bcontent {margin-top:-2px;overflow:hidden;font-size:12px;font-weight:bold; color:white; height:18px}
.bbox .bcontent .inner {padding-left:5px; padding-right:5px}
.hilite {background-color:#D0D0D0}

/* OLD TABS AND CATALOG STYLE */

  .bullit {color: inherit; background: #606060}
  
  .bull {font-size: 14px; color: #FF3300; background-color: inherit}
  .header {font-size: 12px; font-weight: bold}
  .actionLink {text-decoration: none; color: #7F7F7F; background-color: inherit}
  .actionLinkActive {text-decoration: none; color: #000000; background-color: inherit}
  .termClosed {color: #B0B0B0; font-weight: bold; background-color: inherit}
  
  .courseTitle, .categoryHeader {text-decoration: none; color: #333333; background-color: inherit; font-size: 120%; font-weight: bold; line-height: 150%}
  .categoryMain {font-weight: bold}
  .categorySub {font-weight: normal}
  TD.CatalogHeaderBG {background: #7087A1; color: inherit}
  
  .listbox {padding: 0px}
  .listbox TD {font-size: 10px; padding: 2px}
  .listbox TD.left {padding-left: 0px}

  .thinLineStyle {background-color:#909090}
  .thinLineBrightStyle {background-color:#D0D0D0}

  .inlineBox TABLE {float: right}
  .sinlineBox TABLE {background: #FCFAEF; color: inherit}
  .inlineBox TD {}

  .level1 {}
  TABLE .level2, TABLE .level3 {font-size: 75%}
  
  .stepBorder {background: #999999; color: inherit}
  
  .tabs TD {border: 1px solid #999999; font-weight: bold; background: inherit}
  .tabs .tab, .tabs .tabActive, .tabs .tabGhosted {padding: 4px}
  TD.tabActive {border-bottom: none}
  TD.tab {color:inherit; cursor: pointer}
  TD.tab A {text-decoration: none; background-color:inherit; font-weight: bold}
  TD.tabGhosted {background: #F0F0F0; color: #A0A0A0}
  TD.tabBorder {border-top: 1px solid white; border-left: none; border-right: none}

  img {border:0px}
 
  .stepClass0, .stepClass0 TD.innerStep {background: #F0F0F0; color: #A0A0A0}
  .stepClass1 {color: inherit}
  .stepClass2 {background: #FFFFFF; color: inherit}
  .stepClass3 {background: #F0F0F0; color: #000000}

  .innerStep A {text-decoration: none; color: black; background-color: inherit; font-weight: bold}

  TD.innerStep {line-height:12px}

	.process TD {font-size: 10px}  
	.redline{background-color: #D41737;overflow:hidden;height:3px;}
	
	/* CMS EDITOR STYLES */
	
	.editor.content {margin: 5px; padding: 0px; overflow-y: scroll}
	
  /* CONTENT */

  TABLE.tableStyle1 {background: black; color: inherit}
  TABLE.tableStyle1 TD {background: White; padding: 2px; color: inherit}  
  
  .plugin {border:2px dashed #606060;padding:5px;color:#606060} 
  
  TABLE.timetable td {padding-top:8px;padding-right:5px;font-size:14px}

/* SIFU STYLE */

.sfu h1, .sfu h2 {color: #C70036}

.sfu .catalog h1 {font-weight:normal; color: black; font-family: Verdana, Arial, sansserif; text-transform: uppercase}

.sfu A {text-decoration:none} 
.sfu A:hover {color:black;text-decoration:underline}

.sfu .newsbox {
	background-image: url(/_/images/142/bg.newsbox.gif);
	background-repeat: repeat-x;
}
.sfu .frontnews .newsheader {font-weight:bold}
.sfu .frontnews .summary {margin-top:5px;line-height:130%;height:98px;overflow:hidden;width:570px}
.sfu .frontnews A {color:black;font-weight:normal;cursor:pointer}
.sfu .frontnews A:hover .summary, .sfu .frontnews A:hover .readmore  {text-decoration:none} 
.sfu .subcontainer, .sfu .frontcontainer {width:950px}
.sfu .document {margin-top:0px}
.sfu .newsbox .marker {margin-top:10px; background-color:#E0E0E0;cursor:pointer;float:right;margin-left:5px;overflow:hidden;width:10px;height:10px}
.sfu .newsbox .marker.current {background-color:#A0A0A0}

.nyheter {margin-top:3px}
.nyheter A {font-weight:bold;color:#000000}

.sifuTopMenu {
  float:left;
  margin-left:15px;
  height:20px;
  margin-top:4px;
  cursor:pointer;
}

.printlogo {display:none}

@media print {
  /* style sheet for print goes here */
  .hideprint {display:none}

  body {background:none;padding:0px;margin:0px}
  body.sub {background:none}
  
  .path {margin:0px}
  .subcontainer {width:880px;margin:0px}
	.subcontainer.sfu {width:871px;margin:0px}  
  .content {padding:0px;margin:0px}
  

  .printlogo {display:block}
}

/* Kursus- og konferencetilmelding */
#pane0 .label {width:100px}
.sfu #pane0 .label {width:160px}
#pane1 .label {width:160px}
.track P {margin:0px}

/* Kursuskundeportal */

	.smTab1, .smTab0 {padding-left: 5px; padding-right:5px; font-size:12px; font-weight:bold; border:1px solid #A0A0A0;margin-left:5px;margin-bottom:20px}
	.smTab1 {background:orange}
	.smTab0 {cursor:pointer}

.listTable TD {vertical-align:top}
.listTable TH {background: #B0B0B0; color: inherit; cursor: pointer; text-decoration: underline; vertical-align:top}
.listTable TR.passive TH, .listTable TH.passive, .listTableHeading.passive {text-align: left; background: #B0B0B0; color: inherit; text-decoration: none; cursor: default}
.listTable TD, .listTable TH {padding-left: 2px; padding-right: 2px; padding-top: 4px; padding-bottom: 4px}

TH.listTableHeaderSelected, .listTableHeading.selected {background: Orange; color: inherit; text-decoration:none}
.listTableHeading {background: #B0B0B0; color: inherit; cursor: pointer; text-decoration: underline; font-weight:bold}
.listTableHeading.selected {background: orange; color: inherit; text-decoration: none}

.listTable TD TABLE TD {padding: 0px}
.listTable TR.rowOdd TD, .rowOdd, TR.rowOdd {background: #F0F0F0; color: inherit}
.listTable TR.rowEven TD, .rowEven, TR.rowEven {background: #FFFFFF; color: inherit}

	TD.navArrow         {border: 1px solid #E0E0E0; padding-left: 4px; padding-right: 4px; font-size: 13px; font-family: WebDings; font-weight: normal; text-decoration: none; line-height: 14px; background: #B0B0B0; cursor: pointer}
	TD.disabledNavArrow {border: 1px solid #E0E0E0; padding-left: 4px; padding-right: 4px; font-size: 13px; font-family: WebDings; font-weight: normal; text-decoration: none; line-height: 14px; color: #D0D0D0}
	SPAN.navArrow {font-family: WebDings; font-weight:normal; font-size: 9px; line-height:6px}


/* SLUT Kursuskundeportal */