/*
 * UiO CSS: Local overrides
 *
 */

 html, body {
    background: url("../images/bg.gif") repeat-x scroll center top #F8F8F8 !important;
    font-family: Verdana,sans-serif;
}

#vrtx-frontpage #vrtx-main-content #vrtx-frontpage-introduction .vrtx-introduction {
    font-family: Verdana,sans-serif !important;
}

a:hover, .vrtx-social-components a.vrtx-share-link:hover {
  color: #aa0000 !important;
}

#head {
    background: url("../images/banner.png") no-repeat #ffffff !important;
    height: 152px;
    margin-top: 16px;
}

#head, #head-globalnav {
    z-index: 101;
}

#head #head-menu {
    display: none;
}

#logo {
    background: url("../images/logo.jpg") no-repeat scroll left center transparent !important;
    height: 135px;
    margin-left: -8px;
    margin-top: 12px;
    width: 340px;
    position: absolute;
}

#subtitle {
    margin-left: 7px;
    padding: 12px;
    position: absolute;
    right: 0;
}

body.home #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/home.jpg") no-repeat scroll 0 0 transparent;
}

body.about #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/about.jpg") no-repeat scroll 0 0 transparent;
}

body.key-institutions #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/key-institutions.jpg") no-repeat scroll 0 0 transparent;
}

body.projects #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/projects.jpg") no-repeat scroll 0 0 transparent;
}

body.research #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/research.jpg") no-repeat scroll 0 0 transparent;
}

body.news #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/news.jpg") no-repeat scroll 0 0 transparent;
}

body.events #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/events.jpg") no-repeat scroll 0 0 transparent;
}

body.publications #subtitle #banner-image {
    background: url("/vrtx/decorating/resources/images/publications.jpg") no-repeat scroll 0 0 transparent;
}

a[href$=".pdf"] {
    background: url("../images/icons/icon_pdf.gif") no-repeat scroll right center transparent;
    padding-right: 16px;
}

/* Project subfolder menu */

body.projects #vrtx-main-content .vrtx-subfolder-menu ul {
    width: 460px;
}

.vrtx-subfolder-menu ul li a {
    color: #555555;
    font-size: 1.2em;
    font-weight: 900;
    text-decoration: none !important;
}

.vrtx-subfolder-menu ul li {
   background: none !important;
}

.vrtx-subfolder-menu ul li ul li a  {
    color: #0B5A9D;
    font-size: 1em;
    font-weight: normal;
    text-decoration: underline;
}

.vrtx-subfolder-menu ul ul li {
    background: url("../dist/images/bullet-li-grey.png") no-repeat scroll 0 7px transparent !important;
    padding-left: 9px;
}

/* ^Project subfolder menu */

/* #vrtx-related-content .vrtx-event-component-item-1 {
    margin-top: 18px;
} */

#vrtx-related-content h2 {
    margin-top: -10px !important;
}

/* Search box */


#head form {
    background: none;
    right: 24px !important;
    top: 152px;
    width: 200px;
    font-size: 12px;
}

#head form input {
    border: 1px solid #aa0000;
    padding: 2px;
    width: 125px;
}

#head form button,
#head form button span, 
#head form button:hover, 
#head form button:hover span {
    background: none #aa0000;
    color: #FFFFFF;
    height: 20px;
    margin-top: 5px;
    padding-top: 0;
}

#head form button span {
    margin-top: 0px;
    height: 18px;
}

#head form button {
    border-top: 1px solid #fafafa;
    border-left: 1px solid #fafafa;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 1px 0;
}

#head form button:hover span {
    text-decoration: underline;
    margin-top: 0px;
    height: 18px;
}

#vrtx-searchview #right-main form.vrtx-big-search {
    width: 320px !important;
}

#vrtx-searchview #right-main a#vrtx-show-advanced-search {
    
}

form.vrtx-big-search button span{ 
    padding-bottom: 2px !important;
    padding-top: 8px !important;
}

/* ^Search box */


/* menu */
#globalnav {
    height: 31px !important;
    font-family: verdana,sans-serif;
    font-size: 13px;
    background-color: #FFFFFF;
    border-bottom: none;
}

#globalnav ul {
    height: 31px !important;
    margin-left: 12px;
    width: 966px;
}

#globalnav li.vrtx-current-item {
    border: 0;
}

#globalnav li.vrtx-current-item a {
    background: url("../images/menuhoverbg.gif") repeat-x scroll right center transparent;
}

