/*=======================================
			
			   MasterCSS-väljare 
			
			=======================================*/
			
			
				
					



  
/*Pontussidor - fix*/

.articleComp .col25,
.articleComp .col33,
.articleComp .col50 {
    margin-left: 0;
    margin-right: 15px
}


/*JS labb*/

iframe {
    max-width: 100%!important;
}

a {
    word-wrap: break-word;
}

#gubasDetailComp h1 {
    word-wrap: break-word -ms-word-break: normal;
    word-break: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#byline .right {
    display: none
}

#contentEnd .col75 .right,
#contentEnd .col100 .right {
    float: none
}


/*
#gubasDetailComp h1 {font-size:2.125em!important}
*/

a:focus {
    color: #ab0000!important;
}

button:focus,

/*input:focus,*/

textarea:focus,
a#universityLogo:focus,
img a:focus,
a:focus img {
    outline: 3px solid #ab0000;
}

button:active,
textarea:active,
a#universityLogo:active,
img a:active,
a:active img {
    outline: 0px solid #F00;
}

hr {
    border: 0;
    border-top: 1px dotted #C2C1C1;
}


/*=============TopMenu/CrumbTrail =============*/

#darkRow {
    border-width: 0px 0 1px 0;
    border-style: solid;
    border-color: #000000;
    text-transform: uppercase;
    /*height: 36px;*/
}


/*
#darkRow {
	border-width: 1px 0;
	border-style: solid;
	border-color: #000000;
	text-transform: uppercase;
height: 36px;
	}
*/

#darkRow a {
    color: #393939/*6E6E6E*/
    ;
    font-family: NimbusSanNovCon-Med, "Nimbus Sans Novus Cond Medium", 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.0625em;
    position: relative;
    line-height: 210%;
    text-decoration: none;
    display: block;
}

#darkRow a:hover {
    text-decoration: underline;
}

#darkRow li.current a {
    color: black;
    font-family: NimbusSanNovCon-SemBol, "Nimbus Sans Novus Cond SemiBold", 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
}

#darkRow li.current:before,
#darkRow li.current:after {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 0;
    border: 1px solid black;
    pointer-events: none;
}

#darkRow li.current:before {
    border-color: rgba(128, 128, 128, 0);
    border-bottom-color: #000000;
    border-width: 9px;
    margin-left: -9px;
}

#darkRow li.current:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    /*	border-width: 8px;
	margin-left: -8px;
*/
    border-width: 9px;
    margin-left: -9px;
    bottom: -2px;
}

.hasMenuLevel2 #darkRow li.current:after {
    border-bottom-color: #000/*JSX#f6f6f6*/
    ;
}

.ie8 #darkRow li.current:before,
.ie8 #darkRow li.current:after {
    content: "";
    border: none;
}

#darkRow .linklist {
    margin: 0 auto;
    width: 946px;
    padding: 0;
    box-sizing: border-box;
}

#darkRow .linklist li {
    display: inline-block;
    padding: 1px 0 0 0;
    position: relative;
    margin-right: 15px;
    height: 35px;
}

#lowerTopMenu ul.linklist {
    max-width: 946px;
    margin: 0 auto;
    padding: 0;
}

#lowerTopMenu ul.linklist li {
    margin: 0 20px 0 0;
    font-size: 1.0625em;
    display: inline-block;
    list-style-type: none;
    line-height: 210%;
    height: 36px;
    position: relative;
}

#lowerTopMenu ul.linklist li.current a:hover {
    text-decoration: none;
}

#lowerTopMenu ul.linklist li.current:before,
#lowerTopMenu ul.linklist li.current:after {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 0;
    border: 1px solid black;
    pointer-events: none;
    background-color: transparent;
}

.ie8 #lowerTopMenu ul.linklist li.current:before,
.ie8 #lowerTopMenu ul.linklist li.current:after {
    content: "";
    border: none;
}

#lowerTopMenu ul.linklist li.current:before {
    border-color: rgba(128, 128, 128, 0);
    border-bottom-color: #000;
    border-width: 9px;
    margin-left: -9px;
}

#lowerTopMenu ul.linklist li.current:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}

#lowerTopMenu a:hover,
#lowerTopMenu a {
    color: #fbfbfb;
    text-decoration: none;
}

#lowerTopMenu a:hover {
    text-decoration: underline;
}

#lowerTopMenu {
    padding: 0 20px 0 20px;
    border-top: 0px solid #000;
    background: #000/*JSX#f6f6f6*/
    ;
    border-bottom: 1px solid #000;
}

#crumbtrailComp {
    width: 946px;
    padding: 8px 0 0 0;
    margin: 0 auto;
    /*	height: 20px;
*/
}

#crumbtrailComp ul {
    width: 90%;
    margin: 0;
    float: left;
    padding: 0;
}

#crumbtrailComp li {
    display: inline;
    margin: 0;
    padding: 0;
}

#crumbtrailComp {
    font-size: 0.75em;
    font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
}

#crumbtrailComp li a {
    text-decoration: none;
    margin-left: -5px;
    color: #767676;
    padding: 0;
    margin: 0;
}

#crumbtrailComp li.current {
    color: #000;
}

#crumbtrailComp li a:hover {
    text-decoration: underline;
}

#crumbtrailComp li:after {
    content: "/";
    font-size: 12px;
    color: #767676;
    padding: 0 5px;
}


/* There is some weired styling on the first :after pseudo element in the list. this rule fixes it. */

#crumbtrailComp li:first-child:after {
    margin-left: -5px;
    margin-right: -5px;
}


/* class selector used to support IE8 */

#crumbtrailComp li[class=current]:after {
    content: "";
}

#sitemap {
    float: right;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#sitemap:hover {
    text-decoration: underline;
}


/*============= Design for landing page =============*/

.rssPushComp h1 {
    border: none
}

.rssPushComp .smallfont {
    font-size: 1.1em;
}

#bodyArea .fullbredd {
    margin-bottom: 30px;
}


/*.rssPushComp h1,*/

.fadeIn~.fadeIn,
.fadeIn {
    /*background: url("") repeat-x;*/
    padding-top: 16px;
    margin-bottom: 40px;
    border-top: 1px solid #ececec/*b3b3b3*/
    ;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.02)), color-stop(30px, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#00000000', GradientType=0);
    /* IE6-8 */
}


/*
.fadeIn {
	background:none;
	border-top:none
	}
*/

.col16 {
    width: 14.5%;
    max-width: 140px;
}

.col20 {
    width: 17.8%;
    max-width: 172px;
}

.col33 {
    width: 31.0%;
    max-width: 300px;
}

.col40 {
    width: 37.7%;
    max-width: 500px;
}

.col66 {
    width: 63.94%;
    max-width: 620px;
}

.col16,
.col33,
.col20,
.col25,
.col40,
.col50,
.col66,
.col75,
.col80,
.col100 {
    float: left;
    margin: 15px 0.55% 0 1.55%;
}

.col100 .col100 {
    margin: 0 !important;
    width: 100% !important;
}

.col75 h3,
.col20 h3 {
    margin: 0;
}

.fadeIn h2,
.fadeIn h3,
.fadeIn h1 {
    margin-top: 0;
    padding: 0 !important
}

.fadeIn h2 {
    margin: 0 15px 0 15px;
    padding: 0;
    line-height: 120%;
    margin-top: 10px !important
}

.fadeIn .col50 h2 {
    margin: 0 15px 0 0;
    padding: 0;
}

.fadeIn .col33 h2 {
    margin: -15px 15px 10px 0 !important;
    padding: 0 !important
}

.fadeIn .col25 .newsPushComp h1 {
    border: none;
    margin-top: 0;
    padding: 0
}

.fadeIn .col25 .newsPushComp {
    margin: 0
}

.fadeIn .col25 .newsPushComp h2 {
    /*border:none;*/
}


/*QFACT*/

div.qfact {
    text-align: center;
}

.qfact p {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

p.qfact {
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
    font-weight: bold;
    color: #000;
    width: 100%;
    font-size: 3em !important;
    position: relative;
    filter: dropshadow(color=#bbbbbb, offx=0, offy=1);
}

p.qfact span {
    background: url("/digitalAssets/1498/1498170_qfacteffect.png") 0 0 repeat-x;
    opacity: 1;
    position: absolute;
    display: block;
    width: 100%;
    height: 35px;
}

div.corevalue {
    text-align: center;
}

div.corevalue p {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.fadeIn h2 {
    position: relative;
}

p.gotoArea {
    text-align: right;
    position: relative;
    top: -28px;
    right: 15px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 9px !important;
    font-weight: bold;
}


/*--- Tio viktiga länkar ---*/

.iconlinks {
    font-size: 90%;
    background-color: #f6f6f6/*eee*/
    ;
    padding-top: 10px;
    padding-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 15px;
    margin-right: 21px;
}

.iconlinks h2 {
    font-size: 200% !important;
}

.fadeIn .iconlinks {
    margin-left: 0;
    margin-right: 0;
    margin-top: -16px;
    margin-bottom: -40px;
    padding-top: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ececec;
    border-top: none;
}


/*
.iconlinks a {color:#000;}
*/

.noclass {
    margin: 0;
    padding: 0;
    height: 0;
    margin-bottom: 40px;
}

.iconlinks a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
}

.iconlinks .col20 {
    margin-bottom: 12px;
}

.iconlinks p {
    padding: 0 !important;
    margin: 0 !important;
}


/* ----------------------------------- */


/* ------------- BASICS -------------- */


/* ----------------------------------- */

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    line-height: 100%;
    width: 100%;
}

#siteWidth {
    max-width: 986px;
    margin: 5px auto;
    text-align: left;
    position: relative;
    }

#pageContainer {
    padding-bottom: 5px;
    background-color: #fff;
    }

.clr {
    clear: both;
    height: 0px
}

.iconlinks clr~.iconlinks .clr,
.iconlinks .clr {
    height: 1px
}

.clr {
    height: 0;
}

#headerArea .right {
    position: absolute;
    right: 0;
    top: 0;
}

#headerArea .left {
    width: 100%;
}

.left {
    float: left;
}

.ingress {
    font-weight: bold;
}

p span.citat {
    clear: both;
    display: block;
    font-style: italic;
    text-align: left;
    /*	margin: 1em 6%;
	text-indent: 1.5em;
	background: transparent url("") no-repeat left top;
*/
    font-size: 2em;
    line-height: 130%!important;
    margin: 1em 0;
    border-left: 5px solid #025DA6;
    padding: 5px 15px;
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

p {
    margin: 0 0 1em 0;
    padding: 0;
}

#bodyArea .col50 .newsListComp ul li a {
    display: block;
}

#bodyArea .col50 .calListComp h2,
#bodyArea .col50 .newsListComp ul li a {
    margin: 1.25em 0 0.125em 0;
}

dt {
    margin: 1.5em 0 0.5em 0;
}

.searchfield:focus {
    outline: none;
}


/* -------------------------------------- */


/* ---------------- LINKS --------------- */


/* -------------------------------------- */

a:hover {
    text-decoration: underline!important;
}

a.rssicon,
a.fileicon,
a.excelicon,
a.powerpointicon,
a.wordicon,
a.pdficon,
a.videoicon {
    margin: 0.5em 0 0.375em 3%;
    padding: 0 0 0 21px;
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
    clear: both;
}

a.searchicon {
    margin: 0.5em 0 0.375em 17px;
    padding: 0 0 0 21px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    clear: both;
}

.col25 a.rssicon,
.col25 a.fileicon,
.col25 a.excelicon,
.col25 a.powerpointicon,
.col25 a.pdficon,
.col25 a.wordicon,
.col25a.videoicon {
    margin: 0.5em 0 0.375em 4px;
}

a.wordicon {
    background-image: url("/digitalAssets/1498/1498026_word.gif");
}

a.pdficon {
   background-image: url('/fubasextern/jakarta.faces.resource/gfx/pdf_ikon.gif');
}

a.excelicon {
    background-image: url("/digitalAssets/1497/1497996_xls.gif");
}

a.powerpointicon {
    background-image: url("/digitalAssets/1498/1498017_ppt.gif");
}

a.fileicon {
    background-image: url("/digitalAssets/1498/1498007_file.gif");
}

a.rssicon {
    background-image: url("/digitalAssets/1498/1498052_rss.gif");
}

a.videoicon {
    background-image: url("/digitalAssets/1498/1498082_video_icon.png");
}

a.searchicon {
    background-image: url("/digitalAssets/1503/1503657_searchicon2.png");
}

a.nounderline {
    text-decoration: none;
    color: #484848;
}

a.nounderline:hover {
    text-decoration: underline;
}


/* ----------------------------------- */


/* -------------- LISTS -------------- */


/* ----------------------------------- */

ul {
     list-style-type: square;
    }

ul,
ol {
    padding: 0;
    margin: 0 7% 10px 7%;
    padding: 0;
    list-style-position: outside;
}

ul ul,
ol ol {
    margin-left: 16px;
}

.col25 ol,
.col25 ul {
    margin-left: 26px;
    list-style-position: outside;
}


/* -------------------------------------- */


/* --------------- TABLES --------------- */


/* -------------------------------------- */

table {
    border-spacing: 0;
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    margin-bottom: 2em;
}

caption {
    caption-side: top;
    text-align: left;
    padding: 0/*1.25em*/
    0.5em 0.5em 0;
    margin: 0;
}

th,
td {
    padding: 0.25em 0.5em 0.125em 0.5em;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

table.blank {
    border: 0;
    border-spacing: 0;
    text-align: left;
    empty-cells: show;
}

table.blank td {
    border: 0;
    padding: 0.5em;
    vertical-align: top;
}

table.blank th {
    border: 0;
    padding: 0.5em 0.5em 0.375em 0.5em;
    vertical-align: top;
}

table,
td,
th {
    border: 1px solid #ddd;
}

th {
    background: #f9f9f9 url("/digitalAssets/1498/1498013_pageEnd.jpg") repeat-x center center;
}

.tableOddRow,
#gubasComp .displayInfo.tableOddRow,
#gubasDetailComp .displayInfo.tableOddRow {
    background-color: #f9f9f9;
}

#gubasComp table th,
#gubasDetailComp table th {
    font-weight: bold;
}

#gubasComp table td,
#gubasComp table th,
#gubasDetailComp table td,
#gubasDetailComp table th {
    border-left: 0;
    border-right: 0;
}

#gubasComp table,
#gubasDetailComp table {
    border-left: 0;
    border-right: 0;
    width: 100%;
    margin-bottom: 0;
}

#gubasComp a.bottom,
#gubasDetailComp a.bottom {
    border: 1px solid #ddd;
    padding: 2px 4px;
    background: url("/digitalAssets/1498/1498053_bottom.gif") repeat-x center bottom;
    text-decoration: none;
    color: #484848;
}

#gubasComp a.bottom:hover,
#gubasDetailComp a.bottom:hover {
    border-color: #a3a3a3;
    background: url("/digitalAssets/1498/1498053_bottom.gif") repeat-x center bottom;
}

#gubasComp a.bottom:active,
#gubasDetailComp a.bottom:active {
    background: url("/digitalAssets/1498/1498055_bottomActive.gif") repeat-x center bottom;
}

#gubasComp a.showMore,
#gubasDetailComp a.showMore {
    padding-right: 10px;
    background: url("/digitalAssets/1498/1498016_pil.gif") no-repeat center right;
}

#gubasComp a.current,
#gubasDetailComp a.current {
    padding-right: 10px;
    background: url("/digitalAssets/1498/1498054_pilCurrent.gif") no-repeat center right;
}

#gubasComp td.col1,
#gubasDetailComp td.col1,
#gubasComp td.col2,
#gubasDetailComp td.col2,
#gubasComp td.col3,
#gubasDetailComp td.col3,
#gubasComp td.col4,
#gubasDetailComp td.col4 {
    white-space: nowrap;
}

#gubasComp .displayInfo h2,
#gubasDetailComp .displayInfo h2 {
    margin: 0;
    padding: 0.5em 0 0.25em 0;
    font-size: 110%;
}

#gubasComp .displayInfo p,
#gubasDetailComp .displayInfo p {
    margin-bottom: 0;
    padding-bottom: 0;
}

#gubasComp .displayInfo span,
#gubasDetailComp .displayInfo span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 80%;
}

#gubasComp .displayInfo,
#gubasDetailComp .displayInfo {
    padding: 0 0.3125em;
    background: url("/digitalAssets/1498/1498056_gubasTDcurrent.gif") no-repeat top center;
}

#gubasDetailComp table {
    margin-bottom: 2em;
}


/* ----------------------------------- */


/* ------------- IMAGES -------------- */


/* ----------------------------------- */

#bodyArea img {
    max-width: 100%;
}

.col25 .imageComp img {
    width: 100%;
    margin: /*4px 0 10px*/
    0;
}

.img_left_s {
    width: 30%;
}

.img_left_m {
    width: 40%;
}

.img_left_l {
    width: 50%;
}

.img_left_xl {
    width: 60%;
}

.img_right_s {
    width: 30%;
}

.img_right_m {
    width: 40%
}

.img_right_l {
    width: 50%;
}

.img_right_xl {
    width: 60%;
}

/*v1 class*/

.img_left_small {
    width: 24.2%;
}

.img_left_medium {
    width: 32.2%;
}

.img_left_large {
    width: 40.3%;
}

.img_left_xlarge {
    width: 48.3%;
}

.img_right_small {
    width: 24.2%;
}

.img_right_medium {
    width: 32.2%
}

.img_right_large {
    width: 40.3%;
}

.img_right_xlarge {
    width: 48.3%;
}

 .img_left_s,
.img_left_m,
.img_left_l,
.img_left_xl,
.img_left_small,
.img_left_medium,
.img_left_large,
.img_left_xlarge {
    float: left;
    padding: 0;
    margin: 0.3125em 2% 0.3125em 0;
}

.img_right_s,
.img_right_m,
.img_right_l,
.img_right_xl,
.img_right_small,
.img_right_medium,
.img_right_large,
.img_right_xlarge {
    float: right;
    padding: 0;
    margin: 0.3125em 0 0.3125em 2%;
}

.col25 .imageComp img {
    border: none;
}

.col25 .textComp img {
    margin: 0.3125em 0.3125em 0.3125em 0;
}

.img_scaled {
    margin-bottom: 1em;
    margin-top: 32px;
}

.articleComp .img_scaled {
    margin-bottom: 2em;
    margin-top: 11px/*???*/
}


/* --------------- OLD CLASSES --------- */

.img_left_letter,
.img_left_portrait {
    float: left;
    padding: 0;
}

.img_right_letter,
.img_right_portrait {
    float: right;
    padding: 0;
}

.img_left_portrait,
.img_left_letter {
    text-align: left;
    margin: 0.3125em 2% 0.3125em 0;
}

.img_right_portrait,
.img_right_letter {
    text-align: left;
    margin: 0.3125em 0 0.3125em 2%;
}

.img_clear {
    clear: right;
    margin: 0 0 2% 0;
}


/* ----------------------------------- */


/* ------------- HEADER -------------- */


/* ----------------------------------- */

#headerArea .right ul.linklist {
    padding: 0;
}

#headerArea .right .linklist li {
    display: inline;
    list-style-type: none;
    padding: 0 3px 0 8px;
    margin: 0;
    background: transparent url("/digitalAssets/1498/1498050_linkDivider.gif") no-repeat left center;
}

#headerArea .right .linklist li.first,
.linklist li.first {
    padding-left: 0;
    background-image: none;
}

#headerArea .right .linklist li.last {
    padding-right: 0;
}

#headerArea a {
    text-decoration: none;
}

#headerArea a:hover {
    text-decoration: underline;
}

form.search label,
form.search a {
    font-weight: bold;
    text-transform: uppercase;
}


/* ----------------------------------- */


/* ------------ BODY AREA ------------ */


/* ----------------------------------- */

#bodyArea {
    margin: 15px 5px 0 5px;
    padding: 0 0 0 0;
}


/* ----------------------------------- */


/* ------------- PAGE END ------------ */


/* ----------------------------------- */

#contentEnd {
    margin-top: 3em;
    /*	margin-bottom: 2em;
*/
}

a#uplink {
    padding-left: 20px;
    background: url("/digitalAssets/1498/1498169_up_new2.png") no-repeat left center;
}

a#share {
    padding-left: 20px;
    display: block;
    background: url("/digitalAssets/1498/1498168_share_new.png") no-repeat left center;
}

#byline {
    border-top: 1px solid #000;
    margin-top: 0.5em;
}

#byline p {
    margin-top: 0.5em;
}

#byline p.right {
    text-align: right;
}


/* ----------------------------------- */


/* --------- LEFT MENU COMP ---------- */


/* ----------------------------------- */

#bodyArea #menuComp {
    margin-bottom: 4em;
}

#bodyArea #menuComp ul#menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style-position: inherit;
}

#bodyArea #menuComp ul#menu li {
    border-bottom: 1px solid #d4d4d4;
}

#bodyArea #menuComp ul#menu li a {
    display: block;
    padding: 0.625em 15px 0.5em 0px;
    text-decoration: none;
}

#bodyArea #menuComp ul#menu li a:hover {
    text-decoration: underline;
}

#bodyArea #menuComp ul#menu li a.submenu {
    background: transparent url("/digitalAssets/1498/1498021_submenu.gif") right center no-repeat;
}

#bodyArea #menuComp ul#menu li a.submenu:hover {
    background: transparent url("/digitalAssets/1498/1498022_submenuHover.gif") right center no-repeat;
}

#bodyArea #menuComp ul#menu li a.current {
    font-weight: bold;
    /*	padding-left: 20px;
	position: relative;
	background: transparent url("/digitalAssets/1498/1498002_current.gif") no-repeat left center;
	left: -20px;
*/
}

#bodyArea #menuComp h1#menuLevel,
#bodyArea #menuComp #menuLevel {
    padding: 0 0 0.375em 0;
    margin: 0;
    margin-top: 0/*.5em*/
    ;
    border-bottom: 1px solid #d4d4d4;
}

#bodyArea #menuComp #menuLevel {
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.375em;
    line-height: 120%;
}

#bodyArea #menuComp h1#menuLevel a,
#bodyArea #menuComp #menuLevel a {
    text-decoration: none;
    color: #000 !important;
}

#bodyArea #menuComp h1#menuLevel a:hover,
#bodyArea #menuComp #menuLevel a:hover {
    text-decoration: underline;
}


/* ----------------------------------- */


/* ------------- COLUMNS ------------- */


/* ----------------------------------- */

.col25 {
     width: 22.69%;
     max-width: 220px;
}

.col50 {
     width: 47.5%;
     max-width: 460px;
}

.col75 {
     width: 72.18%;
     max-width: 700px;
}

.col25,
.col50,
.col75 {
    float: left;
     margin: 30px 0.55% 0 1.55%;
    }

.col50,
.col75 {
    margin-top: 9px;
}

.col100 {
    float: left;
     margin: 30px 0.55% 0 1.55%;
    }

.col25 {
    margin-top: 41px;
}

.fadeIn .col25 {
    margin-top: 30px;
}

#searchResultComp .col25 {
    margin-top: 30px;
}

.col100 {
    width: 96.95%;
    max-width: 946px;
}


/* ----------------------------------- */


/* ------------ FOOT AREA ------------ */


/* ----------------------------------- */

#footerArea p {
    margin-top: 0.5em;
}

#siteFooter {
    padding: 5px 0;
    /*	border-top: 15px solid #004b89;*/
    margin-top: 80px;
    background: #030303;
    /*	background: #3c3c3c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod¿EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(29,29,29,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(29,29,29,1)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(29,29,29,1) 100%);
	background: -o-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(29,29,29,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(29,29,29,1) 100%);
	background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(29,29,29,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#1d1d1d',GradientType=0 );
	*/
}

#footerArea {
    max-width: 946px;
    padding: 15px 0 30px 0;
    margin: 0 auto;
    color: #fff;
}

#megafooter h2,
#footerArea h2 {
    color: #fff!important;
}

#megaFooter {
    max-width: 946px;
    margin: 15px auto;
    padding: 5px 20px 0 20px;
}

#footerArea a {
    color: white;
}

#footerArea a:hover {
    color: lightgray;
}

#footerArea .col25,
#footerArea .col50 {
    margin-top: 0px;
    margin-left: 0;
}


/* megaFooter */

#megaFooter .col100 {
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    /*	background: url("/digitalAssets/1498/1498171_divider_horizonal.png") repeat-x top;*/
    border-top: 1px solid #3e3e3e;
    width: 100%!important;
    margin-left: 0;
}

#megaFooter .col100 img {
    float: left;
    margin-right: 20px;
}

#megaFooter .col100 p {
    margin: 20px 0;
}

#megaFooter .col100 span a {
    font-weight: bold;
}

#megaFooter li {
    display: block;
}

#megaFooter li a {
    text-decoration: none;
}

#megaFooter li a:hover {
    text-decoration: underline;
}


/*
#megaFooter .col25 {
	background: url("/digitalAssets/1498/1498172_divider_vertical.png") repeat-y left;
	}
*/

#megaFooter a:hover,
#megaFooter a {
    color: #d7d7d7;
    /*	font-size: 0.75em;*/
}

#megaFooter .col33 a,
#megaFooter .col25 a {
    font-size: 0.75em;
}

#megaFooter .social a {
    font-size: 0.75em;
}

#megaFooter .col100,
#megaFooter .col100 a {
    color: #fbfbfb;
}

#megaFooter ul {
    list-style-type: none;
    margin: 0 0 25px 0;
}

#megaFooter li {
    padding: 0/*15px*/
    ;
    margin: 0;
}

#megaFooter .col25 {
    /*	width: 25% !important;
*/
    max-width: 243px !important;
    float: left;
    /*	margin:15px 0 0 0;*/
    margin: 15px 0.55% 0 1.55%;
}

#megaFooter .col33.first,
#megaFooter .col25.first {
    background-image: none;
    margin-left: 0!important;
}

#megaFooter .col50 {
    margin: 15px 0 0 0;
}


/*#megaFooter .col25 h2,*/

#megaFooter h2 {
    text-transform: uppercase;
    padding: 0;
    margin: 0!important;
    color: #fff;
    border: none;
    font-size: 1.25em;
}


/*
#megaFooter .first h2,
#megaFooter .first li,
#megaFooter h2.first  {
	padding: 0 15px 0 0;
	}
*/

#megaFooter li {
    line-height: 130%;
}

#megaFooter .colAutoWidth {
    margin: 15px 0.55% 0px 1.55%;
    width: auto;
    float: right!important;
}

#megaFooter .social {
    width: auto;
    margin: 0 0 0 20px;
    float: left;
    text-align: center!important;
}

#megaFooter .social a img {
    display: block;
    margin: 0 auto 5px auto!important;
    float: none!important;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#megaFooter .social a {
    display: block;
    text-decoration: none;
}

#megaFooter .social a img:hover,
#megaFooter .social a:hover {
    text-decoration: underline;
    opacity: 1;
    filter: alpha(opacity=100);
}


/* ----------------------------------- */


/* ---------- STARTPAGE SITE --------- */


/* ----------------------------------- */

#profilComp {
    width: 100%;
    /*	background-color: #eee;
	border-bottom: 2px solid #000;*/
    padding: 0;
    margin: 0 0 30px 0;
    position: relative;
}

#profilComp #vinjett75 {
    float: left;
    width: 74%;
    max-width: 722px;
    border-right: 1px solid #fff;
    min-height: 300px;
}

#profilComp img#vinjett100 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

#profilComp #linkCollection {
    width: 25.62%;
    max-width: 250px;
    height: 298px;
    border: 1px solid #ececec;
    background-color: #f6f6f6;
    float: left;
    right: 0;
    top: 0;
}

#profilComp #linkCollection ul.collapsablemenu {
    display: none;
    width: 212px;
    z-index: 1000;
    background-color: #fff;
    text-align: left;
    list-style: none;
    margin: -1px 16px 0 0;
    border: 1px solid #7d7d7d;
    border-top: 0;
    position: absolute;
}

#profilComp #linkCollection .collectionlinkgroup ul {
    margin-top: -6px;
}

#profilComp #linkCollection .collapsablemenu li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

#profilComp #linkCollection .collapsablemenu a {
    background: none;
    text-decoration: none;
    display: block;
    padding: 3px 5px 1px 7px;
}

#profilComp #linkCollection .collapsablemenu li a:hover {
    background-color: #f1f1f1;
}

#profilComp #linkCollection .collapsed .collapsablemenu {
    visibility: hidden;
}

#profilComp h1 {
    margin: 0 0 0.5em 0;
    padding: 0;
}

#profilComp #linkCollection h2 {
    background-color: #fff;
    font-weight: normal;
    padding: 3px 20px 1px 7px;
    margin: 0 0 0.5em 0!important;
    display: block;
    position: relative;
    width: auto;
    border: 1px solid #7d7d7d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

#profilComp .collectionlinkgroup h2:after {
    font-family: gu-icons;
    content: "\e600";
    font-size: 20px;
    pointer-events: auto;
    color: #000;
    position: absolute;
    right: 0;
}

#profilComp .collectionlinkgroup h2.-open:after {
    content: "\e603";
}

#profilComp #linkCollection h2 a {
    text-decoration: none;
}

#profilComp #shortcuts {
    /*	border-bottom: 5px solid #fff;
*/
    padding: 15px 18px 6px 16px;
}

#profilComp #targetGroups {
    padding: 0;
    overflow: hidden;
}

#profilComp #targetGroups ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0px 18px 6px 16px;
    width: 100%;
}

#profilComp #targetGroups li {
    padding: 0 0 0.0625em 0;
    margin: 0;
    /*	width:50%;
	float:left;
*/
}

#profilComp #targetGroups .vinjettHeader {
    padding: 5px 18px 0px 16px;
}


/*========= Start Page four links =========*/

.vinjettlink a {
    background: rgb(248, 248, 248);
    color: #000 !important;
    font-size: 70%;
    text-transform: uppercase;
    text-decoration: none;
    /*	text-shadow: 1px 1px #fff;*/
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #ffffff;
    padding: 28px 15px 29px 15px;
    display: block;
}

.vinjettlink a:after {
    font-family: gu-icons;
    content: "\e602";
    font-size: 32px;
    font-weight: normal;
    pointer-events: auto;
    color: #ddd;
    position: absolute;
    right: 10px;
}

.vinjettlink a:hover,
.vinjettlink a:hover:after {
    /*	text-decoration: underline;
	color: red !important;*/
    background-color: rgba(0, 0, 0, 0.01);
    text-decoration: none!important;
    color: #000;
}


/* -------------------------------------- */


/* ------------ COMP BASICS ------------- */


/* -------------------------------------- */

.rssPushComp ul.rssCompList {
    list-style-type: none;
    margin-left: 0;
}

.rssCompListItem {
    margin-bottom: 5px;
}

.rssCompListItemLink {
    display: inline-block;
}


/*.eventCategorySelectComp h1,
.eventSearchComp h1,
.dateSpanSelectComp h1,
.graphicCalComp h2,
.col25 #gubasComp.search h1,
.col25 #gubasContactApp h1,
.newsPushComp h2,
.rssPushComp h2,
.calPushComp h2,
.contactComp h2,
.col50 .textComp h2,
.col25 .textComp h2:first-child,
.flowplayerSmallComp h2 {
	display: block;
	padding: 0 0 1px 0px;
	margin-top: 0;
	font-weight: normal;
	border-bottom: 1px solid #061224;
	border-left: 2px solid #061224;
	}
*/

.eventCategorySelectComp,
.eventSearchComp,
.dateSpanSelectComp,
.graphicCalComp,
.col25 #gubasComp.search,
.imageComp,
.newsListComp,
.newsPushComp,
.rssPushComp,
.calPushComp,
.contactComp,
.textComp,
.flowplayerSmallComp,
.col25 .adComp,
.col25 .articleComp {
    margin-bottom: 2em;
    /*margin-top: 1.25em;*/
}


/*
.col50 .articleComp h2{
	margin:1.25em 0 0.125em 0;
	font-size: 1.3125em;
	line-height: 150%;
	}
*/

.col50 .articleComp h2:FIRST-CHILD,
#bodyArea .col50 .newsListComp h2 {
    /*	font-size: 1.625em;
*/
    margin-bottom: 0.25em;
    margin-top: 0.5em;
    line-height: 120%;
    font-weight: normal;
}

.contactComp h3 {
    font-size: 0.9375em !important;
    font-weight: bold;
}

.col100 h1,
.col75 h1,
.col50 h1 {
    margin-bottom: 0.25em;
    margin-top: 0.5em;
    display: block;
}

.col50 .newsListComp p,
.col50 .calListComp p {
    padding: 0;
    margin: 0 0 10px 0;
}

*/
/* -------------------------------------- */


/* ------------ SITEMAP COMP ------------ */


/* -------------------------------------- */

#bodyArea .sitemapComp {
    margin-bottom: 5em;
}

#bodyArea .sitemapComp ul {
    /*	font-weight: bold;
*/
    list-style-type: none;
}

#bodyArea .sitemapComp ul {
    margin-bottom: 1.375em;
    margin-left: 0;
}

#bodyArea .sitemapComp ul li a.toplevel {
    margin-top: 1.25em;
    margin-bottom: 0.25em;
    display: block;
}

#bodyArea .sitemapComp ul ul {
    font-weight: normal;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 8px;
}

#bodyArea .sitemapComp ul ul ul {
    font-weight: normal;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 13px;
}

#bodyArea .sitemapComp ul ul li a {
    background: transparent url("/digitalAssets/1498/1498043_tree.gif") no-repeat left center;
    padding-left: 12px;
}


/* -------------------------------------- */


/* --------------- FORMS ---------------- */


/* -------------------------------------- */

#bodyArea input {
    margin: 0;
    padding: 4px;
    /*	padding-left:10px;
*/
}

label {
    font-weight: normal;
}

legend {
    padding: 1.25em 0 0 0;
    margin: 0;
    font-weight: normal;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

select {
    width: 50%;
}

#bodyArea .field {
    margin: 0 0 1.25em 0;
}

#bodyArea input[type=checkbox],
#bodyArea input[type=radio] {
    margin: 0;
}

#bodyArea input.button {
    margin: 0.75em 0 0.5em 0;
    display: block;
}

.fullwidth {
    width: 99%;
}

textarea.small,
textarea.medium,
textarea.large {
    height: 7em;
}

textarea.small,
select.small,
input.small {
    width: 30%;
}

textarea.medium,
select.medium,
input.medium {
    width: 58%;
}

textarea.large,
select.large,
input.large {
    width: 95%;
}

select.adjust {
    width: auto;
}

.largeSearchButton {
    padding: 6px;
}

input[type=text]:focus,
textarea:focus {
    background-color: #fffbdf;
}

.col50 .red,
#calendarComp .red {
    background: url("/digitalAssets/1498/1498033_star.gif") no-repeat right center;
    padding: 0 12px 0 0;
    zoom: 1;
}

#calendarComp p .red {
    background: url("/digitalAssets/1498/1498033_star.gif") no-repeat left center;
    padding: 0 0 0 12px;
    zoom: 1;
}

.anchorWithOffsetForStickyMenu {
    padding-top: 70px;
    margin-top: -70px;
}


/* -------------------------------------- */


/* -------------- SLOT LIST ------------- */


/* -------------------------------------- */

ul.slotlist {
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
    font-family: NimbusSanNovCon-Med;
    border-top: 1px solid #000;
    padding-top: 30px;
    margin: 0 auto;
    font-size: 110% !important;
}

ul.slotlist li {
    display: inline-block !important;
}

ul.slotlist li a:first-child {
    margin-left: 0;
}

ul.slotlist li.current {
    padding: 0 0.5em;
    background-color: #000;
    color: #fff !important;
    padding: 4px 10px 1px 10px;
    border-radius: 3px;
    text-decoration: none;
}

ul.slotlist li a {
    padding: 4px 10px 1px 10px !important;
    border-radius: 3px;
    text-decoration: none;
    color: #000 !important;
}

ul.slotlist li a:hover {
    background-color: #e5e5e5;
    text-decoration: none !important;
}


/* -------------------------------------- */


/* -------------- AD COMP --------------- */


/* -------------------------------------- */

.adComp a {
    position: relative;
}


/*
.adComp .col50 a:after,
.adComp .col25 a:after {
    content:'';
    position:absolute;
	top: -120px;
	bottom: -55px;
	left: -15px;
	right: -15px;
	}
*/


/*
.col25 .adComp a:after {
    content:'';
    position:absolute;
	top: -80px;
	bottom: -80px;
	left: -15px;
	right: -15px;
	}
*/


/*.adComp a{
	display: block;
	}
*/

.col25 .adComp {
    margin: 0 0 0 0;
    padding: 0;
    /*	background: transparent url("/digitalAssets/1498/1498013_pageEnd.jpg") repeat-x center bottom;
*/
    clear: both;
    border: 1px solid #c9c9c9;
    /*	border-top: 3px solid #000;
	border: 1px solid #eee;
	border-bottom: 1px solid #cdcdcd;
*/
}

.adComp {
    margin: 2em 0/*15px*/
    0 0;
    padding: 5px 15px 0 15px;
    clear: both;
}

.adComp li {
    list-style-position: outside;
    padding: 0 15px;
    margin: 5px 0 0 0;
    font-size: 0.75em;
    list-style-type: none;
}

.adComp .col25 {
    /*firefox klarar zoom ut battre*/
    width: 24.75%;
     max-width: 233px;
}

.adComp .col50 {
     width: 49.8%;
     max-width: 468px;
}

.adComp .col25 img,
.col25 .adComp img,
.col50 .adComp img {
    margin: 0;
}

.adComp .col25,
.adComp .col50 {
    /*	border-left: 1px solid #fff;*/
    border-right: 1px solid #c9c9c9;
    /*border-right: 1px solid #c9c9c9;*/
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 0 0 0 0;
     height: 245px;
     margin: 0;
}

.adComp p {
    padding: 0 15px;
    margin: 5px 0 20px 0;
}

.adComp h2 {
    padding: 15px 15px 0 15px!important;
    margin: 0;
    border: none!important;
}

.adComp .col25 h2 {
    margin-bottom: 0!important;
}

.adComp .col50 h2 {
    margin-top: 0!important;
}

.adComp img {
    width: 100%;
}

.adComp #first {
    border-left: 1px solid #c9c9c9;
    padding-left: 0px;
}

a.adComp {
    display: block;
    text-decoration: none;
}

a.adComp:hover {
    text-decoration: none !important;
}

.adComp.noContent {
    padding: 0;
}

.adComp.noContent .adminError {
    padding: 0;
}

a.adComp:hover h2 {
    text-decoration: none !important;
    color: #ab0000;
}

#bodyArea .adCompButtonMode .adCompTextWrapper {
    height: 75px;
    padding: 15px 0;
}


/* -------------------------------------- */


/* ------------ PARTNER COMP ------------ */


/* -------------------------------------- */

#partnerComp {
    border-top: 2px solid #000;
    margin: 60px 0 0 19px;
    width: 934px;
    padding: 10px 5px 40px 3px;
}

#partnerComp h1,
#partnerComp h2 {
    text-transform: uppercase;
    margin: 0 15px 0px 0px!important;
    padding: 0;
    font-size: 1.125em!important;
}

#partnerComp a img {
    border: none;
}

#partnerComp .col100 {
    margin-top: 20px;
    margin-bottom: 30px;
}

.fullWidthWrapper #partnerComp {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.fullWidthWrapper #partnerComp div {
    margin-top: 20px !important;
}


/* -------------------------------------- */


/* ------------- DIALOG COMP ------------ */


/* -------------------------------------- */

a.close:after {
    content: "\e606";
    margin: 0 0px;
    font-family: "gu-icons";
    font-size: 32px;
    display: inline-block;
    min-width: 30px;
    /* FOIT-fix */
    line-height: 1;
    vertical-align: 0px;
    color: #000;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#dialogComp a.close {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 0;
    display: inline-block;
    color: rgba(0, 0, 0, 0);
}

a.close:hover:after {
    color: #838383;
}

#dialogComp {
    width: 460px;
    background: transparent;
    position: relative;
}

#dialogComp .dialogContact {
    padding: 20px;
    margin: 10px;
    height: 450px;
    border-top: 0;
    width: auto;
    max-height: 95%;
    max-width: 95%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}

#dialogComp .dialogTip {
    padding: 25px;
    height: 257px;
    border-top: 0;
    width: auto;
     background: transparent url("/digitalAssets/1498/1498004_dialogTip.png") no-repeat left top;
    }

body.iframe {
    background: #fff;
}

.iframeDialogContent h1 {
    margin: 0 0 20px 0;
}

.iframeDialogContent h2
/*,
#dialogComp h2*/

{
    margin: 0.5em 0 0.75em 0!important;
}

.iframeDialogContent input,
.iframeDialogContent select {
    margin-bottom: 1em;
}

.iframeDialogContent .fullwidth {
    width: 97%;
}

.iframeDialogContent textarea.fullwidth {
    height: 6em;
}

.iframeDialogContent input.button {
    margin: 0.25em 0 0 0;
    display: block;
    background-color: #fff;
}

.iframeDialogContent input:focus,
.iframeDialogContent textarea:focus {
    background-color: #fff;
}

.iframeDialogContent .OBSmessage {
    font-size: 12px!important
}


/* -------------------------------------- */


/* --------- NEWS/CALENDAR COMP---------- */


/* -------------------------------------- */

p.author {
    padding-top: 0.5em;
    text-transform: uppercase;
}

#newsComp.archive ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 1em;
}

.categoryLabel {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin: 1em 0;
    padding: 0.375em 0;
    text-transform: uppercase;
}

.col50 .calListComp h2 .catLabel {
    font-weight: normal;
    float: right;
}

span.calFactLabel {
    font-weight: bold;
    display: block;
}

div.calFact {
    margin-top: 20px;
    padding-top: 20px;
    /*	background: url("/digitalAssets/1498/1498019_separator.gif") repeat-x left top;
*/
}

#calendarComp.detail p.ingress {
    background: url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
    padding-bottom: 15px;
}


/*.calListComp h2.date,*/

.calListComp div.record {
    margin-top: 10px;
    padding-bottom: 10px;
    background: transparent url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
    clear: both;
}

.calListComp div.record .img_calendar_event {
	float: right;
	max-width: 200px;
	width: 40%;
	margin: 0 0 10px 10px;
}

.calListComp .record:after {
	content: " ";
	clear: both;
	display: block;
}

div#commentArea {
    margin: 2em 0;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #ddd;
    background: transparent url("/digitalAssets/1498/1498019_separator.gif") repeat-x left top;
}

div#commentArea h2 {
    margin-top: 5px;
    padding-top: 0;
}

a.commenticon {
    padding-left: 18px;
    background: transparent url("/digitalAssets/1498/1498036_commenticon.gif") no-repeat left center;
    text-decoration: none;
}

a.commenticon:hover {
    text-decoration: underline;
}

p.commentInfo {
    margin-top: 1em;
}

.commentParent {
    margin-bottom: 0.75em;
    border: 1px solid #ddd;
}

.commentNewChild {
    margin-left: 10px;
    border-left: 1px solid #ddd;
    margin-bottom: 0.5em;
}

.commentHead {
    border-bottom: 1px solid #ddd;
    padding: 2px 8px;
    background: #f9f9f9 url("/digitalAssets/1498/1498013_pageEnd.jpg") repeat-x center center;
}

.commentHead p {
    margin: 0;
}

.commentNewChild .commentHead {
    border-top: 1px solid #ddd;
}

.comment {
    padding: 8px 10px;
}

.comment p.commentAuthor {
    font-style: italic;
}


/* Puff style news list */

.fullWidthWrapper .newsPushComp.puffMode {
    position: relative;
}

.fullWidthWrapper .newsPushComp.puffMode>h2 {
    border-bottom: none;
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
    font-size: 2em;
    margin-bottom: 0.5em !important;
    text-transform: uppercase;
}

.fullWidthWrapper .puffMode li.newsCompListItem {
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    vertical-align: top;
    margin: 0;
    padding: 13px 15px 13px 20px;
    min-height: 90px;
    box-sizing: border-box;
    position: relative;
    width: 32.8%;
    flex: 1 0 29%;
    max-width: 33.333%;
    margin-bottom: 10px;
}

.fullWidthWrapper .puffMode li.newsCompListItem:nth-child(n+4) {
    border-top: 1px solid rgb(221, 221, 221);
}

.newsCompList .fullWidthHr {
    display: none;
}

.newsListPuffSection p {
    font-size: 0.875em;
    padding-bottom: 20px;
}

.newsListPuffSection {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.newsListPuffImage {
    width: 100%;
}

.col100 .newsListPuffImage {
    width: 22.69%;
    display: inline-block;
    margin: 0 1.55% 0 0;
}

.newsListPuffImage>img {
    outline: none !important;
}

.newsListPuffText {
    color: black;
}

.newsListPuffLink:focus .newsListPuffText {
    color: #ab0000;
}

.newsListPuffContent {
    width: 100%;
    vertical-align: top;
}

.col100 .newsListPuffContent {
    display: inline-block;
    width: 72%;
}

.newsListPuffHeader {
    margin: 0em 0 0.25em 0;
    font-size: 1.875em !important;
    font-weight: normal !important;
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

span.smallfont.newsListPuffDate {
    font-size: 0.875em;
}

.newsListPuffImage {
    margin: 0 1.55% 1em 0;
}

.readMoreButton,
.fullWidthWrapper .readMoreLinkSection {
    /*	position: absolute;
	top: 0px;
	right: 15px;
	margin: 0;
*/
    margin: 15px 0 0 0;
    display: table;
    clear: both;
    font-size: 0.75em !important;
}

.fullWidthWrapper .calPushComp p a {
    display: inline-block !important;
}

.readMoreButton a,
.fullWidthWrapper a.readMoreLink,
.fullWidthWrapper .calPushComp p a {
    /*	background-color: #ddd;*/
    padding: 8px 30px 5px 16px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    color: black !important;
    border-radius: 2px;
    position: relative;
    text-decoration: none;
    transition: 200ms background-color;
    display: block;
    font-family: NimbusSanNovCon-SemBol;
    font-size: 1.25em;
    font-weight: normal;
    overflow: hidden;
}

.readMoreButton a:after,
.fullWidthWrapper a.readMoreLink:after,
.fullWidthWrapper .calPushComp p a:after {
    content: "\e61c";
    font-family: gu-icons;
    font-size: 40px;
    color: black;
    display: inline-block;
    top: 0;
    position: relative;
    left: -6px;
    height: 16px;
    vertical-align: top;
    width: 0;
}


/*
.puffMode .readMoreLink:hover {
	background-color: #ddd;
	text-decoration: underline;
}
*/

.fullWidthWrapper .puffMode.newsCompList {
    display: flex;
    flex-wrap: wrap;
}

.fullWidthWrapper .puffMode li.newsCompListItem:nth-child(4n+1) {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

.grey-light .fullWidthWrapper .puffMode li.newsCompListItem,
.grey-medium .fullWidthWrapper .puffMode li.newsCompListItem,
.blue-light .fullWidthWrapper .puffMode li.newsCompListItem,
.blue-medium .fullWidthWrapper .puffMode li.newsCompListItem,
.blue-dark .fullWidthWrapper .puffMode li.newsCompListItem,
.beige .fullWidthWrapper .puffMode li.newsCompListItem {
    border-color: rgba(0, 0, 0, 0.2) !important;
}


/* Expands the link's click area to cover the surrounding li */

.fullWidthWrapper .puffMode .newsCompListItem>.newsCompListItemLink:before {
    position: absolute;
    left: 0;
    right: 0;
    content: " ";
    top: 0;
    bottom: 0;
    z-index: 10;
}


/*
.puffMode .newsCompListItem:hover {
	background-color: rgb(250, 250, 250);
}
*/

.fullWidthWrapper .puffMode .newsCompListItemLink {
    font-size: 1.625em;
    line-height: 115%;
    color: black !important;
    text-decoration: none;
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
    display: inline;
    /* overrides mobile display: block */
}

.fullWidthWrapper .puffMode .newsCompListItemLink:focus {
    color: #ab0000 !important;
}

.fullWidthWrapper .listMode a.newsCompListItemLink,
.fullWidthWrapper .calPushComp a {
    font-size: 1.625em;
    line-height: 115%;
    color: rgb(0, 0, 0) !important;
    text-decoration: none;
    /* font-weight: bold; */
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
    display: inline;
}

.fullWidthWrapper .GUNewsCarouselComponent .listMode a.newsCompListItemLink {
    font-size: 1.425em;
}

.linkIcon:after {
    content: "\e61c";
    font-family: gu-icons;
    font-size: 32px;
    color: black;
    font-style: normal;
    position: relative;
    left: -10px;
    top: 1px;
    height: 0;
    vertical-align: top;
}

.newsCompList .linkIcon:after {
    top: -2px;
}

.newsCompListItemLink+.linkIcon {
    position: relative;
    top: 4px;
}

.newsListPuffLink {
    display: block;
    text-decoration: none;
}

.newsListPuffLink:hover {
    text-decoration: none !important;
}


/*
.newsListPuffLink:hover {
	background-color: rgb(250, 250, 250);
}
*/

.newsListPuffLink:hover .newsListPuffHeader {
    text-decoration: underline;
}


/* --------------------------------------------- */


/* ----------------- A TILL O ------------------ */


/* --------------------------------------------- */

.AtoO {
    margin-bottom: 2em;
}

.AtoO ul,
#gubasComp.AtoO ul,
.col100 .col25 ul,
.col75 .col25 ul,
.col50 .col25 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.col75 .AtoO .col25#c1,
.col75 .AtoO .col25#c4,
.col75 .AtoO .col25#c7 {
    margin-left: 0;
    padding-left: 0;
}

.col25 .AtoO .col25,
.col50 .AtoO .col25 {
    float: none;
    margin-left: 0;
}


/* ------------------------------------------- */


/* ------------------ GUSHOP ------------------ */


/* --------------------------------------------- */

#GUshopComp .record {
    margin-top: 10px;
    padding: 10px 0 10px 0;
    background: transparent url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
    clear: both;
}

#GUshopComp .record img {
    float: left;
    margin: 0 10px 10px 0;
}

div.order .record {
    margin-top: 10px;
    padding: 10px 0 10px 0;
    background: transparent url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
    clear: both;
}

div.order .record img {
    float: left;
    margin: 0 10px 10px 0;
    width: 120px;
}


/* ------------------------------------------- */


/* ----------- Evenemangs/Calender ----------- */


/* --------------------------------------------- */

table#igcalendar {
    width: 100%;
}

table#igcalendar th,
table#igcalendar td {
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    padding: 0;
    width: 14%;
}

table#igcalendar td.today a {
    font-weight: bold;
    background: #ededed url("/digitalAssets/1498/1498027_today.gif") repeat-x center center;
}

table#igcalendar td.current a {
    background-color: #025DA6;
    font-weight: bold;
    color: #fff;
}

table#igcalendar td a {
    display: block;
}

table#igcalendar td a:hover {
    background-color: #ddd;
}

table#igcalendar td a:active {
    background-color: #fff;
}

table#igcalendar td a.last_next {
    font-weight: bold;
    text-decoration: none;
}


/* -------------------------------------- */


/* ----------- SEARCH RESULT ------------ */


/* -------------------------------------- */

#searchResultComp {
    position: relative;
    margin-bottom: 3em;
}

#searchResultComp .col100 form .searchfield {
    width: 40%;
}

#searchResultComp .col100 #tabstrip ul {
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

#searchResultComp .col100 #tabstrip {
    margin: 4em -15px 0 -15px;
    width: auto;
    padding: 0 0 10px 0;
    background: url("/digitalAssets/1498/1498023_tabstripBg.gif") repeat-x left bottom;
    }

#searchResultComp .col100 #tabstrip li {
    display: inline;
    background: #fff url("/digitalAssets/1498/1498009_flikRbg.gif") no-repeat right top;
    margin: 0 0 -1px 2px;
    float: left;
    border-bottom: 1px solid #b5b5b5;
}

#searchResultComp .col100 #tabstrip li a {
    padding: 0.5em 1.5em 0.25em 1.5em;
    background: transparent url("/digitalAssets/1498/1498008_flikLbg.gif") no-repeat left top;
    display: block;
    text-decoration: none;
    font-weight: bold;
}

#searchResultComp .col100 #tabstrip li a span {
    font-weight: normal;
}

#searchResultComp .col100 #tabstrip li a:hover {
    text-decoration: underline;
}

#searchResultComp .col100 #tabstrip li.current {
    border-bottom: 1px solid #eee;
}

#searchResultComp .col100 p .current {
    font-weight: bold;
}

#searchResultComp .col100 p {
    margin: 1em 0;
}

#searchResultComp .col100 p.nomargin {
    margin: 0;
}

#searchResultComp .col100 p a {
    margin: 0 0.25em;
}

#searchResultComp .col75 h1,
#searchResultComp .col25 h1 {
    background: url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
    padding-bottom: 12px;
    margin-bottom: 0;
    margin-top: 0.25em;
}

#searchResultComp .resultlist .choosenHit {
    background: url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
    padding: 1em;
    background-color: #fbfbfb;
}

#searchResultComp .resultlist .choosenHit h2 {
    margin-top: 0;
}

#searchResultComp .resultlist ol {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

#searchResultComp .resultlist ol li {
    background: url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
    padding: 1em 0;
}

#searchResultComp .resultlist ol li span {
    font-weight: bold;
}

#searchResultComp .resultlist ol li a {
    text-decoration: none;
    padding-right: 2em;
}

.searchHitCacheLink a {
    text-decoration: underline;
}

#searchResultComp .resultlist ol li a:hover {
    text-decoration: underline;
}

.searchHitInfo {
    margin-top: 0.5em;
}

#searchResultComp .resultlist ol li a.pdf {
    background: transparent url("/digitalAssets/1498/1498015_pdf.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.word {
    background: transparent url("/digitalAssets/1498/1498026_word.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.ppt {
    background: transparent url("/digitalAssets/1498/1498017_ppt.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.mov {
    background: transparent url("/digitalAssets/1498/1498012_mov.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.eps {
    background: transparent url("/digitalAssets/1498/1498006_eps.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.psd {
    background: transparent url("/digitalAssets/1498/1498018_psd.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.file {
    background: transparent url("/digitalAssets/1498/1498007_file.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.xls {
    background: transparent url("/digitalAssets/1498/1498006_eps.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.video {
    background: transparent url("/digitalAssets/1498/1498082_video_icon.png") no-repeat right center;
}

#searchResultComp .resultlist ol li .searchHitInfo,
#searchResultComp .resultlist ol li .searchHitInfo a,
#searchResultComp .resultlist ol li .searchHitUrl,
#searchResultComp .resultlist ol li span.position,
#searchResultComp .resultlist ol li span.organisation,
#searchResultComp .resultlist ol li span.phone,
#searchResultComp .resultlist ol li span.email {
    background-image: none;
    padding: 0;
    font-weight: normal;
}

#searchResultComp .resultlist ol li strong {
    border-bottom: 2px solid #ffc000;
}


/* -------------------------------------- */


/* --------------- GUBAS ---------------- */


/* -------------------------------------- */

#gubasComp li {
    padding-bottom: 5px;
}

#gubasComp.list dd {
    margin: 0 0 0 0;
    padding: 0;
    padding-left: 18px;
    padding-bottom: 5px;
}

#gubasComp.AtoO dd {
    margin: 0;
    padding: 0;
}

.gubasNoEkoIcon {
    padding-left: 18px;
}

.gubasEko100Icon {
    background: transparent url("/digitalAssets/1498/1498873_miljo-hel-14x14px.gif") no-repeat left 2px;
    padding-left: 18px;
}

.gubasEko50Icon {
    background: transparent url("/digitalAssets/1498/1498894_miljo-del-14x14px.gif") no-repeat left 2px;
    padding-left: 18px;
}

.gubasAdmin {
    background-color: #feffcb;
    padding: 3px 0;
}

.gubasAdmin ul {
    margin: 0 0 0 16px;
}

.gubasAdmin li {
    display: inline;
    list-style-type: none;
    padding: 0 3px 0 8px;
    margin: 0;
    background: transparent url("/digitalAssets/1498/1498050_linkDivider.gif") no-repeat left center;
}

.gubasAdmin li.first {
    background-image: none;
    padding: 0 3px 0 0;
}


/*gubasHoverBox*/

#gubasDetailComp div.middle {
    width: 452px;
    height: 147px;
    background: transparent url("/digitalAssets/1498/1498061_dialoghoverbox.png") no-repeat left top;
    position: relative;
    top: 0px;
    left: 30px;
    padding-top: 20px
}

#gubasDetailComp div.middle span {
    padding: 0 30px;
    display: block;
    text-transform: none;
    font-weight: normal;
    font-size: 100%;
}

div.top,
div.bottom {
    display: none !important;
}


/* -------------------------------------- */


/* --------------- GUalumnDBApp ---------------- */


/* -------------------------------------- */

#GUalumnDBApp #bodyArea #menuComp ul#menu li {
    border: 0;
}

#GUalumnDBApp #bodyArea #menuComp ul#menu li a {
    border-bottom: 1px solid #d4d4d4;
    padding-top: 6px;
    padding-bottom: 5px
}

#GUalumnDBApp #bodyArea #menuComp ul#menu {
    font-weight: bold
}

#GUalumnDBApp #bodyArea #menuComp ul#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: normal
}

#GUalumnDBApp #bodyArea #menuComp ul#menu li.current {
    padding-left: 20px;
    position: relative;
    background: transparent url("/digitalAssets/1498/1498002_current.gif") no-repeat left center;
     left: -20px;
    }


/* -------------------------------------- */


/* --------------- Handels -------------- */


/* -------------------------------------- */

#haVinjett75 {
    width: 970px;
    border-bottom: 5px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
}

#haVinjett75 img {
    float: left;
    border: none;
    border-right: 5px solid #FFFFFF;
    width: 237px;
    height: 175px;
}

#haVinjett75 a {
    border: none;
}

.haWrapper {
    float: left;
    max-height: 175px;
}

#haShortcuts {
    padding: 18px 18px 14px;
}

#haVinjett75 #linkCollection {
    max-height: 175px;
    float: right;
    max-width: 237px;
    right: 0;
    top: 0;
    width: 100%;
}

#haTargetGroups li {
    height: 30px;
    margin: 0;
    padding-left: 28px;
    padding-right: 28px;
    float: left;
    display: block;
    border-left: 1px solid #909090;
}

#haTargetGroups li a {
    display: block;
    padding-top: 6px;
    text-decoration: none;
}

#haTargetGroups ul {
    margin: 0;
    height: 0px;
    width: 100%;
    display: block;
    float: left;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 9px;
     }

#haTargetGroups ul li:first-child {
    border: none;
}


/* -------------------------------------- */


/* --------------- SEMBOKN ---------------- */


/* -------------------------------------- */

#semBokn {
    margin: 0;
    padding: 0;
     max-width: 700px;
    }

#bodyArea #semBokn .col100 h2.list {
    font-weight: bold;
}

#semBokn .col100 {
    width: 100%;
    background: transparent url("/digitalAssets/1498/1498019_separator.gif") repeat-x left bottom;
}

#semBokn .col100,
#semBokn .col75 {
    margin: 0;
    padding: 0
}

#semBokn .col25 {
    margin-top: 0;
}

#semBokn .col75 {
    width: 65.77%;
    }

#semBokn .col25 {
     width: 31.5%;
    margin-left: 2.2%;
    }

#semBokn table {
    margin-bottom: 7px;
    width: 100%
}

#semBokn table caption {
    font-size: 100%;
}

#semBokn table {
    margin: 0;
    padding: 0
}


/* -------------------------------------- */


/* -------------- FONT-SIZE ------------- */


/* -------------------------------------- */

p,
label,
#bodyArea tr {
    font-size: 0.75em;
}

.collectionlinkgroup h2 {
    font-size: 0.75em !important;
}

tr p {
    font-size: 100%;
}

h1,

/*.frontpage .col50 h2,*/


/*.col50 .newsListComp h2     Korr rubrikfel,*/

.col25 .searchResultComp h1 {
    font-size: 2.5em!important;
    font-weight: normal;
}

h2,

/*.a11yAccordion h3,*/

#bodyArea caption {
    font-size: 1.5em !important;
    margin-top: 1.25em!important;
    font-weight: normal !important;
}

.col25 h2 {
    margin-top: 0!important;
}

h1 {
    font-weight: normal;
    margin: 0 0 0.3125em 0;
}

h2
/*,
.a11yAccordion h3*/

{
    font-weight: normal;
    margin: 0 0 0.25em 0;
}

.frontpage h1 {
    margin: 20px 0 0.25em 0;
}

.frontpage .col50 h2:first-child {
    margin: 27px 0 0.25em 0!important;
}

.frontpage .fullWidthWrapper .col50 h2:first-child {
    margin-top: 0 !important;
}

h3,
h4 {
    font-weight: normal;
    margin: 1.25em 0 0.125em 0;
}

h2 a {
    color: #000;
}

.articleComp h2 a {
    display: block;
}


/*
.iframeDialogContent {
	font-size: 1em;
	}

.iframeDialogContent h1 {
	font-size:1.8175em!important;
	}
*/

h3,
#bodyArea .col50 .newsListComp ul li a {
    font-size: 0.9375em!important;
}

#bodyArea .col50 .newsListComp ul {
    font-size: 100%!important;
}

h4 {
    font-size: 0.875em;
    font-weight: bold;
}

.col25 h1,

/*Korr*/

.col25 h2,
.newsPushComp h2,
.adComp .col75 h2,
.adComp .col50 h2,
.vinjettHeader {
    font-size: 1.375em !important;
}

.col25 h3 {
    font-weight: bold;
    font-size: 0.8125em;
}

#bodyArea ol,
#bodyArea ul,
#bodyArea a#uplink,
#bodyArea a#share,
input {
    font-size: 0.75em;
}

.newsListComp ul {
    margin: 0;
}

.newsListComp ul li {
    font-size: 100%!important;
    list-style-type: none;
}


/*#bodyArea ul p,*/

#bodyArea ol ol,
#bodyArea ol ol ol,
#bodyArea ul ul,
#bodyArea ul ul ul,
#bodyArea ul ul ul ul,
#bodyArea .sitemapComp ul ul a {
    font-size: 100%;
}


/*
.errorMessage,
#bodyArea p,
#partnerComp p,
#home ul,
#bodyArea ul,
#bodyArea ol,
#bodyArea dd,
#bodyArea #sitemap,
#bodyArea .col25 .textComp h3,
#bodyArea .col25 .textComp h4,
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .calListComp h3,
#bodyArea .col50 .calListComp h2,
#bodyArea #semBokn .col100 h2.list,

.iframeDialogContent p,
#footerArea p {
	font-size: 0.75em;
	}
#bodyArea .col50 .newsListComp ul li a,
#bodyArea .col50 .newsListComp ul li p{
	font-size: 1em;
}

li p {font-size: 1em;}

*/


/*
.iframeDialogContent h1,
#searchResultComp .col25 h1 {
	font-size: 1.625em;
	}
*/


/*
#bodyArea #gubasComp tr h2,
#bodyArea .sitemapComp ul a,
p span.citat {
	font-size: 1.5em;
	}

#bodyArea .AtoO h2,
legend {
	font-size: 1.3125em;
	}
*/


/*.col25 h1,
.col25 h2,
#bodyArea h3,
#bodyArea h4,
#bodyArea h5,
*/


/*#bodyArea #profilComp h1,
#bodyArea caption,
#bodyArea dt,
.iframeDialogContent h2 {
	font-size: 1.1875em;
	}
*/


/*
div.abc,
.iframeDialogContent h3 {
	font-size: 1em;
	}

#home ul,
#bodyArea #profilComp h2,
#bodyArea #profilComp ul.collapsablemenu,
textarea, input,
#partnerComp h1 {
	font-size: 0.6875em;
	}

#bodyArea ol ol,
#bodyArea ol ol ol,
#bodyArea ul ul,
#bodyArea ul ul ul,
#bodyArea ul ul ul ul,
#bodyArea .sitemapComp ul ul a {
	font-size: 100%;
	}

.commentdate,
.smallfont,
.smalldate {
	font-size: 80%;
	}

.searchHitInfo {
	font-size: 90%;
	}
*/


/*
#bodyArea .col25 .textComp h3,
#bodyArea .col25 .textComp h4,*/


/*
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .newsListComp ul li a,
#bodyArea .col50 .calListComp.light h2,
#bodyArea .col50 .calListComp h3,
#bodyArea .col50 .calListComp h2 {
	font-weight: bold;
	}

#bodyArea .col50 .newsListComp ul{
	list-style: none;
	margin: 0;
}
*/


/* ------------------------------------------------- */


/* ----------------- FONT-FAMILY ------------------- */


/* ------------------------------------------------- */

body,
input,
textarea,
.collectionlinkgroup h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif!important;
}

h1,
#lowerTopMenu .current a {
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

h1 {
    color: #000;
}

#lowerTopMenu .current a {
    color: #fff;
}

h2,

/*.a11yAccordion h3,*/

#partnerComp h1,
#searchResultComp .col75 h1,
.GUCarouselItems li a,
.col25 h1,

/*Korr*/

#lowerTopMenu a,
#bodyArea caption,
.iframeDialogContent h1,
.vinjettHeader {
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
}

h3,
h4,
h5,
.displayInfoDiv h2,

/*p span.citat,
 dt, caption, legend,
#bodyArea .sitemapComp ul a*/

#bodyArea .col50 .newsListComp ul li a {
    font-family: Arial, Helvetica, Verdana !important;
    font-weight: bold!important;
}

.displayInfoDiv h2 {
    font-size: 125%!important;
}


/* ------------------------------------------------- */


/* ------------------ LINE-HEIGHT ------------------ */


/* ------------------------------------------------- */

body,
h1 {
    line-height: 100%;
}

h2,
caption {
    line-height: 115%
}

h3 {
    line-height: 130%
}

table {
    line-height: 150%/*120%*/
    ;
}

#bodyArea .col50 .newsListComp ul li a,
#bodyArea .col50 .calListComp h2,
.collectionlinkgroup h2,
h4,
p,
li,
ul,
ol,
h5,
dd,
p span.citat {
    line-height: 150%;
}


/* ------------------------------------------------- */


/* ------------------ IE SPECIFIC ------------------ */


/* ------------------------------------------------- */

/* ------------------------------------------------- */


/* ------------------ IG SPECIFIC ------------------ */


/* ------------------------------------------------- */

.igAddComponent {
    font-size: 65%;
    padding: 3px;
    line-height: 180%;
    border: 1px dashed #000;
    background-color: #f7f96c;
    clear: both;
    color: #000;
}

#headerArea .igAddComponent {
    position: absolute;
    margin-top: -27px;
}

.img100 {
    width: 100%;
    padding: 0;
    margin: 0 0 0.5em 0;
    clear: both;
}


/* -------------------------------------- */


/* ------------- FONT COLOR ------------- */


/* -------------------------------------- */


/*link-look*/

a {
    color: #025DA6;
    /*	border-bottom: 1px dotted #025da6;
	text-decoration: none;
*/
}


/*
a:hover,
a:focus {
	color: red;
	text-decoration: none!important;
	border-bottom: 1px solid red;
}
*/

p span.citat {
    color: #484848;
}

#bodyArea #menuComp h1#menuLevel a:visited,
#bodyArea #menuComp #menuLevel a:visited,
h1,
h2,
h3,
h4,
h5,
caption,
dt,
legend {
    color: #000;
}

#bodyArea .col25 a:visited,
#bodyArea .col50 a:visited,
#bodyArea .col75 a:visited,
#bodyArea .col100 a:visited {
    color: #777777;
}

body,
#partnerComp h1,
#profilComp #linkCollection h2 a,
#profilComp #linkCollection .collapsablemenu a,
#bodyArea #menuComp ul#menu li a,
#bodyArea #menuComp ul#menu li a:visited,
#searchResultComp .col100 #tabstrip li.current a,
#searchResultComp .col100 a.current {
    color: #484848;
}

.red,
.OBSmessage,
.errorMessage,
a:hover,
#bodyArea .col25 a:hover,
#bodyArea .col50 a:hover,
#bodyArea .col75 a:hover,
#bodyArea .col100 a:hover a.expired:hover,
#bodyArea #menuComp ul#menu li a:hover {
    color: #ab0000;
}

#bodyArea #menuComp ul#menu li a.current {
    color: #000;
}

a.expired {
    color: gray;
}


/* --- HAVSMILJOINSTITUTETS WEB-BANNER --- */

.havsmiljo #headerArea {
    /*Bakgrunden fungerar endast i prod - lösning enligt GU:s önskan*/
    background: url("/digitalAssets/1372/1372843_bg.png");
    height: 100px
}

.havsmiljo #headerArea .right {
    background: none;
    border: none;
}

.havsmiljo #headerArea p {
    color: #fff;
    text-align: left;
    margin: 12px 10px 0 0;
    font-size: 90%
}


/*----------------- AUTOCOMPLETE ------------------*/

.ac_results {
    background: transparent url("/digitalAssets/1498/1498060_ac_arrow.png") no-repeat 50% top;
    padding-top: 6px;
    z-index: 99999;
}

.ac_results.center {
    background-position: center top;
}

.ac_results ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border: 0px solid #000;
    border-top: 5px solid #000;
    border-bottom: 1px solid #000;
    overflow: hidden;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

.ac_results li {
    margin: 0;
    overflow: hidden;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    background: url("/digitalAssets/1498/1498019_separator.gif") repeat-x left top;
}

.ac_results li:first-child {
    background-image: none
}

.ac_results li a {
    display: block;
    color: #000;
    font-size: 75%;
    line-height: 140%;
    padding: 6px 15px 6px 15px;
    text-decoration: none;
}


/*JS
.ac_results li a strong {
	border-bottom:2px solid orange;
	font-weight:normal
	}
*/

.ac_results li.last a {
    background-image: none;
}

.ac_results li a:hover {
    background-color: #e4e4e4;
    /*	color:#29539a;*/
}

.ac_results li a:focus {
    background-color: #e4e4e4;
    color: #5f5f5f;
    border-left: 0;
    border-right: 0;
    padding-left: 18px;
    padding-right: 18px;
    outline: 0;
}

.ac_results .ac_over {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #e4e4e4 url("/digitalAssets/1498/1498019_separator.gif") repeat-x left top scroll;
    color: #000
}

#logoutDiv {
    position: fixed;
    z-index: 100000;
    right: 10px;
    top: 10px;
    background-color: rgb(100, 255, 100);
    border: 2px solid green;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: rgba(50, 50, 50, 0.5) 5px 5px 10px;
    -moz-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
}

#logoutDiv a {
    color: rgb(0, 50, 0);
    text-decoration: none;
    font-size: 12px;
}


/*-------------- GU RESEARCH - JOAKIM-------------*/


/* creates triangle */

.publicationLink:after {
    content: "";
    position: absolute;
    /*bottom:auto;*/
    top: 50%;
    /* controls vertical position */
    margin-top: -10px;
    /* Half height of*/
    left: -10px;
    /* value = - border-left-width - border-right-width */
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #eee;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}

.publicationLink {
    position: relative;
    float: right;
    width: 20%/*120px*/
    ;
    padding: 15px;
    background-color: #f6f6f6/*eee*/
    ;
    border-radius: 3px;
    word-wrap: break-word;
    font-size: 0.75em;
}

.publicationLinkBig {
    display: table;
    width: 230px;
    background-color: #f6f6f6/*eee*/
    ;
    padding: 15px 10px 5px 0px;
    float: right;
    border-radius: 4px;
}

.contactInformation {
    width: 350px;
    overflow: hidden;
    float: left;
}

.personInformation .contactInformation {
    width: 420px;
    border-top: 1px solid rgb(220, 220, 220);
    padding-top: 10px;
}

.personInformation .contactInformation:first-child {
    border-top: none;
    padding-top: 0px;
}


/*.personInformation ul {list-style-type: none;}*/

.personImageDiv {
    float: right;
    width: 222px;
}

.personImage {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    width: 220px;
    height: 260px;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0px solid #646464;
}

.blockTitle {
    font-weight: bold;
    /*color: rgb(1, 84, 151);*/
}

span.blockTitleSeparator {
    font-weight: normal;
}

.personDescription {
    clear: both;
    padding-top: 15px;
    width: 460px;
}

.editDescriptionControls {
    display: block;
}

.personInformationRightColumn {
    float: right;
    width: 33%;
}

.personInformationLeftColumn {
    float: left;
    width: 65%
}

.editUserTextButton {
    float: left;
    width: 115px;
    clear: left;
}

.guResearchComp .curriculumVitaeWrapper .warningArea {
    width: 90%;
    float: left;
}

.curriculumVitaeWrapper {
    clear: both;
}

.uploadCurriculumVitaeButton {
    float: left;
    width: 95px;
}

.deleteCurriculumVitaeButton {
    padding-top: 2px;
}

.chooseCurriculumVitaeButton {
    float: left;
    width: 190px;
    padding-left: 5px;
}

.personCurriculumVitae p {
    float: left;
    padding-right: 5px;
}

.tabHeader {
    margin-bottom: 30px;
}

.tabContainer {
    border-bottom: 1px solid rgb(212, 212, 212);
    height: 30px;
    width: 100%;
    display: none;
    visibility: hidden;
}

.tab {
    display: none;
    float: left;
    margin-right: 2px;
    cursor: pointer;
    /*color: rgb(1, 84, 151);*/
    font-size: 0.75em;
    font-weight: bold;
    padding: 7px 20px 7px 20px;
    border-left: 1px solid rgb(212, 212, 212);
    border-top: 1px solid rgb(212, 212, 212);
    border-right: 1px solid rgb(212, 212, 212);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.tabSelected {
    background-color: white;
    color: #484848;
    pointer: auto;
}

.tabContent {
    padding: 20px 0px;
    display: block;
}

.tabContentSelected {
    display: block;
}

.tabContainer a.tabContent {
    display: block;
}

.tabContainer a.tab {
    text-decoration: none;
}

.tabContainer a.tab:hover {
    text-decoration: underline;
}

.publicationType {
    font-size: 0.75em;
    margin-bottom: 30px;
}

table.publicationTable,
table.publicationTable td,
table.publicationTable th {
    border: none;
    padding: 0px 25px 5px 0px;
    background: none;
}

table.publicationTable th {
    font-weight: bold
}

.publication {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.publicationDescription {
    float: left;
    width: 70%;
}

a.publicationTitle {
    font-weight: bold;
}

span.publicationGroup {
    font-size: 0.875em
}

#bodyArea div.publicationLinkBig {
    padding: 10px;
}

#bodyArea div.publicationLinkBig img {
    float: left;
}

#bodyArea div.publicationLinkBig span {
    float: left;
    display: block;
    width: 140px;
    padding-left: 10px;
}

#bodyArea div.publicationLinkBig a {
    text-decoration: none;
}

ul.orgList {
    list-style-type: none;
    margin-left: 0px;
}

ul.orglist li a {
    text-decoration: none;
}

.person table:hover {
    background-color: #f6f6f6/*eee*/
    ;
}

.guResearchPhone {
    white-space: nowrap;
}

.sortBySelected {
    font-weight: bold;
    background: url("") no-repeat right center;
}

.guResearchComp .listInfo p {
    display: inline;
}

.guResearchComp .itemCountPicker {
    display: inline;
}

.guResearchComp .itemCountPicker select {
    width: 140px;
}

.guResearchComp .publicationListInfo.publicationGroup {
    color: #ccc;
}

.guResearchComp .listInfo p {
    display: inline;
}

.personList table th a {
    display: block;
    text-decoration: none;
}

.personList table th a:hover {
    text-decoration: underline;
}

.personList table td:FIRST-CHILD {
    min-width: 130px;
}

#bodyArea .personList table th a:visited {
    color: #025DA6;
}

#bodyArea .personList table th a:hover {
    color: #ab0000;
}

.guResearchComp .no-info {
    font-style: italic;
}

.guResearchComp .missingDescription {
    width: 410px;
    border: 2px #ab0000 dashed;
    padding: 10px;
}

.guResearchComp .warningArea {
    width: 200px;
    float: right;
    border: 2px #ab0000 dashed;
    padding: 10px;
    margin-bottom: 10px;
}

.guResearchComp .researchEditHelpText {
    color: #ab0000
}

ul.relatedSubjectListNode {
    list-style-image: url("/digitalAssets/1498/1498062_119942_angle.gif");
    margin: 0px 0px 0px 16px;
}

ul.relatedSubjectListNode ul ul {
    list-style-type: none;
    margin: 0px 0px 0px 20px;
}

ul.relatedSubjectListNode.topLevel {
    list-style-type: none;
    list-style-image: none;
}

ul.subjectListNode,
ul.subjectListNode ul li ul {
    list-style-type: none;
    display: block;
    margin-left: 20px;
}

ul.topLevel {
    display: block;
    margin: 0px;
}

li.treeNode a {
    cursor: pointer;
    text-decoration: underline;
    line-height: 20px;
}

a.listIcon,
div.listIcon {
    display: none;
    cursor: default;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    margin-right: 2px;
    margin-top: 4px;
}

a.arrow {
    background-image: url("");
    /*cursor: pointer; */
    margin-right: 5px;
    background-position: left bottom;
}

a.arrowExpanded {
    background-image: url("");
    /*cursor: pointer;*/
    margin-right: 5px;
    background-position: left bottom;
}

.adminError {
    color: red;
    font-weight: bold;
}

#kartenaMapDiv {
    display: none;
}

.kartenaMapFrame {
    width: 320px;
    height: 320px;
    border: 1px solid rgb(150, 150, 150);
    background-color: rgb(198, 218, 183);
}

div.departmentDescription,
div.departmentContacts,
div.personDescription {
    width: /*460px*/
    100%;
}

.personDetail {
    padding-top: 20px;
}

.departmentDescription h2,
.guResearchComp h2 {
    /*	margin: 1.25em 0 0.125em 0;
	font-size: 1.3125em;
*/
    line-height: 150%;
}


/* ------------------------------------------------------------------------------*/


/* -- LISAS TILLÄGG I CSS-FILEN, KAN MED FÖRDEL PLACERAS OM -- */


/* ----------------------------------------------------------------------------- */

#calendarComp .flowplayerContainer {
    height: 260px;
}

.vinjettHeader {
    color: #000;
    line-height: 150%;
}

.aToOTopLinks {
    font-weight: normal;
    font-size: 1.25em;
    margin: 0;
}

.aToOSearchTopLinks p {
    margin: 0;
}

#deleteImageButton {
    float: right;
    margin-top: -45px;
}

.warningArea p {
    margin: 0;
}


/* -- Styling av lista i GU News Listing -- */

.newsPushComp h2 {
    display: block;
    padding: 0 0 1px 5px;
    /*	line-height: 130%;
*/
    margin: 0 0 0.5em 0!important;
    /*	border-bottom: 1px solid #061224;
	border-left: 2px solid #061224;
*/
}

.newsPushComp ul,
.rssPushComp ul {
    margin: 0;
}

.newsPushComp ul li,
.rssPushComp ul li {
    list-style: none;
    margin-bottom: 12px
}

.newsPushComp ul li p,
.rssPushComp ul li p {
    margin: 2px 0 0 0;
}

.GUNewsCarouselComponent .newsPushComp ul li p {
    margin: 0;
}

.newsPushComp ul li p .smallfont,
.rssPushComp ul li p .smallfont {
    font-size: 11px;
    font-size: 0.6875rem;
}


/* -- Styling av portlet component -- */

.col50 .calListComp .record h2 {
    font-size: 0.75em;
    font-weight: bold;
    font-family: verdana;
}


/* -- Styling av lista i Eventpuff -- */

.calPushComp h2 {
    display: block;
    padding: 0 0 1px 5px;
    /*	line-height: 130%;
*/
    margin: 0 0 0.5em 0;
}

.GUCalendarCarouselRightList h2 {
    display: block;
    line-height: 130%;
    margin: 0 0 0.5em 0;
}

.calPushComp ul,
.GUCalendarCarouselRightList ul {
    margin: 0;
}

.calPushComp ul li,
.GUCalendarCarouselRightList ul li {
    list-style: none;
    margin-bottom: 12px;
}

.calPushComp .record,
.GUCalendarCarouselRightList .record {
    margin: 0;
}

.GUCalendarCarouselRightList .record p {
    margin: 0 0 0.5em 0;
}

.calPushComp ul li .record p .smallfont,
.GUCalendarCarouselRightList ul li .record p .smallfont {
	font-size: 11px;
	font-size: 0.6875rem;
}

.calPushComp ul li .record p {
    margin: 2px 0 0 0;
}

.calPushComp img {
    display: none;
}


/* -- News detail changes -- */

#newsDetailComp .gallery {
    width: 460px;
    margin-bottom: 10px;
}


/* -- Styling av lista nyhetslista i karusellen -- */

.GUCarouselItemAssetContainer {
    height: 124px;
    overflow: hidden;
    margin-bottom: 10px;
}

.GUCalendarCarouselComponent {
    position: relative;
}

.GUNewsCarouselComponent {
    margin-top: 30px
}

.GUCarouselContainer {
    padding: 0 15px;
    /*margin-bottom:20px;
margin-top:20px;*/
    /* the container needs a width so that it's floated children does not wrap on small screens */
    width: 940px;
}

.GUCarouselInnerContainer {
    float: left;
    margin-bottom: 12px;
    transition: 100ms opacity;
}

.GUCarouselHead h2 {
    font-size: 1.625em;
    float: left;
    margin: 0!important;
    padding: 0 0 15px 0!important;
    line-height: 130% !important;
}

.GUCarouselHead .gotoArea {
    float: right;
    top: 0;
    right: 0;
}

.GUCarouselItems {
    white-space: nowrap;
    position: relative;
    max-width: 100%;
    margin: 0;
    width: 100%;
}

.GUCarouselItems>li {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    white-space: normal;
    box-sizing: border-box;
    height: 100%;
    margin-right: 20px;
}

.GUCarouselItems>li:first-child {
    padding: 0;
}

.GUCarouselItems>li p {
    font-size: 1em !important;
    line-height: 150%;
    margin: 0;
}

.GUCarouselItems li p .smallfont,
.GUCarouselItems li .smallfont,
#tipbox .smallfont {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 100%;
    margin-right: 50px;
    display: block;
    padding: 5px 0 3px 0;
}

.GUCarouselItems li p .smallfont,
.GUCarouselItems li .smallfont {
    margin-right: 0;
    line-height: 150%;
}

#tipbox .smallfont {
    float: left;
}

.GUCarouselItems li a {
    margin: 0;
    text-decoration: none;
    font-size: 1.5625em;
    line-height: 115%;
    color: #000;
}

.GUCarouselItems li a:after,
.fullWidthWrapper .listMode a.newsCompListItemLink:after {
    content: "\e61c";
    font-family: gu-icons;
    font-size: 32px;
    color: rgb(0, 0, 0);
    font-style: normal;
    position: relative;
    left: -10px;
    height: 0;
    vertical-align: top;
    margin-left: 5px;
    overflow: hidden;
    height: 20px;
    display: inline-block;
}

.GUCarouselItems li a:hover {
    text-decoration: underline;
    color: #ab0000!important;
}

.GUCarouselItems li:first-child {
    padding: 0 0 3px 0;
}

#bodyArea ul.GUCarouselItems {
    font-size: 0 !important;
}

#bodyArea ul.GUCarouselItems li {
    font-size: 12px !important;
    font-size: 0.75rem !important;
}

@media only screen and (min-width: 801px) {
    .-fullWidth.GUCalendarCarouselComponent {
        max-width: 950px;
    }
    .-fullWidth .GUCarouselContainer {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    .-fullWidth .GUCarouselInnerContainer {
        width: 100%;
    }
    .-fullWidth .caroufredsel_wrap {
        width: 100%;
    }
    .-fullWidth .carouselControls {
        width: 100%;
    }
    .-fullWidth .carouselControls a.next {
        margin-right: 0;
    }
    .-fullWidth .GUCarouselItems>li {
        width: 23%;
        margin-right: 2%;
    }
    .ie9 .-fullWidth .GUCarouselItems>li {
        width: 22.8%;
        margin-right: 1.8%;
    }
    .-fullWidth .GUCarouselItems>li:first-child {
        margin-left: 0;
    }
}

.fullWidthImages .readMoreButton {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    display: inline-block;
    font-size: 0.75em !important;
}


/* Carousel column*/

@media only screen and (min-width: 801px) {
    .-fullWidth.calendarColumn-4 .GUCarouselItems>li {
        width: 24%;
        margin-right: 1%;
    }
    .-fullWidth.calendarColumn-4 .caroufredsel_wrap {
        width: 101%;
    }
    .-fullWidth.calendarColumn-3 .GUCarouselItems>li {
        width: 32%;
        margin-right: 2%;
    }
    .-fullWidth.calendarColumn-3 .caroufredsel_wrap {
        width: 102%;
    }
    .-fullWidth.calendarColumn-2 .GUCarouselItems>li {
        width: 49%;
        margin-right: 2%;
    }
    .-fullWidth.calendarColumn-2 .caroufredsel_wrap {
        width: 102%;
    }
    .fullWidthImages .readMoreButton {
        right: 0;
    }
    .portletContainer {
        width: 100%;
        overflow: hidden;
    }
}

.-fullWidth.fullWidthImages .GUCarouselItems>li img {
    min-width: 100%;
    max-width: none !important;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.-fullWidth.fullWidthImages .GUCarouselItemAssetContainer {
    padding-top: 56.4%;
    position: relative;
    height: auto;
    overflow: hidden;
}

.-fullWidth.calendarColumn-1 .GUCarouselItems>li {
    width: 100%;
    margin-right: 0;
}

@media only screen and (max-width: 800px) and (min-width: 560px) {
    .-fullWidth.calendarColumn-1 .GUCarouselItems>li:last-child {
        left: -100.5%;
    }
}

#tipbox {
    display: none;
    width: 280px;
    padding: 20px;
    background: #fff;
    color: #666;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    margin-top: -43px;
    border: 1px solid rgb(200, 200, 200);
}

#tipbox h3,
#tipbox h2 {
    margin-left: 0;
}

#tipbox a {
    margin: 0;
    display: block;
    clear: both;
    padding: 0;
}

#tipbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#tipboxArrow {
    display: none;
    position: absolute;
    z-index: 2000;
    font-size: 48px;
    color: white;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    text-indent: -13px;
    overflow: hidden;
    height: 48px;
    width: 40px;
}

.eventBox {
    position: relative;
    margin-bottom: 10px;
    border-top: 1px solid rgb(220, 220, 220);
    padding-top: 10px;
    float: left;
    width: 280px;
}

.eventBox:last-child {
    border-bottom: none;
}

.GUNewsCarouselList {
    float: right;
    width: 220px;
    padding: 0 0 10px 0;
}

.GUNewsCarouselList h2 {
    border: none;
    /*	line-height: 100%;*/
    margin-top: -3px!important;
    padding: 0px;
}

.GUNewsCarouselList .newsPushComp {
    margin-top: 0;
    margin-bottom: 0;
}

.GUNewsCarouselList .newsPushComp {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.GUNewsCarouselList .newsPushComp ul {
    margin: 0;
}

.GUNewsCarouselList .newsPushComp ul li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.caroufredsel_wrap {
    float: left;
    margin: 0;
    width: 700px;
    /* Width should be: num-items * (item-width + item-margin) - (one item-margin) */
    overflow: hidden;
}

.caroufredsel_wrapNoscript {
    overflow: hidden;
}

.clearfix {
    float: none;
    clear: both;
}

.carouselControls a.prev,
.carouselControls a.next {
    width: 30px;
    height: 30px;
    display: block;
}

.carouselControls a.prev {
    float: left;
    background-position: 0 0;
    margin-left: 0;
    background-image: none;
}

.carouselControls a.prev:hover {
    background-position: 0 -50px;
}

.carouselControls a.prev.disabled {
    background-position: 0 -100px !important;
}

.carouselControls a.next {
    float: right;
    background-position: -50px 0;
    margin-right: 20px;
}

.carouselControls a.next:hover {
    background-position: -50px -50px;
}

.carouselControls a.next.disabled {
    background-position: -50px -100px !important;
}

.carouselControls a.prev.disabled,
a.next.disabled {
    cursor: default;
}

.carouselControls a.prev span,
.carouselControls a.next span {
    display: block;
}

.carouselMovieContainer {
    width: 220px;
    height: 124px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: black;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.newsMovieContainer {
    width: 460px;
    height: 259px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    background-color: black;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
}

.carouselControls {
    width: 720px;
    clear: both;
    padding-top: 20px;
}


/*-- Styling av kalenderkarusellen --*/

.GUCalendarCarouselGraphical {
    float: right;
    width: 220px;
    padding: 0 0 10px 0;
}

.GUCalendarCarouselRightList {
    width: 220px;
    float: right;
}

.GUCalendarCarouselRightList h2 {
    font-size: 0.8em;
    /* TODO: remove important!!! */
    margin: 0 !important;
}

table.GUCalendarCarouselGraphicalTable {
    width: 100%;
    border: none;
    margin-bottom: 0;
}

table.GUCalendarCarouselGraphicalTable th,
table.GUCalendarCarouselGraphicalTable td {
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    padding: 0;
    width: 14%;
    border: none;
    color: #666;
    line-height: 270%;
    font-size: 0.9em;
    background-color: white;
}

table.GUCalendarCarouselGraphicalTable td.today .dateNumber {
    border: 1px solid #004b89;
    /*JS2013 #DDD*/
    border-radius: 2px;
    color: #666;
    display: inline-block;
    width: 28px;
    height: 22px;
    line-height: 22px;
    margin-top: 0px;
}

table.GUCalendarCarouselGraphicalTable td.current a {
    background-color: #025DA6;
    font-weight: bold;
    color: #fff;
}

table.GUCalendarCarouselGraphicalTable td a {
    display: block;
    background-color: #e5eff7;
    color: #666;
    border-top: 1px solid #fff;
    /*JS2013*/
    border-right: 1px solid #fff;
}

table.GUCalendarCarouselGraphicalTable td a:hover {
    background-color: #ddd;
    cursor: default;
}

table.GUCalendarCarouselGraphicalTable td a:active {
    background-color: #fff;
}

table.GUCalendarCarouselGraphicalTable td a.last_next {
    font-weight: bold;
    text-decoration: none;
}

table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableHead,
table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableHead a {
    font-size: 1em;
    background-color: #fff;
    color: #666;
    font-weight: bold;
}

table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableHead a {
    font-weight: normal;
}

table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableWeekdays th {
    font-size: 0.8em;
    color: #819174;
    line-height: 300%;
}

.cross_close {
    float: right;
    margin: -12px -12px 0 0;
}

.infoboxHeaderDate {
    text-transform: capitalize;
    margin: 0;
    font-size: 1.3125em !important;
}

.mediaPlayer {
    background-color: black;
    width: 220px;
    height: 124px;
    background-color: black;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
}

.videoNoscript {
    border: 1px solid #999;
    background-color: white;
    color: #ab0000;
    padding: 43px 10px;
    font-size: 0.9em;
}

#nextMonth,
#prevMonth {
    font-size: 110%
}


/*=================== Sliders ==================*/

.miniSlider h3 {
    font-size: 120%!important;
}

.miniSlider .pagination,
.carouselControls .pagination {
    text-align: center;
}

.miniSlider .pagination a,
.carouselControls .pagination a {
    width: 17px;
    height: 30px;
    margin: 0;
    background: url("/digitalAssets/1498/1498072_slide-control-inactive.png") no-repeat center center;
    -webkit-user-select: none;
    display: inline-block;
}

.miniSlider .pagination a:hover,
.carouselControls .pagination a:hover {
    background: url("/digitalAssets/1498/1498071_slide-control-inactive-hover.png") no-repeat center center;
}

.miniSlider .pagination a.selected,
.carouselControls .pagination a.selected {
    background: url("/digitalAssets/1498/1498849_slide-control-active2.png") no-repeat center center;
}

.miniSlider .pagination a.selected:hover,
.carouselControls .pagination a.selected:hover {
    background: url("/digitalAssets/1498/1498850_slide-control-active-hover2.png") no-repeat center center;
}

.miniSlider .pagination a span,
.carouselControls .pagination a span {
    display: none;
}


/*---------------- EKOMOMISPELET ----------------*/

a.eagame {
    display: block !important;
    width: auto !important;
    padding: 8px 8px 8px 10px !important;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 110%;
    font-family: helvetica;
    font-weight: bold;
}

.eagame span {
    text-transform: lowercase;
    font-size: 95%;
    font-weight: normal;
}

a.eagame:visited,
a.eagame:link,
a.eagame:active {
    color: #000 !important;
}

a.eagame:hover {
    text-decoration: underline;
    color: #000 !important;
    opacity: 1.0;
    -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

.green,
.orange,
.pink,
.blue,
.grey {
    background-color: #f2f2f2;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
}

.green {
    border-left: 6px solid #c8dc3c !important;
}

.orange {
    border-left: 6px solid #ee8228 !important;
}

.pink {
    border-left: 6px solid #e65ea6 !important;
}

.blue {
    border-left: 6px solid #0885df !important;
}

.grey {
    border-left: 6px solid #808080 !important;
}


/* --------------------------- Gubas Search Container --------------------------- */

.gubasComp .advSearch {
    background-color: #f6f6f6/*eee*/
    ;
    border-radius: 3px;
    padding: 1.375em 1.25em 1em 1.25em;
    margin-bottom: 2.25em;
}

.gubasComp .advSearch .header {
    display: block;
}

.gubasComp .advSearch .input {
    float: left;
    width: 48%;
}

.gubasComp .advSearch input {
    width: 98%;
    float: left;
}

.gubasComp .advSearch select {
    width: 100%;
    float: left;
}

.gubasComp .advSearch .left {
    padding-right: 1.25em;
}

.gubasComp .advSearch .inputTextTip {
    font-style: italic;
    color: #888;
}

.gubasComp .advSearch .helpLink {
    float: right;
    text-decoration: underline;
    font-size: 0.6em;
}


/* Result Contianer */

.gubasComp .result.kursPlaneSok {
    width: 100%;
    float: left;
}

#csError {
    font-size: 0.75em;
}

.gubasComp .result {
    width: 69%;
    float: left;
}

.gubasComp .result h2 {
    margin-top: 0px;
    float: left;
    margin-top: 0!important;
}

.gubasComp .result #sortAltTitle {
    float: left;
    padding-left: 2em;
    font-size: 0.75em;
    padding-top: 11px;
}

.gubasComp .result #sortAltSelect {
    width: 150px;
    margin: 10px 0 0 10px;
}

.gubasComp .result #sortAlt {
    float: left;
    list-style: none;
    margin: 0em;
    color: #025DA6;
    padding-top: 11px;
}

.gubasComp .result #sortAlt li {
    display: inline;
    margin-left: 0.5em;
    cursor: pointer;
}

.gubasComp .result #sortAlt li a.selected {
    font-weight: bold;
    cursor: auto;
}

.gubasComp .result .spacer {
    border-bottom: 2px solid #ccc;
    clear: both;
}

.gubasComp .result .title {
    font-size: 0.75em;
}

.gubasComp .result #navPanel {
    text-align: center;
}

.gubasComp .result #navPanel ul {
    list-style: none;
    margin-top: 1em;
}

.gubasComp .result #navPanel li {
    cursor: pointer;
    display: inline;
    margin: 0 0.25em;
    font-weight: bold;
    text-decoration: underline;
    color: #025DA6;
}

.gubasComp .result #navPanel li.current {
    border: 1px solid black;
    padding: 0 0.25em 0 0.25em;
    cursor: auto;
}

.gubasComp .result #navPanel li.dots {
    text-decoration: none;
    color: black;
    cursor: auto;
}

.gubasComp .result #navPanel .navSelect {
    margin: 0 1em 0 1em;
    width: 8em;
}

.gubasComp .result #navPanel span {
    font-size: 0.8em;
}

.gubasComp .result .spellingHelp {
    margin-bottom: 1em;
    font-size: 0.75em;
    color: #025DA6;
}

.gubasComp .result .spellingHelp .value {
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

.gubasComp .result .spellingHelp .value strong {
    font-weight: normal;
}

.gubasComp .result #searchResponseMessage {
    font-size: 0.75em;
    margin-bottom: 1em;
}

.gubasComp .result #searchResponseMessage strong {
    font-weight: normal;
}

.gubasComp .result #searchResponseMessage #essi-hitcount {
    font-weight: bold;
}

.gubasComp .result .resultSubject {
    font-size: 0.95em;
}

.gubasComp ul.resultList {
    margin-left: 1.5em
}

.gubasComp .result .resultList {
    list-style-type: disc;
}

.gubasComp .result .resultItem {
    margin-bottom: 5px;
}

.gubasComp .result .resultItem a {
    display: block;
}

.gubasComp .result .resultItem:hover {
    /*    background-color: #F5F5F5;
*/
}

.gubasComp .result .open {
    background-color: #F5F5F5;
}

.gubasComp .result .resultTitle {
    /*    font-weight: bold;
    font-size: 0.9em;
  */
    display: inline;
}

.gubasComp .result .resultTitle a {
    cursor: pointer;
}

.gubasComp .result .resultTitle a div {
    display: inline;
}

.gubasComp .result .resultTitle img {
    margin-left: 3px;
}

.gubasComp .result .resultContent {
    font-size: 0.9em;
    margin-left: 18px;
}

.gubasComp .result .resultInfoToggle {
    background-image: url("/infoglueCMS/digitalAssets/120/120422_toggle_down.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 3px;
    cursor: pointer;
}

.gubasComp .result .open .resultInfoToggle {
    background-image: url("/infoglueCMS/digitalAssets/120/120423_toggle_up.png");
}


/* Filter Contianer */

.gubasComp .filter {
    padding: 1em;
    padding-left: 1.5em;
    margin-top: 12px;
    border-radius: 3px;
    background-color: #f6f6f6/*eee*/
    ;
    float: right;
    width: 23%;
}

.gubasComp .filter h2.header {
    font-size: 140%;
    padding: 0;
    margin: 0!important;
}

.gubasComp .filter .resetFilters {
    color: #025DA6;
    margin: 0em 0em 1em 0em;
    cursor: pointer;
    font-size: 0.75em;
    display: block;
    text-decoration: none;
}

.gubasComp .filter .listHeader {
    color: #025DA6;
    float: left;
}

.gubasComp .filter ul {
    border-top: 1px solid #666666;
    list-style-type: none;
    clear: both;
    margin-left: 0px;
    padding-top: 8px
}

.gubasComp .filter .spacer {
    border-top: 1px solid #b5d2e9;
    margin-bottom: 3px;
}

.gubasComp .filter li a {
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.gubasComp .filter .resetFilters:hover,
.gubasComp .filter li a:hover {
    text-decoration: underline;
    color: #000 !important;
}

.gubasComp .filter .selected {
    list-style-image: url("/infoglueCMS/digitalAssets/122/122222_image002.gif");
    font-weight: bold;
    color: #025DA6;
}

.gubasComp .filter input,
.gubasComp .filter .radioText {
    font-size: 0.75em;
    margin: 0 0 0.75em 0 !important;
}

.gubasComp .advSearch .searchTooltip,
.gubasComp .filter .searchTooltip {
    background-image: url("/infoglueCMS/digitalAssets/120/120342_help.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 3px;
}

.gubasComp .advSearch .searchTooltip span,
.gubasComp .filter .searchTooltip span {
    font-style: italic;
    font-weight: bold;
}

#gubasCompTooltip {
    width: 220px;
    border-radius: 3px;
    background-color: #f6f6f6/*eee*/
    ;
    padding: 10px;
}

#gubasCompTooltip .text {
    font-size: 0.75em;
    line-height: 150%;
}


/* Simple Search */

.gubasComp .helpPopup {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.gubasComp .helpPopup h1,
.gubasComp .helpPopup h2 {
    color: #025DA6;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.3125em;
}

.gubasComp .helpPopup h3 {
    color: #025DA6;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin: 1em 0 0 0;
}

.gubasComp .helpPopup p {
    font-size: 0.75em;
    margin: 0 0 1em 0;
    line-height: 150%;
}


/*------------------------ KURSPLANESOK------------------------*/

a.syllabi-link {
    margin-top: 8px;
    margin-bottom: 8px;
}

.history-syllabi-link {
    display: none;
}

div.noscript-style .history-syllabi-link {
    display: inline;
}

.show-history-syllabis {
    margin-left: 3%;
}

.kursPlaneSok i {
    font-size: 85%;
    color: grey
}

.kursPlaneSok td {
    padding-right: 8px
}

.kursPlaneSok table tr.selected {
    background-color: #fafafa/*e6f0ff*/
    /*e5eff7*/
    ;
    border: 2px solid #000
}

.kursPlaneSok table tr.selected a.showOlder,
.kursPlaneSok table tr.selected span {
    font-weight: bold;
    background-image: none
}

.kursPlaneSok th a {
    display: block;
}

.kursPlaneSok th a:visited {
    color: #025DA6 !important
}

.kursPlaneSok th a.active {
    Background: url('arrowDown.gif') no-repeat center right;
    padding-right: 15px;
    font-weight: bold
}

.kursPlaneSok td a.showOlder {
    Background: url('showMore.gif') no-repeat center right;
    padding-right: 15px;
}

.kursPlaneSok .showMore {
    display: block;
    border: 1px solid #000;
    text-align: center;
    padding: 2px 20px 4px 20px;
    text-transform: uppercase;
}

.kursPlaneSok .showMore {
    font-size: 80%;
    font-weight: 600;
    box-shadow: none;
    text-shadow: none;
    width: auto;
    padding: 6px 25px;
    border: 1px solid #fefefe;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 15px auto 25px auto;
    text-decoration: none;
    text-align: center;
    color: #484848;
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    background: #f1f1f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f1f1f1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* IE10+ */
    background: linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f1f1f1', GradientType=0);
    /* IE6-9 */
}

.kursPlaneSok .showMore:hover {
    color: #287ec6;
    background: #1f5591;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #ececec 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #ececec));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #ececec 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%, #ececec 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%, #ececec 100%);
    /* IE10+ */
    background: linear-gradient(top, #fcfcfc 0%, #ececec 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec', GradientType=0);
    /* IE6-9 */
}

.kursPlaneSok .showMore:active {
    -webkit-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.5);
}

.kursPlaneSok tr td:first-child,
.kursPlaneSok tr th:first-child {
    text-align: right
}


/*GUBAS STUFF*/

.button {
    font-weight: normal;
    padding: 3px 10px;
    border: 1px solid #000;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    color: #484848;
    color: #000!important;
    text-decoration: none;
    margin-top: 3px;
    display: block;
    width: auto;
    background-color#fff!important;
}

.button b,
#gubasDetailComp table .button {
    text-transform: uppercase;
    font-weight: bold;
}

.button:hover {
    border: 1px solid #535353;
    text-decoration: none;
    background-color: rgb(250, 250, 250);
}

.button:active {
    border: 1px solid #535353;
    text-decoration: none;
    background: #efefef;
    /* Old browsers */
    /*	box-shadow:  0 1px 2px rgba(255, 255, 255, 1), 0 1px 2px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.5);
*/
}

.closed {
    padding: 4px 10px;
    border: 1px solid #cecece!important;
    box-shadow: none!important;
    background: #fbfbfb!important;
}

.closed b {
    color: #8d8d8d!important;
}

.closed b.red {
    color: red!important;
}

#gubasDetailComp .button {
    margin: 0
}

#gubasDetailComp .button {
    padding: 0px 6px
}

th,
td {
    padding: 0.5em 0.375em;
}


/* -------- CourseSearch ----------*/

.gubasComp .result h2 {
    margin-bottom: 0px;
    padding-top: 5px;
}


/*------------- Lightbox --------------*/

a .lightboxImageOverlay {
    background: url("/digitalAssets/1498/1498081_magnify32.png") no-repeat center center;
    width: 54px;
    height: 56px;
    position: absolute;
    display: block;
    opacity: 0.4;
    filter: alpha(opacity=30);
    /* For IE */
}

a:hover .lightboxImageOverlay {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE */
}

.img_hidden_lightbox_only {
    display: none;
}


/*-----------AlertMessage------------*/

a.alertLink,
a.alertLink:hover {
    text-decoration: none !important;
}

.alert {
    color: #484848;
    background-color: #ffea94;
    font-size: 130%;
    font-family: NimbusSanNovCon-SemBol, Arial Narrow, Helvetica, Arial, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 0px 15px 0px;
    padding: 15px 15px 10px 15px;
    line-height: 120%;
    display: block;
    text-decoration: none;
}

.alert a,
.alert .noLink,
.alert a:visited {
    color: #484848;
    text-decoration: none;
    display: block;
}

.alert.global a,
.alert.global .noLink,
.alert.global a:visited {
    color: #fff;
}

.alert.global {
    color: #fff;
    background-color: #c90101;
}

.alert span.readmore {
    float: right;
    text-decoration: underline;
}

.alert .date {
    font-size: 60%!important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.alertLink:hover .alert {
    box-shadow: 0 0 0 2px #000;
}

.alertLink .alertText:after {
    content: "\e61c";
    font-family: gu-icons;
    font-size: 40px;
    color: rgb(0, 0, 0);
    font-style: normal;
    position: relative;
    left: -5px;
    top: 1px;
    height: 0;
    vertical-align: top;
}


/* ------------------------------------------------- */


/* ------------------ IG SPECIFIC ------------------ */


/* ------------------------------------------------- */

#headerArea .igAddComponent {
    font-size: 90%;
    line-height: 130%;
    margin-top: 0;
}


/* Hides the component picker box for the root slot. */

body>.igAddComponent {
    display: none;
}

.jscalendar .button {
    display: table-cell;
    font-size: 100%;
}

.jscalendar table {
    margin-bottom: 0;
}


/* ------------------------------------------------- */


/* ------------------ NEW Webb fixes ------------------ */


/* ------------------------------------------------- */

.newsPushComp h2,
.calPushComp h2,
.calListComp h2,
.newsListComp h2,
.rssComp h2,
.col25 h2,
.fullWidthWrapper .newsPushComp h3 {
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.375em !important;
    color: #000;
    border: 0;
    padding: 0;
    border-bottom: 1px solid #000;
    margin-bottom: 0.6875em!important;
}

.eventCategorySelectComp,
.eventSearchComp,
.dateSpanSelectComp,
.graphicCalComp,
.col25 #gubasComp.search,
.imageComp,
.newsListComp,
.newsPushComp,
.rssPushComp,
.calPushComp,
.contactComp,
.textComp,
.flowplayerSmallComp,
.col25 .adComp,
.col25 .articleComp,
.embedPlayerComp {
    margin-bottom: 2.5em;
}


/*============ SliderFix============*/


/*.accordion_overlay_text h3,
.slider_text h3,
.slider_overlay_text h3 {
	color: #fff !important ;
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
	font-size:1.9135em!important;
	margin: 0px;
	line-height: 120%!important;
	margin-bottom: 5px;
	font-weight: normal!important;
	text-shadow: 1px 1px 1px #000;
	}
*/


/*
.frontpage .col50 p strong {
	font-weight: normal;
	}
*/

#bodyArea input[type=submit],
#bodyArea input[type=reset],
#courseSearchButton,
.largeSearchButton {
    font-size: 0.9375em!important;
    font-family: NimbusSanNovCon-SemBol, Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    padding: 4px 10px 3px 10px;
    text-transform: uppercase;
}

#bodyArea input[type=submit]:hover,
#bodyArea input[type=reset]:hover,
#courseSearchButton:hover,
.largeSearchButton:hover {
    background-color: #e6e6e6;
    color: #000;
}

#bodyArea input[type=submit]:active,
#bodyArea input[type=reset]:active,
#courseSearchButton:active,
.largeSearchButton:active {
    background-color: #fff;
    color: #000;
}

#courseSearchButton {
    margin-top: 30px
}

input[type=submit] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type=reset] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}


/*
a {text-decoration:none !important;}
a:hover {text-decoration:underline !important;}*/


/*
input[type="text"] {
height: 30px;
	border:1px solid black;
	border-radius: 3px;
	padding: 0 10px;
	font-size: 0.75em!important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#000;
}
*/

.cookieBanner {
    position: fixed;
    width: 100%;
    background-color: rgb(238, 238, 238);
    border-top: 1px solid rgb(159, 159, 159);
    text-align: center;
    transition: bottom 500ms;
    padding: 20px;
    box-sizing: border-box;
    z-index: 10000;
    line-height: 200%;
    display: none;
}

.cookieBanner.visible {
    bottom: 0 !important;
    /* overrides style computed in JS */
}

.cookieBanner p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.cookieBanner input[type="button"] {
    border: none;
    background-color: rgb(0, 0, 0);
    border-radius: 3px;
    height: 27px;
    padding: 0 20px;
    color: rgb(255, 255, 255);
    margin-left: 50px;
    cursor: pointer;
}


/*JS fix för Refugee*/

.col75 .col66 h2,
.col75 .fadeIn h2 {
    Margin-left: 0
}

.col75 .col66,
.col75 .col33 {
    margin-left: 0;
    margin-right: 2.3%;
}

.col75 .col66 {
    margin-top: 0;
}

.col75 .rssComp {
    margin-bottom: 40px
}


/* JS - padding between list links*/

.AtoO li,
#megaFooter li,
.textComp li
/*,
.articleComp li a*/

{
    /*display: block;*/
    padding-bottom: 7px;
}


/* Right to left flow */

.rightToLeftMode {
    text-align: initial;
}

.rightToLeftMode .col50 .articleComp {
    direction: rtl;
    text-align: right;
    text-align: start;
}

.rightToLeftMode #menuComp {
    direction: rtl;
    text-align: right;
    text-align: start;
}

.rightToLeftMode .submenu {
    text-align: right;
    text-align: start;
    direction: rtl;
}

#crumbtrailComp.rightToLeftModeCrumbtrail li {
    display: inline-block;
    vertical-align: top;
}

.rightToLeftModeCrumbtrail .current {
    text-align: initial;
    direction: rtl;
}

#crumbtrailComp.rightToLeftModeCrumbtrail li:first-child:after {
    display: inline-block;
    vertical-align: top;
}


/* adComp puffs */

.col50 .adComp {
    padding: 0;
    clear: both;
    border: 1px solid #c9c9c9;
}

.col50 .adCompTextWrapper h2 {}

#bodyArea .adCompTextWrapper a {
    text-decoration: none;
    color: #000;
}

.adCompImgTop,
.adCompImgHiddenWhiteBg,
.adCompImgHiddenGreyBg,
.adCompImgHiddenBlackBg,
.adCompImgBackground,
.adCompImgBackgroundToning {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    position: relative;
    border: 1px solid #ddd;
    background-color: #fff;
}


/*JS testar*/

.adCompHasLink:hover {
    box-shadow: 0 0 0 2px #000 !Important;
}


/*
.adCompImgTop a,
.adCompImgHiddenWhiteBg a,
.adCompImgHiddenGreyBg a,
.adCompImgHiddenBlackBg a
.adCompImgBackground a,
.adCompImgBackgroundToning a {
	display: block;
}
*/


/*
#bodyArea .adCompHasLink:hover a {
	text-decoration: underline;
}

.adComp.adCompHasLink:hover { cursor: pointer; }
*/

#bodyArea .adCompTextWrapper a:visited {
    text-decoration: none;
    color: #000;
}

#bodyArea .adCompTextWrapper p {
    margin: 5px 0 0 !important;
}

#bodyArea .fullWidthSectionHeader {
    margin-left: 1.5%;
}

.pluggImageWrapper {
    height: 0;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
}

.col20 .pluggImageWrapper {
    padding-top: 56%;
}

.col25 .pluggImageWrapper {
    padding-top: 56%;
}

.col40 .pluggImageWrapper {
    padding-top: 26%;
}

.col33 .pluggImageWrapper {
    padding-top: 56%;
}

.col50 .pluggImageWrapper {
    padding-top: 26%;
}

.col66 .pluggImageWrapper {
    padding-top: 27%;
}

.pluggImageWrapper .pluggImage {
    height: 101%;
    /* Needs to be set to 101% to fix a rounding error that creates a white border in certain screen sizes. */
    width: 101%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

#bodyArea .adCompImgBackground .adCompTextWrapper h2,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper h2,
#bodyArea .adCompImgBackground .adCompTextWrapper h3,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper h3 {
    margin-bottom: 0.175em !important;
    color: #fff;
}

#bodyArea .adCompImgBackground .adCompTextWrapper,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper {
    text-shadow: 0px 0px 5px #000;
}

#bodyArea .adCompHasLink a,
#bodyArea .adCompHasLink a {
    text-decoration: none !important;
}

#bodyArea .adCompHasLink a:hover p {
    text-decoration: none;
}

#bodyArea a.adCompHasLink:hover h2,
#bodyArea a.adCompHasLink:hover h3 {
    text-decoration: none;
}

#bodyArea .adCompHasLink.adCompImgTop h2,
#bodyArea .adCompHasLink.adCompImgTop h3 {
    color: #000;
}

#bodyArea .adCompTextWrapper h2,
#bodyArea .adCompTextWrapper h3 {
    position: relative;
    padding: 0 30px 0 15px !important;
    margin-top: 0 !important;
    font-size: 1.375em !important;
    margin-bottom: 0 !important;
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
    font-weight: normal !important;
    line-height: 110%
}


/*
#bodyArea .adCompTextWrapper a:before {
	position: absolute;
	left: 0;
	right: 0;
	content: " ";
	top: 0;
	bottom: 0;
	z-index: 10;
}
*/

#bodyArea .adCompHasLink .adCompTextWrapper h2:after,
#bodyArea .adCompHasLink .adCompTextWrapper h3:after {
    content: "\e61c";
    font-family: gu-icons;
    font-size: 42px;
    color: inherit;
    font-style: normal;
    position: absolute;
    right: -2px;
    top: 2px;
    height: 0;
    vertical-align: top;
    margin-left: 5px;
    overflow: hidden;
    height: 20px;
    display: inline-block;
}


/*
.adCompTextWrapper .adCompLinkIcon:after {
	content: "\e61c";
	font-family: gu-icons;
	font-size: 42px;
	color: black;
	float: right;
	font-style: normal;
	position: relative;
	right: -28px;
	height: 0;
	vertical-align: top;
}
*/

#bodyArea .adCompImgBackground .adCompTextWrapper a,
#bodyArea .adCompImgBackground .adCompTextWrapper p,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper a,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper p {
    color: #fff;
}

#bodyArea .adCompImgBackground .adCompTextWrapper p,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper p {
    margin: 5px 0 0;
}


/*
#bodyArea .adCompImgBackground .adCompTextWrapper,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper {
	padding: 20px 0;

}
*/

#bodyArea .adCompTextWrapper {
    padding: 15px 0 25px 0;
    min-height: 80px;
    box-sizing: border-box;
    border-radius: 4px;
}

#bodyArea .adCompImgBackground .adCompTextWrapper a:visited,
#bodyArea .adCompImgBackgroundToning .adCompTextWrapper a:visited {
    color: #fff;
}

#bodyArea .adCompImgTop p {
    color: #000;
}

.adCompBackgroundOpacity {
    background-color: rgba(0, 0, 0, 0.3);
}

#bodyArea .adCompImgHiddenGreyBg {
    background-color: rgba(0, 0, 0, 0.1);
}

#bodyArea .adCompImgHiddenWhiteBg h2,
#bodyArea .adCompImgHiddenWhiteBg h3,
#bodyArea .adCompImgHiddenWhiteBg p,
#bodyArea .adCompImgHiddenWhiteBg a,
#bodyArea .adCompImgHiddenWhiteBg a:visited,
#bodyArea .adCompImgHiddenGreyBg h2,
#bodyArea .adCompImgHiddenGreyBg h3,
#bodyArea .adCompImgHiddenGreyBg p,
#bodyArea .adCompImgHiddenGreyBg a,
#bodyArea .adCompImgHiddenGreyBg a:visited {
    color: #000;
}

#bodyArea .adCompImgHiddenBlackBg {
    background-color: #000;
}

#bodyArea .adCompImgHiddenBlackBg h2,
#bodyArea .adCompImgHiddenBlackBg h3,
#bodyArea .adCompImgHiddenBlackBg p,
#bodyArea .adCompImgHiddenBlackBg a,
#bodyArea .adCompImgHiddenBlackBg a:visited {
    color: #fff;
}

@media only screen and (max-width: 800px) {
    #bodyArea .adCompImgTop,
    #bodyArea .adCompImgHiddenWhiteBg,
    #bodyArea .adCompImgHiddenGreyBg,
    #bodyArea .adCompImgHiddenBlackBg,
    #bodyArea .adCompImgBackground,
    #bodyArea .adCompImgBackgroundToning,
    #bodyArea .adCompButtonMode {
        max-width: 100% !important;
        width: 100%;
        padding: 0 !important;
    }
    #bodyArea .adCompTextWrapper p {
        padding: 0px 15px 0 !important;
    }
    #bodyArea .fullWidthSectionHeader {
        /*		width: 90%!important;
*/
        max-width: 100%!important;
        margin: 10px auto 0 0 !important;
    }
}

.GUCarouselItems>li {
    position: relative;
}

.GUCarouselItems li a:hover {
    text-decoration: underline;
    color: #000 !important;
}


/*------------- KOLUMNBLOCK -------------*/

body {
    overflow-x: hidden;
}

.fullWidthWrapper {
    width: 100%;
    clear: both;
    position: relative;
    /*JS	z-index: 0;
*/
    margin-left: -100vw;
    margin-right: 100vw;
    padding-top: 55px;
    padding-bottom: 40px;
    padding-left: 100vw;
    padding-right: 100vw;
    margin-left: calc((100vw - 100%) / -2);
    padding-left: calc((100vw - 100%) / 2);
    margin-right: calc((100vw - 100%) / -2);
    padding-right: calc((100vw - 100%) / 2);
}

.fullWidthWrapper .newLine {
    clear: left;
}

.fullWidthWithBackground.grey-light {
    background-color: #f6f6f6;
}

.fullWidthWithBackground.grey-medium {
    background-color: #dddddd;
}

.fullWidthWithBackground.blue-light {
    background-color: #e3edf2;
}

.fullWidthWithBackground.blue-medium {
    background-color: #c4dee9;
}

.fullWidthWithBackground.blue-dark {
    background-color: #a7c5d3;
}

.fullWidthWithBackground.beige {
    background-color: #e9e7da;
}

.fullWidthWrapper-background {
    display: block;
    z-index: -1;
    background-color: palegoldenrod;
    position: absolute;
    top: 0;
    bottom: 0;
    /* Fallback rules */
    margin-left: -500px;
    padding-right: 1000px;
    /* Modern browser rules */
    margin-left: calc((-100vw - 986px) / 2);
    padding-right: 100vw;
}

.fullWidthWrapper .col20,
.fullWidthWrapper .col25,
.fullWidthWrapper .col33,
.fullWidthWrapper .col40,
.fullWidthWrapper .col50,
.fullWidthWrapper .col66,
.fullWidthWrapper .col75,
.fullWidthWrapper .col80,
.fullWidthWrapper .col100 {
    margin-bottom: 20px;
    margin-top: 0;
}


/*JS febr*/

.col75 .fullWidthWrapper .col50 {
    margin-left: 0% !Important;
    margin-right: 2.1% !Important;
}

.fullWidthWrapper .col100 {
    width: 100% !important;
}

.fullWidthWrapper .col66 {
    width: 64.1%;
}

.fullWidthWrapper .col20 .adComp,
.fullWidthWrapper .col25 .adComp,
.fullWidthWrapper .col33 .adComp,
.fullWidthWrapper .col40 .adComp,
.fullWidthWrapper .col50 .adComp,
.fullWidthWrapper .col66 .adComp,
.fullWidthWrapper .col75 .adComp,
.fullWidthWrapper .col80 .adComp,
.fullWidthWrapper .col100 .adComp {
    margin-top: 0px !important;
}


/*.fullWidthWrapper .col20 h1,
.fullWidthWrapper .col25 h1,
.fullWidthWrapper .col33 h1,
.fullWidthWrapper .col40 h1,
.fullWidthWrapper .col50 h1,
.fullWidthWrapper .col66 h1,
.fullWidthWrapper .col75 h1,
.fullWidthWrapper .col80 h1,
.fullWidthWrapper .col100 h1 {margin-top:0px !important}
*/

.fullWidthSectionHeader {
    margin-top: 0px !important
}

#siteWidth {
    margin: 0px auto !important;
}

#pageContainer {
    padding-bottom: 0px;
}

#contentEnd {
    margin-bottom: 80px !important
}

#siteFooter {
    margin-top: 0px !important
}

.adComp {
    margin: 2em 0 80px 0;
}


/*a.addCompSpace:hover {opacity:0.85;}*/

.fullWidthWithBackground .adCompImgTop,
.fullWidthWithBackground .adCompImgHiddenWhiteBg,
.fullWidthWithBackground .adCompImgHiddenGreyBg,
.fullWidthWithBackground .adCompImgHiddenBlackBg,
.fullWidthWithBackground .adCompImgBackground,
.fullWidthWithBackground .adCompImgBackgroundToning,
.fullWidthWithBackground .adComp {
    border: none !important
}

.fullWidthWrapper .adComp {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    /*	box-shadow: 0 0 0 1px rgb(221, 221, 221);*/
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    border: 0;
}

.fullWidthWrapper .newsPushComp {
    margin-bottom: 0;
    margin-top: 0;
}

.GUNewsCarouselComponent .fullWidthWrapper .newsPushComp .readMoreLinkSection {
    position: absolute;
    left: 0;
}

.fullWidthWrapper .newsListPuffHeader {
    line-height: 115%;
}

.fullWidthWrapper .adCompImgBackground {
    background-color: gray;
}

.fullWidthWrapper .carouselMovieContainer {
    border-radius: 4px 4px 0 0;
}

.fullWidthInnerWrapper>h1,
.fullWidthInnerWrapper>h2,
.fullWidthInnerWrapper>h3 {
    margin: 0 0 25px 1.55% !important;
    padding: 0 !important;
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important
}


/*JS febr*/

.col75 .fullWidthInnerWrapper>h1,
.col75 .fullWidthInnerWrapper>h2,
.col75 .fullWidthInnerWrapper>h3 {
    margin-right: 2.1%!important;
    margin-left: 0%!important;
}

.fullWidthWrapper h2,
.fullWidthWrapper .newsPushComp h3 {
    line-height: 115% !important;
    border-bottom: 0;
    font-size: 1.8175em !important;
    margin-top: 0 !important;
}

.fullWidthWrapper .textComp {
    margin: 0;
}


/*Karusellfix fullbredd*/

.fullWidthWrapper .GUCarouselContainer {
    padding: 0;
    position: relative;
}

.fullWidthWrapper .readMoreButton {
    right: 0px;
}


/*.fullWidthWrapper .fullWidthImages .readMoreButton {right: 0px!important;}*/

.fullWidthWrapper.fullWidthWithBackground .readMoreButton a,
.fullWidthWrapper.fullWidthWithBackground .readMoreLinkSection a
/*JS, .fullWidthWrapper .calPushComp p a*/

{
    border-color: #000!important
}

.fullWidthWrapper .fadeIn {
    background: none !important;
    border: none;
    padding-top: 0;
    margin-bottom: 0;
}

.fullWidthWrapper .GUNewsCarouselComponent {
    margin-top: 0;
}

.fullWidthWrapper .calPushComp h2 {
    padding-left: 0;
}

.fullWidthWithBackground .carouselItemWrapper {
    background-color: #fff;
    border: 0;
}

.fullWidthWithBackground .carouselItemWrapper span.smallfont,
.fullWidthWithBackground .carouselItemWrapper a,
.fullWidthWithBackground .carouselItemWrapper p {
    padding: 0 15px;
    display: block;
}

.fullWidthWithBackground .carouselItemWrapper span.smallfont:first-child {
    padding-top: 15px;
}

.fullWidthWithBackground .carouselItemWrapper span.smallfont:last-child {
    padding-bottom: 15px;
}

.fullWidthWrapper ul p {
    font-size: 100%;
    /* För gamla webbläsare */
    font-size: 0.75rem;
}

.fullWidthWrapper ul.listWithLeadin li {
    margin-bottom: 15px;
}

.fullWidthWrapper label {
    padding-bottom: 3px;
    display: inline-block;
}

.fullWidthWrapper h3.newsListPuffHeader {
    font-size: 29px !important;
    font-size: 1.8175rem !important;
}

.fullWidthWrapper.fullWidthWithBackground p {
    color: rgb(45, 45, 45);
}

.fullWidthWrapper .calPushComp ul li .record p .smallfont {
    font-size: 11px;
    font-size: 0.6875rem;
}

.fullWidthWrapper .GUNewsCarouselComponent h2 {
    margin-bottom: 25px !Important;
    padding: 0 !important;
}

.fullWidthWrapper .newsCompList.puffMode .fullWidthHr {
    display: block;
    width: 100%;
    margin: 0;
}

.fullWidthWrapper .newsCompList.puffMode .fullWidthHr hr {
    margin: 0 0 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.fullWidthWrapper .newsCompList.puffMode li.fullWidth {
    width: 100%;
    margin: 0;
}

.fullWidthWrapper.fullWidthWithBackground .newsListPuffSection {
    border: 0;
}

.fullWidthWrapper .puffMode li.newsCompListItem:nth-child(n+4) {
    border-top: 0;
}

.fullWidthWrapper .GUNewsCarouselComponent .GUNewsCarouselList h3 {
    margin-bottom: 10px !Important;
    padding: 0 !important;
    font-size: 1.5em !important;
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-weight: normal !important;
}

.fullWidthWrapper .col20 h2,
.fullWidthWrapper .col25 h2,
.fullWidthWrapper .col33 h2,
.fullWidthWrapper .col40 h2,
.fullWidthWrapper .col50 h2,
.fullWidthWrapper .col66 h2,
.fullWidthWrapper .col100 h2 {
    margin-bottom: 5px !important;
}

.fullWidthWrapper .GUCarouselContainer h2 {
    margin-bottom: 10px !important;
    padding: 0 !important;
}

.fullWidthWrapper .GUCarouselContainer h3 {
    margin-bottom: 5px !important;
    padding: 0 !important;
}

.fullWidthWrapper .newsPushComp h3 {
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-weight: normal !important;
    margin-bottom: 5px !important;
}

.fullWidthWrapper article+h2+ul.newsCompList,
.fullWidthWrapper article+h3+ul.newsCompList,
.fullWidthWrapper article+ul.newsCompList {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 10px;
}

.fullWidthWrapper .calPushComp {
    margin-top: 0;
}

.fullWidthWrapper .newsListPuffSection {
    border: 0;
}

.fullWidthWrapper .col100 h1,
.fullWidthWrapper .col75 h1,
.fullWidthWrapper .col50 h1 {
    margin-top: 0;
}

.fullWidthWrapper .readMoreLinkSection.columnBlockLink {
    margin-left: 1.55% !important;
}


/*------------- SLUT KOLUMNBLOCK ---------------*/

div.regler {
    padding-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 20px 0;
    background-color: #f3f3f3;
}

div.regler h2 {
    margin-top: 0.25em !important;
}

div.regler p {
    margin: 0 0 0.25em 0 !important;
}


/*Plugg-knappar*/

.adCompButtonMode {
    Background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px;
}

#bodyArea .adCompButtonMode .adCompTextWrapper h2,
#bodyArea .adCompButtonMode .adCompTextWrapper h3 {
    margin-top: 5px;
    padding-top: 0px !important
}

#bodyArea .adCompHasLink.adCompButtonMode .adCompTextWrapper h2:after,
#bodyArea .adCompHasLink.adCompButtonMode .adCompTextWrapper h3:after {
    top: 2px;
}

.adCompButtonMode h2,
.adCompButtonMode p {
    color: #000 !important
}

.adCompButtonMode .adCompBackgroundOpacity {
    background-color: #fff !important;
}

.carouselItemWrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 100%;
    padding-bottom: 15px;
}

.GUCarouselItemAssetContainer {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.GUCarouselHead {
    position: relative;
}

.pageResponsibleArea {
    background-color: #2b5c83/*41546f 236280 2f394a*/
    ;
    padding: 12px 0;
    color: #fff;
    font-size: 0.75em;
    margin-top: 100px;
}

.fullWidthWrapper:last-child {
    margin-bottom: -100px;
}

.section {
    margin-bottom: 80px;
}

.pageResponsibleArea a:hover,
.pageResponsibleArea a {
    color: #fff;
}

.pageResponsibleAreaInner {
    max-width: 946px;
    margin: 0 auto;
    position: relative;
    line-height: 150%;
}

.pageResponsibleSpacer {
    padding: 0 10px;
}

.footerShareThis {
    position: absolute;
    right: 0;
    top: 0;
}

#contentEnd {
    display: none
}


/*.articleComp, .rightColumn {margin-bottom:100px}*/

@media only screen and (max-width: 800px) {
    .pageResponsibleAreaInner {
        width: 90%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 787px) {
    .pageResponsibleSpacer {
        display: none
    }
    .pageResponsibleElement {
        clear: both;
        display: block;
    }
    .socialSharingButtons {
        top: 0px;
        right: 0;
        position: absolute !important;
    }
    .shareButton {}
}

.simpleCourseSearch .searchFormText {
    width: 100%;
    padding-right: 23%;
    padding-right: calc(20% + 10px);
    text-overflow: ellipsis;
}

.simpleCourseSearch .searchFormText {
    width: 100%;
    height: 30px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 3px;
    padding: 0 22% 0 10px !important;
    font-size: 0.75em!important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
}

.accessKey {
    display: none;
}


/*JS testar 3-spalts kolumnblock*/

.col75 .fullWidthWrapper {
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px 0 0px 15px;
    border-radius: 4px;
}

.fullWidthInnerWrapper>h2 {
    margin-left: 0 !important
}

.col75 .fullWidthWrapper .col100 {
    margin-left: 0 !important;
    width: 97% !important;
}

@media only screen and (max-width: 800px) {
    .readMoreButton,
    .fullWidthWrapper .readMoreLinkSection {
        margin: 15px 0 30px 0;
    }
}

@media only screen and (max-width: 767px) {
    .col75 .fullWidthWrapper .fullWidthInnerWrapper {
        padding-bottom: 30px
    }
    #bodyArea .col75 .fullWidthWrapper .fullWidthInnerWrapper .fullWidthSectionHeader {
        margin-left: 0 !important;
        padding-top: 10px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    .col75 .fullWidthWrapper .fullWidthInnerWrapper {
        border-radius: 0;
        margin-right: 5%;
        margin-left: 5%;
    }
    #bodyArea .col75 .fullWidthWrapper .fullWidthInnerWrapper .fullWidthSectionHeader {
        margin-left: 0 !important;
        padding-top: 0px !important;
    }
    .col75 .fullWidthWrapper/*.fullWidthInnerWrapper*/
    {
        padding-bottom: 20px;
        padding-top: 40px;
    }
}

p,
label,
#bodyArea tr,
#bodyArea ol,
#bodyArea ul,
#bodyArea a#uplink,
#bodyArea a#share,
input {
    font-size: 13px;
}

h3,
#bodyArea .col50 .newsListComp ul li a {
    font-size: 1.0625em !important;
}


/* Slut: JS testar 3-spalts kolumnblock*/

/*
#newsDetailComp h2,
#newsDetailComp h3 {
    font-size: 1.8175em !important;
    margin-top: 1.25em!important;
    font-family: Arial, Helvetica, Verdana !important;
    font-weight: bold!important;
    font-size: 0.9375em !important;
    margin: 1.25em 0 0.125em 0!important;
    line-height: 130% !important;
    color: #000;
}*/

.readSpeakerIconWrapper {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

.readSpeakerDocReader {
    margin-left: 5px;
    padding-left: 15px;
    background-image: url(/digitalAssets/1654/1654414_listen.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    text-indent: -10000px;
    display: inline-block;
    position: absolute;
	top: 5px;
	right: 0;
}

p > .readSpeakerIconWrapper {
	display: block;
}

p > .readSpeakerIconWrapper .readSpeakerDocReader {
	top: 0;
}

li .readSpeakerIconWrapper {
	display: block;
}

				
				
			
		
			
			/*=======================================
			
			   Header - GU-väljare 
			
			=======================================*/
			
			
				
					





/* ============ Header - GU =============*/


#topSection {
	width: 100%;
/*	margin-bottom: 19px;*/
border-bottom: 1px solid #000;
	}

/*
#topSection {
	width: 100%;
	margin-bottom: 19px;
	}
*/
#universityLogo {
	background-image: url('/fubasextern/jakarta.faces.resource/gfx/ki_logo_145.png');
	background-size: 129px 129px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 129px;
	display: inline-block;
	width: 129px;
	outline: none;
	border: none;
	margin: 0 !important;
	vertical-align: top;
	transition: opacity 200ms;
	}

#universityLogo:hover {
	opacity: 0.8;
	}

.en #universityLogo {
	background-image: url('/fubasextern/jakarta.faces.resource/gfx/ki_logo_145.png');
}

#universityLogo img.logoForPrint {
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	display: none; /* displayed when media=print */
	}

#headerArea {
	border: none;
	background: none;
	padding: 0;
	height: 155px;
	position: relative;
	max-width: 946px;
	margin: 0 auto;
	}

#headerArea .linklist {
	font-family: NimbusSanNovCon-Med, "Nimbus Sans Novus Cond Medium", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-right: 20px;
	margin: 7px 0 3px 0;
	font-size: 15px;
	display: table;
	}

#headerArea .linklist li:first-child {
	background-image: none;
	}

#headerArea .linklist li:last-child {
	padding-right: 0;
	}

#headerArea .left a {
	color: #000;
	text-transform: uppercase;
	}

#headerArea a {
	color: #000;
	}

#headerArea .right .linklist {
	text-align:right;
	}

.siteHeaders {
	display: inline-block;
	margin-top: 35px;
	margin-left: 20px;
	max-width: 49%;
	}

.siteHeaders a.level1 {
	font-family: NimbusSanNovCon-Bol, "Nimbus Sans Novus Cond Bold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.75em/*!important*/;
	line-height: 29px;
	margin: 0;
	}

.siteHeaders a.level2 {
	font-family: NimbusSanNovCon-SemBol, "Nimbus Sans Novus Cond SemiBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.25em;
	line-height: 22px;
	}

.siteHeaders a.level1,
.siteHeaders a.level2 {
	margin: 0;
	display: block;
	}

/* READSPEAKER CSS */
.linklist .rsbtn {
    display: inline-block;
    margin-bottom: 0;
    z-index: initial;
    height: auto;
    width: auto !important;
}

.linklist .rsbtn .rsbtn_play {
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    float: none;
}

.linklist .rsbtn .rsbtn_play .rspart {
    float: none;
    height: auto;
}

.linklist .rsbtn .rsbtn_play .rsimg {
    float: none;
    height: auto;
    background: none;
}

.linklist .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
    font-family: inherit;
    font-size: inherit;
    margin: 0;
}

#headerArea .linklist .rsbtn_exp {
    height: auto;
    margin-left: 8px;
    float: right;
}

.mobileMenuBottomLinks .rsbtn {
    display: inline-block;
    margin-bottom: 0;
    height: auto;
    width: auto !important;
}

.mobileMenuBottomLinks .rsbtn .rsbtn_play {
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    float: none;
}

.mobileMenuBottomLinks .rsbtn .rsbtn_play .rspart {
    float: none;
    height: auto;
}

.mobileMenuBottomLinks .rsbtn .rsbtn_play .rsimg {
    float: none;
    height: auto;
    background: none;
}

.mobileMenuBottomLinks .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
    font-family: inherit;
    font-size: inherit;
    margin: 0;
}

.mobileMenuBottomLinks .rsbtn_exp {
    
}

.mobileMenuBottomLinks .rsbtn_exp a {
    display: inline !important;
    padding: 0 !important;
}
	
	
.linklist .rs_portal.rsbtn.rsexpanded .rsbtn_exp {
	margin-top: -4px;
	margin-bottom: 14px;
}

/* END READSPEAKER CSS*/

form.search {
	margin: 0;
	}

#siteSeekerTopSearchForm fieldset {
	position: relative;
	text-align: right;
	}

#searchText, .simpleCourseSearch #searchText.searchFormText {
	width: 250px;
	height: 30px;
	border:1px solid black;
	border-radius: 3px;
	padding: 0 10px;
	font-size: 0.75em!important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#000;
}

#searchText::-ms-clear, .simpleCourseSearch::-ms-clear {
	display: none;
}

.ie8 #searchText, .ie8 .simpleCourseSearch {
	border: 1px solid black;
	line-height: 32px;
	}

#searchText:focus, .simpleCourseSearch:focus {
	outline: none;
	box-shadow: inset 0px 1px 2px grey;
	color:#000;
	}

.simpleCourseSearch #searchText.searchFormText {
	width: 100%;
	padding-right: 23%;
	padding-right: calc(20% + 10px);
	text-overflow: ellipsis;
}

#searchFormImageSubmit, #bodyArea input.searchFormSubmitButton {
	font-size: 0.9375em!important;
	font-family: NimbusSanNovCon-SemBol, "Nimbus Sans Novus Cond SemiBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	line-height: 200%;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	padding: 0 14px;
	text-transform:uppercase;
margin:0
	}

#searchFormImageSubmit:hover, .searchFormSubmitButton:hover {
	background-color: #e6e6e6;
	color: #000;
}

#searchFormImageSubmit:active, .searchFormSubmitButton:active {
	background-color: #fff;
	color: #000;
}

.searchFormGeneralFieldSet {
	position: relative;
}

#bodyArea .searchFormSubmitButton {
	width: 20%;
	text-indent: -100em;
}

/* Mobile menu search field */
.mobileSearchContainer #searchText {
	font-size: 16px !important;
	padding: 2px 0.625em !important;
	height: 34px;
}

.mobileSearchContainer #searchFormImageSubmit {
	height: 34px;
}
#searchFormImageSubmit {
	width: 60px;
	font-size: 0 !important;
}

#searchFormImageSubmit:hover ~ .searchButtonIconOverlay:before,
.searchFormSubmitButton:hover ~ .searchButtonIconOverlay:before {
	color: rgb(0, 0, 0);
}

.searchButtonIconOverlay:before {
	content: "\e60c";
	display: block;
	color: #fff;
	position: absolute;
	font-size: 32px;
	top: 0;
	right: 14px;
	font-family: "gu-icons";
	pointer-events: none;
	line-height: 32px;
}

.searchFormGeneralFieldSet .searchButtonIconOverlay:before {
	right: 10%;
	margin-right: -16px;
}

#headerArea a.headerSearchHelpLink {
	text-align: right;
	width: 100%;
	display: inline-block;
	margin-top: 5px;
	color: rgb(2, 93, 166);
	text-decoration: underline;
	font-size: 12px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	#universityLogo {
		background-image: url("/digitalAssets/1498/1498141_ny_logo_sv_high.png");
	}

	.en #universityLogo {
		background-image: url("/digitalAssets/1498/1498139_ny_logo_en_high.png");
	}
}

				
				
			
		
			
			/*=======================================
			
			   2014 GU_SliderCSS 
			
			=======================================*/
			
			
				
					






	
		
	
	




.slider_container {}

/*============ SliderFix from Master CSS============*/

.accordion_overlay_text h3,
.slider_text h3,
.slider_overlay_text h3 {
	color: #fff !important /*rgb(220, 220, 220)*/;
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
	margin: 0px;
	line-height: 110%!important;
	margin-bottom: 5px;
	font-weight: normal!important;
/*	text-shadow: 1px 1px 1px #000;*/
	}

.movieSlide {border:1px solid #000;
	background: #fff; /* Old browsers */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;  }


/*JS labb*/
.slider_overlay_text p,
.slider_text.movie_orientation p {display: none;}


.slider_container {
    margin-bottom: 30px;
/*Fix for stretched slider to 976px */
	background: #444444;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 30.739%;
}

/*Fix for stretched slider to 976px
@media only screen and (min-width : 800px) {
.contentSlide.touchArea {
width: 970px !important;
margin: 0 3px;
}
}
*/

#vinjett75 .slider_container, #haVinjett75 .slider_container  {
	float: left;
	margin-bottom: 0;
	padding-bottom: 41.553%;
}

.col75 .slider_container  {
	float: left;
	margin-bottom: 0;
}


.col50 .slider_container {
	float: left;
}

.slider_content img, a.slider_link_button:active {
	outline: none;
	border: none;
}

.slider_container ul {
	list-style-type: none;
}

/*------------------------------*/
/*           Accordion          */
/*------------------------------*/

.accordion_content
{
/*	border-right: 1px solid rgb(150, 150, 150);
	border-top: 1px solid rgb(150, 150, 150);
	border-bottom: 1px solid rgb(100, 100, 100);
*/	overflow: hidden;
	border: 1px solid #000;
}
.accordion_content li
{
/*	border-left: 1px solid rgb(150, 150, 150);
*/	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
	background-image: url("/digitalAssets/1498/1498158_loading.gif");
	background-position: center;
	background-repeat: no-repeat;
}
.accordion_overlay_text
{
	background-color: rgba(0, 0, 0, 0.60);

	/*IE safe = bg tile transparent .png put in ie-fix.css */
	background:url("/digitalAssets/1498/1498159_overlay_bg.png") left top repeat;
	text-decoration:none;
	position: absolute;
	bottom: 0px;
	/*height: 65px;*/
	padding:10px 15px 10px 15px;
	width: 100%;
	margin-left:-1px;
	}


a:hover .accordion_overlay_text {color:#fff;}

a.accordion_overlay_link {
        text-decoration: none;
        color: white;
        display: table;
}

a.accordion_overlay_link:hover {
        text-decoration: underline;
        color: white;
}

a.accordion_overlay_link:visited {
        color: white !important;
}

.accordion_overlay_text h3
{
	margin:0;
	color: rgb(255, 255, 255);
	font-weight: normal;
	width: auto;
    text-decoration: none !important;
/*	text-shadow: 1px 1px 1px #000;*/
}

.accordion_overlay_text p
{
	font-size: 1em !important;
	color: rgb(255, 255, 255);
	display: none;
	padding: 2px 0;
	margin: 0;
	width: auto;
}
a.slider_link_button, p.slider_link_button
{
        margin:20px 0 0 0;
	color:#fff !important;
        text-transform:uppercase;
        text-decoration:none;
        font-family:verdana;
        font-size:11px !important;
        font-weight:bold;
}
a.slider_link_button:hover, p.slider_link_button:hover
{
        text-decoration:underline;
}
p.slider_link_button {
        margin:0;
}
.accordion_overlay_text a:active, .slider_text a:active, .slider_overlay_text a:active
{
	box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.55);
}
.slider_text a, .slider_overlay_text a {
	/*margin: 30px auto 0 auto;
	display: table;
	padding: 10px 30px;*/
}
.accordion_content li.active div.accordion_overlay_text p, .accordion_content
{
	display: block;
}

/*JS labb*/
@media only screen and (min-width: 801px) {
	.accordion_overlay_text h3, .slider_text h3, .slider_overlay_text h3 {
		font-size:1.9375em!important;
		}

.movieSlide .slider_text h3 {font-size: 2.5em !important}
/*	.slider_container:hover {
		outline: 3px solid #000;
		}
*/
}

@media only screen and (max-width: 800px) {
	.slider_container .accordion_overlay_text h3, .accordion_content li.active div.accordion_overlay_text p, .accordion_content li.active div.accordion_overlay_text h3 {
		width: 100% !important;
	}
	.accordion_content ul li {
		max-width: none !important;
	}

/*JS labb*/
.right_orientation {padding-right: 5%!important;padding-left:3%!important;}
.left_orientation {padding-left: 5%!important;padding-right:3%!important;}

.accordion_overlay_text h3,
.slider_text h3,
.slider_overlay_text h3	{font-size:1.9375em!important;}

}




@media only screen and  (min-width: 768px)  {
#vinjett75 .movie_orientation {padding-left: 60px!important;
	width:340px;
	margin-left: 0!important;
	margin-top:0;px !important;
	height: 90%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	}

.movieSlide .slider_text h3 {color: #000 !important;}
.slider_text.movie_orientation {padding: 8% 40px 0 40px;}

}


/*------------------------------*/
/*             Slider           */
/*------------------------------*/

.slider_content{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	overflow: hidden;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
    margin: 0;
    padding: 0;
    display: block;
}

/* Easy Slider */
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
	position: absolute;
	top: 45%;
	z-index: 1000;
}

#prevBtn a {
	left: 10px;
}
#nextBtn a {
	right: 10px;
}

.col50 #prevBtn a img:hover, .col50 #nextBtn a img:hover,
.col50 #slider1next a img:hover, .col50 #slider1prev a img:hover, .col50 a.autoPlayButton img:hover{
	
	width: 32px;
	height: 32px;
	
}

#prevBtn a img, #nextBtn a img,
#slider1next a img, #slider1prev a img{
	
	height: 28px;
	width: 28px;
	
}

#prevBtn a:hover {
	left: 6px;
}

#nextBtn a:hover {
	right: 6px;
}

#prevBtn a img:hover, #nextBtn a img:hover,
#slider1next a img:hover, #slider1prev a img:hover, a.autoPlayButton img:hover{
	
	width: 32px;
	height: 32px;
	

}

.slider_container a:focus {
	outline: none;
}

/* IE 8/9 hover-fix */



a.autoPlayButton:hover {
	right: 6px;
	bottom: 6px;
}

/* IE 8/9 hover-fix */


a.autoPlayButton {
	position: absolute;
	
	right: 8px;
	

	bottom: 8px;
	display: none;
	z-index: 10000;
}

a.autoPlayButton img {
	
	height: 28px;
	width: 28px;
	
}
a.autoPlayButton:focus {
	outline: none;
}

.slider_container:hover #prevBtn a, .slider_container:hover #nextBtn a, .slider_container:focus #prevBtn a, .slider_container:focus #nextBtn a {
	display: block;
}

/*------- Slider text -----*/

.slider_text{
	float: left;
	padding: 20px;
	display: block;
}

.slider_text h3 {
	color: rgb(220, 220, 220);
    font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
	margin: 0px;
	line-height: 1 !important;
	/*text-shadow: 1px 1px 1px #000;*/
}

.slider_text p {
	font-size: 1em !important;
	color: white;
/*	text-shadow: 1px 1px 1px #000;*/
	margin-bottom: 3px;
}

.slider_movie_outer_container {
	width: 48%;
	height: 100%;
	box-sizing: border-box;
	padding: 2% 18px 0 0;
	display: inline-block;
}

.col75 .slider_movie_outer_container, #vinjett75 .slider_movie_outer_container {
	padding: 7% 30px 0 0;
}

.slider_movie_inner_container {
	width: 100%;
	/*max-width: 400px;*/
	height: 0;
	padding-bottom: 56%;
	position: relative;
/*	border: 1px solid #000;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);*/
	background-image: url("/digitalAssets/1498/1498158_loading.gif");
	background-position: center;
	background-repeat: no-repeat;
}

.slider_movie {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.col75 .slider_movie {
	margin-top: 50px;
	width: 300px;
	height: 167px;
}

.col50 .slider_movie{
	margin-top: 40px;
	width: 320px;
	height: 180px;
}

.movie_placeholder {
	height: 100%;
}

.col75 .movie_placeholder {
	width: 300px !important;
	height: 167px;
}

.fp_play_icon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url("/digitalAssets/1498/1498163_playimage_trans.png");
	background-position: center;
	background-repeat: no-repeat;
}

.col50 .fp_play_icon {
	width: 320px;
	height: 180px;
	right: 70px;
	top: 40px;
}

.col75 .fp_play_icon {
	width: 300px;
	height: 167px;
	right: 60px;
	top: 40px;
}

.fp_play_icon:hover {
	background-image: url("/digitalAssets/1498/1498164_playimage.png");
	cursor: pointer;
}

.slider_overlay_text {
	background:url("/digitalAssets/1498/1498159_overlay_bg.png") left top repeat;
	position: absolute;
	padding: 15px 15px;
	width: 100%;
	box-sizing: border-box;
}
.slider_overlay_text h3 {
	color:#fff;
    font-family: NimbusSanNovCon-SemBol,  'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
	margin: 0px 0 2px 0;
	text-shadow: 1px 1px 1px #000;
}

.slider_overlay_text p {
	font-family: Verdana;
	color: #fff !important;
	font-size: 1em !important;
	line-height: 150%;
    margin:0 0 3px 0;
}

.left_orientation {
	left: 0;
	bottom: 35px;
	width: auto;
}
.left_full_orientation {
	left: 0;
	bottom: 0;
	width: 195px;
        top:0;
}

.right_orientation {
	right: 0;
	bottom: 35px;
	width: auto;
}
.right_full_orientation {
	right: 0;
	bottom: 0;
	width: 195px;
        top:0;
}

.movie_orientation {
/*	padding-top: 7%;*/
	width: 52%;
	box-sizing: border-box;
}

#vinjett75 .movie_orientation {
/*	margin-left: 60px;
    width: 230px;
 */   margin-top: 10px;
}

.col75 .movie_orientation {
	margin-left: 60px;
    width: 220px;
    margin-top: 20px;
}

.col50 .movie_orientation {
	margin-left: 60px;
    width:200px;
    margin-top:40px;
}

/*------- Slider images --------*/

.slider_content ul li {
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.slider_content ul li img {
	width: 100%;
}

/*----- Numeric controls -----*/

ol#controls {
	padding:3px 8px 5px 8px;
	z-index: 10000;
	margin: 0 auto;
	position: relative;
	margin-top: -28px;
	height:12px;
	margin-bottom:5px;
	display:table;
opacity:0.6;
filter: alpha(opacity=60)
	

}
.slider_content:hover ol#controls, .slider_content:focus ol#controls {


}
ol#controls li{
	display: block;
	margin: 0 auto;
	margin:0 1px 0 1px;
	height: 15px;
	width: 15px;
	padding:0;
	float:left;
	list-style:none;
}


ol#controls li a{
    background: url("/digitalAssets/1574/1574357_passive.png") center center no-repeat;
	height: 15px;
	width:15px;
	display: block;
	text-decoration: none;
	font-size: 0;
	color: transparent;
}

ol#controls li a:hover{

}

#bodyArea ol#controls li a:hover{
	color: transparent;
}

ol#controls li.current a{
    background: url("/digitalAssets/1574/1574339_active.png") center center no-repeat;
}

.slider_container:hover a.autoPlayButton, .slider_content:focus a.autoPlayButton , a.autoPlayButton:focus {

	display: table;

}


ol#controls li a:hover{
	background: url("/digitalAssets/1574/1574358_passivehover.png") center center no-repeat;
}

#bodyArea ol#controls li a:hover{
	color: transparent;
}

ol#controls li.current a:hover{
        background: url("/digitalAssets/1574/1574356_activehover.png") center center no-repeat;
}

.slider_mobileImage {
	display: none;
}

.sliderLinkSpan {
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-size: 0.813em;
	font-weight:bold;
	font-family: verdana;
	cursor:pointer;
/*	white-space: nowrap;*/
	overflow: hidden;
	line-height: 130%;
	text-overflow: ellipsis;
}


.sliderLinkSpan:after {
content: "\e61c";
font-family: gu-icons;
font-size: 28px;
font-style: normal !important;
position: relative;
display: inline-block;
right: 5px;
top: 4px;
vertical-align: top;
}

.movieSlide .sliderLinkSpan {
	color: #000;}

.easySliderContainer {
	width: 100%;
	height: 100%;
}

.easySliderContainer ul, .easySliderContainer ul li {
	width: 100%;
	height: 100%;
	margin: 0;
	max-width: none !important;
}

.easySliderContainer > ul > li.hasLink .slider_text_inner_container {
	cursor: pointer;
}

.easySliderContainer > ul > li.hasLink .slider_text_inner_container:hover h3,
.easySliderContainer > ul > li.hasLink .slider_text_inner_container:hover p,
.easySliderContainer > ul > li.hasLink .slider_text_inner_container:hover .sliderLinkSpan {
	text-decoration: underline;
}

.easySliderContainer > ul > li.hasLink .slider_text_inner_container:hover .sliderLinkSpan:after {
	text-decoration: none;
}

li.hasLink.touchArea:hover {
	box-shadow: inset -2px -2px 0 rgb(0, 0, 0), inset 2px 2px 0 rgb(0, 0, 0);
	cursor: pointer;
}



li.hasLink.touchArea:hover .slider_overlay_text {
	text-decoration: underline;
	color: white;
}

/*---------------- GENERIC STYLES FOR MOBILE DEVICES -------------------*/
@media only screen and (max-width : 800px) {

}


/*---------------- STYLE ONLY FOR TABLETS -------------------*/
@media only screen and (min-width : 768px) and (max-width : 800px) {

.movieSlide {border-left:0;border-right:0;border-top:0;}

}



/*---------------- STYLES ONLY FOR PHONES -------------------*/
@media only screen and (max-width : 767px) {

}


@media only screen and (max-width: 767px) {

/*JS labb*/
	.accordion_overlay_text h3, .slider_text h3, .slider_overlay_text h3 {
		font-size:1.75em !important;margin: 6px 0 0 0
		}

	.autoPlayButton, #nextBtn, #prevBtn {
		display:none
		}

	.right_orientation, .right_full_orientation {padding-right: 5%!important;padding-left:5%!important;}
	.left_orientation, .left_full_orientation {padding-left: 5%!important;padding-right:5%!important;}

	.sliderLinkSpan {
		display:block;
		margin: 5px 0 0 0 !important;
		}

	.slider_content p {display:none}


	.slider_container {
/*		background-color: #444444;
		background-image: none;
*/		overflow: hidden;
		padding-top: 30.739%;
		padding-bottom: 83px;
	}
	.slider_content {
		top: 0;
	}
	.slider_container.noText, #vinjett75 .slider_container.noText {
		padding-bottom: 1px;
	}

	.slider_container.noText ul li:after {
		display: none;
	}

	.slider_movie_outer_container {
		padding: 0;
		margin: 2% auto;
		height: 100%;
		display: block;
	}
	#vinjett75 .slider_container {
		padding-top: 41.551247%;
		padding-bottom: 82px;
	}
	#vinjett75 .slider_movie_outer_container {
		margin: 4% auto;
	}
	.col75 .slider_movie_outer_container, #vinjett75 .slider_movie_outer_container {
		padding: 0;
		width: 60%;
	}
	.slider_mobileImage {
		display: block;
		position: absolute;
		top: 0;
	}
	.left_orientation, .left_full_orientation, .right_orientation, .right_full_orientation, .movie_orientation, .slider_overlay_text {
		box-sizing: border-box;
		width: 100% !important;
		min-height: 82px;
		max-height: 100px;
		margin: 0 !important;
		float: none;
		background-color: rgb(0, 0, 0);
		bottom: 0;
		top: inherit;
		position: absolute;
		overflow-y: scroll;
		padding: 5px 20px 25px 20px;
		z-index: 100;
	}

	.easySliderContainer {
		overflow: visible !important;
	}
	.easySliderContainer > ul > li {
		overflow: visible;
		line-height: 1;
		background-size: contain;
		background-position: top center;
	}
	.easySliderContainer ul li:after {
		content: "";
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 100;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}
	.paginationOuterContainer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}

				
				
			
		
			
			/*=======================================
			
			   GU_videogalleriCSS 
			
			=======================================*/
			
			
				
					






	
		
	
	




.videoGalleryContainer {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.videoGalleryContainer h2 {
	margin: 1.5em 0 10px 0;
}

#videoGalleryPlayer {
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	position: relative;
	background-color: black;
	background-image: url("/digitalAssets/1391/1391293_loading.gif");
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

#videoGalleryPlayer img {
	height: auto;
}

#videoGalleryPlayer iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#directVideoLinkContainer
{
	padding: 10px 0 0 0;
}

#directVideoLink {
	margin: 0 !important;
	width: 432px;
	padding: 5px 10px;
	border-radius: 10px;
	color: rgb(120, 120, 120);
	outline: none;
	border: 1px solid rgb(150, 150, 150);
}

#clipLink {
	clear: both;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}

.videoGalleryContainer #videoGalleryInfo {
	max-height: inherit;
}

#videoGalleryInfo h2, #mediaText h2 {
	margin: 0 0 10px 0;
}

#galleryPlayerIframe {
	border: 1px solid rgb(130, 130, 130);
}

#linkAndShareContainer {
	float: right;
}

#linkAndShareContainer a.addthis_button {
	font-size: 0.75em;
	padding-left: 20px;
	background: url("/digitalAssets/1442/1442854_share.gif") no-repeat left center;
}

.flowplayerContainer {
	width: 100%;
	height: 100%;
	position: absolute;
}

.col25 #linkAndShareContainer {
	float: left;
	clear: both;
	margin-top: 10px;
}

#videoGalleryBottom {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid rgb(180, 180, 180);
}

#videoGalleryItemsWrapper {
	-webkit-user-select: none;
	width: 100%;
	overflow: hidden;
}

.videoGalleryDivider {
	border-top: 1px solid #000 /*rgb(200, 200, 200)*/;
	margin-top: 20px;
	width: 100%;
	height: 1px;
	float: left;
}

.upArrow {
	background-image: url("/digitalAssets/1498/1498804_uparrow3.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 17px;
	height: 16px;
	margin: 8px auto 0 auto;
	z-index: 100;
	position: relative;
}

.col75 .videoGalleryDivider {
	margin-bottom: 20px;
}

#videoGalleryItemsWrapper ul {
	margin: 0;
	padding: 0;
	max-width: none !important;
}

.mediaPlayerImage {
	margin: 0 auto;
}

.videoGalleryItems li {
	float: left;
	cursor: pointer;
	margin: 0 20px 0 0;
	display: block;
	height: 180px;
	width: 220px;
	max-width: none !important;
}

.videoGalleryItems li:hover {
	color: red;
}

.videoGalleryItems li:hover .thumbnailImage {
	box-shadow: inset 0 0 0 3px rgb(255, 0, 0);
	box-sizing: border-box;
}

.videoGalleryItems li.selected .thumbnailImage {
	border: 3px solid #004b89;
	box-sizing: border-box;
}

.videoGalleryItems .mediaItemTitle {
	color: rgb(1, 84, 151);
	float: left;
	margin-top: 5px;
	overflow: hidden;
	height: 40px;
	display: block;
}
.videoGalleryItems li:hover .mediaItemTitle {
	color: red;
}

.videoGalleryItems li a:visited {
	color: black !important;
}

.videoGalleryItems li .thumbnailImage {
	width: 100%;
	height: 124px;
	overflow: hidden;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
}

.movieOverlay {
	top: 42px;
	position: relative;
	z-index: 100;
	outline: none;
	border: none;
	margin: 0 auto;
	display: block;
}
.movieOverlayLarge {
	display: table;
	margin: 0 auto;
	padding-top: 130px;
}
.clipThumbnail {
	position: relative;
	z-index: 50;
	outline: none;
	border: none;
	-webkit-user-drag: none;
	display: table;
	margin: 0 auto;
	top: -38px;
}
.errorText {
	color: white;
	text-align: center;
	padding: 10px 0;
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.75);
	border-bottom: 1px solid black;
	line-height: 150%;
}
.noscriptImageContainer {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
#loadingDiv {
	display: none;
	width: 940px;
	height: 390px;
	z-index: 200;
	background-image: url("/digitalAssets/1391/1391306_loading_big.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
	position: absolute;
	border: 1px solid rgb(200, 200, 200);
}
.videoGalleryContainer a, .videoGalleryContainer a img {
	outline: none !important;
	border: none;
}
.DisabledInDecorated {
	color: green;
	margin: 0 auto 10px auto;
	background-color: rgb(200, 255, 200);
	padding: 10px;
	border: 2px solid rgb(100, 200, 100);
	border-radius: 10px;
}

.videoGalleryContainer .clipInfo {
	color: rgb(120, 120, 120);
	float: left;
}

.videoGalleryContainer .clipInfoRow {
	margin-right: 5px;
}

.videoGalleryContainer #tipbox {
	width: 200px;
	padding: 10px;
	background-image: url("/digitalAssets/1452/1452327_popupgradient.png");
	background-repeat: repeat-x;
	background-position: left bottom;
}

.videoGalleryContainer #tipbox div#linkAndShareContainer, .videoGalleryContainer #tipbox a#clipLink {
	display: none;
}

.videoGalleryContainer #tipbox p {
	margin: 0;
	padding: 0;
}

.videoGalleryContainer .carouselControls {
	width: 100%;
}

.videoGalleryContainer .carouselControls a.next {
	margin-right: 0;
}

.col75 #leftBlock {
	margin: 0;
	float: none;
}

.col75 #videoGalleryInfo {
	margin-top: 10px;
}

.col75 #loadingDiv {
	width: 700px;
}

.col25 .clipInfoRow {
	clear: both;
	display: block;
}

#videoGalleryItemsWrapper li.noHover:hover {
	background: none;
	cursor: default;
}

.ieFixFloat {
	float: left;
}
.scrolling {
}

.fp_HTML5_video {
	height: 100%;
	width: 100%;
}

/************************
       Mini slider
************************/

.miniSlider {
	padding-bottom: 10px;
}

.miniSlider a, .miniSlider a:hover, .miniSlider a:visited {
	text-decoration: none;
	color: black !important;
}

.miniSlider h2 {
	font-size: 16px !important;
	padding: 0;
	margin: 10px 0;
}

.miniSlider p {
	font-size: 12px !important;
	color: black !important;
	padding: 0;
}

.miniSliderContainer {
	width: 220px;
	height: 420px;
	overflow: hidden;
	margin-top: -30px;
}

ul#miniSliderList {
	margin: 0;
	padding: 0;
}

ul#miniSliderList li {
	padding: 0;
	display: block;
	float: left;
	width: 220px;
	height: 420px;
	overflow: hidden;
}

ul#miniSliderList li img {
	max-width: none;
	height: 300px;
}

ul#miniSliderList li[data-link]:hover {
	cursor: pointer;
}

ul#miniSliderList li[data-link]:hover p {
	text-decoration: underline;
}

.miniSlider #carouselControls {
	position: relative;
	z-index: 100;
	height: 30px;
	display: block;
	top: 265px;
}

#mediaDisplayContainer {
	display: none;
}

.videoList .videoGalleryItems {
	margin: 0;
}

.videoList .videoGalleryItems li.selected .thumbnailImage {
	outline: none;
}

.videoList .videoGalleryItems li {
	width: 33%;
	height: 180px;
	display: inline-block;
	float: none;
	margin: 0;
	box-sizing: border-box;
	padding: 0 10px;
}

.videoList.fullWidth .videoGalleryItems li {
	width: 25%;
}

.videoList .videoGalleryItems li .thumbnailImage {
	position: relative;
}

.itemDuration {
	position: absolute;
	bottom: 5px;
	left: 5px;
	background-color: rgb(255, 255, 255);
	padding: 2px 10px 2px 25px;
  	border-radius: 3px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 5px;
	border: 1px solid black;

}

.videoListItem.selected {
	background-image: url();
	background-position: bottom center;
	background-size: 20px;
	background-repeat: no-repeat;
}



#videoListDetailDisplay {
	background: black;
	height: 0;
  	padding: 0 20px;
  	margin: 0;
  	overflow: hidden;
  	transition: all 200ms;
  	position: relative;
}

#videoListDetailDisplay.expanded {
	padding: 20px 20px 20px 20px;
	margin: 0 0 20px 0;
	height: 370px;
}


#videoListDetailImageContainer {
	width: 75%;
	height: 370px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	vertical-align: top;
	background-image: url();
}

#videoListDetailImage {
	width: 100%;
	height: 100%;
	background-size: cover;
	display: inline-block;
}

#videoListItemDescription {
	width: 25%;
	display: inline-block;
	padding-left: 20px;
	box-sizing: border-box;
	vertical-align: top;
	color: rgb(185, 185, 185);
}


#videoListItemDescription h2 {
	color: rgb(255, 255, 255);
	margin: 0 0 20px 0 !important;
	padding-top: 20px;
	border-bottom: 1px solid white;
}

#videoListItemDescription p {
	font-size: 1em;
}
.closeLink {
	position: absolute;
	top: 10px;
	right: 10px;
	color: rgb(255, 255, 255) !important;
	text-decoration: none;
}

#videoListShowingXofY {
	text-align: right;
	padding-right: 20px;
}

#showMore {
	width: 100%;
	border: 1px solid black;
	padding: 10px;
	border-radius: 3px;
	clear: both;
	cursor: pointer;
	text-align: center;
	box-sizing: border-box;
	margin-top: 20px;
	font-size: 0.75em;
}

#showMore:hover {
	background: black;
	color: white;
}

#videoListLoadingIndicator {
	display: none;
	width: 100%;
	height: 100px;
	background: rgb(240, 240, 240);
	line-height: 100px;
	text-align: center;
	font-size: 1em;
	margin-bottom: 20px;
	border: 1px solid rgb(200, 200, 200);
	border-radius: 3px;
}


				
				
			
		
			
			/*=======================================
			
			   PrettyPhoto CSS 
			
			=======================================*/
			
			
				
					






	
		
	
	


div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/digitalAssets/1445/1445685_sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/digitalAssets/1445/1445683_sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/digitalAssets/1445/1445685_sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/digitalAssets/1445/1445684_sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/digitalAssets/1445/1445684_sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/digitalAssets/1445/1445681_sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/digitalAssets/1445/1445682_sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/digitalAssets/1445/1445685_sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/digitalAssets/1445/1445685_sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/digitalAssets/1445/1445685_sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/digitalAssets/1445/1445685_sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/digitalAssets/1445/1445685_sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/digitalAssets/1445/1445680_default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/digitalAssets/1445/1445685_sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/digitalAssets/1445/1445685_sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/digitalAssets/1445/1445685_sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/digitalAssets/1445/1445683_sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/digitalAssets/1445/1445685_sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/digitalAssets/1445/1445664_loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:30000}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:30100}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;left:25px;text-indent:-10000px;top:10px;width:20px;z-index:20000;z-index:3000}
a.pp_close{position:absolute;right:40px;top:10px;display:block;line-height:22px;text-indent:-10000px;z-index:3000}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

@media only screen and (max-width: 600px) {
	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 7%!important; top: 10px!important; }
}

				
				
			
		
			
			/*=======================================
			
			   GU_portfolioCSS 
			
			=======================================*/
			
			
				
					








	
		
	
	


h2 {
	margin-top: 1.5em;
}

ul.portfolioEditActions li {
	float: left;
	margin-right: 20px;
}

#imageForm {
	float: left;
}

.portfolioEditActionsContainer {
	position: fixed;
	right: -10px;
	top: 280px;
	width: 180px;
	z-index: 4001;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	padding: 10px 20px 10px 10px;
	border: 1px solid #f4f4f4;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#dbdbdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}

.portfolioAdminButton {
	text-decoration: none !important;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid rgb(255, 255, 255);
	font-size: 10px;
	font-weight: bold;
	margin: 0 20px 0 0 !important;
	float: left;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(242,242,242) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(242,242,242))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.portfolioAdminButton:hover, .portfolioAdminButton:visited {
	color: black !important;
}

.portfolioAdminButton:hover {
	background-color: rgb(250, 250, 250);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.portfolioAdminButton:active {
	color: red !important;
}

.bigButton {
	margin: 5px 0 5px 0 !important;
	padding: 10px 0;
	width: 180px;
	color: #484848;
}

.submitButton {
	border: 1px solid #A4EA8F;
	padding: 12px 0!important;
	background: rgb(141,216,119); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(141,216,119) 0%, rgb(108,173,88) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(141,216,119)), color-stop(100%,rgb(108,173,88))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(141,216,119) 0%,rgb(108,173,88) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(141,216,119) 0%,rgb(108,173,88) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(141,216,119) 0%,rgb(108,173,88) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(141,216,119) 0%,rgb(108,173,88) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd877', endColorstr='#6cad58',GradientType=0 ); /* IE6-9 */
}

.portfolioUpload {
	width: 216px;
	height: 216px;
	position: absolute;
	z-index: 5000;
	bottom: 0;
/*	padding: 10px;
	margin-top: -20px;
*/	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
}

.portfolioUpload:hover {
	cursor: pointer;
}

.imageBlock {
	float: left;
}

.studentPresentation .imageLinkOverlay {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	top: 10px;
	left: 10px;
	width: 35px;
	height: 35px;
	background-image: url("/digitalAssets/1465/1465031_image.png");
}

.uploadImageDropArea {
	width: 216px;
	height: 216px;
	line-height: 174px;
/*	padding: 10px;
*/	text-align: center;
	border: 2px dashed rgb(200, 200, 200);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3);
	white-space: normal;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.studentPortraitImageContainer {
	float: left;
	width: 220px;
	height: 220px;
	overflow: hidden;
	margin-right: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.studentPortraitImage {

}

.imageEditButtons {
	clear: both;
	padding-top: 10px;
}

.studentPortraitImageContainer .portfolioAdminButton {
	padding: 5px 10px;
	margin: 10px;
}

.editTextArea {
	display: none;
}

.editTextField, .editTextAreaSmall {
	padding: 5px;
	width: 330px;
}

.editTextAreaSmall {
	height: 70px;
}

#linkOverlay {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	width: 700px;
	height: 395px;
	display: block;
/*	opacity: 0.7;
	aa: alpha(opacity = 70);*/
	z-index: 1;
}
#linkOverlay:hover {
	/*
	opacity: 1;
	filter: alpha(opacity = 100);
	*/
	cursor: pointer;
}

.portfolio .portfolioThumbnailWrapper {
	position: relative;
	width: 220px;
	height: 0;
	padding-top: 180px;
	background-color: #ddd;
}

.portfolio #videoGalleryPlayer {
	background-color: #fff;
}

.portfolio .portfolioSortOrder {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.6);
	color: #FFF;
}
.portfolio .iconOverlay {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.portfolio .pdfIconSmall {
	background-position: 10px 10px;
	background-image: url("/digitalAssets/1465/1465033_pdf_s.png");
}

.portfolio .movieIconSmall {
	background-image: url("/digitalAssets/1465/1465032_movie_s.png");
}

.portfolio .audioIconSmall {
	background-image: url("/digitalAssets/1465/1465030_audio_s.png");
}

.portfolio .imageIconSmall {
	/*
	background-image: url("");
	*/
}

.portfolio .pdfIconLarge {
	background-position: 10px 10px;
	background-image: url("/digitalAssets/1465/1465034_pdf.png");
}

.portfolio .movieIconLarge {
	background-image: url("/digitalAssets/1465/1465020_movie.png");
}

.portfolio .audioIconLarge {
	background-image: url("/digitalAssets/1465/1465018_audio.png");
}

.portfolio .imageIconLarge {
	background-image: url("/digitalAssets/1465/1465031_image.png");
}

.mediaPlayerImage {
	height: 400px;
	margin: 0 auto;
	display: block;
}

.mediaImageWrapper {
	position: absolute;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.saveButtonsContainer {
	display: table;
	margin: 20px auto;
}

.inlineButtonsContainer {
	width: 220px;
	position: absolute;
	bottom: 0;
/*	font-size: 1em; */
	z-index: 4000;
}
/*
.imageBlock .inlineButtonsContainer {
	width: 207px;
}
*/
.imageBlock input {
	border: none;
	margin: 0;
}

.imageBlock {

}

.imageBlock .inlineButton {
}

.portfolioPersonInformation .inlineButton {
	font-size: 0.75em !important;
}

.portfolioPersonInformation input,
.portfolioPersonInformation textarea {
	font-size: 100% !important;
}

.inlineButton {
	color: rgb(255, 255, 255) !important;
	text-decoration: none;
	text-align: center;
	padding: 5px 0;
	width: 50%;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
/*	font-size: 0.75em !important;*/
	filter: alpha(opacity=90);
	opacity: 0.9;
}

inlineButton:hover,
a.inlineButton:hover {
	text-decoration: none;
}
/*
.inlineButton:hover {
	background-color: rgba(0, 0, 0, 0.75);
}
*/
.editButton,
.uploadButton,
.selectImageButton {
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(89,89,89) 0%, rgb(0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(89,89,89)), color-stop(100%,rgb(0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(89,89,89) 0%,rgb(0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(89,89,89) 0%,rgb(0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(89,89,89) 0%,rgb(0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(89,89,89) 0%,rgb(0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.deleteButton,
.cancelButton {
	background: rgb(127,127,127); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(127,127,127) 0%, rgb(76,76,76) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(127,127,127)), color-stop(100%,rgb(76,76,76))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(127,127,127) 0%,rgb(76,76,76) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(127,127,127) 0%,rgb(76,76,76) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(127,127,127) 0%,rgb(76,76,76) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(127,127,127) 0%,rgb(76,76,76) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
}

.editButton:hover,
.uploadButton:hover,
.selectImageButton:hover {
/*	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
*/	background: rgb(0,0,0); /* Old browsers */

}

.deleteButton:hover,
.cancelButton:hover {
background: rgb(76,76,76); /* Old browsers */
}

.portfolio .videoGalleryItems li  {
	padding: 0;
	margin: 0;
	display: block;
	width: 220px;
	height: 240px;
	box-sizing: border-box;
}

.portfolio .videoGalleryItems li .thumbnailImage {
	/*
	height: 180px;
	width: 220px;
	position: relative;
	*/
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	bottom: 0;
	transform: translateX(-50%);
	background-size: contain;
	background-color: #fff;
}

.portfolio .mediaContentLi:hover .thumbnailImage {
/*	opacity: 0.7;
	filter: alpha(opacity = 70);*/
}

.portfolio li.selected .thumbnailImage {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.portfolio .mediaContentLi:hover .movieOverlay {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

.portfolio #tipbox {
	z-index: 10000;
}

.portfolio #tipboxArrow {
	z-index: 10001;
}

.studentPresentation, .portfolio{
	clear: both;
}

.studentPresentation .educationHeader, .studentPresentation .workHeader  {
	clear: both;
}

#loadingDiv {
	z-index: 5000;
	height: 540px;
}

.fieldName {
	display: inline-block;
	width: 90px;
	vertical-align: top;
}

.portfolioPersonInformation p span{
	margin-bottom: 5px;
	display: inline-table;
}

.portfolioPersonInformation {
/*	background-color: rgb(230, 230, 230);*/
	clear: both;
	padding: 0px;
	width: 100%;
	margin: 20px 0;
	position: relative;
}

.description {
	font-style: italic;
	text-align: left;
	display: block;
	width: 400px;
	float: left;
	font-size: 14px;
/*	color: rgb(1, 84, 151);
*/	padding-top: 40px;
	line-height: 150%;
}

#loadingIndicator {
	position: fixed;
	z-index: 11000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(250, 250, 250, 0.85);
	background-image: url("");
	background-position: center;
	display: none;
	background-repeat: no-repeat;
}

.contentHasBeenPublished {
	background-color: rgb(80, 240, 80);
	padding: 10px 20px;
	border: 1px solid rgb(60, 220, 60);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.loggedInBar {
	padding: 10px 20px;
	border: 1px solid rgb(220, 220, 220);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-align: right;
	margin: 20px 0;
}

.loggedInBar p {
	margin: 0;
}

.unpublishedContent, .publishedContent {
	float: left;
	padding:  0;
}

.unpublishedContent {
	color: red;
}

.publishedContent {
	color: green;
}

#videoGalleryPlayer .defaultThumbnail, .portfolio .videoGalleryItems li .defaultThumbnail {
	border: 2px dashed rgb(200, 200, 200);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgb(250, 250, 250);
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3);
}

.portfolio .videoGalleryItems li .defaultThumbnail {
	width: 216px;
	height: 176px;
}

#videoGalleryPlayer .defaultThumbnail {
	width: 694px;
	height: 388px;
}
/*
#videoGalleryPlayer{
	background-color: transparent !important;
}
*/

.portfolio .videoGalleryItems li:hover .thumbnailImage, .portfolio .videoGalleryItems li.selected .thumbnailImage {
	outline: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.unpublishedMedia .thumbnailImage:after {
	border: 1px solid red;
	content: "Ej publicerad";
	background-color: red;
	color: #fff;
	padding: 7px 10px 3px 10px;
	position: absolute;
	top: 0;
}

.groupPortfolioOuterWrapper {
	overflow: hidden;
}

.groupPortfolioContainer {
	width: 110%;
}

.groupPortfolioItem {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	width: 220px;
	height: 220px;
	background-position: center;
	position: relative;
	background-color: rgb(245, 245, 245);
	background-size: cover;
}

.groupPortfolioItem:hover {
	cursor: pointer;
}

.groupPortfolioItemTitle {
	display: block;
	background-color: rgba(0, 0, 0, 1);
	color: white;
	width: 100%;
	padding: 10px 12px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	font-size: 14px;
}

a.groupPortfolioItem:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.groupPortfolioItemDescription {
	text-decoration: none;
	color: rgb(255, 255, 255);
	font-weight: normal;
	text-shadow: 0 0 3px rgb(0, 0, 0);
	font-size: 10px;
	padding: 10px;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}

#videoGalleryInfo {
	max-height: 180px;
	overflow: hidden;
	position: relative;
}

#videoGalleryInfo.expandPortfolioText {
	max-height: none;
}

.portfolioReadMore {
	display: none;
	width: 100px;
	height: 30px;
	border: 1px solid rgb(100, 100, 100);
	padding: 7px 10px;
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	margin: -14px auto 0 auto;
	background-color: white;
	z-index: 100;
	position: relative;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.portfolioReadMore:hover {
	background-color: rgb(245, 245, 245);
	cursor: pointer;
}

/*---------- Portfolio puff items ------------*/

.portfolioPuffItem {
	width: 32%;
	display: block;
	float: left;
	margin-left: 2%;
	margin-bottom: 20px;
	position: relative;
	background-size: cover;
	background-position: center;
}
.portfolioPuffItem:nth-child(3n+1) {
	margin-left: 0;
}
.portfolioPuffItem:hover {
	box-shadow: 0 0 0 2px rgb(0, 0, 0);
	cursor: pointer;
}
.portfolioPuffImage {
	position: relative;
	background-size: cover;
	background-position: center;
	width: 100%;
	padding-bottom: 100%;
}
.portfolioPuffItem h3 {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	color: rgb(255, 255, 255);
	font-weight: normal !important;
	padding: 10px 5px;
	box-sizing: border-box;
}
.portfolioItemLink, .portfolioItemLink:hover, .portfolioItemLink:visited {
	color: rgb(72, 72, 72) !important;
	text-decoration: none !important;
}

.videoGalleryContainer .col100, .videoGalleryContainer h2 {
	margin-top: 0 !important;
}

.videoGalleryContainer .col75 {
	position: relative;
}

.videoGalleryContainer #linkOverlay {
	width: 100%;
	height: 100%;
}

.videoGalleryContainer .col100 {
	width: 100%;
	margin: 0 !important;
	position: relative;
}

.bigMovie {
	position: relative;
}

/*-------------- Staff portfolio --------------*/

.staffPortfolioItem {
	display: inline-block;
	text-decoration: none;
	width: 220px;
	overflow: hidden;
	margin: 0 15px 20px 0;
	vertical-align: top;
}

.staffPortfolioImage {
	width: 220px;
	height: 220px;
	background-position: center;
	position: relative;
	background-color: rgb(245, 245, 245);
	background-size: cover;
}

.staffPortfolioTitle {
padding: 10px 0;
font-size: 0.75rem !important;
line-height: 150%;
}

.staffPortfolioTitleName {
font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
font-size: 1.125rem
}

.tabContents .portfolio .videoGalleryContainer .col75, .tabContents .portfolio .videoGalleryContainer .col25 {
	width: auto;
	float: none;
	clear: both;
	max-width: none;
}

/*------------- Responsive stuff --------------*/

@media only screen and (max-width: 800px) {
	.videoGalleryContainer {
		position: relative;
	}
	#linkOverlay {
		width: inherit;
	}
	.description {
		width: inherit;
	}
	.portfolioEditActionsContainer {
		display: none;
	}
}

@media only screen and (max-width: 500px) {
	.portfolio .videoGalleryItems li {
		padding: 0 10px 0 0;
	}
	.imageBlock {
		width: 100%;
	}
	.studentPortraitImageContainer {
		width: 100%;
		margin-bottom: 20px;
	}
	.inlineButtonsContainer .inlineButton {
		text-align: center !important;
	}
	#videoGalleryPlayer.image, #videoGalleryPlayer.pdf {
		padding-bottom: 0;
		height: auto;
	}
	#videoGalleryPlayer img {
		width: 100%;
	}
	.loggedInAs {
		display: block;
		clear: both;
		text-align: left;
	}
}


@media only screen and (min-width : 768px) and (max-width : 800px) {

	.groupPortfolioContainer .groupPortfolioItem {width:155px!important;height:155px; height: 20vw;width: 20vw !important;}
	.groupPortfolioContainer .groupPortfolioItem:nth-child(4n) {margin-right:0}
	.groupPortfolioOuterWrapper:first-child {margin-bottom:50px}
}

@media only screen and (max-width : 767px) {

	.groupPortfolioContainer .groupPortfolioItem {width:46%!important;height:150px; height: 42vw;width: 42vw !important;}
	.groupPortfolioContainer .groupPortfolioItem:nth-child(2n) {margin-right:0}
	.groupPortfolioOuterWrapper:first-child {margin-bottom:50px}
}


				
				
			
		
			
			/*=======================================
			
			   GU Modal CSS 
			
			=======================================*/
			
			
				
					

/* add this to master CSS */
.visuallyHidden {
	/* Copied from Html5boilerplate */
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.guModal-container {
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	width: 100vw;
	height: 100%;
	height: 100vh;
	display: none;
	z-index: 30000;
}

.guModal-container.-active {
	display: block;
}

.guModal-innerContainer {
	position: relative;
	width: 100%;
	max-width: 480px;
	left: 50%;
	margin-left: -240px;
	top: 50%; /* fallback */
	top: 50vh;
	height: 60%; /* fallback */
	height: 60vh;
	max-height: 100%; /* fallback */
	max-height: 100vh;
	margin-top: -30vh;
}

.guModal-contentHeader {
	position: absolute;
	top: -48px;
	left: 0;
	right: 0;
	height: 48px;
	background-color: white;
}

.guModal-contentWrapper {
	width: 100%;
	height: 100%;
	background-color: white;
}

.guModal-closeButton {
	display: block;
	width: 48px;
	height: 48px;
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	border: none;
}

.guModal-closeButton:after {
	content: "X";
	content: url(/digitalAssets/1535/1535770_cross_close.png);
}

.guModal-closeButton:hover:after {
	content: url(/digitalAssets/1535/1535774_cross_close_hover.png);
}

.guModal-closeButton:focus {
	outline: 2px solid red;
}

.guModal-iframe {
	border: none;
	box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
	.guModal-innerContainer {
		/* !important overrides style set by modal params, i.e. always use full screen in mobile */
		max-width: none;
		left: 0;
		margin-left: 0 !important;
		top: 48px;
		height: 100% !important; /* fallback */
		height: 100vh !important;
		margin-top: 0 !important;
	}
	.guModal-content {
		border-top: 1px solid black;
	}
}

				
				
			
		
			
			/*=======================================
			
			   Mobilmeny CSS 
			
			=======================================*/
			
			
				
					



.visuallyHidden {
	/* Copied from Html5boilerplate */
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#mobileMenu, #mobileSearch, #mobileHeader, .mobileUserPanelContainer {
	display: none;
}

@media only screen and (max-width: 800px) 
{
	/* ////  Desktop elements overrides  \\\\ */
	#headerArea {
		height: auto;
	}

	#headerArea > .right {
		display: none;
	}

	#topSection {
		padding-bottom: 15px;
	}

	#darkRow {
		display: none;
	}

	#lowerTopMenu {
		display: none;
	}

	#crumbtrailComp{
		display: none;
	}

	#mainMenu{
		display: none;
	}

	#mobileHeader{
		display: block;
	}
	
	#menuComp {
		display: none;
	}

	.ac_results {
		/*display: none !important;*/
		left: 5px !important;
		width: 19em !important;
	}
	/* ////  END: Desktop elements overrides  \\\\ */

	.mobileUserPanelContainer {
		display: block;
	}

	/************************************************************/
	/**  General mobile menu  ***********************************/
	/************************************************************/

	/************************************************************/
	/**  Bar  ***************************************************/
	/************************************************************/

	#topSection .siteHeaders {
		/* !important overrides reset-styling */
		max-width: 55% !important; /* fallback for non-calc support */
		max-width: calc(100% - 100px) !important; /* full width - ~(logo width + margin) */
	}

	#topSection .siteHeaders > a {
		line-height: 1;
	}

	#mobileHeader {
		height: 48px;
	}

	#mobileMenuArea {
		display: block;
		padding: 0;
		border-bottom: 2px solid black;
		height: 48px;
		z-index: 20000;
		position: relative;
		background-color: white;
		display: block; /* fallback */
		display: -webkit-flex;
		display: flex;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100vw;
		transition: box-shadow 200ms;
	}

	.mobileMenuItem {
		display: inline-block;
		width: 30%;
		text-align: center;
		border-right: 1px solid lightgray;
		vertical-align: top;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		position: relative;
	}

	.mobileMenuItem:last-child {
		border-right: none !important;
	}

	.mobileStickyMenu_middleEmpty .mobileMenuItem {
		border-right: none !important;
	}

	.mobileMenuButton, .mobileMenuLoginButton {
		font-family: NimbusSanNovCon-SemBol, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif ;
		display: inline-block;
		text-transform: uppercase;
		font-size: 1.25em;
		height: 100%;
		background: none;
		border: none;
		padding: 0;
		width: 100%;
		line-height: 48px;
		height: 48px;
	}
	
	a.mobileMenuButton, a.mobileMenuLoginButton {
		color: black;
		text-decoration: none !important;
	}

	.mobileMenuButton > .mobileBarText {
		line-height: 1;
	}

	.mobileMenuButton.mobileMenuOpen:before,
	.mobileMenuButton.mobileMenuOpen:after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		border: solid transparent;
	}

	.mobileMenuButton.mobileMenuOpen:before {
		border: solid transparent;
		border-color: rgba(75, 75, 75, 0);
		border-top-color: rgba(0, 0, 0, 1);
		border-width: 9px;
		border-top-width: 9px;
		margin-left: -9px;
		z-index: -2;
		bottom: -18px;
	}

	.mobileMenuButton.mobileMenuOpen:after {
		border: solid transparent;
		border-color: rgba(75, 75, 75, 0);
		border-top-color: rgba(255, 255, 255, 1);
		border-width: 10px;
		border-top-width: 10px;
		margin-left: -10px;
		z-index: -1;
		bottom: -16px;
	}
	
	.mobileMenuButton .mobileMenuButton_showClosed {
		display: inline-block;
	}

	.mobileMenuButton.mobileMenuOpen .mobileMenuButton_showClosed {
		display: none;
	}

	.mobileMenuButton .mobileMenuButton_showOpened {
		display: none;
	}

	.mobileMenuButton.mobileMenuOpen .mobileMenuButton_showOpened {
		display: inline-block;
	}

	.mobileMenu_menu {
		margin-right: 3px;
	}

	.mobileMenuIcon:before {
		font-family: "gu-icons";
		font-size: 32px;
		display: inline-block;
		min-width: 30px; /* FOIT-fix */
		line-height: 1;
		vertical-align: -7px;
	}

	.mobileMenu_menu:before {
		content: "\e60d";
		margin: 0 -5px;
	}

	.mobileMenu_search:before {
		content: "\e60c";
		margin: 0 -5px;
	}

	.mobileMenu_userPanel:before {
		content: "\e610";
		margin: 0 -5px;
	}

	a.mobileMenuChildPageRow_link > span {
		position: relative;
		top: 1.5px;
	}

	/************************************************************/
	/**  Menu  **************************************************/
	/************************************************************/

	#mobileMenu {
		width: 100%;
		display: none;
/*JS		border-bottom: 4px solid black;*/
		-webkit-transition: min-height 400ms;
		transition-timing-function: ease-in;
		transition-property: min-height;
		transition-duration: 400ms;
		padding-bottom: 3px;
	}
	
	#mobileMenu.-expanded {
		display: block !important;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: space-between;
		justify-content: space-between; /* make the black options stay at the bottom */
	}

	.mobileMenuChildPageRow {
		display: block;
		position: relative;
		border-top: 1px solid rgb(75, 75, 75);
	}

	#mobileContainer {
/*JS		border-bottom: 1px solid black;*/
	}

	.mobileMenuContainer.mobileMenuLanguageContainer {
		background-color: black;
		margin-top: -1px;
	}

	.mobileMenuContainer.crumbtrailAncestorLevel0:first-child > .mobileMenuChildPageRow {
		display: none;
	}

	.mobileMenuContainer.mobileMenuLanguageContainer .mobileMenuChildPageRow_link {
		color: white;
	}

	#mobileContainer > .mobileMenuContainer:first-child > .mobileMenuChildPageRow,
	.mobileMenuOriginalCurrentPage.crumbtrailAncestorLevel0:first-child > .childPages > .mobileMenuContainer:first-child > .mobileMenuChildPageRow {
		border-top: none;
	}

	.childPageContainer:last-child > .mobileMenuChildPageRow {
		border-bottom: none;
	}

	.mobileMenuChildPageRow_link {
		display: block;
		text-decoration: none;
		color: black;
		box-sizing: border-box;
		padding: 12px 20px 12px 20px;
		margin-right: 60px; /* matches mobileMenuChildPage_box.width */
		outline: none;
		color: black;
		font-family: NimbusSanNovCon-Med, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size: 1.188em;
		-webkit-user-select: none;
		line-height: 120%;
	}
	
	.mobileMenuChildPageRow_link:hover {
		color: black !important;
		text-decoration: none !important; /* overrides another !important  */
	}
	
	.mobileMenuContainer.-currentMainCategory > .mobileMenuChildPageRow > .mobileMenuChildPageRow_link:hover {
		color: rgba(255,255,255,0.9) !important;
	}

	.mobileMenuChildPageRow.isLeaf > .mobileMenuChildPageRow_link {
		margin-right: 0;
	}

	.mobileMenuOriginalCurrentPage > .mobileMenuChildPageRow_link > span:before {
		content: "\2022";
		position: absolute;
		left: -14px;
	}

	.mobileMenuCurrentPage > .childPages .mobileMenuChildPageRow_link {
		padding-left: 35px;
	}

	.mobileMenuContainer.crumbtrailAncestorLevel0:first-child > .childPages .mobileMenuChildPageRow_link {
		padding-left: 20px;
	}

	.mobileMenuChildPage_box {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 60px;
	}

	.mobileMenuChildPage_box:before {
		content: "";
		display: block;
		background-color: rgb(125, 125, 125);
		width: 1px;
		height: 80%;
		position: absolute;
		top: 10%;
	}

	.mobileMenuChildPageRow.isLeaf > .mobileMenuChildPage_box:before {
		content: none;
		display: none;
	}

	.mobileMenuChildPage_box > .rightArrow {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		display: block;
		background-color: transparent;
		padding: 0;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		border-radius: 5px;
	}

	.mobileMenuChildPage_box > .rightArrow:focus:active {
		outline: none;
	}

	.mobileMenuChildPage_box > .rightArrow:after {
		font-family: gu-icons;
		content: "\e612";
		width: 100%;
		display: block;
		text-align: center;
		font-size: 32px;
		line-height: initial;
		pointer-events: auto;
		color:#000;
	}

	.mobileMenuContainer > .mobileMenuChildPageRow .rightArrow > .-open {
		display: inline;
	}
	.mobileMenuContainer > .mobileMenuChildPageRow .rightArrow > .-close {
		display: none;
	}
	.mobileMenuContainer.mobileMenuCurrentPage > .mobileMenuChildPageRow .rightArrow > .-open {
		display: none;
	}
	.mobileMenuContainer.mobileMenuCurrentPage > .mobileMenuChildPageRow .rightArrow > .-close {
		display: inline;
	}

	.mobileMenuChildPage_box > .rightArrow.touchDown {
		background-color: rgba(0, 0, 0, 0.180392);
	}

	.mobileMenuChildPage_box > .rightArrow.pending:after {
		content: " " !important;
	}

	.mobileMenuChildPage_box > .rightArrow.loading:after {
		content: " " !important;
	}

	.mobileMenuContainer.mobileMenuCurrentPage > .mobileMenuChildPageRow .rightArrow:after {
		content: "\e60e" !important;
	}

	#mobileContainer .childPages {
		display: none;
	}

	#mobileContainer .childPages.expanded {
		display: block;
	}

	#mobileContainer .mobileMenuContainer > .childPageRow .rightArrow {border-right: none; color: white;}
	#mobileContainer .mobileMenuContainer.originalCurrentPage > .childPageRow > .smallBox {border-left: none;}
	
	
	#mobileContainer .mobileMenuCurrentPage > .childPageRow > .smallBox > .rightArrow:after,
    #mobileContainer .mobileMenuContainer.originalCurrentPage:not(.mobileMenuCurrentPage) > .childPageRow > .smallBox > .rightArrow:after {content: "+";}
    /* END: New mobile stuff */

    #mobileContainer .originalCurrentPage > .childPageRow {border-top: 1px solid white;}

    .mobileMenuContainer > .childPageRow .smallBox {border-top: 1px solid white;}

	.topRowObject.open
	{ display: block; border-top: 4px solid black !important; }

	.topRowObject.open
	{ position: relative; }

	.topRowObject.open:before,
	.topRowObject.open:after
	{ pointer-events: none; content: " "; bottom: 100%; border: solid transparent;  height: 0; width: 0; position: absolute; left: 72% !important; border-width: 15px !important; border-bottom-width: 11px !important; margin-left: -14px !important; poineter-events: none; }

	.topRowObject.open:before
	{ border-bottom-color: black !important; border-width: 20px !important; border-bottom-width: 16px !important; margin-left: -19px !important; }

	.topRowObject.open:after
	{ border-bottom-color: hsl(0, 0%, 80%); }
	
	/* Sticky */
	.mobileSticky {
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
		background: rgba(255, 255, 255, 0.95) !important;
		border-bottom: 1px solid #999999 !important;
	}
	
	.mobileSticky .mobileMenuButton.mobileMenuOpen:before,
	.mobileSticky .mobileMenuButton.mobileMenuOpen:after {
		display: none;
	}
	
	/* END: sticky */

	/* Icons */

	/* END: Icons */
	
	/* Search */

	#mobileSearch,
	#mobileUserPanel {
		display: none;
/*		border-bottom: 4px solid rgb(35, 113, 181);*/
/*JS		margin-bottom: 10px;*/
	}

	#mobileSearch.-expanded,
	#mobileUserPanel.-expanded {
		display: block;
		background-color: whitesmoke;
		padding-bottom: 10px;
		border-bottom: 1px solid #000;
	}

	.mobileSearchContainer {
		margin: 10px auto;
		width: 90%;
		padding-top: 10px;
	}

	/* END: Search */

	/* User panel */
	
	.bookmarkSwitch {
		/*display: none;*/
		bottom:-8px !important;
	}
	
	.mobileUserPanelContainer .pageheader-list {
		display: block;
		padding: 0;
	}
	
	.mobileUserPanelContainer .ph-picture-link {
		padding: 12px 70px 12px 50px !important;
		font-size: 1.188em !important;
		line-height: 120% !important;
		margin: 0;
		border-bottom: 1px solid #999;
		background-color: hsl(0, 0%, 80%);
	}
	
	.mobileUserPanelContainer #ph-bookmark-link:hover,
	.mobileUserPanelContainer #ph-contact-link:hover,
	.mobileUserPanelContainer #ph-message-link:hover,
	.mobileUserPanelContainer #ph-phone-link:hover {
		background-color: hsl(0, 0%, 80%);
	}

	.mobileUserPanelContainer .ph-picture-link:before {
		left: 20px;
	}
	
	.mobileUserPanelContainer .ph-expandable-link:after {
		width: 59px; /* minus margin */
		text-align: center;
		position: absolute;
		float: none;
		right: 0;
		top: 8px;
		height: auto;
/*		border-left: 1px solid black;*/
		line-height: 100%;
		padding: 0;
	}
	
	.mobileUserPanelContainer .ph-open-in-tab a:after {
		width: 60px;
		text-align: center;
		position: absolute;
		float: none;
		right: 0;
		top: 8px;
		height: auto;
		line-height: 100%;
		padding: 0;
	}

	.mobileUserPanelContainer ul.portalLinks > li {
		padding: 0;
		border-bottom: 1px solid #ddd;
	}

	.mobileUserPanelContainer ul.portalLinks > li:first-child {
		border-top: none;
	}

	.mobileUserPanelContainer #ph-links ul.portalLinks {
		border-top: 1px solid #ddd;
	}
	
	.mobileUserPanelContainer ul.portalLinks li a.portalLink:before {
		left: 27px;
		line-height: 100%;
	}

	.mobileUserPanelContainer ul.portalLinks li a {
		font-size: 1.188em;
		padding: 12px 20px 12px 50px;
		line-height: 120%;
		font-family: NimbusSanNovCon-Med, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
		margin: 0;
	}
	
	.mobileUserPanelContainer #ph-profile {
		padding: 0;
		max-height: none !important;
		border-bottom: none;
	}

	.mobileUserPanelContainer #ph-bookmarks {
		padding: 0;
		max-height: none !important;
	}
	
	.mobileUserPanelContainer #bookmarks-container ul.portalLinks {
		/*border-bottom: 1px solid black;*/
	}
	
	.mobileUserPanelContainer #ph-links ul.portalLinks {
		margin-left: -10px;
		/*border-top: 1px solid black;*/
		max-width: none !important;
	}
	
	.mobileUserPanelContainer #bookmarks-container p.bookmarksInfoText {
		margin: 0 20px;
	}
	
	.mobileUserPanelContainer #bookmarksDivider {
		border-bottom: none;
	}
	
	.mobileUserPanelContainer .portalLinkField {
		padding: 6px 8px;
		font-size: 1em;
		margin: 8px 0;
	}
	
	.mobileUserPanelContainer #portalSaveButton {
		margin: 5px 0 0 0;
		padding: 6px 35px;
	}

	.mobileUserPanelContainer #bookmarks-container, .mobileUserPanelContainer #profile-container {
		padding: 0;
	}
	
	.mobileUserPanelContainer .removeLink:after {
		font-family: "gu-icons";
		content: "\e607";
		font-size: 32px;
		display: inline-block;
	}

	.mobileUserPanelNameContainer {
		padding: 12px 20px 12px 20px;
		background-color: /*hsl(0, 0%, 80%)*/#000;
		font-size: 1.188em;
		line-height: 120%;
		font-family: NimbusSanNovCon-Med, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
		color: #fff;
		/*border-bottom: 1px solid black;*/
	}
	
	.mobileUserPanelContainer .pageheader-list li.login a {
		margin: 0 0 3px 0;
		border-radius: 0;
	}
	
	.mobileUserPanelContainer .pageheader-list > li.login {
		height: auto;
	}

	.mobileUserPanelContainer a.removeLink {
		top: 4px;
		right: 0;
		width: 60px;
		text-align: center;
/*		border-left: 1px solid black;*/
		line-height: 120% !important;
		padding: 8px 0 8px 0 !important;
	}
	
	.mobileUserPanelContainer #ph-login {
		float: none;
		width: 100% !important;
		height: auto;
	}

	.mobileUserPanelContainer a#ph-login {
		background-color: black;
		text-align: left;
		padding: 12px 70px 12px 50px !important;
		font-size: 1.188em !important;
		line-height: 120% !important;
		white-space: normal;
	}
	
	.mobileUserPanelContainer a#ph-login:before {
		font-family: "gu-icons";
		content: "\e60a";
		font-size: 32px;
		left: 20px;
		margin: 0 -5px;
		position: absolute;
	}
	


	/* END: User panel */

}

/* Version 1.1 overrides */

.mobileMenuCurrentPage > .childPages .mobileMenuChildPageRow_link {
	padding-left: 20px;
}

.mobileMenuChildPageRow {
	border-top: none;
}

#mobileMenu {
	padding-bottom: 0;
}

#mobileMenuBottomContainer #sitemap {
	float: none;
	height: auto;
}

.mobileMenuChildPageRow_link {
	font-size: 1.125em;
}

#mobileMenu {
	margin-bottom: 10px;
}

/* New Version 1.1 rules */


/* Resets / removes */

.mobileMenuChildPageRow {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


/* General menu styling */
#mobileContainer a {
	font-family: NimbusSanNovCon-Med, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
}

.mobileMenuRootContainer > .mobileMenuChildPageRow {
	display: none;
}

.mobileMenuChildPageRow {
	border-bottom: 1px solid #ccc;
	transition: 100ms background-color, 100ms border-bottom;
}

.mobileMenuChildPage_box:before {
	background-color: #ccc;
}

.mobileMenuContainer > .mobileMenuChildPageRow {
	background-color: hsl(0, 0%, 90%);
	border-color: #ccc;
}


/* Root level styling */
.mobileMenuContainer.mobileMenuRootContainer > .childPages > .mobileMenuContainer > .mobileMenuChildPageRow {
	background-color: hsl(0, 0%, 80%);
	border-color: #999;
}

.mobileMenuContainer.mobileMenuRootContainer > .childPages > .mobileMenuContainer > .mobileMenuChildPageRow > .mobileMenuChildPage_box:before {
	background-color: #999;
}

.mobileMenuContainer.-currentMainCategory > .mobileMenuChildPageRow {
	background-color: #222222 !important;
}

.mobileMenuContainer.-currentMainCategory > .mobileMenuChildPageRow .rightArrow:after,
.mobileMenuContainer.-currentMainCategory > .mobileMenuChildPageRow > .mobileMenuChildPageRow_link {
	color: white;
}

.mobileMenuContainer.mobileMenuRootContainer > .childPages > .mobileMenuContainer > .mobileMenuChildPageRow > .mobileMenuChildPageRow_link {
	text-transform: uppercase;
}


/* Expanded styling */
.expanded > .childPages > .mobileMenuContainer > .mobileMenuChildPageRow {
	background-color: white;
	border-color: #ddd;
}

.expanded > .childPages > .mobileMenuContainer > .mobileMenuChildPageRow > .mobileMenuChildPage_box:before {
	background-color: #ddd;
}

.mobileMenuContainer.expanded > .mobileMenuChildPageRow .rightArrow:after,
.mobileMenuContainer.expandedAncestor > .mobileMenuChildPageRow .rightArrow:after {
	content: "\e60e";
}


/* Current page styling */
.mobileMenuContainer.-currentPage > .mobileMenuChildPageRow > a > span {
	font-family: NimbusSanNovCon-Bol, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
}

/*
.mobileMenuContainer.-currentPage > .mobileMenuChildPageRow {
	border-left: 10px solid #0060ae !important;
}
*/

.mobileMenuContainer.-currentPage > .mobileMenuChildPageRow:before {
	content: "";
	background: rgb(0, 96, 174);
	width: 10px;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 1;
}

/* Click state */
.mobileMenuContainer > .mobileMenuChildPageRow > .mobileMenuChildPageRow_link:active {
	background-color: rgba(0, 0, 0, 0.05);
}

.mobileMenuContainer.-currentMainCategory > .mobileMenuChildPageRow > .mobileMenuChildPageRow_link:active {
	background-color: rgba(0, 0, 0, 0.95);
}

.mobileMenuContainer.mobileMenuRootContainer > .childPages > .mobileMenuContainer > .mobileMenuChildPageRow > .mobileMenuChildPageRow_link:active {
	background-color: rgba(0, 0, 0, 0.1);
}

.mobileMenuContainer > .mobileMenuChildPageRow .rightArrow.touchDown {
	background-color: rgba(0, 0, 0, 0.05);
}

.mobileMenuContainer.mobileMenuRootContainer > .mobileMenuChildPageRow .rightArrow.touchDown {
	background-color: rgba(0, 0, 0, 0.1);
}

/* Menu levels indent */
.childPages .childPages > .mobileMenuContainer .mobileMenuChildPageRow_link > span {padding-left: 10px; display: inline-block;}
.childPages .childPages .childPages > .mobileMenuContainer .mobileMenuChildPageRow_link > span {padding-left: 20px;}
.childPages .childPages .childPages .childPages > .mobileMenuContainer .mobileMenuChildPageRow_link > span {padding-left: 30px;}
.childPages .childPages .childPages .childPages .childPages > .mobileMenuContainer .mobileMenuChildPageRow_link > span {padding-left: 40px;}
.childPages .childPages .childPages .childPages .childPages .childPages > .mobileMenuContainer .mobileMenuChildPageRow_link > span {padding-left: 50px;}
.childPages .childPages .childPages .childPages .childPages .childPages .childPages > .mobileMenuContainer .mobileMenuChildPageRow_link > span {padding-left: 60px;}
.childPages .childPages .childPages .childPages .childPages .childPages .childPages .childPages > .mobileMenuContainer .mobileMenuChildPageRow_link > span {padding-left: 70px;}


/* Bottom links */
#mobileMenuBottomContainer {
	background-color: black;
	padding: 10px 20px;
}

#mobileMenuBottomContainer a {
	color: white;
	padding: 0.3em 0;
	display: block;
	text-decoration: none !important;
}

#mobileMenuBottomContainer .changeLanguageLink {
	font-size: 1.125em;
}

#mobileMenuBottomContainer .changeLanguageLink:before {
	content: "\e609";
	font-family: "gu-icons";
	font-size: 32px;
	margin-top: -4px;
	margin-left: -6px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

#mobileMenuBottomContainer .changeLanguageLink_sv:before {
	content: url(/digitalAssets/1552/1552048_flagga_sv_svg.svg);
	width: 32px;
}

#mobileMenuBottomContainer .changeLanguageLink_en:before {
	content: "\e609";
}

/* Close icon */
.mobileStickyMenu:not(.mobileSticky) .mobileMenuButton.mobileMenuOpen .mobileMenuIcon:before {
	content: "\e61d";
}


/*
TODO: CSS3 animationer
#mobileContainer .childPages {
	overflow: hidden;
	transition: 400ms height;
}

#mobileContainer .childPages.-expanding {
	height: 0;
	display: block !important;
}
*/


				
				
			
		
			
			/*=======================================
			
			   Search CSS-väljare 
			
			=======================================*/
			
			
				
					






/* TODO move JS hide stuff to MainCSS */
.js-on .hide-when-js {
	display: none !important;
}
.js-off .hide-when-nojs {
	display: none !important;
}

/* //// NEW SEARCH \\\\ */
/*
.resultMetadata, .resultText, span.programcourseId {Display:none;}
*/


/* Result fragment */

.sectionTitle {font-weight:normal !important;}
.resultText,
.resultMetadata,
.gu_filterSelect,
#gu_sortSelect { /*font-size:0.75em;*/}
.gu_header { font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight:normal !important /*font-size: 1.375em !important;*/ }
.gu_rightPanel li:hover {background-color:#e5e5e5}
.feedbackMobileBtn { display: none; }

/*.personInfo li {float:left; width:24%!important;}
*/

.col75 .searchResultComp {margin-top:40px}

/*.searchResultComp { font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; }
*/
.searchResultComp .sectionHeader .sectionTitle { font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; }

/*.searchResultComp .searchHeader .gu_header { font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; }
*/
.gu_searchResults { float: left; }
.resetFilters { display: none; background: none; border: none; padding: 0; text-decoration: underline; }
.resetFilters.-visible { display: block; }
.gu_searchResults ol { list-style-type: none; margin-left: 0; margin-right: 0; /*font-size: 1em !important;*/ }

.choosenHit .gu_bestBetResult { padding: 10px 0 7px 0; width: 100%; overflow: hidden; }

.gu_searchResultList > li, .choosenHit, .choosenHit .gu_bestBetResult:nth-of-type(n+2) { padding: 10px 0 7px 0; width: 100%; overflow: hidden; 
background-image: -webkit-linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
background-image: -moz-linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
background-image: -o-linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
background-image: -ms-linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
background-image: linear-gradient(to right, #848282 1px, rgba(255,255,255,0) 2px);
background-position: top;
background-size: 3px 1px;
background-repeat: repeat-x; }



.query-label { font-weight: bold; }
.query-category { font-style: italic; }
.personEmailLink { word-break: break-all; display: inline; }
.choosenHit { background-color: #fbfbfb; }
.choosenHit .chosenHitTitle { font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; margin: 0 0 10px 0 !important; /*font-size: 1.445em;*/ display: block; }
.choosenHit p { /*font-size: 0.75em;*/ }
.choosenHit p a { font-family: NimbusSanNovCon-SemBol, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; /*font-size: 1.5em;*/ margin-bottom: 4px; text-decoration: none; }
.choosenHit p a:hover { text-decoration: underline; }

.gu_searchResults ol > li:hover { background-color: rgb(250, 250, 250); }

.gu_result { /*font-size: 1.124em !important;*/ }

.gu_result[data-href]:hover .gu_resultTitle a { text-decoration: underline; }
.gu_result[data-href]:hover { cursor: pointer; }

.gu_result .gu_resultTitle, .choosenHit .gu_bestBetTitle {/* font-size: 1em !important;*/ margin: 0 !important; font-family: NimbusSanNovCon-SemBol, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: normal !important; line-height: 120% !important; padding-right: 20px;}

.gu_bestBetResult { overflow: hidden; }

.gu_result .gu_resultTitle a, .choosenHit .gu_bestBetTitle a { color: #025DA6; text-decoration: none; word-break: break-word; overflow-wrap: break-word; }
.gu_result .gu_resultTitle a strong { font-weight: normal; }
.gu_result .gu_resultTitle a div { display: inline-block; }

.gu_result .gu_resultTitle:after, .choosenHit .gu_bestBetTitle:after {
	content: "\e61c";
	font-family: gu-icons;
	font-size: 32px;
	vertical-align: -9px;
	color: #025DA6;
	margin-left: -11px;
	margin-bottom: -5px;
	display: inline;
}

.resultlist { position: relative; min-height: 120px; margin-bottom:80px; }

/*.resultlist.-loading:before { position: absolute; left: 50%; margin-left: -50px; content: ""; background-image: url(''); width: 100px; height: 100px; display: block; }
*/

.loading-dots {
	display: none;
	position: absolute;
	top: 25px;
	left: 50%;
	height: 1rem;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.loading-dots > div {
	display: inline-block;
	font-size: 0;
	margin: 0 .25rem;
	background: #000;
	width: 1rem;
	height: 1rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: loading-dots 0.6s infinite alternate;
	-moz-animation: loading-dots 0.6s infinite alternate;
	animation: loading-dots 0.6s infinite alternate;
}
.loading-dots > div:nth-of-type(2) {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.loading-dots > div:nth-of-type(3) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

@-webkit-keyframes loading-dots {
	0% {
		-webkit-transform: scale(0,0);
	}
	100% {
		-webkit-transform: scale(1,1);
	}
}

@keyframes loading-dots {
	0% {
		transform: scale(0,0);
	}
	100% {
		transform: scale(1,1);
	}
}

.resultText p { /*font-size: 0.9em !important;*/ margin-bottom: 0;  }

.resultMetadata { color: #398c1d; line-height: 100%; margin: 0.2em 0; }

.resultMetadata p { display: inline-block; margin: 0 !important; /*font-size: 0.9em !important;*/ word-break: break-word; }

.resultMetadata p:before { content: ' \25CF'; font-size: 1em; margin-right: 4px; }

.resultMetadata :first-child:before { content: ''; display: none; }

.resultContent:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

.resultContent img { display: inline-block; float: left; width: 80px; margin-right: 10px; }

.gu_news .resultContent .gu_resultText { display: inline-block; width: 80%; vertical-align: top; }

.gu_event .gu_resultTitle, .gu_news .gu_resultTitle, .gu_other .gu_resultTitle { margin: 0 !important; }

.resultMetadata.-iconedHit { padding-left: 18px; position: relative; }

.resultMetadata.-iconedHit:before { position: absolute; left: -8px; top: 2px; font-family: gu-icons; font-size: 32px; -webkit-font-smoothing: none; font-smoothing: never; }

.resultMetadata.-iconedHit.-doctype_pdf:before,
.resultMetadata.-iconedHit.-doctype_doc:before,
.resultMetadata.-iconedHit.-doctype_ppt:before,
.resultMetadata.-iconedHit.-doctype_xls:before { content: "\e61a"; }
.resultMetadata.-iconedHit.-doctype_cal:before { content: "\e619"; }

.gu_person .resultContent .resultText { display: inline-block; width: 100%; vertical-align: top; margin-left: 0; }

.gu_person .personInfoContainer { margin-top: 8px; }

.gu_person .personInfoContainer .personInfoParagraph { /*font-size: 0.675em;*/ }

.gu_other .resultContent .resultText { display: inline-block; width: 100%; vertical-align: top; margin-left: 0; }

.gu_event .resultContent .resultText { display: inline-block; width: 100%; vertical-align: top; margin-left: 0; }

.resultContent .resultText p { color: #000; margin: 0 !important; }

.resultContent .resultText a { /*font-size: 0.9em; */}

.gu_programcourse .gu_programcourseLeft .resultText { padding: 0 5px 0 0; }

.gu_programcourseLeft { width: 68%; display: inline-block;vertical-align: top; }

/*.gu_programcourse .gu_programcourse .gu_programcourseLeft .gu_resultTitle { color: #025DA6; }
*/

.gu_programcourse .gu_programcourseLeft  .resultMetadata p { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.gu_programcourseRight { width: 31%; display: inline-block; vertical-align: top; /*font-size: 90%;*/ text-align: right; line-height: 100%; font-family: NimbusSanNovCon-Med, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; }

.gu_programcourseRight .programcourseId { display: inline-block; }

.gu_programcourseRight .gu_programcoursePoints { display: inline-block; margin-left: 0px;}

.gu_programcourseRight .gu_programcourseType { display: inline-block; margin-left: 0px; }

.smallNrOfHitsParenthesis { color:#9f9f9f; }

.checkLabel { vertical-align: middle; overflow: hidden; text-overflow: ellipsis; display: inline-block; word-break: break-word; /*font-size: 1em;*/ cursor: pointer; width:75%;}

.checkLabelTypeFloat { /*font-size: 1em;*/ width: 100%; vertical-align: top; overflow: hidden; text-overflow: ellipsis; display: inline-block; cursor: pointer; }

.filterOptionLabel { overflow: hidden; padding-left: 4px; /*font-size: 1em;*/ width: 100%; display: table-cell; cursor: pointer; line-height: 140%;/* word-break: break-all;*/ }

.gu_searchResults .personInfo { margin: 0; display: block; }

.gu_searchResults .personInfo li:last-child { border-bottom: none; }

.gu_searchResults .personInfoImage { float: left; margin-right: 10px; width: 75px; }


.resultlist.-loading + .gu_loadMoreResults { display: none; }

/* ES TODO remove!
.filterInputContainer .search_inp[type="radio"] { margin: 0 4px 2px 1px !important; vertical-align: middle; display: inline-block; }
.filterInputContainer .search_inp[type="checkbox"] { margin: 0 !important; vertical-align: middle; display: inline-block; }*/

.filterInputContainer .filterOption { vertical-align: middle; margin: 0; padding: 0; }

.search_inp:disabled { cursor: default; }
.search_inp:disabled + .checkLabel,
.search_inp:disabled + .filterOptionLabel { color: #BCBCBC; cursor: default; }

.gu_person .gu_personImage { height: 90px; width: 80px; float: left; background-image: url('/digitalAssets/1551/1551972_portrait.png'); margin-right: 10px; background-size: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.dispNone { display: none !important; }

.smallNrOfHits { margin-left: 5px; }

.searchHeader.gu_numberOfHitsHeader { /*font-size: 0.75em;*/ }

.gu_searchInputWrapper { 
  background: -webkit-linear-gradient(90deg, #D3959B 10%, #BFE6BA 90%);
  background:    -moz-linear-gradient(90deg, #D3959B 10%, #BFE6BA 90%);
  background:     -ms-linear-gradient(90deg, #D3959B 10%, #BFE6BA 90%);
  background:      -o-linear-gradient(90deg, #D3959B 10%, #BFE6BA 90%);
  background:         linear-gradient(90deg, #D3959B 10%, #BFE6BA 90%);
  padding: 90px 0 75px; 
}
.gu_searchContent { width: 55%; margin: 0 auto; text-align: center;}
.gu_searchInputWrapper .gu_searchContent #searchTextMiddle { width: 75%; vertical-align: top; border: 1px solid #000; padding: 5px; }
.gu_searchInputWrapper .gu_searchContent input { margin-bottom: 5px !important; }
.gu_searchInputWrapper .gu_searchContent .gu_searchLink { color: #000; display: block; text-align: right; margin-right: 7%; }
.gu_searchInputWrapper .gu_searchContent .gu_searchLink:before { content: "\e60c"; margin: -8px -2px; font-family: "gu-icons"; font-size: 32px; display: inline; min-width: 30px; line-height: 1; vertical-align: -9px; }
.gu_searchInputWrapper .gu_searchContent a { color: #000; display: inline; margin: 0 !important; padding: 0 !important; }

.gu_pagination ol {
	display: inline-block;
	margin: 0;
}

.gu_pagination li {
	display: inline-block;
	margin: 0;
}

#gu_pagination {border-top:1px solid #000;padding-top:15px; margin:0 auto}

#gu_pagination a,
#gu_pagination .-currentItem {
	padding: 8px 10px 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
	color:#000;
/*	display: inline-block;*/
	/*font-size:1.125em;*/
/*	font-family:NimbusSanNovCon-Med;
*/	}

#gu_pagination .gu_paginationStepButton:first-child {padding-left:0}
#gu_pagination .gu_paginationStepButton:last-child {padding-right:0}

#gu_pagination a:hover {
	background-color: #e5e5e5;
	text-decoration:none !important;
}

#gu_pagination .-currentItem {
background-color: #000;
color:#fff!important;
}

/*
.gu_paginationPage.-currentItem {
background-color: #000;
color:#fff!important;
}

.gu_pagination .gu_paginationPage {
	display: inline-block;
	padding: 4px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration:none;
color:#000;
}

.gu_paginationStepButton {
	padding: 6px 6px;
}

.gu_paginationItem:hover {
	background-color: #e5e5e5;
text-decoration:none;
border:1px solid #000;
}

.gu_paginationPage.-currentItem:hover {
	background-color: #fff;
}
*/

.gu_paginationItemList.paginationHasMorePagesLeft:before,
.gu_paginationItemList.paginationHasMorePagesRight:after {
	content: "\2026";
	display: inline-block;
	margin: 0 0.25em;
/*	font-weight: bold;*/
}

.gu_paginationItemList.paginationHasMorePagesLeft:before {
	margin-right: -4px;
}

.gu_paginationItemList.paginationHasMorePagesRight:after {
	margin-left: -4px;
}

.gu_filterControls {
	margin-top: 10px;
}

.searchHeader.-open + .gu_filterList,
.sectionHeader.-open + .gu_filterList {
	display: block;
}

.tabNavigationContainer { display: inline; margin: 0; height: 0; }
.tabNavigation { clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; }
.tabNavigation:focus { position: static !important; clip: auto; overflow: visible; height: auto; }

.searchHeader.searchAreaHeader { line-height: 100%; font-size: 1em !important; margin: 0; margin-top: 0 !important; }

#searchHitHeader { font-family: Verdana, Arial, Helvetica, sans-serif!important; color: #484848; font-size: 0.75em !important; font-weight: normal !important;}

.searchInProgressOverlay {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}

.searchInProgressOverlay.active {
	display: block;
}

@media only screen and (min-width: 801px) {
	
	/* Right panel */
	.gu_rightPanel {
		width: 28%;
		float: right;
		overflow: hidden;
		position: relative;
	}
	
	.desktopResetLabel { display: block; }
	.mobileResetLabel { display: none; }
	.gu_filterBar {
		width: 100%;
		margin-top: 10px;
	}
	
	.gu_filterBar,
	.gu_reduce {
		box-sizing: border-box;
		background-color: #f6f6f6;
		border-bottom: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ececec;
		padding: 16px 10px 20px 10px;
		}

	.gu_reduce {
		width: 100%;
		margin-top: 20px;
		}

	.col75 .gu_reduce {
		width: 100%;
		margin-top: 20px;
		padding: 9px 10px 20px 10px;
		}

	.js-off .programCoursesFilter .gu_reduceSection .desktopExpand + .gu_filterList {
		display: block;
	}
	.js-off .programCoursesFilter .gu_reduceSection .desktopExpand {
		border-bottom: none;
	}
	.js-off .programCoursesFilter .gu_reduceSection .desktopExpand .sectionTitle:after {
		content: '';
	}
/*	.resetFilters { position: absolute; top: -35px; right: 0; color: #3298B9; cursor: pointer; }*/
.resetFilters {
position: absolute;
top: -41px;
right: 0;
font-size: 0.75em;
color: #fff;
cursor: pointer;
padding: 2px 8px;
background-color: #000;
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
text-decoration: none }

.resetFilters:hover {text-decoration:underline;}

	.programCoursesFilter .gu_reduceSection .desktopExpand { position: relative; border-bottom: 1px solid #ddd; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.programCoursesFilter .gu_reduceSection .desktopExpand .sectionTitle:after { font-family: 'gu-icons'; content: '\e604'; font-size: 32px; position: absolute; right: -8px; top: -5px; line-height: 1; }
	.programCoursesFilter .gu_reduceSection .desktopExpand.-open .sectionTitle:after { font-family: 'gu-icons'; content: '\e605'; font-size: 32px; position: absolute; right: -8px; top: -5px; line-height: 1; }
	.programCoursesFilter .gu_reduceSection .desktopExpand.-open { border-bottom: none; padding-bottom: 1px; }
	.desktopExpand + .gu_filterList { display: none; }
	.programCoursesFilter .gu_reduceSection .desktopExpand.initialExpand + .gu_filterList { display: block; }
	.gu_mobileSortContainer { display: none; }

	.gu_filterSelect { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; padding: 4px; border: 1px solid black; margin-bottom: 4px !important; }
	
	.gu_rightPanel .searchHeader { border-bottom: 1px solid black; margin-bottom: 10px; padding: 0; width: 100%; }
	.filterInputContainer:hover { background-color:#e5e5e5; }
	.searchHeader.searchAreaHeader { margin-bottom: 10px !important; }
	
	#interestAreaSelect { margin: 2px 0 1.25em 0 !important; }
/*	.smallNrOfHitsParenthesis:before { content: '('; }
	.smallNrOfHitsParenthesis:after { content: ')'; }
*/	.filterHeader {margin-bottom: 20px; border-bottom: 1px solid black; padding-bottom: 2px; background-color: transparent; position: relative; }
	.gu_rightPanel .gu_filterBar ul, .gu_rightPanel .gu_reduce ul { list-style-type: none; margin-left: 0; /*font-size: 1em !important;*/ }
	
	.gu_reduce .filterInputContainer, .gu_filterBar .filterInputContainer { /*font-size: 0.7em;*/ padding: 0px 0 3px 0; /*margin: .4em 0;*/ margin: 0 -10px; }
	.gu_reduce .gu_filterListLevel2 .filterInputContainer { /*font-size: 1em; padding: 0 0; margin: .4em 0;*/ }
	.gu_reduce .filterInputInnerContainer, .gu_filterBar .filterInputInnerContainer { display: table; padding:0 0;}
	.gu_filterListLevel2 { list-style-type: none; margin: 0; margin-top: 0; padding: 0; }
	.gu_reduceSectionLevel2 { margin-left: 20px; }
	.gu_filterList { margin-right: 0 !important; padding:0; display: block; }
	.gu_filterList li .checkLabel { margin-left: 4px; }
	/* .gu_filterList li:after { content: ''; display: block; clear: both; } */
	.gu_searchResults { width: 72%; padding: 0 20px 0 0; box-sizing: border-box; position: relative; }
	.gu_reduceSection { margin: 1em 0 0 0; }
	.sectionHeader { margin: 0; padding: 0; width: 100%; color: currentColor; }
	.sectionHeader .sectionTitle { /*font-size: 1.0625em !important;*/ overflow: hidden; text-overflow: ellipsis; display: inline-block; padding-bottom: 2px; line-height: 120%; }
	.gu_caret { display: none; }
	.gu_reduceSectionWrapper { background-color: transparent; width: 100%; display: block; position: relative; }
	.reduceSelectedCount { display: none; }
	.clearInput { float: right; margin-top: 2px; /*font-size: 0.75em;*/ color: #3298B9; cursor: pointer; font-weight: normal; }
	.sectionHeader:not(.desktopExpand) + .gu_filterList { display: block !important; }
	.dispBlock { display: block; }
	.gu_header { display: inline-block; vertical-align: bottom; margin: 0 0 2px!important; /*font-size: 1.25em;*/ }
	.currentSelected { display: none; }

	#searchTextMiddle {width: 75%; margin: 0; box-sizing: border-box; margin-bottom: 10px; border: 1px solid rgb(0, 0, 0); -webkit-border-top-left-radius: 3px !important; -webkit-border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important;}
	#searchInputButton {width: 25%; height: 25px !important; padding: 0 !important; border-left: none !important; text-align: center; background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important;-webkit-border-top-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
	#searchInputButton:hover {background-color: rgb(230, 230, 230) !important; color: rgb(0, 0, 0) !important; cursor: pointer;}
	.gu_reduceSection .searchButtonIconOverlay:before {font-size: 26px;	line-height: 26px; right: 11px;}
	
	.gu_rightPanel .textInputFilter #middleSearchForm .largeSearchButton { display: block; margin: 5px 0 10px; }
	.textInputFilter > input {vertical-align: top;}

	.gu_rightPanel .gu_reduce .filterHeader:after { content: ''; display: block; clear: both; }
	
	.sectionHeaderSelectedFilter, .generalSelectedCategoryName, .defaultHeaderSelectedFilter, .gu_sortSectionWrapper { display: none; }

	.gu_rightPanel li.desktopInterestArea:hover { background-color: rgb(250, 250, 250); }
	/* Results table */

	#searchHitHeader { line-height: 1.4em; }

	.gu_programcourseRight .gu_programcourseEduId { width: 65px; display: inline-block; }
	.gu_programcourseRight .gu_programcourseType  {width:65px;}
	.gu_programcourseRight .gu_programcoursePoints { width: 65px; }
	.gu_programcourseRight { padding-top: 4px; }
	
	
	/* Search header */
        .mobileSearchWrapper { display: none; }
	.gu_searchUpper { position: relative; width: 72%; float: left; border-top: none; padding-top: 5px; box-sizing: border-box; }
	.gu_searchUpper .gu_largeSearchHeader { display: inline-block; /*font-size: 2.5em !important;*/ margin: 0 !important; line-height: 100%; font-family: NimbusSanNovCon-Med, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; }
	.gu_searchUpper .gu_sortResults #gu_sortSelect { min-width: 120px; padding: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; border: 1px solid #000; vertical-align: 3px; height: 22px; width: auto; }
	.gu_sortBy { /*font-size: 1.375em;*/ margin-right: 4px; font-family: NimbusSanNovCon-Med, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; }
	.gu_sortResults { display: inline-block; white-space: nowrap; height: 40px; line-height: 50px; float: right; }
	.col75 .gu_sortResults { height: 35px; line-height: 32px; }
	.gu_innerContent:after { content: ''; visibility: hidden; display: block; clear: both; }
	.pull-right { float: right; }
	.gu_numberOfHits { margin: 5px 0 0; }
	.gu_numberOfHits .searchHeader { display: block; margin: 15px 0; }
	.gu_innerContent { margin: 0 20px 0 0; border-bottom: 1px solid black; position: relative; }

	#bodyArea input.gu_searchSubmitButton {margin-bottom: 0; vertical-align: 1px; height: 22px; padding: 0 10px;}
	
	
/*JS tillagg 801*/
.smallNrOfHitsParenthesis {font-size: 0.625em;}
.gu_reduceSectionLevel2 {margin-left: 15px; margin-right: 10px; }
.filterInputInnerContainer input {font-size: 0.625em;}
.searchHeader.gu_numberOfHitsHeader {font-size: 0.75em;}
.gu_header { font-size: 1.375em !important;font-weight: normal !important;}
h2.gu_header { line-height: inherit; }
.sectionHeader .sectionTitle {font-size: 1.0625em}
.gu_searchResultList li p {font-size: 1em;}
.gu_result .gu_resultTitle, .choosenHit .gu_bestBetTitle {font-size: 1.5em !important;}
.gu_result h3.gu_resultTitle {font-size: 1.375em !important;}
.gu_programcourseRight {font-size: 130%;}
.gu_sortBy {font-size: 1.375em;}

#gu_pagination li a,
#gu_pagination li .-currentItem	{font-size:150%;}

/* #gu_pagination .gu_paginationStepButton:first-child {padding-left:0;font-size:110%;} */
/* #gu_pagination .gu_paginationStepButton:last-child {padding-right:0;font-size:110%;} */
#gu_pagination > a.gu_paginationStepButton {font-size:110%;}
#gu_pagination .gu_paginationStepButton:first-child {padding-left:0;}
#gu_pagination .gu_paginationStepButton:last-child {padding-right:0;}


.programCoursesFilter .gu_reduceSection .desktopExpand.-open {/*border-bottom:1px solid transparent;*/}

.programCoursesFilter .gu_reduceSection .desktopExpand:hover {border-bottom:1px solid #000;padding-bottom: 0px;}


/*.sectionTitle,
.gu_rightPanel .searchHeader {padding-left:10px;padding-right: 10px;}*/

.filterInputInnerContainer {margin-left:10px;margin-right: 10px;}

.col75 .gu_programcourseRight {width: 15%;}
.col75 .gu_programcourseLeft {width: 84%;}
/* .col75 .gu_sortResults {height: auto; line-height: 180%;}*/
.col75 .gu_reduce {margin-top:0;}
.col75 .gu_sortBy {font-size: 1.25em;}
.col75 .gu_rightPanel {width: 30%;}
.col75 .gu_searchUpper,
.col75 .gu_searchResults {width: 69.5%;}
.col75 label {font-size: 0.688em;}
.col75 .gu_reduce {margin:0}

}

/*JS tillagg generic*/
#gu_pagination {font-family:NimbusSanNovCon-Med;}

.gu_paginationItemList.paginationHasMorePagesLeft::before, .gu_paginationItemList.paginationHasMorePagesRight::after {display:none!important}

	/*#gu_pagination ol,*/
	#gu_pagination .gu_paginationStepButton {width:auto; display:inline-block;}
	#gu_pagination .-currentItem {text-align:center}
	#gu_pagination .gu_paginationStepButton:first-child {text-align:center;  }
	#gu_pagination .gu_paginationStepButton:last-child {text-align:center; }
	#gu_pagination .gu_paginationStepButton:first-child:before {content: "\e601"; font-family: "gu-icons"; font-size: 32px; display: inline; min-width: 30px; vertical-align: -8px; }
	#gu_pagination .gu_paginationStepButton.listAllButton:first-child:before { content: none; }
	#gu_pagination > .gu_paginationItemList + .gu_paginationStepButton:after { content: "\e602"; font-family: "gu-icons"; font-size: 32px; display: inline; min-width: 30px; vertical-align: -8px; margin-right: -10px; }
	.gu_pagination {text-align: center;}
	.gu_pagination li {display:inline-block;}


/* //// NEW SEARCH \\\\ */
@media only screen and (max-width: 800px) 
{
.col75 div.searchResultComp {width:90%;margin-left:auto;margin-right:auto}
	.searchFeedbackForm { display: none; }
	.feedbackMobileBtn { display: block; float: right; border: 1px solid #000; border-radius: 3px; padding: 6px 14px; margin-top: 16px; font-family: NimbusSanNovCon-SemBol !important; background-color: #FFF; font-size: 0.91em; cursor: pointer; }
	.feedbackMobileBtn:hover { background-color: #ddd; }
	.searchHeader.gu_numberOfHitsHeader { display: block; }
	.searchHeader.gu_numberOfHitsHeader.moveLeft { display: inline-block; width: 50%; }
	/*#searchHitHeader { line-height: inherit; font-size: 0.75em !important; margin: 0 !important; }*/
	.col75 #gu_filterOptionWrapper {background-color: white !important; /* !important overrides other important */ }
	#gu_filterOptionWrapper.dispNone ~ .gu_mobileSortContainer { width:100%; }
	/*JS tillagg 800*/
	.currentSelected,
	.smallNrOfHitsParenthesis {font-size: 0.75em;}
	.searchHeader.gu_numberOfHitsHeader,
	.sectionHeaderSelectedFilter,
	.generalSelectedCategoryName,
	.defaultHeaderSelectedFilter {font-size: 0.75em;}
	.gu_result .gu_resultTitle, .choosenHit .gu_bestBetTitle {font-size: 1.25em !important;}
	.resultContent .resultText a {font-size: 0.75em;}
	.gu_searchResults {font-size: 110%;}
	.gu_header, .searchResultComp .sectionHeader .sectionTitle { font-size: 1.1875em; font-size: 1.1875em !important; line-height: inherit; }
	.col75 .gu_rightPanel, .col75 .gu_searchUpper, .col75 .gu_reduce .searchHeader, .filterHeader {background-color:#fff;}

	.gu_reduce.dispNone {
		display: block !important;
	}

	#gu_pagination li a,
	#gu_pagination li .-currentItem	{font-size:125%;}
	
/* 	#gu_pagination > a.gu_paginationStepButton {font-size:110%;} */
/* 	#gu_pagination .gu_paginationStepButton:first-child {padding-left:0;} */
/* 	#gu_pagination .gu_paginationStepButton:last-child {padding-right:0;} */
	
	.gu_searchResultList > li, .choosenHit { padding: 10px 0 0 0; }
	.filterOptionLabel {padding:7px 8px;}
	.gu_programcourseRight {width: 15%;}
	.gu_programcourseLeft {width: 83%;}
	.gu_programcourseRight div {margin-top: 3px;}
	.sectionHeader.-open + .gu_filterList {border-top: 1px solid #ddd;}
	.gu_reduceSectionLevel2 {padding: 0 20px 0 21px;}
	div.gu_innerContent {display:none;}
	
	.gu_reduce .searchHeader,
	.filterHeader {
		background-color: whitesmoke !important;
	}

	/*.resetFilters, .generalFilter, .eventFilter, .newsFilter, .programCoursesFilter { width: 90%; margin: 0 auto; }*/
	.gu_reduceSection { width: 90%; margin: 0 auto 7px; }
	.resetFilters { text-decoration: none; width: 90%; margin: 0 auto 20px; font-size: 1em; padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #000; box-sizing: border-box; text-align: center; cursor: pointer; margin-bottom: 20px; font-family: NimbusSanNovCon-SemBol, "TeXGyreHerosCnBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; }

	/* Right panel */
	.gu_rightPanel .textInputFilter { display: none; }
	#gu_sortSelect { display: none; }
	#gu_filterSelect { width: 100%; }
	.gu_sort-and-filter-buttons-wrapper { box-sizing: border-box; width: 90%; margin: 0 auto 10px auto;padding-bottom: 10px; overflow: hidden; /* clearfix */ }
	.gu_mobileSortContainer { width: 29%; margin: 0; box-sizing: border-box; display: inline-block; float: right; }
	.gu_reduce #gu_mobileSortSelect { width: 100%; margin: 0; height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid black; padding-left: 6px; font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important; /*font-size: 1.5625em;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	.gu_rightPanel { /*width: 100%;*/ float: none; border-bottom: 1px solid black; background-color: whitesmoke; box-sizing: border-box; margin-bottom: 10px; padding: 0; max-width: none !important; margin: 0 -5.4555%; overflow: hidden;}
	.gu_reduce { margin: 10px 0 0 0; }
	#filters { width: 90%; margin: 0 auto; }
	.gu_filterBar { border: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*margin: 0px 20px 10px 20px;*/ /*background-color: white;*/ box-sizing: border-box; }
	.currentSelected { position: absolute; right: 25px; bottom: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: white; background-color: #000; padding: 1px 9px 2px 9px; margin: 0 10px 0 0; box-sizing: border-box; max-width: 42% !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	
	.gu_header { display: inline; /*font-size: 1.5em;*/ }
	.gu_filterList { list-style-type: none; margin: 0; display: none; margin-top: 0; padding: 0; }
        .gu_rightPanel .gu_reduce .gu_sortSectionWrapper .gu_reduceSection { padding-top: 0; }
	.gu_rightPanel .gu_reduce .gu_reduceSection { border: 1px solid rgb(148, 148, 148); box-sizing: border-box; margin-bottom: 7px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#fff; position: relative; min-height: 42px; padding-top: 40px; }
	.gu_filterBar .searchHeader, .sortHeader, .filterHeader {  cursor: pointer; position: relative; padding: 10px 10px 8px 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; box-sizing: border-box; }
	.sortHeader { border-bottom: none; }
        .sortHeader.-open { background-color: #ddd; }
	.rightPanel .filters .gu_filterBar .searchHeader .gu_header { margin-top: 0; /*font-size: 1.188em;*/}
	.gu_reduce .searchHeader { border: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*padding: 10px;*/ box-sizing: border-box; margin: 0; cursor: pointer; /*background-color: white;*/ position: relative; width: 69%; vertical-align: top; display: inline-block; }
    .gu_numberOfHits .searchHeader { margin: 0 0 10px; }
	.clearInput { display: none; }
	.sectionHeader { margin-bottom: 0; padding: 10px 10px 8px 10px; position: absolute; top: 0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; cursor: pointer; }
	.sectionHeader .sectionTitle { font-weight: normal !important; /*font-size: 1.1875em !important;*/ display: inline; line-height: 120%; }
	.sectionHeader.visuallyHidden { width: auto; }
	.gu_reduceSectionWrapper { background-color: #ddd; padding: 20px 0 10px; border-top: 1px solid black; display: none; }
	.gu_sortSectionWrapper { background-color: #ddd; padding: 20px 0 10px; border-top: 1px solid black; display: none; }
	.gu_reduceSection .gu_filterList li select { margin: 0 !important; width: 100%; }
/*	.smallNrOfHitsParenthesis:before { content: '('; }
	.smallNrOfHitsParenthesis:after { content: ')'; }
*/        .smallNrOfHitsParenthesis { display: table-cell; /*font-size: 0.75em;*/ }
	.gu_filterList li { padding: 4px 10px 6px 10px; /*font-size: 1.188em;*/ }
	.reduceSelectedCount:empty { display: none; }
	#gu_filterOptionWrapper.filterHeader.-open { background-color: #ddd !important; }
	.filterHeader { background-color: #fff; }
	.gu_filterSelect { margin: 0 !important; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid black; padding-left: 6px; font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important; /*font-size: 1.5625em;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	.desktopResetLabel { display: none; }
        .mobileResetLabel { display: block; }
	/* Result table */
	.gu_searchResults { width: 100%; box-sizing: border-box; margin-top: 10px; }
	
	.gu_searchResultList > li, .choosenHit { padding: 10px 0; }
		
	/* Search header */
	.mobileSearchWrapper { position: relative;  display: block; width: 90%; margin: 0 auto; }
	.mobileSearchWrapper .mobileSearchfield { 
		font-size: 16px !important;
		margin: 0 0 0 0!important;
		padding: 2px 0.625em !important;
		width: 87%;
		width: calc(100% - 45px);
		height: 34px;
		border: 1px solid black;
		border-radius: 3px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #000;
	}

	.searchButtonOverlay {
		width: 87%;
		width: calc(100% - 45px);
		position: absolute;
		top: 0;
	}
	
	.mobileSearchWrapper .searchButtonOverlay:before {
		content: "\e60c";
		display: block;
                color: #fff;
		position: absolute;
		font-size: 32px;
		top: 10px;
		right: 14px;
		font-family: "gu-icons";
		pointer-events: none;
	}
	
	.mobileSearchWrapper .searchButtonOverlay:before:active {
		color: #000!important;
	}

	#searchFormMobileSubmit:hover + .searchButtonOverlay:before {
		color: #000 !important;
	}

        .gu_searchUpper .mobileSearchWrapper #searchFormMobileSubmit {
                height: 34px;
                width: 60px;
		/*font-size: 0.9375em!important;*/
		font-family: NimbusSanNovCon-SemBol, "Nimbus Sans Novus Cond SemiBold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
		position: absolute;
		top: 0;
		right: 45px;
		line-height: 1;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-top-left: 0px;
		-moz-border-radius-bottom-left: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		background-color: #000;
		color: #fff;
		border: 1px solid #000;
		padding: 0 14px;
		text-transform: uppercase;
		margin: 0;
        }
        .filterInputInnerContainer { padding: 3px 10px; display: table; }
	.filterOption { display: table-cell; }
        #filters .gu_filterList { margin-top: 0; }
	.gu_searchUpper { background-color: whitesmoke; /*border-top: 1px solid black;*/ padding: 20px 0 10px; max-width: none !important; margin: -20px -5.5555% 0;}
	.gu_searchUpper .gu_largeSearchHeader { display: inline-block; margin: 10px 0 4px 0 !important; /*font-size: 24px !important;*/ }
	.gu_numberOfHits { margin: 0 0 10px 0; }
	.gu_sortResults { display: none; }
	
	.gu_searchContent { width: 85%; margin: 0 auto; text-align: right;}
	.gu_searchInputWrapper .gu_searchContent #searchTextMiddle { width: 70%; vertical-align: top; border: 1px solid #000; padding: 5px; }
	.gu_searchInputWrapper .gu_searchContent .gu_searchLink { color: #000; display: block; margin-right: 0; }
	
	/* Result fragment */
	
	.gu_result .resultText p { /*font-size: 1em !important;*/ word-break: break-word; }
	
	.gu_other .resultMetadata p { word-break: break-word; }

	.resultContent img { display: block; width: 100%; margin-bottom: 10px; }

	/*.resultlist { padding: 0 20px; }*/

/*	.gu_programcourseLeft { width: 67%; }
*/
	.gu_programcourseLeft .resultText { display: none; }

/*	.gu_programcourseRight { width: 30%; text-align: right; }
*/
	.gu_programcourseRight .gu_programcoursePoints { width: 100%; }

	.gu_programcourseRight .gu_programcourseType { width: 100%; margin-left: 0; }

	.gu_programcourse .gu_programcourseLeft .resultMetadata { display: none; }
	
	.gu_news .resultContent .resultText { display: block; width: 100%; }
	
	.sectionHeaderSelectedFilter, .generalSelectedCategoryName { position: absolute; right: 25px; bottom: 5px; /*font-size: 0.75em;*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: white; background-color: #000; padding: 2px 9px; margin: 0 10px 0 0; box-sizing: border-box; max-width: 50% !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	
	.defaultHeaderSelectedFilter { position: absolute; right: 25px; bottom: 5px; /*font-size: 0.75em;*/ padding: 0px 9px 3px 9px; margin: 0 2px 0 0; box-sizing: border-box; max-width: 42% !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

	.fadeOverlay { background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0.70) 100% ); height: 20px; position: absolute; width: 120px; right: 42px; top: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  }
	
	.filterInputContainer .search_inp[type="checkbox"] { vertical-align: middle }
	.gu_searchSortContainer li { display: none; }
	.gu_searchSortContainer li.dispListItem { display: list-item; }
	.gu_searchSortContainer { display: block; }
	.gu_mobileSortContainer .gu_filterBar {
		margin: 0;
	}
/*	.gu_mobileSortContainer .gu_filterBar .sortHeader { padding: 10px; }
*/	
	.mobileInterestArea { display: list-item; }

	.resetFilters:hover { background-color: #e6e6e6; }

	.gu_mobileSortContainer .sortHeader:after {
		font-family: 'gu-icons';
		content: '\e604';
		font-size: 32px;
		position: absolute;
		right: 0;
		top: 1px;
		line-height: 1;
	}
	
	.gu_mobileSortContainer .sortHeader.-open:after {
		content: '\e605';
	}
	
	.sectionHeader:after {
		font-family: 'gu-icons';
		content: '\e604';
		font-size: 32px;
		position: absolute;
		right: 0;
		top: 4px;
		line-height: 1;
	}
	
	.sectionHeader.-open:after {
		content: '\e605';
	}
	
	.gu_rightPanel .searchHeader:after {
		font-family: 'gu-icons';
		content: '\e604';
		font-size: 32px;
		position: absolute;
		right: 0;
		top: 1px;
		line-height: 1;
	}
	
	.gu_rightPanel .searchHeader.-open:after {
		content: '\e605';
	}

	.loading-dots {
		top: 200px; /*fallback*/
		top: 50vh;
		z-index: 21001;
	}
	.loading-dots > div {
		background: #fff;
	}
	
	.loading-backdrop {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.7;
		z-index: 21000;
	}
	.loading-backdrop.-loading {
		display: block;
	}
	
	.gu_result .gu_resultTitle > a {
		display: inline;
	}
	
	.gubasComp.is-searchv3-page {
		display: none;
	}

	/* //// END NEW SEARCH \\\\ */

.gu_header, .searchResultComp .sectionHeader .sectionTitle {/*font-size:18px !important;*/ font-family: NimbusSanNovCon-SemBol !important;}

}

.checkLabelTypeFloat input {/*font-size:0.875em !important;*/}
.gu_rightPanel input[type=checkbox]:checked + label,
.gu_rightPanel input[type=radio]:checked + label  {
/*  font-weight: bold;*/
}
/*
.filterInputContainer {border-bottom:1px solid #eee}

.gu_reduce input[type=checkbox] {
    display: none;
}

.filterOptionLabel {padding-left:0}
.gu_rightPanel input[type=radio]:checked  .filterInputContainer:target {background:#yellow;}
.gu_rightPanel input[type=checkbox]:checked + label:after {
content: "\e606";
font-family: "gu-icons";
    color: green;
    font-size: 20px;
    text-align: center;
    line-height: 1;
}
*/


/*JS*/

/* Search feedback form */

.searchFeedbackForm {
	margin-top: 22px;
	height: 400px;
	border: none;
}

.searchResultComp a.headerSearchHelpLink, .searchResultComp a:visited.headerSearchHelpLink {
	font-size: 12px;
	display: inline-block;
	width: 30px;
	position: absolute;
	top: 0;
	right: 0;
}
h2#searchHitHeader a {
	color: rgb(2, 93, 166);
}


				
				
			
		
			
			/*=======================================
			
			   GU Media Player CSS 
			
			=======================================*/
			
			
				
					.mediaPlayerContainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	margin-bottom: 20px;
	background-color: rgb(0, 0, 0);
}

.mediaPlayerContainer iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.slider_movie {
	color: rgb(255, 0, 0);
	font-size: 16px;
	text-align: center;
}
				
				
			
		
			
			/*=======================================
			
			   ResponsivCSS 
			
			=======================================*/
			
			
				
					
/* Level 3 page styling. Mobile elements in desktop mode */
.level3UniversityStartPageLink {
	display: none;
}


a#scrollToTop {
	position:fixed;
	bottom:40px;
	text-align:center;
	right:20px;
	background-color: rgba(255, 255, 255, 0.8);
	background-image:none;
	padding:7px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border:1px solid #ccc;
	color:#fff;
	width: 30px;
	height:30px;
	display:none;
	text-decoration:none!important;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	}
/*
a#scrollToTop:active {border:1px solid #000;}
a#scrollToTop:hover {background-color:#000;}
a#scrollToTop:hover:after {color: #fff!important;}
*/
a#scrollToTop:after {
	content: "\e603";
	font-family: gu-icons;
	font-size: 40px;
	color: #000;
	text-decoration:none!important;
	position:relative; top:7px;left:-5px;
	}

/*
.GUCarouselItems li a {text-decoration: none; font-family: NimbusSanNovCon-SemBol!important; padding-right:5px}
.GUCarouselItems li a:after {
content: "\e61c";
font-family: gu-icons;
font-size: 32px;
vertical-align: -8px;
color: #000;
margin-left: -5px;
display: inline;
padding-right:-5px;
}
.GUCarouselItems li a:hover:after {text-decoration: none !important;}
*/


/*---------------- STYLE ONLY FOR TABLETS -------------------*/
@media only screen and (min-width : 768px) and (max-width : 800px) {

	html, body {font-size:17px !important;}
	#universityLogo {width: 115px; height: 117px; background-size: 115px 117px;background-position: left top;}
	.siteHeaders a.level1 {font-size: 1.375em;line-height: 12px;}
	.siteHeaders a.level2 {font-size: 1em;}
	.siteHeaders {margin-top: 35px;margin-left: 10px;}
	h1 {font-size: 2em!important;/*font-size:32px !important*/}
	.adComp .col25, .adComp .col50 {height:270px;}

	/*
	.col16,
	.col20,
	.col33, */

	.col100 {
		width:90%!important;
		clear:both;
		float:none !important;
		margin:20px auto 0 auto;
		}

	.fadeIn .col100 {
		width:100%!important;
		}

	p.qfact {font-size:2.125em !important;}

	.fadeIn .col20 {width: 17.5%/*16.3%*/;}
	.fadeIn .col25 {width: 22.7% !important; padding-right:2.3%}
	.fadeIn .col33 {width: 31.2%;}
/*	.fadeIn .col50,
	#bodyArea .fullbredd .col50 {width: 47%;}
*/
.fadeIn .col50 {width:100%!important}
.fadeIn .col50 img {max-width:90%!important}
.fadeIn .col50 {margin:15px 0 0 0 ;clear:both; float:none !important; }

.fadeIn #accordion1 {padding:0!important;}
.fadeIn .col33 h2 {margin: 0 0 10px 0 !important}

	.fadeIn, #bodyArea .fullbredd {padding-left:5%;padding-right:5%;}

	.fadeIn .col20,
	.fadeIn .col25,
	.fadeIn .col33 {margin:15px 0 0 3% ;clear:none; float:left !important; }

	.fadeIn .col50, #bodyArea .fullbredd .col50 {margin:15px 3% 0 0; clear:none; float:left !important; }
/*
	.fadeIn .col20:first-child, .fadeIn .col33:first-child {margin-left:0!important;}
	.fadeIn .col20:last-child, .fadeIn .col33:last-child {margin-right:0;}
*/
	.fadeIn .col20:first-of-type, .fadeIn .col25:first-of-type, .fadeIn .col33:first-of-type, .col20:nth-child(7n+1) {margin-left:0!important;}
	.fadeIn .col20:last-of-type, .fadeIn .col25:last-of-type, .fadeIn .col33:last-of-type {margin-right:0;}
	.fadeIn .iconlinks .col20:first-of-type {margin-left:3%!important;}

	.fadeIn .GUCarouselContainer {width: 100%; margin:  0 auto; padding: 0;}

	.col100 h1, .col75 h1, .col50 h1, .img_scaled:first-child {margin-top: 1.125em!important;}

	#profilComp #targetGroups {padding: 30px 0 20px 0!important;}



	#megaFooter .col25 {width:23.2% !important;/*width:90% !important;*/ margin-top:30px;clear: none; float: left !important; }
#megaFooter .col25.first {margin-left:0 !important}
#megaFooter .col25 h2, #megaFooter .col50 h2, #megaFooter .col33 h2, #megaFooter .col100 h2 { font-size: 1.125em!important;}
#megaFooter .col25 a { font-size: 0.75em!important;}

#megaFooter .colAutoWidth {margin: 15px 0.55% 0px 0; float: none !important;}
#megaFooter .social {margin: 0 20px 0 0;}

.adComp .col25,
.adComp .col50 { border:1px solid #c9c9c9; margin:0 0% 20px 0;float:left!important;clear:none; border-left:0;}
.adComp div#first { border:1px solid #c9c9c9; }

.adComp .col25 {width:24.7% !important;}
.adComp .col50 {width:49.8% !important;}

/*fullbreddssidor, portal etc*/
div.noClass {/*max-width: 90%!important; JS ev ta bort*/ margin:0 auto}
div.noClass .col100 {width: 100%!important;margin: 0 auto; }
div.noClass .col50 {width:100% !important} /*JSx*/


.portalFourColumns {width:90%;margin:30px auto 0 auto !important;}

.portalFourColumns .col25 {
width: 47% !important;
padding-right: 3%;
clear: none  !important;
float: left  !important;
margin: 0 0 30px 0 !important;
}

.portalFourColumns .col25:nth-child(2) {padding-right: 0; }
.portalFourColumns .col25:nth-child(3n) {clear: left !important; }

/*
	a.cta:first-child {margin-left:5%; }
	a.cta:last-child {margin-left:5%; }
*/

#accordion1 .col50 {width:46.5% !important}

}

/*---------------- STYLES ONLY FOR PHONES -------------------*/
@media only screen and (max-width : 767px) {

	.GUCarouselHead .radtitel,
	.GUCarouselHead .gotoArea {width:45%}

#accordion1 .col50 {width:100% !important;}
#accordion1 .col50 h3 {margin-bottom:10px;}

	html, body {font-size:16px !important;}
	#universityLogo {width: 76px; height: 77px; background-size: 76px 77px;background-position: left top;}
	.siteHeaders a.level1 {font-size: 1.188em;/*font-size:120% !important;*/line-height: 12px;}
	.siteHeaders a.level2 {font-size: 0.938em;/*font-size:90% !important;*/}
	.siteHeaders {margin-top: 21px;margin-left: 8px;}
	h1 {font-size: 1.875em!important;/*font-size:32px !important*/}
	.adComp .col25, .adComp .col50 {height:250px; }

	.col16,
	.col33,
	.col20,
	.col25,
	.col50,
	.col66,
	.col75,
	.col80,
	.col100 {width:90%!important;max-width:100%!important;clear:both; float:none !important; margin:20px auto 0 auto !important;}

	.fullWidthInnerWrapper > .col16,
	.fullWidthInnerWrapper > .col33,
	.fullWidthInnerWrapper > .col20,
	.fullWidthInnerWrapper > .col25,
	.fullWidthInnerWrapper > .col50,
	.fullWidthInnerWrapper > .col66,
	.fullWidthInnerWrapper > .col75,
	.fullWidthInnerWrapper > .col80,
	.fullWidthInnerWrapper > .col100 {
		width: 100% !important;
	}

	.fadeIn h2 {width:90%;margin: 0 auto;}
	p.gotoArea {position:relative;  top:0; left:0; text-align:left;width:90%;}
	#megaFooter .col25, #megaFooter .col33 {width:90%!important;max-width:100%!important;clear:both;margin-top:10px; margin-left:0 !important;}
	#megaFooter .colAutoWidth {width: 100%;margin: 15px 0 0 ;float: right !important;}
	a.cta {height:auto!important; margin: 10px 0 0 0; }
	a.cta p {padding: 15px 10px 0 10px !important;}

.col75 .col75 {margin-left: 0 !important;}

#footerArea .col25,
#footerArea .col50 {
	width:100% !important;
	}

	#megaFooter .col25 h2, #megaFooter .col50 h2, #megaFooter .col33 h2, #megaFooter .col100 h2 { font-size: 1.25em!important;}
	#megaFooter .col25 a, #megaFooter .col33 a { font-size: 0.8125em!important;}
#megaFooter .social {margin: 0 7px 0 0;}

	.fadeIn .col33 {margin-bottom:40px;}
	.fadeIn .col33:last-child {margin-bottom:0}

	.adComp .col25 {width:49% !important; max-width:100% !important; border:1px solid #c9c9c9; margin:0 0% 20px 0;float:left!important;clear:none}

	.adComp .col50 {width:98% !important; max-width:100% !important; border:1px solid #c9c9c9; margin:0 0 20px 0;float:left!important;clear:none}

	/*-----------------------GURESEARCH ------------------------------*/
	.personInformationLeftColumn {width:100%;}
	.personInformationRightColumn {width:100%;}
}

/*---------------- GENERIC STYLES FOR MOBILE DEVICES -------------------*/
@media only screen and (max-width : 800px) {

	#megaFooter .col50 {margin:0}
	#megaFooter .col100 {margin-bottom:0}

	#tipbox {overflow: hidden; position: static; margin-top:0; width:90%}
	.eventBox {width:100%}

	html {
	    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	}

	table {min-width:90% !important}


	a.cta span.extra{display:none}
	a.cta p span.large {font-size: 1.125em !important;}


	.img_scaled {margin-top:0}
	/*.col25 .imageComp {margin-left:auto;margin-right:auto;text-align:center}*/
	.col25 .imageComp img {width:auto; max-width:100%!important;max-height: 300px;}

	#crumbtrailComp {display:none}

	.hideInMobile { display: none; }

	.GUCalendarCarouselGraphical {
		display: none;
	}

	#searchText, .simpleCourseSearch #searchText.searchFormText {height: 34px; font-size: 1em !important;}
	#searchFormImageSubmit, #bodyArea input.searchFormSubmitButton {height: 30px;}

	#bodyArea .fullWidthWrapper .simpleCourseSearch .searchFormSubmitButton {
		height: 30px;
	}

	/*
	#crumbtrailComp {
		display: block !important;
		max-width: 100% !important;
		width: auto;
		margin: 0px 0 0 0 !important;
		background-color:#000;
		padding:0 0 0 5%;
		}

	#crumbtrailComp ul {
		padding-left: 5%;
		width:auto !important;
		padding:0;
		}


	#crumbtrailComp li.current,
	#crumbtrailComp li:after,
	#crumbtrailComp li a {
		color: #fff;
		text-transform: uppercase;
		display: inline-block;
		padding: 6px 2px 4px 1px;
		font-family: NimbusSanNovCon-SemBol;
		font-size: 1.25em;	}
	*/
	/*#crumbtrailComp li:first-child,
	#crumbtrailComp li.current {
		display:none;
		}

	#crumbtrailComp li:after:last-child {content: "";}
	*/

	#partnerComp .col100 {width:100%!important;}
	/* Carousel is styled in ES responsiveCSS */
	/*.GUNewsCarouselList {width: 100%; margin-top:20px}*/

	body, #partnerComp h1, #profilComp #linkCollection h2 a, #profilComp #linkCollection .collapsablemenu a, #bodyArea #menuComp ul#menu li a, #bodyArea #menuComp ul#menu li a:visited, #searchResultComp .col100 #tabstrip li.current a, #searchResultComp .col100 a.current {color: #000;}

	/*JS labb*/
	/*.vinjettHeader {display:none}*/


	#profilComp #linkCollection h2 {Background:none;}

	h1, h2, h3, h4, h5, h6 {clear:both;}



	select {line-height: 30px;background: #fefefe;}

	/*Ta bort alert till lansering */
	/*.alert global, .alert {display:none}*/
	/*Ta bort alert ovan till lansering */


	html, body {padding:0 !important; margin:0 !important; width: 100% !important;max-width: 100%!important;/*overflow:hidden*/}
	#siteWidth {margin: 0 auto;}

	.GUCalendarCarouselRightList {display:none}


	/*-----------------------HEADER AREA ------------------------------*/
	#headerArea {width:90% !important;max-width:90%;}


	#darkRow .linklist{ padding:0 20px 0 20px;}

	/*
	#crumbtrailComp li a,
	#crumbtrailComp li {content:"";display:none}
	#crumbtrailComp {border-bottom:1px solid #000}
	#crumbtrailComp li.current {width:80%;font-size:16px; padding:0 20px 5px 20px ;display:block;}
	#crumbtrailComp li[class="current"]:after {content:"+" !important;}
	*/




	#bodyArea {margin:0 auto; width:100% !important;}





	.col16 img,
	.col33 img,
	.col20 img,
	.col25 img,
	.col50 img,
	.col66 img,
	.col75 img,
	.col80 img,
	.col100 img {max-width:100%;padding-left:0;padding-right:0; clear:both}


	/*-----------------------FOOTER AREA ------------------------------*/
	#footerArea {width: 90%; max-width: 100%!important; padding:15px 0; box-sizing: border-box; }

	#megaFooter .social {margin: 0 7px 0 0;}
	#megaFooter .col100 p {margin:0;}
	#partnerComp {margin: 20px auto; width: 90%;}
	#partnerComp .col25,
	#partnerComp .col50 {width:50%!important; clear:none; float:left !important;}
	#partnerComp h1 {margin: 0;}

	#megaFooter { max-width: 90% !important; }
	#megaFooter .col100 img { display: none;}
	#siteFooter {margin-top: 40px;}

	/*-----------------------FONT-SIZE BASE ------------------------------*/

	#bodyArea ul,
	#bodyArea ol,
	#linkAndShareContainer a.addthis_button,
	p.gotoArea,
	/*#megaFooter a,*/
	#megaFooter .social a,
	p, label, #bodyArea tr, .collectionlinkgroup h2 {font-size: 0.875em!important;}
	h2, p#menuLevel {font-size: 1.5625em !important;}
	h3,.contactComp h3, #bodyArea .col50 .newsListComp ul li a {font-size:1em !important;}

	#bodyArea ul ul,
	#bodyArea ul ul ul,
	#bodyArea ol ol,
	#bodyArea ol ol ol {font-size:100% !important;}

	.col25 h1, .col25 h2, .newsPushComp h2, .adComp .col75 h2, .adComp .col50 h2, .vinjettHeader {
		font-size: 1.5625em !important;
		}

	.adComp h2 {
		font-size: 1.3125em !important;
		}

	/*#megaFooter .col25,	*/
	.adComp .col25 p,
	.adComp .col50 p {
		font-size: 0.813em!important;
		}

	.smallfont {
		font-size: 13px !important;
		font-size: 0.75rem !important;
		}

	#vinjett75,
	#linkCollection {
		width:100% !important;
		float:none !important;
		clear:both
		}

	#accordion1 li p {font-size: 0.75em !important;}

	#accordion1 .col50 h3 {font-size: 0.875em !important;}

	#bodyArea ul.slotlist {
	font-size: 113% !important;
		}

	/*----------------------- VINJETTBILD & SNABBVÄGAR ------------------------------*/

	#profilComp #vinjett75 {min-height: 0;}
	#profilComp #linkCollection ul.collapsablemenu {width: 100%;position: relative !important;}
	#profilComp #linkCollection h2:first-child {margin: 0 0 10px 0!important;}
	#profilComp #linkCollection h2 {padding: 4px 10px 1px 10px; margin: 10px 0 10px 0!important; font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
	font-size:1.250em!important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	#profilComp #linkCollection .collapsablemenu a {padding: 9px 10px 7px 15px;margin:0}
	#profilComp #targetGroups .vinjettHeader {padding:0}
	#profilComp #targetGroups ul {padding: 0px 0 10px 0px;}
	#profilComp #targetGroups li {padding: 0 0 0.25em 0;width:50%;float:left;}
	#profilComp #linkCollection .collectionlinkgroup ul {margin-top: -10px;}
	#profilComp .collectionlinkgroup h2:after { font-size: 32px;}


	.collectionlinkgroup h2 {/*font-size:14px!important*/}
	#profilComp #shortcuts {width:90%!important;padding:15px 0 6px 0;margin:0 auto;}
	#profilComp #targetGroups {width:90%!important;padding:15px 0 6px 0;margin:0 auto;}
	#profilComp {background-color:#fff; border:none;}

	#profilComp #vinjett75 { border-right: none; }

	/*JS labb*/
	#profilComp #targetGroups ul.left,
	#profilComp #targetGroups .vinjettHeader {width: 100%!important; margin: 0 auto;}
	/*fyra länkar - utbildning*/
	#profilComp #targetGroups .vinjettlink a {padding:10px 10px; border:1px solid #c9c9c9; margin:0 0 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; /*background-color:#e3e3e3;*/background-color:#fff;}
	#profilComp #targetGroups .vinjettlink a:after {right:5%; color:#000; }

	#profilComp #linkCollection {border:none;background-color:#fff;height:auto;}
	/*
	a.cta p {height:auto!important; padding:10px 10px !important; border:0px solid #c9c9c9; margin:0 0 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
	a.cta:after {right:5%; color:#000; }
	a.cta {height:auto!important; margin:0; }
	*/
	/*-----------------------ADCOMP AREA ------------------------------*/

	/*
	.adComp {max-width:100%!important; margin:2em auto 0 auto; padding:0 20px 0 20px  !important;}
	.col25 .adComp {width:100%; margin:0 auto 20px auto; padding:0 !important;}
	.adComp .col25,
	.adComp .col50 {height:auto; width:100% !important; max-width:100% !important; border:1px solid #c9c9c9; margin-bottom:20px;}
	*/

	.col25 .adComp {width:40%; min-width:220px; margin:0 0 /*2*/0px 0; padding:0 !important;}
	.col25.rightColumn .adComp {margin-left: 0; margin-bottom: 20px;}


	.adComp {max-width:90%!important; margin:2em auto 40px auto; padding:0 20px  !important;}

	.adComp .col25:first-child,
	.adComp .col50:first-child {border-right:none;}
	.adComp .col25:last-child,
	.adComp .col50:last-child {border-left:none !important;}
	.adComp h2 {padding: 10px 10px 0 10px!important; /*font-size:1.3125em!important;*/}
	.adComp p {padding: 0 10px; /*font-size:80%!important;*/}



	/* Länklista bättre klickytor*/
	#megaFooter li a,
	.linkBlock li a,
	.articleComp li a {padding: 2px 0 6px 0; display: inline-table;}
	.newsPushComp li a,
	.calPushComp li a {margin: 0 0 0 0; display: inline-block;}



	/* TODO: ta bort #menuComp-regler nar mobilmenyn ar inlagd */
	#menuComp {background:#fff;padding:10px 0px 1px 0px; margin:0 0 50px 0!important}
	#menuComp p#menuLevel {padding-left:15px!important; padding-right:15px;}
	#bodyArea #menuComp ul#menu li a {padding:8px 15px 10px 15px;}
	p#menuLevel {
		background-image: url("");
		background-size: 24px 24px;
		background-repeat: no-repeat;
		background-position: right center;
	}


	.col25 .newsPushComp ul p,
	.col25 .calPushComp ul p {/*font-size:10px!important*/}

	.left,
	.right {width:100%!important; clear:both;float:none!important; text-align:left !important;}

	/*Denna sabbar karusellen*/
	div, li /*, ul*/ {max-width:100% !important;}



	.linklist > li > a {
		display: inline-block;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#bodyArea .adCompTextWrapper h2,
	#bodyArea .adCompTextWrapper h3 {
		font-family: NimbusSanNovCon-SemBol, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
	}



	/*-----------------------QFACT AREA ------------------------------*/
	/* Component modifikation*/
	/*.qfact p {text-align:left}*/
	p.qfact {line-height:100%; /*font-size:150%;*/}
	p.qfact span {background:none}

	/*-----------------------FADEIN AREA ------------------------------*/
	/*.fadeIn .col33 {margin-bottom:45px;}*/
	.fadeIn h2 {margin: 0 auto;}
	p.gotoArea {position:relative;  top:0; left:0; text-align:left; margin: 0 auto; /*font-size: 0.825em!important;*/ text-transform:none;font-weight:normal;}

	/*-----------------------GURESEARCH ------------------------------*/
	/*.personImage {width: 100%;height:250px}*/

	a.listIcon, div.listIcon {margin-right:20px}
	#searchText {width: 100%;}
	.tab {padding:7px 10px}
	.publicationLink {padding:10px;}

	/*-----------------------FORMS ------------------------------*/
	textarea.small, select.small, input.small {width:auto}




	/*
	.slider_overlay_text {position: relative;}
	*/
	/*
	.left_orientation,
	.left_full_orientation,
	.right_orientation,
	.right_full_orientation { width:auto;height:auto; top: 115px;}

	.slider_content,
	.slider_container {height:260px}
	ol#controls {margin: -75px auto 5px auto;}
	*/
	/*#headerArea .right,*/
	#sitemap {display:none; height:0px}

	.newsListComp li a,
	.newsPushComp li a,
	.calPushComp li a {padding: 0 0 0 0; display: block;}
	/*
	#profilComp #linkCollection h2{
		font-family: verdana, Arial, Helvetica, sans-serif!important;
	font-size: 15px!important;
	font-weight: bold!important;
	}

	*/

	/*--------------------- Carousels ------------------------*/
	.GUCarouselHead {
		max-width: none !important;
		margin: 0;
	}

	.GUCarouselContainer {width: 90%; margin:  0 auto; padding: 0;}

	.GUCarouselHead .gotoArea {text-align:right; top: 5px;}

	.GUCarouselInnerContainer {
		float: none;
	/*	margin-bottom: 30px;*/
	}

	.GUCarouselItems > li {
		width: 100%;
		margin: 0;
	}

	.GUCarouselItems > li:first-child {
		padding: 0 !important;
		}

	/* Commented styling is for an experiment with non-circular carousels */
	.GUCarouselItems > li:last-child { /* :not(.-lastChild) */
		position: absolute;
		top: 0px;
		left: -100.5%;
		margin-right: 0px;
	}
	/*
		li.-firstChild:nth-child(2) {
			visibility: hidden;
		}*/

	.GUCarouselItems.GUCarouselItems_count-1 > li {
		position: relative;
		left: 0;
	}

	.caroufredsel_wrap {
		float: none;
		margin: 0;
		overflow: visible;
		width: 100%;
		max-width: none !important;
	}


	.caroufredsel_wrapper {
		overflow: visible !important; /* overrides third-party styling */
	}

	.GUNewsCarouselComponent, .GUCalendarCarouselComponent {
		overflow: hidden;
	}

	.carouselItemWrapper {
		margin: 0 10px 0 0px ;
		height: 100%;
		box-sizing: border-box;
	}

	li.-fillerItem > .carouselItemWrapper {
		border: none;
	}

	.GUCarouselItemAssetContainer {
		max-width: none !important;
	}

	.GUCarouselItemAssetContainer > img {
		width: 100%;
	}

	.carouselMovieContainer {
		max-width: none !important;
		width: auto;
	}

	.carouselControls {
		width: auto;
		clear: both;
		margin: 0 -6.25%;
		max-width: none !important;
		width: auto;
	}

	.GUNewsCarouselList {
		width: 100%;
		margin: 0 auto;
		max-width: none !important;
		float: none;
	}

	.carouselControls .next, .carouselControls .prev {
		display: none !important;
	}

	/*-------------------  Cookie bar ------------------------*/
	.cookieBanner {
		bottom: -220px;
	}
	.cookieBanner p {
		margin: 0 0 20px 0;
	}
	.cookieBanner input[type="button"] {
		margin: 0 auto;
	}

	/*-------------------  Level 3 pages ------------------------*/
	.isLevel3Page .level3UniversityStartPageLink {
		display: block;
		background-image: none !important;
		background-color: rgb(0, 0, 0);
		left: 0;
		top: 0;
		width: 100vw;
		height: 35px;
		line-height: 35px;
		color: rgb(255, 255, 255) !important;
		margin: 0 -5.555% !important;
		padding: 0 5%;
		text-transform: uppercase !important;
		box-sizing: border-box;
	}
	/*.isLevel3Page .linklist, */#universityLogo img {
		display: none !important;
	}

	.searchButtonIconOverlay:before {
		line-height: 30px;
	}

} /* END: media query max-width: 800px */

/* -----------------  Carousel specific media query */

@media only screen and (max-width: 800px) and (min-width: 560px) {
	.GUCarouselItems > li {
		width: 50%;
	}
	.GUCarouselItems.GUCarouselItems_count-2 > li {
		position: relative;
		left: 0 !important;
	}
	.GUCarouselItems > li:last-child {
		left: -50%;
	}
}

/*-------------------  Responsiv tables ------------------------*/

@media only screen and (max-width: 800px) {
	.GUCalendarCarouselGraphical {width:100%}
}


#bodyArea .responsivTableInnerWrapper > table {
	display: table;
	margin-bottom: 0;
	overflow-x: visible;
}

.responsivTableWrapper {
	width: 100vw;
	max-width: none !important;
	margin: 0 -5.555%;
	margin-bottom: 2em;
	position: relative;
}

.responsivTableWrapper:after {
	content: "";
	position: absolute;
	width: 10px;
	top: 0;
	right: 5%;
	bottom: 0;
	z-index: 1000;
	pointer-events: none;
	opacity: 1;
	transition: 100ms opacity;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85&0+0,1+85 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(85%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 85%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 85%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.responsivTableWrapper.-tableIsRightMost:after {
	opacity: 0;
}

.responsivTableInnerWrapper {
	width: 90%;
	margin: 0 auto;
	overflow-x: auto;
}

.responsivTableInnerWrapper::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.responsivTableInnerWrapper::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

@media only screen and (max-width: 800px) {
	/* Hide tables before they are initialized */
	#bodyArea table {
		display: block;
		overflow-x: auto;
	}
}

/*-------------------  Kartena maps  ------------------------*/
/* TODO: does this need to be 480px? */
@media only screen and (max-width: 480px) {
	#mapFrame {
		width: 1px;
		min-width: 100%;
	}

	#kartenaMapDiv {
		position: relative;
		padding-top: 50%;
		border: 1px solid rgb(150, 150, 150);
	}
	.kartenaMapFrame {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 1px;
		min-width: 100%;
		height: 100%;
		border: none;
		-webkit-overflow-scrolling: touch;
	}
}


/*---------------- STYLES ONLY FOR PHONES -------------------*/
@media only screen and (max-width : 767px) {

	.fullWidthWrapper .puffMode li.newsCompListItem, .fullWidthWrapper .listMode li.newsCompListItem {
		width: 100%;
		flex: 0 0 100%;
		border-left: none;
		padding: 12px 0 12px 0 !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
		margin-bottom: 0;
	}

	.fullWidthWrapper .puffMode li.newsCompListItem {
		min-height: inherit;
	}

	.newsListPuffSection p {padding-bottom: 10px;}

	.fullWidthWrapper .newsListPuffImage {
		width: auto;
		display: inline-block;
		margin: 0 0 20px 0;
	}
	.fullWidthWrapper .newsListPuffContent {width: auto;}
	.newsPushComp ul li p .smallfont {padding-top: 0px;}
}

/*---------------- STYLE ONLY FOR TABLETS -------------------*/
@media only screen and (min-width : 768px) and (max-width : 800px) {
	.newsListPuffImage {width: 33%; display: inline-block;margin: 0 20px 0 0;}
	.newsListPuffContent {width: 100%/*64%*/;}
	p.newsListPuffText {font-size:1em!important;}
}

/*---------------- GENERIC STYLES FOR MOBILE DEVICES -------------------*/

@media only screen and (max-width : 800px) {
	html, body {overflow-x: hidden;}

	.col25, .col50, .col75, .col80 {
		width: 90%!important;
		max-width: 100%!important;
		clear: both;
		float: none !important;
		margin: 20px auto 0 auto !important;
	}

	.newsListPuffHeader {line-height: 110%}
	.fullWidthWrapper .puffMode .newsCompListItemLink {font-size:1.5625em}
	.linkIcon:after {font-size: 40px;top:-2px;left: -15px;}
	.newsListPuffImage {
		width: auto;
		display: inline-block;
		margin: 0 0 20px 0;
	}
	.fullWidthWrapper .puffMode .readMoreLinkSection {
		position: static;
		margin: 20px 0;
	}

	.a11yAccordionWrapper {max-width: 90% !important; margin: 0 auto;}
	.col50 .a11yAccordionWrapper {max-width: 100% !important;}
	.col75 .a11yAccordion .articleComp {width: 100% !important;}

	.a11yAccordionWrapper h1 {
		font-size: 32px !important;
		font-size: 1.875rem !important;
	}
	.a11yAccordionWrapper, .a11yAccordionWrapper p {
		font-size: 14px !important;
		font-size: 0.875rem !important;
	}
	.a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader {
		font-size: 19px !important;
		font-size: 1.1rem !important;
	}

	.fullWidthWrapper .listMode a.newsCompListItemLink, .fullWidthWrapper .calPushComp a {
		font-size: 1.5625em !important;
	}

	.fullWidthWrapper .calPushComp p a {
		font-size: 16px !important;
		font-size: 0.9353rem !important;
	}

	.fullWidthWrapper .listMode a.newsCompListItemLink, .fullWidthWrapper .calPushComp a, .fullWidthWrapper .puffMode .newsCompListItemLink {
		font-size: 23px !important;
		font-size: 1.375rem !important;
	}

	.fullWidthWrapper .GUCalendarCarouselComponent, .fullWidthWrapper .GUNewsCarouselComponent {
		margin: 0 -5.5555555%;
		padding: 0 5.555555%;
	}

	.fullWidthWrapper .col20 .puffMode li.newsCompListItem, .fullWidthWrapper .col33 .puffMode li.newsCompListItem, .fullWidthWrapper .col40 .puffMode li.newsCompListItem, .fullWidthWrapper .col50 .puffMode li.newsCompListItem, .col66 .fullWidthWrapper .puffMode li.newsCompListItem  {
		display: block;
		border: 0;
		width: 100%;
		flex: inherit;
		padding: 0;
		min-height: 0;
	}

	.fullWidthWrapper .col20 .newsCompList.puffMode .fullWidthHr, .fullWidthWrapper .col33 .newsCompList.puffMode .fullWidthHr, .fullWidthWrapper .col40 .newsCompList.puffMode .fullWidthHr, .fullWidthWrapper .col50 .newsCompList.puffMode .fullWidthHr, .fullWidthWrapper .col66 .newsCompList.puffMode .fullWidthHr {
		display: none;
	}

	.newsListPuffSection {
		border-bottom: 0;
	}

	.fullWidthWrapper.fullWidthWrapper input {
		font-size: 0.875rem !important;
	}

	.fullWidthWrapper ul p {
		font-size: 14px !important;
		font-size: 0.875rem !important;
	}

	.fullWidthWrapper .col25 .adComp {
		width: 100%;
		min-width: 100%;
	}
}

/*JS fix för Refugee and much more*/

/*---------------- STYLES ONLY FOR PHONES -------------------*/

@media only screen and (max-width : 767px) {
	.col75 .col66,
	.col75 .col50,
	.col75 .col33  {width:100% !Important;margin:auto;}
	.fadeIn .col33 {margin-bottom: 40px!important; width:100%!important}
	.col75 {width:100% !important}
	.col75 .articleComp,
	.col75 .guResearchComp,
	.GUNewsCarouselList .newsPushComp,
	.rssComp, #contentEnd {width:90% !important;margin:auto;}
	.fadeIn, .noClass {padding-left:5%;padding-right:5%;}
	.tabContainer {width:90% !important; padding-left:5%;padding-right:5%;}

	.fadeIn .col50,
	.noClass .col50,
	.fadeIn .col66,
	.noClass .col66,
	.GUCarouselContainer,
	.fadeIn h2 {width:100%!important}

	.GUCarouselHead .gotoArea {text-align:left; position: absolute; right: 0 !important; top: 8px; left: auto; width: auto;}
	.fadeIn .gotoArea {margin: 0}
	.fadeIn .col20 {width:100%!important;}

	.fullWidthInnerWrapper {width: 90%; margin: 0 auto; }

	.fullWidthInnerWrapper .GUNewsCarouselList .newsPushComp {
		width: 100% !important;
	}
	.fullWidthWrapper .newsCompList .fullWidth {
		display: none;
	}
	.GUCarouselItems > li p {
		font-size: 14px !important;
		font-size: 0.875rem !important;
	}

	.fullWidthWrapper .newsCompList.puffMode .fullWidthHr {
		display: none;
	}

	.fullWidthWrapper article + h2 + ul.newsCompList, .fullWidthWrapper article + ul.newsCompList {
		padding-top: 0;
	}

	.fullWidthWrapper ul p {
		font-size: 14px !important;
		font-size: 0.875rem !important;
	}

	.fullWidthWrapper .readMoreLinkSection.columnBlockLink {
		margin-left: 0 !important;
	}
}

/*---------------- STYLE ONLY FOR TABLETS -------------------*/

@media only screen and (min-width : 768px) and (max-width : 800px) {

	.col75 .col66 {width:64% !Important;}
	.col75 .col33  {width:31% !Important}
	.col75 .qfact .col25 {width:22% !important;clear: none; float: left !important;}
	.fadeIn .col33 {margin-bottom: 20px!important}
	.col75 {width:100% !important}
	.col75 .articleComp,
	.col75 .guResearchComp,
	.col75 .rssComp, #contentEnd {margin:auto 5%;}
	.tabContainer {width:90% !important; padding-left:5%;padding-right:5%;}
	#contentEnd .col100 {width:100%!important;}
	.col75 .fadeIn, .noClass {padding-left:5%;padding-right:5%;}

	.fullWidthWrapper .col20,
	.fullWidthWrapper .col25,
	.fullWidthWrapper .col40 {
		width: 47.5% !important;
		float: left !important;
		clear: none;
	}

	.fullWidthWrapper .col100 {
		width: 100% !important;
		margin: 15px 0.55% 0 1.55%;
	}

	.fullWidthWrapper .articleComp { width: 100%; margin: 0 !important; }

	.fullWidthWrapper {padding: 40px 0 40px 0;}

	.fullWidthInnerWrapper { width: 93%; max-width: 734px !important; margin: 0 auto; }

	#bodyArea .fullWidthSectionHeader {
		margin: 0 0 20px 1.55% !important;
	}

	.adComp.adCompButtonMode {
		height: 100px;
	}

	.fullWidthWrapper .col25, .fullWidthWrapper .col50 {
		width: 47.5% !important;
		float: left !important;
		clear: none;
		margin: 0 0.55% 20px 1.55% !important;
	}

/*JS febr*/
.col75 .fullWidthWrapper .col50 {
margin-left: 0% !Important;
margin-right: 2.1% !Important;
}

	.fullWidthWrapper article + h2 + ul.newsCompList, .fullWidthWrapper article + ul.newsCompList {
		padding-top: 12px;
	}

	.fullWidthWrapper .col100 .puffMode li.newsCompListItem {
		max-width: 33.33% !important;
	}

	.col100 .newsListPuffImage {
		width: 97%;
		margin: 0 0 20px 0;
	}

	.col100 .newsListPuffContent {
		width: 97%;
	}

	.fullWidthWrapper .newsPushComp h2 {
		font-size: 1.8175em !important;
	}

	.fullWidthWrapper h1, .fullWidthWrapper h1, .fullWidthWrapper h1 {
		margin-top: 0 !important;
	}

	.fullWidthWrapper .col20:nth-child(7n+1) {
		margin-left: 1.55% !important;
	}

	.fullWidthWrapper .col66.fullWidthOnIpad, .fullWidthWrapper .col50.fullWidthOnIpad {
		width: 97% !important;
	}

	.fullWidthWrapper .adComp {
		max-width: 100% !important;
		padding: 0 !important;
	}

	.col25.rightColumn .adComp {
		box-sizing: border-box;
		width: 47.5% !important;
		float: left !important;
		clear: none;
		margin: 0 0.55% 20px 1.55% !important;
	}
}

/*----------- Desktop only -------------*/

@media only screen and (min-width : 801px)  {
	.adComp.adCompButtonMode {height: 95px;}
}

@media only screen and (max-width : 800px) {
	.fullWidthWrapper .col100 {width:100%!important}
}

@media only screen and (max-width : 767px) {
	.fullWidthWrapper .col75 { width: 90% !important; }
	#siteWidth .fullWidthWrapper .articleComp { width: 100% !important; }

	.fullWidthWrapper {padding: 20px 0 40px 0;}

	.fullWidthWrapper .col20,
	.fullWidthWrapper .col25,
	.fullWidthWrapper .col33,
	.fullWidthWrapper .col40,
	.fullWidthWrapper .col50,
	.fullWidthWrapper .col66,
	.fullWidthWrapper .col75,
	.fullWidthWrapper .col100 { margin: 15px 0 0 0; width: 100%; float: none; }

	#bodyArea .adComp.adCompButtonMode .adCompTextWrapper {
	/*	height: 80px;*/
	min-height: 0 !important;
	}

	.videoGalleryContainer .col20,
	.videoGalleryContainer .col25 {float:none!important}
}
				
				
			
		
			
			/*=======================================
			
			   RightToLeft CSS 
			
			=======================================*/
			
			
				
					

/* Right to left flow */
.rightToLeftMode {
	text-align: initial;
}
.rightToLeftMode .col50 .articleComp {
	direction: rtl;
	text-align: right;
	text-align: start;
}
.rightToLeftMode #menuComp {
	direction: rtl;
	text-align: right;
	text-align: start;
}
.rightToLeftMode .submenu {
	text-align: right;
	text-align: start;
	direction: rtl;
}
#crumbtrailComp.rightToLeftModeCrumbtrail li {
	display: inline-block;
	vertical-align: top;
}
.rightToLeftModeCrumbtrail .current {
	text-align: initial;
	direction: rtl;
}
#crumbtrailComp.rightToLeftModeCrumbtrail li:first-child:after {
	display: inline-block;
	vertical-align: top;
}
				
				
			
		
			
			/*=======================================
			
			   Manakin-research CSS 
			
			=======================================*/
			
			
				
					.manakinEditWarning {
	margin-bottom: 20px;
}

#userDescriptionText.manakinCV {
	clear: both;
	margin-top: 14px;
}

.manakin-extra-info {
	clear: both;
	overflow: hidden; /* margin collapse fix */
}

.manakinEditAdminText {
	font-style: italic;
}

.manakinEditText {
	background-color: red;
	padding: 10px;
	font-weight: bold;
	color: white;
}

.manakinEditText > p:last-child {
	margin-bottom: 0;
}

.manakinEditText a {
	color: white !important;
}

.manakinEditText a:hover {
	color: rgba(255,255,255,0.75) !important;
}

.manakinExternalProfilesHeader {
	font-weight: normal !important;
	font-size: 0.75em !important;
}

.manakinExternalProfilesList {
	margin: 5px 0 5px 30px;
	display: inline-block;
}

.personCurriculumVitae.manakinCV {
	margin: 14px 0;
}

.personCurriculumVitae.manakinCV p {
	float: none;
}

#userDescriptionText.manakinCV > p:last-child {
	margin-bottom: 0;
}

.manakin-extra-info h2 {
	margin-top: .5em !important;
}

.publicationTitle.-noLink {
	font-weight: bold;
}
.mainTeachingFields,
.mainResearchFields {
	margin-left: 30px;
}

.mainResearchFields > li,
.mainTeachingFields > li,
.manakinExternalProfilesList > li {
	margin: 5px 0;
}

.mainResearchFields > li:first-child,
.mainTeachingFields > li:first-child,
.manakinExternalProfilesList > li:first-child {
	margin-top: 0;
}

.mainResearchFields > li:last-child,
.mainTeachingFields > li:last-child,
.manakinExternalProfilesList > li:last-child {
	margin-bottom: 0;
}

.guResearchComp.publicationList.manakinComp {
	width: 100% !important;
}

@media only screen and (max-width: 800px) {
	.manakinExternalProfilesHeader {
		font-size: 0.875em !important;
	}
}

				
				
			
		
			
			/*=======================================
			
			   Accordion CSS 
			
			=======================================*/
			
			
				
					#accordion  {
	margin: 20px 0 0 0;
	padding: 0;
	width: auto;
}

#accordion .col50 {
	width: 46.5%;
	float:left !important;
	clear:none
}

#accordion .accordionTextWrapper .col50 {
	margin: 0 20px 0 0;
}

#accordion .accordionTextWrapper .col50:nth-child(2n) {
	margin: 0;
}

/*.activateColour .articleComp {
	border: 0;
	border-top: 1px dotted #C2C1C1;
	padding: 10px 0 0 0;
	}
*/
/*JS
.activateColour .accordionTextWrapper {
 	border-top: 1px dotted #C2C1C1;
	padding: 10px 0;
	}
*/
.activateColour .articleComp:first-of-type {
	border: none !important;
	padding: 0 !important;
	}

/*JS*/
.a11yAccordionWrapper table {
line-height: 120%;
border: 0;
margin-bottom: 0;
}

.a11yAccordionWrapper tr {
border-top: 1px dotted #C2C1C1;
}

.a11yAccordionWrapper td {
width: 50%;
border: 0;
padding: 10px 0 20px 0;
}
/*slut-JS*/

/*
#accordion li {
	font-size: 135%;
}
*/
/*
.accordionTitleText {
	font-size: 135%;
	}
*/

.a11yAccordion.noColour h2,
.a11yAccordion.noColour h3 {
font-family: Arial, Helvetica, Verdana !important;
font-weight: bold !important;
font-size: 0.9375rem !important;
margin: 0  !important;
line-height: 130%  !important;
}

/*
.a11yAccordion.noColour h3 {
font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
font-size: 1.8175em !important;
margin: 0 0 0.25em 0;
font-weight: normal !important;
line-height: 115%
}
*/

.a11yAccordion h4 {font-size: 0.9375em !important;}

.a11yAccordion .articleComp {margin-bottom:0;}

#bodyArea ul.a11yAccordion {
	font-size: 100%;
	margin: 0;
}

#bodyArea ul.a11yAccordion ul {font-size:0.75em}

#accordion li h2 {
	margin-left:0!important;
	margin-top: 0 !important;
	clear: both;
}

#accordion .col50 {
	margin:0 20px 0 0;
}

.a11yAccordion {
/*	border-top: 1px solid #eee;*/
}

.a11yAccordionItemHeaderText span {
	margin-left: 5px;
}

.a11yAccordion .a11yAccordionSearchDiv {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: right
}

.a11yAccordion .a11yAccordionItem,
.a11yAccordion .a11yAccordionNoResultsItem {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
	list-style-type: none;
/*	border-bottom: 1px solid #eee;*/
}

.a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader,
.a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader {
	cursor: pointer;
	overflow: auto;
	position: relative;
	font-size: 18px !important;
	font-size: 1.125rem !important;
	color: rgb(0, 0, 0) !important;
	padding: 10px 30px 7px 15px;
	font-weight: normal;
	position: relative;
	top:0;
	left: 0;
	font-family: NimbusSanNovCon-Med,"TeXGyreHerosCnBold",Arial Narrow,Helvetica,Arial,"Lucida Grande",sans-serif !important;
	font-weight: normal;
/*	background-color:#fff;
*/	display: block;
}

.a11yAccordion .a11yAccordionHideArea {
/*	border-top: 0px solid #000;
	border-left: 5px solid #000;
*/	padding: 15px;
	display: none;
	background-color: #f6f6f6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
/*	border: 1px solid #ddd;*/
	}

.a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink,
.a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink {
	position: relative;
	top: 0;
	right: 0;
	float: right;
	font-size: 80%;
}

.a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordionItemHeaderLinkHiddenLabel,
.a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader .a11yAccordionItemHeaderLink .a11yAccordionItemHeaderLinkHiddenLabel {
	left: -900px;
	top: -900px;
	position: absolute
}
.a11yAccordion .accordionToggleText {
	float: right;
	margin-left: 20px;
	text-decoration: underline;
	font-size: 80%;
	text-transform: uppercase;
	display: inline-block;
}
/*
a.a11yAccordionItemHeader:after {
	font-family: "gu-icons";
	content: "\e617";
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 32px;
	line-height: 0.99;
}

a.a11yAccordionItemHeader.expanded:after {
	font-family: "gu-icons";
	content: "\e606";
	top: 6px;
}
*/

/*
.a11yAccordionWrapper a.a11yAccordionItemHeader:before {
	font-family: "gu-icons";
	content: "\e616";
	position: absolute;
	top: 12px;
	left:-5px;
	font-size: 20px;
	line-height: 0.99;
}

a.a11yAccordionItemHeader.expanded:before {
	font-family: "gu-icons";
	content: "\e615";
}
*/

.a11yAccordion .a11yAccordionItemHeader:hover .accordionToggleText,
.a11yAccordion .a11yAccordionItemHeader:focus .accordionToggleText {
	color: white !Important;
}

.a11yAccordion .a11yAccordionItemHeader .a11yAccordionItemHeaderLinkHideLabel {
	display: none;
}


.a11yAccordion .a11yAccordionItemHeader.expanded .a11yAccordionItemHeaderLinkHideLabel {
	display: inline-block;
}

.a11yAccordion .a11yAccordionItemHeader.expanded .a11yAccordionItemHeaderLinkShowLabel {
	display: none;
}

.a11yAccordionItem {
	position: relative;
}

.a11yAccordionItemHeaderLink {
	display: block;
}

.a11yAccordion .a11yAccordionItemHeaderText {
	width: 80%;
	position: relative;
	top:0;
	left: 0;
	font-family: NimbusSanNovCon-Med,"TeXGyreHerosCnBold",Arial Narrow,Helvetica,Arial,"Lucida Grande",sans-serif !important;
	font-weight: normal;
}

.a11yAccordionItemHeader {
	text-decoration: none;
}


.a11yAccordionItemHeader.expanded .accordionToggleText.a11yAccordionItemHeaderLinkHideLabel a {
	color:#fff!important;
}

.a11yAccordion li .clr:first-child {
	height:30px!important;
}

.accordionTitleText {
	position: relative;
}

ul.accordionQuickAdds {
	list-style-type: none;
}

li.accordionQuickAdd ~ li.accordionQuickAdd a {
	margin-top: 0;
}

.addAccordionElement {
	font-size: 12px;
	text-align: center;
	display: block;
}

body.decorated .a11yAccordion .a11yAccordionHideArea {
	display: block !important;
}

.addAccordionElement {
	display: none;
}

body.decorated .addAccordionElement {
	display: block;
}


body.decorated .a11yAccordionWrapper .redaktor {
	background-color: #f3f3f3;
	border: 1px dashed rgb(125, 125, 125);
	padding: 10px 10px 0px 10px;
	margin-bottom:20px;
	clear: both;
}

body.decorated ul.accordionQuickAdds {
	display: block;
	background-color: rgb(247, 249, 108);
	border: 1px dashed rgb(0, 0, 0);
	margin: 2px 0;
	padding: 5px 10px;
}

body.decorated li.accordionQuickAdd {
	display: inline-block;
	line-height: 100%;
	margin-right: 20px;
}

body.decorated .a11yAccordion .igAddComponent {
	padding: 10px;
	margin: 4px 0 2px 0;
	display: inline-block;
}

a.a11yAccordionItemHeader.expanded {
/*	background-color: #f4f4f4;
	border-left: 5px solid #000;
	padding-left:15px!important;*/
}


/* Ämnesspecifik CSS */

/* Default */

.a11yAccordion.activateColour .a11yAccordionItem.default .a11yAccordionItemHeader {
	border-left-color: black;
}
.a11yAccordion.activateColour .a11yAccordionItem.default .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.default .a11yAccordionItemHeader:hover {
	background-color: black!important;
}
.a11yAccordion.activateColour .a11yAccordionItem.default .a11yAccordionHideArea {
	border-left-color: black;
}


/* Generic colors */

.a11yAccordion.activateColour a.a11yAccordionItemHeader.expanded {
	color: rgb(255, 255, 255) !important;
}

.a11yAccordion.activateColour .a11yAccordionItemHeader:hover,
.a11yAccordion.activateColour .a11yAccordionItemHeader:focus {
	color: white !important;
}

.a11yAccordion.activateColour {
	border-top: 1px solid rgb(0, 0, 0);
}

.a11yAccordion.activateColour .a11yAccordionItem,
.a11yAccordion.activateColour .a11yAccordionNoResultsItem {
	border-bottom: 1px solid rgb(0, 0, 0);
}

.a11yAccordion.activateColour .a11yAccordionItem .a11yAccordionItemHeader,
.a11yAccordion.activateColour .a11yAccordionNoResultsItem .a11yAccordionItemHeader {
	border-right: 1px solid #000;
	border-left: 15px solid #000;
}

.a11yAccordion.activateColour .a11yAccordionHideArea {
	border-right: 1px solid #000;
}

.a11yAccordion.activateColour .a11yAccordionItem .a11yAccordionItemHeader,
.a11yAccordion.activateColour .a11yAccordionNoResultsItem .a11yAccordionItemHeader {
	padding: 10px 30px 7px 10px;
	}

.a11yAccordion.activateColour .a11yAccordionHideArea {
	background-color: #fff;
	}

.a11yAccordion.activateColour .a11yAccordionHideArea {
	padding: 30px 15px 30px 20px;
	}

.a11yAccordion.activateColour .a11yAccordionHideArea {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}

.a11yAccordion.activateColour a.a11yAccordionItemHeader.expanded {
	padding-left:10px!important;
}

.a11yAccordion.activateColour .a11yAccordionHideArea {
	border-left: 5px solid #000;
	}

.a11yAccordion.activateColour a.a11yAccordionItemHeader:after {
	font-family: "gu-icons";
	content: "\e616";
	position: absolute;
	right: 7px;
	top: 7px;
	font-size: 24px;
	line-height: 0.99;
}

.a11yAccordion.activateColour a.a11yAccordionItemHeader.expanded:after {
	font-family: "gu-icons";
	content: "\e615";
}

.a11yAccordion.activateColour a.a11yAccordionItemHeader:before {
	content: "";
}

.a11yAccordion.activateColour a.a11yAccordionItemHeader.expanded:before {
	content: "";
}



/* Medicin */

.a11yAccordion.activateColour .a11yAccordionItem.medicin .a11yAccordionItemHeader {
	border-left-color: rgb(200,0,67);
}
.a11yAccordion.activateColour .a11yAccordionItem.medicin .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.medicin .a11yAccordionItemHeader:hover {
	background-color:rgb(200,0,67) !important; border-left-color: rgb(200,0,67);
}
.a11yAccordion.activateColour .a11yAccordionItem.medicin .a11yAccordionHideArea {
	border-left-color: rgb(200,0,67);
}

/* Natur */

.a11yAccordion.activateColour .a11yAccordionItem.natur .a11yAccordionItemHeader {
	border-left-color: rgb(67,107,69);
}
.a11yAccordion.activateColour .a11yAccordionItem.natur .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.natur .a11yAccordionItemHeader:hover {
	background-color: rgb(67,107,69) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.natur .a11yAccordionHideArea {
	border-left-color: rgb(67,107,69);
}

/* Kultur */

.a11yAccordion.activateColour .a11yAccordionItem.kultur .a11yAccordionItemHeader {
	border-left-color: rgb(160,175,0);
}
.a11yAccordion.activateColour .a11yAccordionItem.kultur .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.kultur .a11yAccordionItemHeader:hover {
	background-color: rgb(160,175,0) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.kultur .a11yAccordionHideArea {
	border-left-color: rgb(160,175,0);
}

/* Konst */

.a11yAccordion.activateColour .a11yAccordionItem.konst .a11yAccordionItemHeader {
	border-left-color: rgb(0,142,204);
}
.a11yAccordion.activateColour .a11yAccordionItem.konst .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.konst .a11yAccordionItemHeader:hover {
	background-color: rgb(0,142,204) !important;
}
.a11yAccordion .a11yAccordionItem.konst .a11yAccordionHideArea {
	border-left-color: rgb(0,142,204);
}

/* Språk */

.a11yAccordion.activateColour .a11yAccordionItem.sprak .a11yAccordionItemHeader {
	border-left-color: rgb(151,93,158);
}
.a11yAccordion.activateColour .a11yAccordionItem.sprak .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.sprak .a11yAccordionItemHeader:hover {
	background-color: rgb(151,93,158) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.sprak .a11yAccordionHideArea {
	border-left-color: rgb(151,93,158);
}

/* Samhall */

.a11yAccordion.activateColour .a11yAccordionItem.samhall .a11yAccordionItemHeader {
	border-left-color: rgb(243,153,0);
}
.a11yAccordion.activateColour .a11yAccordionItem.samhall .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.samhall .a11yAccordionItemHeader:hover {
	background-color: rgb(243,153,0) !important;
}
.a11yAccordion .a11yAccordionItem.samhall .a11yAccordionHideArea {
	border-left-color: rgb(243,153,0);
}

/* Musik */

.a11yAccordion.activateColour .a11yAccordionItem.musik .a11yAccordionItemHeader {
	border-left-color: rgb(214,71,20);
}
.a11yAccordion.activateColour .a11yAccordionItem.musik .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.musik .a11yAccordionItemHeader:hover {
	background-color: rgb(214,71,20) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.musik .a11yAccordionHideArea {
	border-left-color: rgb(214,71,20);
}

/* Ekonomi */

.a11yAccordion.activateColour .a11yAccordionItem.ekonomi .a11yAccordionItemHeader {
	border-left-color: rgb(165,174,213);
}
.a11yAccordion.activateColour .a11yAccordionItem.ekonomi .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.ekonomi .a11yAccordionItemHeader:hover {
	background-color: rgb(165,174,213) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.ekonomi .a11yAccordionHideArea {
	border-left-color: rgb(165,174,213);
}

/* Pedagogik */

.a11yAccordion.activateColour .a11yAccordionItem.pedagogik .a11yAccordionItemHeader {
	border-left-color: rgb(0,149,142);
}
.a11yAccordion.activateColour .a11yAccordionItem.pedagogik .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.pedagogik .a11yAccordionItemHeader:hover {
	background-color: rgb(0,149,142) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.pedagogik .a11yAccordionHideArea {
	border-left-color: rgb(0,149,142);
}

/* Lärare */

.a11yAccordion.activateColour .a11yAccordionItem.larare .a11yAccordionItemHeader {
	border-left-color: rgb(0,0,0);
}
.a11yAccordion.activateColour .a11yAccordionItem.larare .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.larare .a11yAccordionItemHeader:hover {
	background-color: rgb(0,0,0) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.larare .a11yAccordionHideArea {
	border-left-color: rgb(0,0,0);
}

/* IT */

.a11yAccordion.activateColour .a11yAccordionItem.it .a11yAccordionItemHeader {
	border-left-color: rgb(229,54,137);
}
.a11yAccordion.activateColour .a11yAccordionItem.it .a11yAccordionItemHeader.expanded,
.a11yAccordion.activateColour .a11yAccordionItem.it .a11yAccordionItemHeader:hover {
	background-color: rgb(229,54,137) !important;
}
.a11yAccordion.activateColour .a11yAccordionItem.it .a11yAccordionHideArea {
	border-left-color: rgb(229,54,137);
}

.a11yAccordion .col50 + .col50 {
	padding-left: 10px;
	padding-right: 0;
}
.a11yAccordion .col50 {
	margin: 0;
	padding-right: 10px;
}

.a11yAccordion h2, .a11yAccordion h3, .a11yAccordion h4 {
	margin-top: 0 !important;
}

.a11yAccordion td:first-child {
	padding-right: 10px;
}

.fullWidthWrapper .a11yAccordionWrapper {
	float: left;
}

#accordion1.oldAccordion li {
	font-size: 16px;
	font-size: 1rem;
}

#accordion1.oldAccordion.a11yAccordion  h3 {
	font-size: 20px !important;
}

@media only screen and (max-width: 800px) {
	#bodyArea ul.a11yAccordion h2, #bodyArea ul.a11yAccordion h3 {font-size: 25px !important;}
	#bodyArea ul.a11yAccordion ul {font-size: 14px !important;}

	#bodyArea tr {
		font-size: 0.875rem !important;
	}

	.a11yAccordionWrapper table {
		line-height: 1.3125rem;
	}

	.a11yAccordion .responsivTableWrapper {
		width: 100%;
		margin: 0;
	}

	.a11yAccordion .responsivTableInnerWrapper {
		width: 100%;
	}

	.a11yAccordion .articleComp {
		margin-left: 0;
	}

	.a11yAccordion .responsivTableWrapper:after {
		right: 0;
	}

	.a11yAccordion .col50 {
		width: 100% !important;
	}

	.a11yAccordion .col50 + .col50 {
		padding: 0;
	}
}



.a11yAccordion.noColour .a11yAccordionHideArea {padding: 15px; background-color: #f9f9f9;}
.a11yAccordion.noColour .a11yAccordionItem {background: #efefef; border-bottom: 1px solid #fff;}
.a11yAccordion.noColour .a11yAccordionItem .a11yAccordionItemHeader, .a11yAccordion.noColour .a11yAccordionNoResultsItem .a11yAccordionItemHeader {margin-left: 0px;}
.a11yAccordion.noColour .a11yAccordionItem:first-child {-webkit-border-radius: 3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;}
.a11yAccordion.noColour .a11yAccordionHideArea {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
.a11yAccordionWrapper a.a11yAccordionItemHeader:after {
	font-family: "gu-icons";
	content: "\e616";
	position: absolute;
	top: 12px;
	right: 7px;
	font-size: 20px;
	line-height: 0.99;
}

a.a11yAccordionItemHeader.expanded:after {
	font-family: "gu-icons";
	content: "\e615";
}
				
				
			
		
			
			/*=======================================
			
			   Sharing buttons CSS 
			
			=======================================*/
			
			
				
					

.socialSharingButtons {
	float: right;
	display: flex;
	justify-content: flex-end;
}

.shareButton {
	width: 16px;
	height: 16px;
/*	border-radius: 100%;
*/	text-indent: -10000px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	margin: 0 10px 0 0;
}

.shareFacebook {
	background-image: url("/digitalAssets/1588/1588829_facebook2.png");
}

.shareTwitter {
	background-image: url("/digitalAssets/1588/1588830_twitter2.png");
}

.shareLinkedIn {
	background-image: url("/digitalAssets/1588/1588793_linkedin2.png");
}


@media only screen and (max-width : 800px) {

.shareButton {
	margin: 0 0 0 10px;
	}

}

@media only screen and (max-width : 767px) {

.socialSharingButtons {float: none;
display: block;
position: static !important;
padding-top: 10px;

}

}
				
				
			
		
			
			/*=======================================
			
			   FormUtils.css 
			
			=======================================*/
			
			
				
					.valueText {
    font-size: 9pt;
}

input[type="checkbox"] + label {
    font-size: 9pt;
}
				
				
			
		
			
			/*=======================================
			
			   ReachMee CSS 
			
			=======================================*/
			
			
				
					.reachMeeDetail h1 span {
	font-size: 16px !important;
	width: 100%;
	display: block;
	height: 25px;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.reachMeePage h1 strong, h2 strong, h3 strong {
	font-weight: normal !important;
}

.reachMeePage h2 {
	margin-top: 1.25em !important;
}

.reachMeePage #darkRow {
	border-width: 1px 0 0 0;
}

.reachMeePage .siteHeaders {
	font-family: NimbusSanNovCon-Bol, "Nimbus Sans Novus Cond Bold", Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.75em/*!important*/;
	line-height: 29px;
}

.backButton {
	display: none !important;
}
.backButton span.arrow {
	margin-left: -37px;
	position: absolute;
	top: -1px;
}
.backButton span:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 17px solid rgba(0, 0, 0, 0);
	border-bottom: 17px solid rgba(0, 0, 0, 0);
	border-right: 16px solid rgb(0, 0, 0);
	display: inline-block;
}
.boldText {font-weight: bold;}
.clickable:hover {cursor: pointer; background-color: rgb(200, 200, 200) !important;}
.fieldLabel {
	width: 150px;
	display: inline-block;
}
.fieldRow {
	margin-bottom: 5px;
	line-height: 150%;
	font-size: 11px !important;
	font-size: 0.6875rem !important;
}
.fieldText {
	font-weight: bold;
	display: inline-block;
}
.reachMeeButton.filterReachMeeButton {
	margin-top: 22px;
}
.guSelect {
	margin: 0 20px 20px 0;
	border: 1px solid black;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.guSelect:after {
	font-family: "gu-icons";
	content: "\e604";
	color: black;
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 7px;
	pointer-events: none;
}
.guSelect select {
	width: 200px;
	border: none;
	height: 30px;
	margin: 0 !important;
	padding: 0 10px 0 3px;
	font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
	font-size: 16px;
	font-size: 1rem;
	cursor: pointer;
	background-color: transparent;
}
.guSelect select:focus {
	outline: none;
}
.guSelect select::-ms-expand {
    display: none !important;
}
.lightboxOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.75);
	top: 0;
	left: 0;
	display: none;
	z-index: 25000;
}
.lightboxOverlay iframe {
	border: 0;
	width: 100%;
	height: 99%;
	display: none;
}
.lightboxOverlay .closeButton {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	background: rgba(0, 0, 0, 0);
	font-size: 30px;
	padding: 0;
	z-index: 1;
	width: 48px;
	height: 48px;
}
.lightboxOverlay .closeButton:after {
	content: "\e606";
	margin: 0 0px;
	font-family: "gu-icons";
}
.lightboxOverlay .lightboxContainer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.lightboxOverlay .lightboxOuterContainer {
	margin: 100px auto;
	background: rgb(255, 255, 255);
	width: 800px;
	max-width: 80%;
	height: 100%;
	max-height: 80%;
	border: 0;
	border-radius: 10px;
	position: relative;
}
.lineup {float: left;}
.lineupContainer {margin-bottom: 20px;}
.nowrap {
	white-space: nowrap;
}
.openPositions {
	width: 100%;
}
.pageIntroduction {
	width: 75%;
	margin: 20px 0 30px 0;
}
.positionMetaData {
	margin-bottom: 30px;
}
.positionTitle {
	font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
	font-size: 17px !important;
	font-size: 1.1rem !important;
}
.reachMee h2 {
	margin-bottom: 20px;
}
.reachMee label {
	font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
	font-size: 19px !important;
	font-size: 1.2rem !important;
	margin-bottom: 8px;
	padding: 0;
	display: inline-block;
}
.reachMee p, .reachMee tr, .reachMeeDetail p {
	font-size: 13px !important;
	font-size: 0.8125rem !important;
}
.reachMee table {
	border-width: 0;
}
.reachMee td {
	vertical-align: top;
}
.reachMee td, .reachMee th {
	border-width: 0;
	padding: 0.5em 5px;
}
.reachMee th {
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
	font-size: 19px;
	font-size: 1.2rem;
	vertical-align: bottom;
	line-height: 100%;
}
.reachMee tr {
	border-bottom: 1px dotted black;
}
.reachMee tr:nth-child(odd) {
	background-color: #f6f6f6;
}
.reachMee .guSelect {
	padding: 0;
	max-width: 240px !important;
}
.reachMee .guSelect select {
	font-size: 19px;
	font-size: 1.1875rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	padding: 0 30px 0 10px;
}
.reachMee .openPositions a, .reachMee .openPositions a:visited {
	text-decoration: none;
	color: rgb(2, 93, 166) !important;
}
.reachMee .readMoreButton {
	clear: none;
	float: left;
	margin-right: 20px;
}
.reachMeeButton {
	padding: 0 30px;
	border: 1px solid black;
	color: rgb(0, 0, 0) !important;
	border-radius: 5px;
	position: relative;
	text-decoration: none;
	transition: 200ms background-color;
	display: inline-block;
	font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif !important;
	margin: 0 0 20px 0;
	background: rgb(255, 255, 255);
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 32px;
	cursor: pointer;
}
.reachMeeButtonReset {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255) !important;
	display: none;
}
.reachMeeButtons {
	margin: 0 0 40px 0;
}
.reachMeeDescription {
	margin-bottom: 0;
}
.reachMeeDetail .positionHeader h1 {
	margin: 0 0 30px 0;
}
.reachMeeDetail .infoTable {
	margin-bottom: 50px;
	border: 0;
}
.reachMeeDetail .infoTable td {
	border: 0;
	padding: 0;
}
.reachMeeDetail .infoTable td:first-child {
	padding-right: 50px;
}
.reachMeeLinkButton {
	background: rgba(0, 0, 0, 0);
	border: none;
	color: rgb(2, 93, 166);
	font-size: 0.875rem;
	text-decoration: underline;
	padding: 0;
	cursor: pointer;
}
.reachMeeMarginTop {
	margin-top: 25px;
}
.reachMeePage h1 {
	margin-bottom: 20px;
}
.reachMeePage #darkRow .linklist {
	max-width: 700px;
	width: 90%;
}
.reachMeePage #headerArea {
	max-width: 700px;
}
.reachMeePage .fullWidthWrapper {
	padding: 10px 0;
	margin: 0 !important;
}
.reachMeeTextBox {
	border-radius: 5px;
	padding: 20px;
}
.reachMeeTextBox.blackBox {
	background-color: rgb(0, 0, 0);
	color: white;
}
.reachMeeTextBox.greyBox {
	background-color: rgb(230, 230, 230);
	margin: 40px 0;
}

.reachMee.internal th {
	background-color: rebeccapurple;
	color: white;
}
.reachMeePage #darkRow .linklist li:not(:first-child) {
		display: none;
}


/*---------------------------

    Standalone container

---------------------------*/

.reachMeeStandaloneContainer {
	max-width: 700px;
	margin: 0 auto;
}

.reachMeeStandaloneContainer .reachMeeButtons,
.reachMeeStandaloneContainer .reachMeeTextBox.blackBox {
	display: none;
}

.reachMeeStandaloneContainer .backButton {
	display: inline-block !important;
	margin-bottom: 0;
	color: rgb(255, 255, 255) !important;
	background: rgb(0, 0, 0);
	border-radius: 0 4px 4px 0;
	margin-left: 16px;
	padding-left: 20px;
}

/*---------------------------

    Media queries

---------------------------*/

@media only screen and (max-width: 800px) {
	.reachMee p, .reachMee tr, .reachMeeDetail p {
		font-size: 14.875px !important;
		font-size: 0.875rem !important;
	}
	.reachMeePage body {
		overflow-x: inherit;
	}
	.reachMeePage #darkRow {
		display: block;
		height: 28px;
	}
	.reachMeePage #darkRow .linklist {
		padding: 0;
	}
	.reachMeePage #darkRow .linklist li {
		height: 42px;
	}
	.reachMeePage #headerArea {
		margin-bottom: 20px;
	}
	.reachMeePage #topSection {
		margin-bottom: 10px;
	}
	.col75 .reachMee, .col75 .reachMeeDetail {
		margin: auto 5%;
	}
}

@media only screen and (max-width: 767px) {
	button.reachMeeButton {
		width: 100%;
	}
	.guSelect {
		margin-right: 0;
	}
	.lightboxOverlay .lightboxOuterContainer {
		margin: 20px auto;
		height: 93%;
		height: calc(100% - 40px);
		max-height: none;
		max-width: 90% !important;
	}
	.lineup {
		float: none;
		margin-right: 0;
	}
	.pageIntroduction {
		width: 100%;
	}
	.reachMee select {
		width: 100%;
	}
	.reachMee .guSelect {
		padding: 0 20px 0 5px;
	}
	.reachMeeButton {
		display: block;
		text-align: center;
	}
	.reachMeeDetail .infoTable td:first-child {
		padding-right: 20px;
	}
}

@media only screen and (max-width: 500px) {
	.fieldLabel {
		display: block;
		width: 100%;
	}
	.fieldRow {
		margin-botom: 10px;
	}
	.reachMee .guSelect {
		width: 100%;
		max-width: 100% !important;
	}
}

				
				
			
		
			
			/*=======================================
			
			   Kurs och program 2.0 CSS 
			
			=======================================*/
			
			
				
					.anmalSenast:after {
  content: "\2022";
  margin: 0 0 0 1px;
}
.distance {
  padding-left: 10px;
  display: none;
}
.envInfoContainer {
  margin-top: 40px;
}
.expand {
  text-align: right;
}
.expanded .kursOchProgramKnapp {
  pointer-events: all;
}
.fetstil {
  font-weight: bold;
}
.footNote {
  position: absolute;
  top: 3px;
  right: 9px;
  font-size: 12px;
  font-size: 0.75rem;
}
.footNote:before {
  content: "(";
}
.footNote:after {
  content: ")";
}
.footNotes {
  font-size: 10px;
  font-size: 0.625rem;
  margin-top: 10px;
}
.isDistance .distance {
  display: inline;
}
.js-off .expandableArea {
  height: auto !important;
}
.js-off .expand.tableCell, .js-off .textcomponent-showmore, .js-off .textcomponent .overlay {
  display: none !important;
}
.js-off .kursbeskrivningKnappar {
  opacity: 1;
}
.js-off .tillfalleRow {
  background: rgb(255, 255, 255);
}
.kursbeskrivningKnappar {
  opacity: 0;
  transition: opacity 200ms;
  display: block !important;
  flex: 1;
  padding-right: 2rem;
  width: 100%;
}
.kursbeskrivningKnappar.display {
  opacity: 1;
}
.kursOchProgramInfo {
  color: green;
  font-weight: bold;
}
.kursOchProgramKnapp {
  display: block;
  width: 160px;
  border-radius: 4px;
  border: 1px solid #979797;
  background-color: #FFFFFF;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #535353 !important;
  text-decoration: none !important;
  text-align: center;
  white-space: nowrap;
  font-family: "NimbusSanNovCon-SemBol", "TeXGyreHerosCnBold", "Arial Narrow", "Helvetica","Arial", "Lucida Grande", "sans-serif";
  pointer-events: none;
  position: relative;
  outline: none;
}
.kursOchProgramKnapp:hover {
  cursor: default;
  text-decoration: none !important;
}
.kursOchProgramKnapp.anmal {
  background-color: #2E63AD;
  border-color: #2E63AD;
  color: white !important;
  cursor: pointer;
}
.kursOchProgramKnapp.installd {
  border: 1px solid #E7E7E7;
  background-color: #F2F2F2;
  color: #9C0000 !important;
}
.kursOchProgramKnapp.stangd {
  border: 1px solid #E7E7E7;
  background-color: #F2F2F2;
  color: #888888 !important;
}
.kursOchProgramKnapp .bigText {
  font-size: 19px;
  font-size: 1.1875rem;
  text-transform: uppercase;
}
.kursOchProgramKnapp .smallText {
  display: block;
  font-family: verdana;
  font-size: 10px;
  line-height: 0.625rem;
}
.label {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
 .plats, .studieform {
  font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.125rem;
}
.smallHeader {
  font-weight: bold;
}
.smallHeader .toButton {
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: rgb(2, 93, 166);
  text-decoration: underline;
  cursor: pointer;
}
.studieform.tableCell {
        flex: none;
}
.tableCell {
  padding: 5px 10px;
  box-sizing: border-box;
  flex: none;
}
.tableCell.anmal {
  flex: 3;
}
.tableCell.expand {
  flex: 0.5;
}
.tableCell.kursbeskrivning {
  padding-bottom: 20px;
}
.tableRow {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  min-height: 85px;
}
.termin {
  font-family: "NimbusSanNovCon-SemBol", "TeXGyreHerosCnBold", "Arial Narrow", "Helvetica","Arial", "Lucida Grande", "sans-serif";
  font-size: 1.125rem;
}
.textContainer {
  max-width: 60%;
}
.tillfalleRow {
  border-bottom: 1px solid black;
  padding: 5px 0;
  background-color: #F3F3F3;
}
.tillfalleRow:first-child {
  border-top: 1px solid black;
}
.tillfalleRow.armed {
  cursor: pointer;
  background-color: #F3F3F3;
}
.tillfalleRow.expanded {
  background-color: rgb(255, 255, 255);
}
.tillfalleRow.expanded .kursOchProgramKnapp {
  display: block;
}
.tillfalleRow.expanded {
  display: block !important;
}

.tillfalleRow.expanded .toggleRowButton:after {
  font-family: "gu-icons";
  content: "\e615";
}
.toggleRowButton {
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
        width: 100%;
        height: 100%;
}
.toggleRowButton:active, .toggleRowButton:focus {
  outline: none;
}
.toggleRowButton:after {
  font-family: "gu-icons";
  content: "\e616";
  position: absolute;
  right: 7px;
  top: -1px;
  font-size: 32px;
  line-height: 0.99;
}
.utbildningstillfallen {
  font-size: 0.75rem;
  width: 100%;
}
.utbildningstillfallen p {
  font-size: 12px;
  font-size: 0.75rem;
}
.wideFlex {
  flex: 3;
}

#ansokanForm\:sprakvalId {
	border: 0;
}

@media only screen and (max-width : 787px) {
        .tableRow {
            min-height: 42px;
        }

        .elipsMobile {
                overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
        }

        .expandContent {
            display: block !important;
        }

  .educationCountryComma {
    display: none;
  }
  .educationHasCountry .educationCity {
    display: none;
  }
  .expand {
    position: absolute;
    top: 0;
    right: 0;
  }
  .expanded .educationCountryComma {
    display: inline;
  }
  .expanded .educationHasCountry .educationCity {
    display: inline;
  }
  .expanded .plats, .expanded .studieform {
    display: inline-block;
  }
  .expanded .termin.tableCell {
    padding-bottom: 0;
  }
  .expanded .tableRow {
    display: block;
  }
  .expanded .kursOchProgramKnapp {
    padding: 10px;
  }
  .kursbeskrivningKnappar, .kursbeskrivningText {
    width: 100%;
    margin-bottom: 20px;
  }
  .kursbeskrivningKnappar {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 3rem;
  }

  .kursOchProgramKnapp {
    font-size: 20px;
    font-size: 1.25rem;
    width: auto;
  }
  .kursOchProgramKnapp .smallText {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 5px;
  }
  .tableCell {
    padding: 15px 10px;
  }
  .tableCell.anmal {
    flex: 0;
  }
  .tableCell.expand {
    flex: 1;
  }
  .tableCell.termin {
    flex: none !important;
  }
  .tillfalleRow {
    padding: 0;
  }
  .toggleRowButton:after {
    top: 9px;
  }
  .wideFlex {
    flex: 10;
  }
}

linkMore {
	font-family: "gu-icons";
	font-size: 32px !important;
  content: "\e615";
}









.textcomponent p, .textcomponent .textcomponent-text {
    position: relative;
    line-height:1.5em;
    overflow-y: hidden;
}

.textcomponent .overlay {
    background-image: linear-gradient(rgba(255,255,255,0), #fff) !important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.001)) 0%; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, white); /* Standard syntax */
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    cursor: pointer;
}

.textcomponent.expanded .overlay {
  display: none !important;
}

.textcomponent .line {
    border-top-width: 1px;
    border-top-color: rgb(180, 180, 180);
    border-top-style: solid;
    margin-top: 0.6rem;
}

.textcomponent .textcomponent-hidden p {
    display: none;
}

.textcomponent .textcomponent-showmore {
    display: block;
    margin-top: 0.5rem;
    position: relative;
    font-size: 0.75em;
}

.textcomponent .textcomponent-showmore:after {
    font-family: "gu-icons";
    content: "\e604";
    color: rgb(0, 0, 0);
    font-size: 32px;
    pointer-events: none;
    vertical-align: middle;
}

.textcomponent .textcomponent-showmore[data-open="1"]:after {
    font-family: "gu-icons";
    content: "\e605";
    color: rgb(0, 0, 0);
    font-size: 32px;
    pointer-events: none;
    vertical-align: middle;
}

.textcomponent .textcomponent-showmore:hover {
    cursor: pointer;
    color: black !important;
    text-decoration: none !important;
}

.textcomponent .textcomponent-showmore object,
.textcomponent .textcomponent-showmore svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.envinf {
    margin-top: 10px;
}

.envinf img {
    display: inline-block;
    vertical-align: top !important;
}

.envinf p {
    display: inline-block;
    width: 95%;
    box-sizing: border-box;
    padding-left: 5px;
    font-family 'Verdana';
    font-size: 10px;
    margin-bottom: 0;
}

/*------------ JOHANS TILLÄGG -------------*/

.kursInfoDivider {
    border-top: 1px solid rgb(0, 0, 0);
}

.educationInformation {
    font-family: NimbusSanNovCon-Med, 'TeXGyreHerosCnBold', Arial Narrow, Helvetica, Arial, "Lucida Grande", sans-serif!important;
    font-size: 18px;
    font-size: 1.25rem;
    margin: 20px 0 40px 0;
    color: rgb(0, 0, 0);
}

.environmentIcon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -4px 2px 0 0;
}

.envinf .environmentIcon {
    margin: 0;
}

.expandAction {
    cursor: pointer;
}

.expandAction.expanded {
    cursor: inherit;
}

.expandableArea {
    transition: height 200ms;
    height: 0px;
    overflow: hidden;
}

.expandSizer {
    display: table;
}

.textcomponent-text.expandableArea {
    height: 200px;
}

.toButtonGoalFocus {
    outline-width: 0 !important;
}

.textcomponentwrapper {
    margin-bottom: 4em;
}

.mobileLineBreak {
    display: none;
}

/*---------------- STYLE ONLY FOR TABLETS -------------------*/
@media only screen and (min-width : 768px) and (max-width : 800px) {
    .textcomponentwrapper {
        box-sizing: border-box;
    }
}

/*---------------- STYLES ONLY FOR PHONES -------------------*/
@media only screen and (max-width : 767px) {
    .textcomponentwrapper {
        box-sizing: border-box;
    }

    .not-for-phones {
        display: none;
    }

    .envinf p {
        width: 91%;
    }

    .fullWidthWrapper {
        padding-left: calc((100vw - 100%) / 2);
        padding-right: calc((100vw - 100%) / 2);
    }

    .mobileLineBreak {
        display: block;
    }

    .educationInformation {
        line-height: 2rem;
    }
}











































@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

   100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

   100% {
    opacity: 1;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
-webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
    animation-iteration-count: 3;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.expandContent {
    width: 100%;
    display: flex;
}