/* -- temp classes -- */
.popupSave, .start .aside .puff {display: none;}
/* -- /temp classes -- */

/* -- general styles -- */
* {margin: 0; padding: 0; font-family: Georgia, serif;}

    /* -- font-families -- */
    #linkBox li a, .programList table *,.article p, .article div, .article .links *, .moreInfo *, select, #footer *,
    #header span, p, label, #start .startSearch fieldset h2, .mainSearch h2, #start .startSearch fieldset span,
    .moreCoop h2, .compare ul li, .compare ul li *, .backLink * {font-family: Arial;}
    
    .article .preamble, .util a,
    h3,
    .ajaxPopUp2 .popUpContent h3,
    .comparedPrograms * {font-family: Georgia, serif; font-size: 14px; margin-bottom: 5px;}
    /* -- /font-families -- */

    /* -- tag defaults -- */
    body {font-size: xx-small; margin: 0 0 20px; background: #fff url(/UI/images/hogskole_2/framework/site_bg.png) repeat-x}

    a img {border: none;}

    a {outline: none; color: #c14400; text-decoration: none;}
    a:hover {color: #ff7500;}

    h1, h2 {color: #000;}
    h1 {font-size: 30px; margin: 10px 0 8px; font-weight: normal;}
    h2 {font-size: 18px;}
    h3 {font-size: 13px; color: #888; font-weight: normal;}

    p, li, .mainTextBody {font-size: 13px; color: #404040;}
    p *, li * {font-size: 1em;}
    
    button {cursor: pointer;}
    /* -- tag defaults -- */
    
    /* -- general classes -- */
    .col {float: left;}
    .row,
    .cb {clear: both;}
    
    .flr {float: right;}

    .noBg {background-image: none !Important;}
    .preLoad {position: absolute; top: -1000px; visibility: hidden;}
    
    .tools li a,
    .spriteA,
    .puff .spriteA span,
    .programComparisonMatrix .moreStat,
    .docIcon {background-image: url(/UI/images/hogskole_2/framework/arrows_symbols_sprite.png);}
    
    .hidden {display: none !Important;}
    .hide {visibility: hidden !Important;}
    
    .ajaxPopUp2 {position: absolute; z-index: 5000; width: 375px; background: #fff; padding: 20px;
        border: 1px solid #ccc;
        box-shadow: 0 0 10px #888;
        -moz-box-shadow: 0 0 10px #888;
        -webkit-box-shadow: 0 0 10px #888;
    }
    .ajaxPopUp2 .popUpContent {position: relative; font-size: 14px;}
    .ajaxPopUp2 .popUpContent h3 {padding-right: 75px; color: #e16005; margin-bottom: 10px;}
    .ajaxPopUp2 .popUpContent .close {position: absolute; top: -10px; right: -5px; background-position: -109px -800px; display: inline-block; 
        padding: 1px 27px 4px 1px;
    }
    
    /* -- /general classes -- */

.startList li {font-size: 14px;}

.toUpperCase {text-transform: uppercase;}
.activeJS .hiddenJS {display: none;}
body.activeJS {visibility: hidden;}


#docWrap {width: 980px; margin: 0 auto; padding: 0; position: relative;}

#content {min-height: 350px;}

    /* -- side and bottom shadows -- */
    .shadow {background: url(/UI/images/hogskole_2/framework/doc_sides_bg.png) repeat-y;}
    .shadow.left {padding-left: 9px;}
    .shadow.right {padding-right: 9px; background-position: right;}
    .main {background: #fff8f2; padding-bottom: 58px;}
    .main .main {padding: 0;}

    #docWrapBottom {position: relative;}
    #docWrapBottom * {background: url(/UI/images/hogskole_2/framework/doc_bottom_bg.png); height: 9px;}
    #docWrapBottom .cLeft,
    #docWrapBottom .cRight {position: absolute; width: 9px; top: 0;}

    #docWrapBottom .cLeft {left: 0; background-position: left -34px;}
    #docWrapBottom .cRight {right: 0; background-position: 8px -34px;}

    #docWrapBottom .cMid {background-position: center bottom; margin: 0 9px;}
    /* -- side and bottom shadows -- */

/* .aside {width: 25%;}*/

.normal #content {margin-right: 1.6%; padding-left: 3%; width: 70.8%; overflow: hidden;}
.normal .aside {width: 22.5%;}

.contentSection {clear: both;}

/*.compareButton {background: #008cbe url(/UI/images/hogskole/misc.png) no-repeat 0 -89px; 
    border: none; color: #fff; width: 73px; height: 33px; font-size: 15px; cursor: pointer;}

.activeJS .compareButton {cursor: default; opacity: .2;}
.activeJS .compareButton:hover, 
.activeJS #start .compareButton.hover {background-position: 0 -89px;}

.activeJS .compareButton.enabled {cursor: pointer; opacity: 1;}
.activeJS .compareButton.enabled:hover, 
.activeJS #start .compareButton.enabled.hover {background-position: -73px -89px; cursor: pointer;}

a.compareButton {display: inline-block; padding: 8px 0 0 14px; width: 59px; height: 25px; text-decoration: none; font-size: 1.6em;}*/

.completeList {text-align: right; width: 80%; padding: 10px 0 0;}
.completeList * {color: #ff8200;}
.completeList div {border-right: dashed 1px #7bc1da; padding-right: 2px;}
.completeList div div {padding-right: 8px;}
.completeList div a {font-size: 1.2em; padding: 5px 15px 5px 5px; background: url(/UI/Images/hogskole/arrows.gif) right -141px no-repeat; text-decoration: none;}
.completeList div a span {font-size: 1.6em;}

/* -- /general styles -- */

/* -- startpage -- */
#start {padding: 0 30px;}

#start .headers {background: url(/UI/images/hogskole/misc.png) no-repeat -55px -353px; padding: 15px 0 10px 0;}

/*#start h1, #start h2 {color: #008cbe;}*/
#start h1 {font-size: 28px; color: #808080; font-weight: normal; margin: 22px 0 20px;}
#start h2 {font-size: 2.7em;}

    /* -- #start .startList -- */
    #start .startList {
        background: url(/UI/images/hogskole/topLists_bg.png) repeat-x bottom; border: solid 1px #dedede;
        padding: 21px 16px; margin: 0 0 20px;
    }

    #start .startList ul {list-style: none;}
    #start .startList ul li {float: left; margin-left: 5px;}
    #start .startList ul li a {display: block; width: 138px; height: 89px; background: #008cbe url(/UI/images/hogskole/misc.png) no-repeat; font-size: 1.3em; color: #fff; 
        text-decoration: none; text-align: center; cursor: pointer;
    }
    #start .startList ul li a:hover {background-position: -138px top;}


    #start .startList ul li.first-child, #start .startList ul li:first-child {margin-left: 0;}
    #start .startList ul li.active a {background: none; color: #008cbe; width: 136px; font-weight: bold;}

    #start .startList ul li a span {padding: 24px 5px 0; display: block;}

    #start .startList ul li.first-child a span{padding-top: 34px;}
    #start .startList ul li.first-child.active a span{padding-top: 24px;}

    #start .startList ul li.nth-child2.active a span {padding-top: 28px;}

    #start .startList ul li.nth-child3 a span{padding-top: 33px;}
    
    #start .startList ul li.nth-child4.active a span{padding-top: 17px;}

    #start .startList ul li.last-child a span{padding-top: 17px;}
    /* -- /#start .startList -- */

#start .compareList {padding-top: 25px; clear: both;}
#start .compareList ul {float: left; padding-top: 10px;}
#start .compareList ul li {float: none; margin: 0;}

#start table {width: 80%; clear: both;}
#start table tbody tr.odd {background: #e1e1e1;}
#start table tbody tr td {padding: 7px; font-size: 1.4em; color: #404040;}
#start table tbody tr td * {color: #404040;}
#start table tbody tr td label {display: block; cursor: pointer;}

#start .compareList div.col {width: 20%; background: url(/UI/images/hogskole/misc.png) no-repeat 61px -435px;}
#start .compareList div.col p {padding: 60px 5px 10px 30px;}

/*#start .compareButton {margin: 10px 0 0 30%;}*/

    /* --  startpage jan 2010 + mainSearch (top) -- */
    #start .startSearch {width: 60%;}
    #start .topLists {width: 40%;}
    
    #start .topLists li {margin-bottom: 5px;}
    
    #start .bandaids {position: relative; padding: 0 18px 18px; margin-top: 18px; margin-bottom: 30px; background: #fffaf7; border: solid 1px #f2ece7; z-index: 500;
        
        -moz-box-shadow: 0 0 4px #BFBFBF;
        -webkit-box-shadow: 0 0 4px #BFBFBF;
    }
    
    #start .bandaids p a.spriteA {display: inline-block; background-position: -800px -148px; padding: 4px 1px 6px 25px; font-size: 14px; position: relative; z-index: 1000;
        margin-top: 20px;
    }
    
    #start .bandaids p a.spriteA:hover {background-position: -850px -98px; color:#D74D02}
    
    #start .bandaids .topLists p {text-align: right;}
    
    #start .bandaid {
        position: absolute; 
        /*background: url(/UI/images/hogskole_2/framework/bandaids_2.png);*/
        width: 110px;
    }
    /** html #start .bandaid {position: absolute; background: url(/UI/images/hogskole_2/framework/bandaids_2_8.png);}*/
    
    #start .b0 {height: 52px; top: -28px; left: -24px;}
    #start .b1 {height: 72px; top: -26px; right: -34px; background-position: 0 -62px;}
    #start .b2 {height: 98px; bottom: -20px; right: -36px; background-position: 0 -147px;}
    
    .mainSearch {width: 50%; position: absolute; right: -1px; bottom: 33px;}
    .mainSearch .main {background: transparent;}
    
    .mainSearch,
    #start .startSearch fieldset {background: #ff9314 url(/UI/images/hogskole_2/framework/search_fs_start_bg.png) repeat-x; border: solid 1px #ffcbb0; 
        padding: 20px 20px 15px; margin-bottom: 20px;
        
        border-radius: 10px;
        box-shadow: -1px -1px 2px #bfbfbf;
        
        -moz-border-radius: 10px;
        -moz-box-shadow: -1px -1px 2px #bfbfbf;
        
        -webkit-border-radius: 10px;
        -webkit-box-shadow: -1px -1px 2px #bfbfbf;
        zoom:1;
        display:block;
        width:476px;
    }
    
    .mainSearch {
        border-radius: 10px 0 0 0;
        
        -moz-border-radius: 10px 0 0 0;
        
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
     }
    
    #header .mainSearch *,
    #start .startSearch fieldset * {font-size: 14px;}
    
    #header .mainSearch h2,
    #start .startSearch fieldset h2 {color: #fff; font-size: 22px !Important; font-weight: normal; margin-bottom: 15px;}
    
    #header .mainSearch label,
    #start .startSearch fieldset label {color: #fff; display: block; margin-bottom: 5px;}
    
    #header .mainSearch label span,
    #start .startSearch fieldset label span {display: inline-block; width: 75px;}
    
    #header .mainSearch label select {width: 70%;}
    #start .startSearch fieldset label select {width: 75%;}
    
    #header .mainSearch .col,
    #start .startSearch fieldset .col {width: 70%;}
    
    #header .mainSearch .button,
    #start .startSearch fieldset .button {width: 30%; text-align: right;}
    
    /* -- custom button -- */
    .mainSearch .button input,
    #start .startSearch fieldset button,
    #start .startSearch fieldset .button input,
    .compare .button button,
    .compare .button input,
    .compare .button a {background: #f34b11 url(/UI/images/hogskole_2/framework/main_menu_bg.png) repeat-x center center;
        border: 2px solid #fff; font-size: 30px !Important; color: #fff; padding: 14px 28px;
        
        border-radius: 10px;
        box-shadow: 1px 1px 8px #bc680f;
        
        -moz-border-radius: 10px;
        -moz-box-shadow: 1px 1px 8px #bc680f;
        
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 1px 1px 8px #bc680f;
        
        cursor: pointer;
    }
    
    .mainSearch .button input.omo,
    #start .startSearch fieldset button.omo,
    #start .startSearch fieldset .button input.omo {background-image: url(/UI/images/hogskole_2/framework/main_menu_bg_omo.png);
        box-shadow: none;
        
        -moz-box-shadow: none;
        
        -webkit-box-shadow: none;
    }
    
    .compare .button button.omo,
    .compare .button input.omo,
    .compare .button a:hover {background-image: url(/UI/images/hogskole_2/framework/main_menu_bg_omo.png);
        box-shadow: 1px 1px 5px #bc680f;
        
        -moz-box-shadow: 1px 1px 5px #bc680f;
        
        -webkit-box-shadow: 1px 1px 5px #bc680f;
    }
    
    .compare .button a {display: inline-block;}
    
    .ie8 .compare .button a,
    .ie7 .compare .button a,
    * html .compare .button a {border-width: 0 2px;}
    
    #start .startSearch fieldset .col {position: relative;}
    #start .startSearch fieldset .button input,
    #start .startSearch fieldset .button a {position: absolute; bottom: 6px; right: 0;}
    
    #start .startSearch fieldset .button .ieButton input,
    #start .startSearch fieldset .button .ieButton a {position: static;}
    
    #start .startSearch fieldset .button .ieButton {position: relative; top: 22px;}
    .ie7 #start .startSearch fieldset .button .ieButton {position: relative; top: 16px;}
    
    .mainSearch .button {margin-top: -17px;}
    
    .compare .button button,
    .compare .button input,
    .compare .button a {font-size: 18px !Important;}
    
    /* -- custom button -- */
    
    #start .topLists .module {margin-left: 30px;}
    #start .topLists .module h2 {font-size: 14px; color: #fff; font-weight: normal; background: #a0907b; padding: 10px;}
    #start .topLists .module div {padding: 10px 10px 10px 30px;}
    #start .topLists .module div * {color: #ff7500;}
    #start .topLists .module div a:hover {color: #D74D02;}
    
    /* -- boxes -- */ 
    .moreCoop {margin: 20px -31px; clear: both; position: relative; padding: 0 31px; background: url(/UI/Images/hogskole_2/framework/dash.gif);}
    
    #start .moreCoop h2 {font-size: 14px; margin: 0 -30px 10px; padding: 0 31px 3px; font-weight: normal; background: #fff8f2; text-transform:uppercase;}
        
    .moreCoop .box h3 a {color: #d74d02; background-position: -950px 1px; display: inline-block; padding: 2px 1px 6px 30px;}
    .moreCoop .box h3 a:hover {background-position: -900px -49px; color: #932300;}
    .moreCoop .box {float: left; width: 25%; clear: none; position: relative;}
    .moreCoop .box div {padding-right: 15px;}
    .moreCoop .box:nth-child(4) div {padding-right: 0;}
    .moreCoop .box.nth-child4 div {padding-right: 0;}
    
    /* -- /boxes -- */
    
    /* --  /startpage jan 2010 + mainSearch (top)  -- */

/* -- /startpage -- */

/* -- header --*/

.deco {background: url(/UI/Images/hogskole_2/framework/hogskole_logo.png) no-repeat; width: 377px; height: 118px;}

.logoLink {top: 7px;}

.logoLink {position: absolute; left: -5px; display: block; color: #404040;}
#header .logoLink {left: -13px;}
.logoLink * {display: inline-block; color: #404040;}

#header {
	background: #ffa232 url(/UI/images/hogskole_2/framework/header_bg.png) repeat-x;
	font-size: 1.3em; border-bottom: 1px solid #c2c2c2; position: relative; overflow: hidden;
	margin-bottom: 10px; min-height: 212px;
}
#header * {font-size: 1em;}

#header .header_text {width: 27.2em; margin-bottom: 25px; padding-right:15px; position: absolute; top: 103px; left: 51px; color: #404040; display: none;}
#header .header_text p {padding-bottom: 0;}

#header #mainMenu {width: 100%; padding: 14px 0; position: absolute; bottom: 0; background: url(/UI/images/hogskole_2/framework/main_menu_bg.png) repeat-x center;}
#header ul {list-style: none;}
#header ul li {float: left; padding: 5px 0 5px 20px;}
#header ul li a {font-size: 14px; color: #fff; text-decoration: none; border-right: solid 1px #fff; padding-right: 20px;}

#header ul li a:hover,
#header ul li.active a {text-decoration: underline;}

/* -- /header --*/

/* -- footer -- */
#footer {clear: both;}
#footer * {border: none;}
#footer .col {margin: 0; padding: 0;}
#footer .col p, #footer .col img {margin: 0; padding: 0;}
#footer .col p, #footer .col p * {color: #898989; font-size: 11px;}
#footer .left {position: relative; text-align: right; top: 12px; width: 56%;}
#footer .left p {margin-right: 10px;}
#footer .right {width: 10%;}
#footer .right img {margin-left: 10px;}
#footer .row {height: 18px;}
#footer a {color: #d74d02;}
#footer a:hover {text-decoration: underline;}
/* -- /footer -- */

/* -- util --*/

.util {text-align: right; padding: 30px 10px 45px 0;}

.util a {width: 50px; display: inline-block; padding-top: 40px; font-size: 12px; text-align: center;}
.util a:hover {text-decoration: underline;}

.util .tip {background-position: -543px -400px;}
.util .tip:hover {background-position: -493px -450px;}

.util .print {background-position: -445px -500px;}
.util .print:hover {background-position: -395px -550px;}

/* -- /util --*/

/* -- puff -- */
.puff {float: left; width: 240px; position: relative; margin: 0 4px 0 0;}
.puff1 {float: left; width: 414px; position: relative; margin: 0 4px 0 0;}
.aside .puff {margin-right: 0;}
.puff a:hover {color: #932300;}

.puff .right, .puff .left {background-image: url(/UI/images/hogskole/puff_corners_sides.gif); background-repeat: repeat-y;}
.puff .right {padding-right: 2px; background-position: right center;}
.puff .left {padding-left: 1px;}

.puff .top *, .puff .bottom * {height: 2px;}
.puff .top .left, .puff .top .right,
.puff .bottom .left, .puff .bottom .right {width: 6px; position: absolute;}
.puff .top .mid, .puff .bottom .mid {margin: 0 6px;}

.puff .top .left, .puff .top .right, .puff .top .mid,
.puff .bottom .left, .puff .bottom .right, .puff .bottom .mid {background-image: url(/UI/images/hogskole/puff_corners.gif);}

.puff .wrapper {background: #fff; padding: 5px; position: relative; overflow: hidden; min-height: 157px}
.puff .wrapper h3 {color: #fff; font-size: 16px; font-weight: normal;}
.puff .wrapper h3 span {padding: 10px 6px; display: inline-block;}
.puff .wrapper p {padding: 0 5px;}
.puff .wrapper img {display: block; margin: 0 auto;}

.puff .top .left {background-position: left -6px; top: 0; left: 0; background-repeat: no-repeat;}
.puff .top .right {background-position: right -6px; top: 0; right: 0; background-repeat: no-repeat;}

.puff .bottom .left {background-position: left -20px; bottom: 0; left: 0; background-repeat: no-repeat;}
.puff .bottom .right {background-position: right -20px; bottom: 0; right: 0; background-repeat: no-repeat;}
.puff .bottom .mid {background-position: center bottom;}

/*.puff1 {float: left;}
.puff2 {float: left; margin-left: 41px;}
.puff3 {float: right;}*/
.puff3 {margin-right: 0;}

.aside .puff,
.aside .puff * ,
.aside .wrapper h3 {width: auto;}
.aside .puff {margin: 20px 0 0 0;}

.puff.green h3 {background-color: #7dbe00;}
/*.puff.blue h3 {background-color: #33a3cb;}*/
.puff.brown h3 {background-color: #9a8b77;}

.puff h3.spriteA { margin-bottom:-38px;zoom:1.0;position:relative;background:transparent;background: rgba(154, 139, 119,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccA0907B,endColorstr=#ccA0907B);position: absolute; left: 5px;top:5px;width:227px}   /* background-color: rgba(154, 139, 119,0.8); height: 38px; opacity: ; width: 200px;*/
.puff1 h3.spriteA {width:401px}   /* background-color: rgba(154, 139, 119,0.8); height: 38px; opacity: ; width: 200px;*/
.puff .wrapper h3.spriteA span {background-position: -791px -140px; padding-left: 36px; display:block;}   /*position: absolute; left: 5px; background-color: rgba(154, 139, 119,0.8); height: 38px; opacity: ; width: 200px;*/
.puff .row {font-size: 12px;}

/* -- /puff -- */

/* -- box -- */
    
    .box {margin: 20px 0 0 0; float: none; clear: both; zoom: 1;}
    
    .box,
    .box * {width: auto;}
    .box h3,
    .box h3 * {color: #fff; font-size: 17px;}
    /* -- Default brown background -- */
    .box h3.coop,
    .box h3.coop * {color: #fff; font-size: 17px;background: url(/UI/images/hogskole_2/box/plain.jpg); padding: 10px;}
    
    .box .wrapper h3 {width: auto;}
    .box .wrapper {padding: 5px 5px 20px;}
    
     /* -- text -- */
    .box.text h3,
    .box.text h3 * {color: #fff; font-size: 17px;background: url(/UI/images/hogskole_2/box/plain.jpg); padding: 10px;}
    .box.text {padding: 0 7px;}
    /* -- /text -- */
    
    /* -- plain no background -- */
    /*.box.plain h3 {background: url(/UI/images/hogskole_2/box/plain.jpg); padding: 10px;}*/
    .box.plain h3,
    .box.plain h3 * {color: #000;padding: 0 0 7px 0;background: none;}
    .box.plain {padding: 0 7px;}
    /* -- /plain -- */
    
    /* -- click orange background -- */
    .box.click h3 {background: url(/UI/images/hogskole_2/box/click.jpg); padding: 10px;}
    .box.click h3 a {background-position: -900px -50px; display: inline-block; padding-left: 30px;}
    .box.click h3 a:hover {background-position: -950px 0;}
    /* -- /plain -- */
    
    
/* -- /box -- */

/* -- inforuta -- */
.infoSquare {border: dashed 1px #d7d0cf; padding: 6px; margin-bottom: 20px; clear: both;}
.infoSquare h3 {background: #33a3cb; padding: 7px 10px; color: #fff; font-size: 1.8em;}
.infoSquare .text {padding: 9px 6px;}
.infoSquare .text img {float: right; margin: 0 0 0 10px;}
/* -- /inforuta -- */

/* -- linkBox -- */
#linkBox {list-style: none; margin: 0; clear: both; display: block; min-height: 1px;}
#linkBox * {font-size: 1em;}
#linkBox li {padding: 3px 0 3px 70px; border-bottom: dashed 1px #dbdbdb;}
#linkBox li a {text-decoration: none; color: #404040; background: url(/UI/images/hogskole/arrows.gif) no-repeat right 5px; width: 13em; display: block;}
#linkBox li:hover, #linkBox li.hover {background: #ebebeb;}
#linkBox li:hover a, #linkBox li.hover a {color: #ff7500; background-position: right -288px;}
/* -- /linkBox -- */

/* -- tools -- */
.tools {font-size:12px;list-style: none; float: right;}
/*.tools * {color: #ff7500; text-decoration: none;}*/
.tools li {float: left; padding: 0 4px 10px 0;}
.tools li a {display: block; width:50px; padding: 38px 0 0;text-align:center;}/* background: url(/ui/images/hogskole/icons.png) no-repeat top center;}*/
.tools li.printLi a {background-position: center -96px;}
.tools .tip a {background-position:-544px -400px;font-size:12px; }
.tools .tip a:hover {background-position:-494px -450px }
.tools .print a {background-position:-444px -500px }
.tools .print a:hover {background-position:-394px -550px }
/* -- /tools -- */

/* -- programList -- */
    
    td a {color:#404040; text-decoration: none;}
    .hover .hov, .hover .second, .hover .third {background-color: #ccc; color: #0b85b0; cursor: pointer;}
    
    .hover.odd .hov, .hover.odd .second, .hover.odd .third {background: #eee;}
    
    .hover .hov, .hover .second, .hover .third{color: #0b85b0;}
    
    .searchCountResult {font-size: 1.4em; color: #404040;}
    .searchFilterResult {color: #008cbe; font-size: 1.4em; margin-bottom: 25px;}
    .searchFilterResult span {font-size: 1.9em;}
    
    .programList {background: #fff; position: relative;}
    .programList .searchInfo {color: #008cbe; font-size: 1.4em; margin: 10px 0 15px;}
    .programList .linkBack {font-size: 1.3em; display: inline-block; color: #ff7500; text-decoration: none;
       padding-right: 3px; border-right: dashed 1px #008cbe;
    }
    .programList .linkBack span {border-right: dashed 1px #008cbe; padding: 5px 15px 10px 20px; display: inline-block; 
        background: url(/UI/images/hogskole/arrows.gif) no-repeat -91px -43px; font-family: Arial;
    }
    
    .programList .selectionCount {color: #008cbe;}
    
    .programList ul {list-style: none; clear: both; margin: 0;}
    .programList .tabs li {float: left; font-size: 1.4em; position: relative;}
    .programList .tab * {background-image: url(/UI/images/hogskole/tabs.png); display: block; color: #239ac5; text-decoration: none; font-size: 1em; font-weight: bold; cursor: pointer;}
    
    .programList .tab {left: -20px; z-index: 500; opacity: .5; overflow: hidden;}
    .programList .tab a {padding-left: 10px; background-repeat: no-repeat;}
    .programList .tab a .right {padding-right: 10px; background-repeat: no-repeat;}
    .programList .tab a .mid {padding: 14px 10px 8px 20px; background-repeat: repeat-x; text-transform: uppercase;}
    
    .programList .tab.active {left: 0; z-index: 1000; opacity: 1;}
    .programList .tab.active * {color: #fff;}
    .programList .tab.active a .mid {background-position: center top;  padding: 12px 10px 10px 10px;}
    
    /* -- first tab -- */
    
    .programList .tab.first-child {left: 0;}
    .programList .tab.first-child a .mid {padding-right: 20px;}
    
    .programList .tab.first-child a {background-position: left -47px;}
    .programList .tab.first-child a .right {background-position: right -47px;}
    .programList .tab.first-child a .mid {background-position: center 3px; padding: 15px 20px 7px 10px; color: #fff;}
    
    .programList .active.first-child a {background-position: left -50px;}
    .programList .active.first-child a .right {background-position: right -50px;}
    .programList .active.first-child a .mid {background-position: center top; padding: 12px 10px 10px 10px;}
     /* -- /first tab -- */
    
    /* -- second tab -- */
    
    .programList .active.nth-child2 a {background-position: left -100px;}
    .programList .active.nth-child2 a .right {background-position: right -100px;}
    .programList .active.nth-child2 a .mid {background-position: center -150px; padding: 12px 10px 10px 10px; color: #239ac5;}
    
    .programList .active.nth-child2 {left: -20px;}
    
    .programList .nth-child2 a {background-position: left -97px;}
    .programList .nth-child2 a .right {background-position: right -97px;}
    .programList .nth-child2 a .mid {background-position: center -147px; padding: 15px 10px 7px 20px; color: #239ac5;}
    /* -- /second tab -- */
    
    .programList .nth-child3 a {color: #ff7500;  font-family: Arial; text-decoration: none; position: relative; top: 13px;}
    
    .activeJS .programList .group {display: none;}
    
    .programList table {margin: 0 0 20px 0; clear: both; border: dashed 1px #ccc; border-width: 1px 0 1px 0; width: 100%;}
    .programList table * {vertical-align: top; text-align: left;}
    .programList th, .programList td {font-size: 1.2em; padding: 10px; border: 0; border-right: dashed 1px #ccc; border-collapse: collapse;}
    .programList th *, .programList td * {font-size: 1em;}
    
    .programList .second {width: 275px;}
    
    .institution {display: block; font-weight: normal;}
    .education {display: block;font-weight: bold;}
    .orientation { font-style: italic; font-weight: lighter;}
    .checkBox {text-align: center;}
    .programList thead .empty {border-left: dashed 1px #ccc;}
    .programList tbody th {text-align: left; border-left: dashed 1px #ccc; color: #404040;}
    
    .programList thead td, .programList thead th {border-bottom: dashed 1px #ccc; background: #fff;}
    .programList thead * {vertical-align: top;}
    
    .programList tr {background: #d7d7d7;}
    .programList .odd {background: #fff;}
    
    .programList .contentSection tr {background: transparent;}
    .programList .contentSection tbody tr {background: #fff;}
    .programList .contentSection tbody.odd tr{background: #d7d7d7;}
    
    .programList .contentSection tbody a {color: #404040; text-decoration: none; background: url(/UI/images/hogskole/arrow2.png) no-repeat 0 center; padding-left: 15px;}
    
    .programList .contentSection tbody a:hover {color: #008cbe; background-position: -1788px center;}
    .programList .contentSection tbody.showing a {color: #008cbe; background-position: -888px center;}
    
    .programList .contentSection tbody.group th, .programList .contentSection tbody.group td,
    .programList .group .description {border: dashed 1px #59b4d4; border-width: 0 1px 0 0; border-collapse: collapse;}
    
    .programList .contentSection tbody.group .even {background: #b2dceb;}
    
    .programList .contentSection tbody.showing tr th, .programList .contentSection tbody.showing tr td {border-top: dashed 1px #0f8dba;}
    
    .programList .contentSection tbody.group * {vertical-align: top;}
    .programList .contentSection tbody.group tr * {text-align: left;}
    
    .programList .contentSection tbody.showing th, .programList .contentSection tbody.group th {border-left: dashed 1px #0f8dba;}
    .programList tbody.group td.description {border-width: 1px;border-left: dashed 1px #0f8dba;}
    
    .programList .contentSection tbody.group td.last-child, .programList .contentSection tbody.showing td.last-child {border-right: dashed 1px #0f8dba;}
    .programList .contentSection tbody.group .last-child th, .programList .contentSection tbody.group .last-child td {border-bottom: dashed 1px #0f8dba;}
    
    .searchResult .mid {width: 40%; padding: 3px 10px 15px 20px; font-size: 1.2em;}
    .searchResult .right {font-size: 1.2em; padding-top: 18px; text-align: right; width: 43%;}
    .searchResult .right select {margin-left: 10px;}
    
    .searchResult table {border-width: 1px 0 0 0;}
    .searchResult tbody th, .searchResult tbody td {text-align: left; border-width: 1px 0;}
    
    .searchResult .number {margin-right: 1em;}
    
    /* -- stars --*/
    .programList .stars {background: #fff;}
    .programList .stars td {background: url(/UI/images/hogskole/stars.png) no-repeat center top; padding: 22px 0; font-weight: bold;}
    .programList .stars td img {margin: 0 -1px;}
    .programList .stars td.star1 {background-position: center 8px;}
    .programList .stars td.star2 {background-position: center -90px;}
    .programList .stars td.star3 {background-position: center -190px;}
    .programList .stars td.star4 {background-position: center -290px;}
    
    .programList .stars td.no-star {background-image: none;}
    /* -- /stars --*/
    
    /* -- ranking -- */
    .ranking li {list-style: none;padding: 0 0 6px 60px;font-size: 11px;}
    .ranking li span {}
    .ranking .zero {background: url(/UI/images/hogskole/ranking/rank.zero.png) no-repeat 0 2px;}
    .ranking .one {background: url(/UI/images/hogskole/ranking/rank.one.png) no-repeat 0 2px;}
    .ranking .two {background: url(/UI/images/hogskole/ranking/rank.two.png) no-repeat 0 2px;}
    .ranking .three {background: url(/UI/images/hogskole/ranking/rank.three.png) no-repeat 0 2px;}
    .ranking .four {background: url(/UI/images/hogskole/ranking/rank.four.png) no-repeat 0 2px;}
    
    .start .infoSquare {display: none;}
    /* -- /ranking -- */
    
    .levels {margin: 20px 0; list-style: none;}
    
    .moreInfo {position: relative; margin: 20px 0 0; width: 100%;}
    .moreInfo * {text-align: left; vertical-align: top;}
    .moreInfo caption {color: #7dbe00; font-size: 1.8em; font-family: Georgia,Arial,sans-serif; margin-top: 20px;margin-bottom: -17px;}
    
    .moreInfo tr {background: #7dbe00;}
    .moreInfo tr * {color: #fff;}
    .moreInfo tr.even {background: #f1f8e3;}
    .moreInfo tr.even * {color: #404040;}
    
    .moreInfo th, .moreInfo td {padding: 10px;}
    .moreInfo th {font-size: 1.4em; border-right: dashed 1px #fff; width: 25%;}
    .moreInfo td.last-child {border-left: dashed 1px #fff; width: 22px;}
    .moreInfo td {font-size: 1.2em;}
    
    /*.moreInfo a {display: block; background: url(/UI/images/hogskole/house.png) no-repeat right top; padding: 9px 0 6px 10px}*/
    .moreInfo a {text-decoration: underline;}

/* -- /programList -- */

/* -- compareList (more or less the same as ".programList") -- */
.compareList * {font-size: 14px;}
.compareList a {color: #d74d02;}

.compareList table {width: 100%;}

.compareList tr:nth-child(odd) {background: #fff;}
.compareList tr:nth-child(even) {background: #e9e6e4;}

.compareList tr.odd {background: #fff;}
.compareList tr.even {background: #e9e6e4;}

.compareList td {padding: 10px 15px;}
.compareList td:first-child {width: 3%; padding: 2px 0 0 15px;}
.compareList td.first-child {width: 3%; padding: 2px 0 0 15px;}

.compareList {margin-bottom: 40px;}

/* -- /compareList (more or less the same as ".programList") -- */
/* -- compareInfo -- */
.compareInfo p {
    height:56px;
}
/* -- content -- */
    
    /* -- article -- */
    .article {padding: 0 20px; width: auto;}
    .article a{text-decoration: underline;}
    
    .article .mainTextBody {font-size: 1.4em;width: 390px; /*width: 460px;*/}
    .article .mainTextBody * {font-size: 1em;}
    .article .mainTextBody h2 {font-size: 15px;margin-bottom:8px;}
    .article .mainTextBody ul {padding-left:2em;margin-bottom:10px;font-family:Arial, Sans-Serif;}
    .article .mainTextBody ul li {font-family:Arial, Sans-Serif;}
    
    .article p {margin-bottom: 15px;}
    
    .article .links {border-bottom: dashed 1px #afa29f; padding-bottom: 10px;}
    .article .links a {color: #ff7500; text-decoration: none;}
    .article .links .back {background: url(/UI/images/hogskole/arrows.gif) no-repeat -91px -49px; padding-left: 15px;}
    .article .links .docLink {float: right;}
    
    .article .articleImg {float: right; width: 226px; overflow: hidden; margin-left: 20px;}
    .article .articleImg p {text-align: right; margin-bottom: 0.3em;}
    
    /* -- /article -- */

/* -- /content -- */

/* -- paging -- */
.compareList .countInfo,
.compareList .countInfo span {font-size: 12px; color: #707070; display: inline-block;}
.compareList .pager {position: relative; margin-top: 10px;}

.compareList .pager .countInfo,
.compareList .pager .paging {position: relative; display: inline-block; right: auto; left: auto; float: left;}

.compareList .pager .paging {padding: 0 15px 0 0;}

.compareList .pager .countInfo,
.compareList .pager .countInfo span {border-right: 1px dashed #ccc;}

.compareList .pager .countInfo {padding-right: 1px; margin-right: 10px;}
.compareList .pager .countInfo span {padding-right: 10px; margin-right: 1px;}

.compareList .pager ul {list-style: none; margin: 0 7px;}
.compareList .pager li span {color: #505050;}
.compareList .pager li * {font-weight: bold;}

/*.compareList .pager .paging {right: 5px;}*/
.compareList .pager .paging .back, 
.compareList .pager .paging .next {position: relative; top: 3px;}



.pager * {color: #404040;}
.pager li {float: left;}
.pager span, 
.pager li {font-size: 14px; font-family: Arial;}
.pager li span, 
.pager li a {font-family: Arial;  margin: 0 2px; text-decoration: none;}
/*.pager li span {color: #008CBE; font-weight: bold;}*/

.pager .countInfo {right: 24em; position: absolute;}

.pager .paging {position: absolute; right: 0; padding: 0 15px;}

.pager .paging .back, 
.pager .paging .next {position: absolute; top: 2px;}
.pager .paging .back {left: 0;}
.pager .paging .next {right: 0;}

.programList .levels {float: left;}

/* -- /paging -- */

/* -- listing -- */
.listing {list-style: none; border-bottom: dashed 1px #aea3a1;}
.listing li {clear: both; border-top: dashed 1px #aea3a1; padding: 10px 0;}
.listing li .img, .listing li .text {float: left; position: relative;}

.listing li .img .wrap, .listing li .img .right {background: #fff url(/UI/images/hogskole/misc.png) no-repeat -178px -495px; padding-top: 5px; position: relative;}
.listing li .img .right {width: 5px; height: 5px; position: absolute; top: 0; right: 0; padding: 0; background-position: -494px -495px;}
.listing li .img .mid {border: solid 1px #eee; border-width: 0 1px; background: none; padding: 10px;}

.listing li .img .videoArrow {position: absolute; top: 0; left: 0; background: url(/UI/images/hogskole/video_arrow.png) no-repeat center; width: 47px; height: 54px;}

.listing li .img {margin-right: 2%;}
.listing li .text {width: 70%;}

.listing li .puff {width: auto;}
.listing li .puff .wrapper {min-height: 0;}

.listing li h3 {margin-bottom: 7px; font-size: 20px;}
.listing li h3 a {color: #ff8200; text-decoration: none; background-position: -800px -148px; display: inline-block; padding-left: 30px;}
.listing li h3 a:hover {text-decoration: underline; background-position: -850px -98px;}

/* -- /listing -- */

/* -- compare --  */
.compare .col {width: 20%; border-right: 1px dashed #ccc; padding-right: 0; margin-right: 0.5%;}
.compare .filterByComparison {width: 77.6%; border-left: 1px dashed #ccc; border-right: none; padding-left: 1.5%; padding-right: 0; margin-right: 0;}

.compare h2 {font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.compare p {color: #555; font-size: 11px; margin-bottom: 20px;}

.compare .filterByComparison ul {list-style: none;}

.compare ul li {background: url(/UI/images/hogskole_2/framework/comparisonList_bg.png) top repeat-x; line-height: 26px; float: left; width: 33.5%;
    text-align: center; font-size: 12px; padding: 0; margin-top: -1px; margin-right: -1px;
}

.compare ul li label {display: block; border: solid 1px #ccc; cursor: pointer;}
.compare ul li input {position: absolute; top: -1000px;}
* html .compare ul li label {zoom:1;}
/*
* html .compare ul li label {display: inline-block;}
* html .compare ul li input {position: static; top: auto;}
*/
.compare ul li.checked {background-position: bottom;}
.compare ul li.checked label span {display: inline-block; background-position: -100px -841px; padding-left: 13px;}
.compare ul li.checked * {color: #fff;}

.compare .cb {margin-bottom: 10px;}

/* -- /compare --  */

/* -- nbrHits -- */
.nbrHits {margin-bottom: 10px;}
.nbrHits p {font-size: 12px; text-align: right; padding-right: 5px; color: #707070;}
.nbrHits p a {display: inline-block; border-right: 1px solid #666; margin-right: 0; padding-right: 5px; line-height: 14px;}
.nbrHits p a.active {text-decoration: underline;}
.nbrHits p a:last-child {border-right: none; margin-right: 0; padding-right: 0;}
.nbrHits p a.last-child {border-right: none; margin-right: 0; padding-right: 0;}
/* -- /nbrHits -- */

/* -- popupTip -- */

.popupTip {width: 230px; font-size: 1.2em;z-index:50;}
.popupTip * {font-size: 1em;}
.popupTip h3 {font-size: 1.4em; margin-bottom: 20px;}
.popupTip .content {background: #ff7500; padding: 10px 25px 15px 20px;}
.popupTip .content * {color: #fff;}
.popupTip .content input, .popupTip .content textarea {color: #404040; display: block; margin-bottom: 10px; width: 100%;}
.popupTip .content .close {float: right; font-family: Arial;}

.popupTip .content .button {margin-top: 15px;}
.popupTip .content .btn {background: #ff8200 url(/UI/images/hogskole/misc.png) no-repeat -280px top; border: none; cursor: pointer; height: 25px; width: 50px; display: block; text-decoration: none;
    padding: 6px 0 0 12px; font-size: 1.2em; float: right;}
.popupTip .content .btn:hover {background-position:  -342px top;}

.popupTip .right, .popupTip .left {background: url(/UI/images/hogskole/tips/sides.png) repeat-y;}
.popupTip .right {padding-right: 7px; background-position: center right;}
.popupTip .left {padding-left: 3px; background-position: center left;}

.popupTip .top, .popupTip .bottom {position: relative;}
.popupTip .top *, .popupTip .bottom * {background: url(/UI/images/hogskole/tips/corners_top_bottom.png) no-repeat; height: 8px; padding: 0;}

.popupTip .top .left {float: left; background-position: left -10px; width: 3px;}
.popupTip .top .right {float: right; background-position: right -10px; width: 7px;}
.popupTip .top .mid {background: #ff7500 url(/UI/images/hogskole/tips/corners_top_bottom.png) repeat-x top center; margin: 0 7px 0 3px;}

.popupTip .bottom .left {float: left; background-position: left -31px; width: 13px;}
.popupTip .bottom .right {float: right; background-position: right -31px; width: 7px;}
.popupTip .bottom .mid {background: url(/UI/images/hogskole/tips/corners_top_bottom.png) repeat-x bottom center; margin: 0 7px 0 13px;}

/* -- /popupTip -- */

/* -- programComparisonMatrix -- */

    /* -- backLink -- */
    .backLink {margin: 0 0 10px;}
    .backLink p,
    .backLink a {display: inline-block; border-right: 1px dashed #d7cdc8; padding-right: 1px; padding-bottom: 1px;}
    
    .backLink a {background: url(/ui/images/hogskole_2/framework/arrowPrev.png) no-repeat left 2px; padding-left: 15px; padding-right: 10px;}
    /* -- /backLink -- */
    
    /* -- comparedPrograms -- */
    .comparedPrograms * {color: #505050;}
    .comparedPrograms .highlightProgram {font-weight: bold;}
    /* -- /comparedPrograms -- */

    /* -- headerRow -- */
        .headerRow {position: relative;margin: 10px 0 5px 0;}
        .headerRow h2 {font-size: 23px;font-weight: normal;}
        .headerRow p {position: absolute; bottom: 0; right: 0;}
        .ie7 .headerRow p {bottom: 10px;}
        * html .headerRow p {top: 20px;}
    /* -- /headerRow -- */

.programComparisonMatrix {margin-bottom: 100px;}
.programComparisonMatrix p {text-align: left;}

.activeJS .programComparisonMatrix .group {display: none;}


.programComparisonMatrix .moreStat {display: inline-block; background-position: -750px -200px; height: 27px; width: 27px; text-indent: -30px; overflow: hidden;}
.programComparisonMatrix .showing {background-position: -650px -299px;}

.programComparisonMatrix a:hover .moreStat {background-position: -700px -250px;}
.programComparisonMatrix a:hover .showing {background-position: -601px -350px;}
.programComparisonMatrix table {width:100%;}

.programComparisonMatrix thead .moreStat {position: relative; top: 8px;}

.webkit .programComparisonMatrix thead .moreStat,
.ie7 .programComparisonMatrix thead .moreStat,
* html .programComparisonMatrix thead .moreStat {top: 0;}

.programComparisonMatrix tbody .moreStat {margin-right: 5px; position: relative;}

.programComparisonMatrix tbody th a { font-family: Georgia, serif;display: block; min-height: 1px;}
.programComparisonMatrix tbody th a span { font-family: Georgia, serif;}
.programComparisonMatrix tbody th a.firstTd {display: block; min-height: 1px;width: 100% !important;}
.programComparisonMatrix tbody th span.moreStat { float: left;}
.programComparisonMatrix tbody th span {font-family: Arial; float: left;}

.programComparisonMatrix tbody tr {background: #fff;}
.programComparisonMatrix tbody tr td[colspan] {text-align:left;margin-left:10px;}
/*
.programComparisonMatrix tbody:nth-child(4n) tr {background: #e9e6e4;}
.programComparisonMatrix tbody:nth-child(4n-3) tr {background: #e9e6e4;}
*/
.programComparisonMatrix tbody.odd tr {background: #e9e6e4;}
.programComparisonMatrix tbody.even tr {background: #fff;}

.programComparisonMatrix thead th,
.programComparisonMatrix thead td {border: 1px dashed #d7cdc8; border-width: 1px 1px 1px 0;}
.programComparisonMatrix th,
.programComparisonMatrix td {padding: 7px 3px; border-right: 1px dashed #d7cdc8;vertical-align: top;}

.programComparisonMatrix thead *,
.programComparisonMatrix tbody td {font-family: Arial; color: #505050;}

.programComparisonMatrix thead td {font-size: 10px; line-height: 27px;}

.programComparisonMatrix tbody th,
.programComparisonMatrix thead th {font-family: Arial;font-size: 12px; font-weight: normal;}

.programComparisonMatrix tbody th {text-align: left; margin-left:10px} 
.programComparisonMatrix tbody td {text-align: center; font-size: 12px;} 
.programComparisonMatrix tbody td.alignLeft {text-align: left;}

.programComparisonMatrix tr.ranking span.rank {display: inline-block; width: 21px; height: 21px; background-position: -200px -750px;}
.programComparisonMatrix tr.ranking span.ranked {background-position: -250px -700px;}

/* -- /programComparisonMatrix -- */

/* -- otherInformation -- */
.otherInformation {margin-top: 40px;}
.otherInformation h2 {font-weight: normal; font-size: 23px;}

.otherInformation tbody tr:nth-child(odd) {background: #fff;}
.otherInformation tbody tr:nth-child(even) {background: #e9e6e4;}

.otherInformation tbody tr.odd {background: #fff;}
.otherInformation tbody tr.even {background: #e9e6e4;}

.otherInformation tbody tr th,
.otherInformation tbody tr td {padding: 10px 10px 10px 5px; text-align: left; border: none; color: #505050;vertical-align:top;}
.otherInformation tbody tr th {font-weight: bold;}
.otherInformation tbody th {width: 185px;}
.otherInformation tbody th a {display: block; background-position: -350px -600px; min-height: 34px; color: #000; padding: 6px 0 0 46px;}
.otherInformation tbody th a:hover {background-position: -300px -650px;}

/* -- /otherInformation -- */

/* -- flashPage -- */
.flashPage {margin: 20px auto; width: 900px;}
/* -- flashPage -- */

/* -- docLinks -- */
a.pdfIcon,
a[href$=\.pdf] {background-image: url(/UI/images/hogskole_2/framework/arrows_symbols_sprite.png); background-repeat: no-repeat; display: inline-block;}

a.pdfIcon,
a[href$=\.pdf] {background-position: -50px -900px; padding: 9px 0 12px 44px;}

/* -- docLinks -- */



td a.removeTruncate,.programComparisonMatrix tbody th a.unTruncate {
    color:#FF7500;
    display:none;
}