#globalnav li.vrtx-current-item a, #globalnav li.vrtx-current-item span {
    background-color: #F8F8F8;
    padding: 7px 10px 3px 10px;
}

#globalnav li {
  height: 29px;
  padding-bottom: 2px !important;
}

#globalnav li.root-folder.parent-folder {
}

#globalnav li a {
    height: 21px
}

#globalnav li a, globalnav li span {
    padding: 7px 10px 0 10px;
}

#globalnav li a:hover {
  color: #ffffff !important;
}

#globalnav ul, #globalnav li a, #globalnav li span {
 background: url("../images/menubg.gif") repeat-x scroll right center transparent;
 color: #e8e8e8;
}

/* ^main-menu */

/* left-menu */

ul.vrtx-uri-menu {
    margin-left: -6px;
    width: 200px;
}
ul.vrtx-uri-menu ul {
    color: #AAAAAA;
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0.3em 38px;
}

ul.vrtx-uri-menu ul li ul, ul.vrtx-uri-menu ul li ul li ul {
    list-style-type: disc;
}

ul.vrtx-uri-menu li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dotted #CCCCCC;
    border-top: 0;
    border-left: 0 none;
    border-right: 0 none;
    margin: -1px 0 0;
}

ul.vrtx-uri-menu li.vrtx-active-item ul li, ul.vrtx-uri-menu li ul li {
    font-size: 100%;
    font-weight: 100;
    margin: 0 0;
    padding: 0;
}

ul.vrtx-uri-menu li a {
    border-left: 3px solid #FFFFFF;
    color: #333333;
    display: block;
    height: 1%;
    padding: 5px 2px 5px 10px;
    text-decoration: none;
}

ul.vrtx-uri-menu li.vrtx-active-item a {
    border-color: #AA0000;
}

ul.vrtx-uri-menu li a:hover, ul.vrtx-uri-menu li.vrtx-active-item a:hover {
    border-color: #AAAAAA;
}

ul.vrtx-uri-menu li.vrtx-active-item ul li a, ul.vrtx-uri-menu li.vrtx-active-item ul li a:hover, ul.vrtx-uri-menu li ul li.vrtx-active-item a, ul.vrtx-uri-menu li ul li.vrtx-active-item a:hover {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    padding: 0.1em 0;
}

ul.vrtx-uri-menu li.vrtx-active-item ul li, ul.vrtx-uri-menu li ul li.vrtx-active-item {
    background: url("../dist/images/li-arrow.png") no-repeat scroll 0 7px transparent !important;
    margin-left: -30px;
    padding-left: 25px;
}

/* ^left-menu */

/* tags */

ul.vrtx-tag-cloud li.tag-magnitude-1 a {
    color: #aa68aa !important;
    font-size: 0.9em;
}
ul.vrtx-tag-cloud li.tag-magnitude-2 a {
    color: #0B5A9D !important;
    font-size: 1em;
}
ul.vrtx-tag-cloud li.tag-magnitude-3 a {
    color: #6400aa !important;
    font-size: 1.1em;
}
ul.vrtx-tag-cloud li.tag-magnitude-4 a {
    color: #499d0b !important;
    font-size: 1.2em;
}
ul.vrtx-tag-cloud li.tag-magnitude-5 a {
    color: #aa4000 !important;
    font-size: 1.3em;
}
ul.vrtx-tag-cloud li.tag-magnitude-6 a {
    color: #333333 !important;
    font-size: 1.4em;
}
ul.vrtx-tag-cloud li.tag-magnitude-7 a {
    color: #a800aa !important;
    font-size: 1.5em;
}
ul.vrtx-tag-cloud li.tag-magnitude-8 a {
    color: #aa0000 !important;
    font-size: 1.6em;
}

/* ^tags */


/* Footer */

#footer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #E4E4E4;
}

#footer .visitor-adress, #footer .mail-adress, #footer .phone-fax-email, #footer .financed-by {
    float: left;
    padding-right: 10px;
    width: 320px;
}

#privacy-policy-link-wrapper.info-link-wrapper {
    position: relative;
    top: -14px;
    padding: 0;
    background-color: transparent;
}

#privacy-policy-link-wrapper .info-link {
    width: 942px;
    margin: 0 auto;
    background-color: #707070;
    padding: 8px 35px 11px 35px;
}

/* ^Footer */

@media only screen and (max-width: 15.5cm) and (orientation : portrait),
       only screen and (max-width: 17.5cm) and (orientation : landscape) {
  /* CSS for responsive design */
  #logo img {
    display: none !important;
  }
  #nav #lang-link a {
    display: none;
  }

}