/*
@font-face {
	font-family: "GillSansStdLight";
	font-style: normal;
	font-weight: normal;
	src: url("/sites/all/themes/univ_oulu_d7/font/gillsansstd-light-webfont.eot?#iefix") format("embedded-opentype"), 
		url("/sites/all/themes/univ_oulu_d7/font/gillsansstd-light-webfont.woff") format("woff"), 
		url("/sites/all/themes/univ_oulu_d7/font/gillsansstd-light-webfont.ttf") format("truetype"), 
		url("/sites/all/themes/univ_oulu_d7/font/gillsansstd-light-webfont.svg#GillSansStdLight") format("svg");
}
*/
@font-face {
	font-family: "GillSansStdLight";
	font-style: normal;
	font-weight: normal;
	src: url("/vufind/themes/oyktheme/css/gillsansstd-light-webfont.eot?#iefix") format("embedded-opentype"), 
		url("/vufind/themes/oyktheme/css/gillsansstd-light-webfont.woff") format("woff"), 
		url("/vufind/themes/oyktheme/css/gillsansstd-light-webfont.ttf") format("truetype"), 
		url("/vufind/themes/oyktheme/css/gillsansstd-light-webfont.svg#GillSansStdLight") format("svg");
}

body {
	margin: 0; 
	padding: 0; 
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif; 
	font-weight: normal;
	color: rgb(100,100,100);
	background-color: #FFFFFF;
}
a:link, a:visited, a:active {
	color: rgb(47,122,189); 
	text-decoration:none 
}

p, ol, ul, td {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	margin-top: 10px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #2f79bd;
	text-transform: uppercase;
	margin-top: 10px;
}

.row-fluid .span3 {
	width: 220px;
	margin-right: 0;
}
.row-fluid .span9 {
	width: 700px;
	margin-left: 0;
}


//body {background:#619144;font-size:12px} // REMOVING IS OYKTHEME MOD
//body * {font-size:12px}
//body a {color:#0066CC}
//body a:hover {color:#0099FF}
//body h1 {font-size:36px}
//body h2 {font-size:30px}
//body h3 {font-size:20px}
.container {background:#FFF;border-radius:5px;margin:18px auto;max-width:952px}
//.main {padding:0 1%;width:98%}
.main {margin-top: 20px;}
@media (max-width:767px) {
//  .main {width:98.2%}
}


/* --- OYKTHEME MODS ---*/
media (min-width: 1600px) {
    .container{
        max-width: 1500px;
    }
}

/* --- Bootstrap MODS ---*/
[class^="icon-"]:before, [class*=" icon-"]:before {text-decoration:none}
.accordion-heading .accordion-toggle {font-size:14px;padding:2px 15px}
.centered-pills .nav-pills > li > a {padding-bottom:4px}
.container a:not(.btn,.text-error) {color:#06C}
.form-horizontal .controls {margin-left:165px}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background:#619144;
}
.hero-unit {margin:-5px}
hr {margin:4px 0}
input[type="text"] {border-color:#AAA;font-size:12px}
input[type="text"]:focus {border-color:#619144;box-shadow:inset 0px 1px 2px rgba(0,0,0,.14)}
.label {font-size:11px}
mark {background:0;color:inherit;font-weight:bold}
.modal a {color:#08C}
.nav-list li.active > a {border-color:#C6D880;color:#FFF}
.nav-pills > li > a {border-radius:2px;margin:0}
.nav-tabs {margin:0}
.nav-tabs li a {margin:0 4px 0 0;padding:3px 5px}
.nav-tabs li.active a:hover,
.nav-tabs li.active a {color:#555}
.slider.slider-horizontal .slider-handle {background:#C6D880;border:1px solid #619144;margin-top:-6px}
.tab-container {margin:0}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.row-fluid input[class*="span"], .btn:not(.btn-large) {border:1px solid #AAA;border-radius:2px;font-size:12px;height:26px;margin:0;min-height:1px;padding:2px 6px}
.btn {padding:2px 8px}
.btn.btn-small {height:20px;padding:0 4px}
.btn.btn-link {border:0}
select {padding:2px}
select, .btn:not(.btn-link){vertical-align:top}
.btn-link {color:#06C;text-shadow:none}
.btn.btn-primary {background:#C6D880;border:1px solid #619144;color:#111;text-shadow:none}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {background:#619144;color:#FFF}
.controls select {margin-top:4px;width:100%}

/* --- HEADER --- */
//#header {border-bottom:1px solid #DDD;color:#000;padding:8px 12px 6px 10px} // REMOVING IS OYKTHEME MOD
.header-right {padding-top:10px}
#langForm,#themeForm,#langForm .control-group,#themeForm .control-group {margin:0}
#langForm_mylang,#themeForm_ui {height:20px;padding:0;width:100px}


/* --- OYK NEW TOP --- */

#top {
    background-color: #4f8c0d;
    height: 45px;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.topcontainer {
    width: 940px;
    clear: both;
    margin: 0 auto;
    text-align: left;
}

.navi {
    color: white;
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    text-align: center;
    vertical-align: baseline;
    border-right: 1px solid #386607;
}
.navi a {
    color: white;
}

.navi:hover {
        background-color: #85c63f;
}

.borderleft {
    border-left: 1px solid #386607;
}

#negalogo-fi {
        background-position: left top;
        background-image: url("negalogo-fi-418.png");
        background-size: 192px auto;
        margin: 15px 15px 15px 0;
        width: 192px;
        height: 16px;
        float: left;
        text-indent: -9999em;
}

#negalogo-en {
        background-position: left top;
        background-image: url("negalogo-en-488.png");
        background-size: 224px auto;
        margin: 15px 15px 15px 0;
        width: 224px;
        height: 16px;
        float: left;
        text-indent: -9999em;
}

/* --- OYK MAIN (=container) --- */


div#main{
	margin:0 auto;
	width: 940px;
}


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


#header {
	margin-top: 30px;
//	margin-bottom: 10px;
	overflow: auto;
	width: 100%;
}
#header-title {
	overflow: auto;
}
#header-logo {
	margin-bottom: 20px;
}
/*
#title-text {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
	float: left;
	font-weight: normal;
	font-size: 40px;
	line-height: 50px;
	color: #2F7ABD;
	text-decoration: none;
}
*/
#title-text {
	font-family: GillSansStdLight,"Lucida Grande","Lucida Sans Unicode",Sans-Serif;
	color: #8F8F8C;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
	float: left;
	font-weight: normal;
	font-size: 40px;
	line-height: 50px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}

#title-text span {
    clear: both;
    font-size: 24px;
    line-height: 32px;
    text-transform: none !important;
	display: block;
}

/* --- OYK CONTENTBLOCK --- */

div.contentBlock {
	margin-bottom: 0px;
}

div.contentBlock > table {
	width: 100%;
}
div.contentBlock > table > tbody > tr > th {
	height: 40px;
	color: white;
	text-align: left; 
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 24px;
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
}
div.contentBlock > table > tbody > tr > td {
}

.fullwidth {
	width: 100%;
}
.wide {
	text-align: left; 
	width:940px; 
}

.overflowHidden {
	overflow: hidden;
}

.autoOverFlow {
	overflow: auto;
}

div.singlep {
	width: 220px;
	background: url(shadow-singlep.png) no-repeat scroll left 40px transparent;
}
div.doublep {
	width: 460px;
	background: url(shadow-doublep.png) no-repeat scroll left 40px transparent;
}

th.green {
	background-color: #4F8C0D;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.recordname {
	vertical-align: bottom !important;
	width: auto;
}

.conref {
	border: 1px solid #ddd;
	padding: 3px;
	font-size: 12px;
	line-height: 12px;
}

/* --- OYK READMORE --- */

div#readMore {
	margin-top: 10px;
}

div#readMore table{
	width: 100%;
}
div#readMore td, div#readMore td a{
	color: #bc6e00;
	font-size: 12px !important; 
	border-top: 1px solid #CCC;
	padding: 4px;
}
div#readMore td#readMoreLeft{
	text-align: left; 
}
div#readMore td#readMoreRight{
	text-align: right; 
}

/* --- OYK FOOTER --- */

div#footer {
	border-top: 1px solid rgb(199,199,199); 
	background-image: url(shadow-wide.png); 
	background-repeat: no-repeat; 
	margin-top: 0px; 
	margin-bottom: 46px;
}

div#footer table{
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 46px;
}

div#footer td { 
	vertical-align: top; 
	padding: 0px 4px 0px 10px; 
	font-size: 13px; 
	line-height: 15px; 
	border-left: 1px solid rgb(199,199,199);
}

div#footer td#footerLogoCell img {
	margin-top: 5px;
	margin-right: 5px;
}
div#footer td#footerLogoCell {
	border-left: none;
}

/* --- OYK SEARCHBOX --- */

.searchbox {
        border: 1px solid #c7c7c4 ;
	margin: 20px 60px 20px 60px;
	padding: 20px 60px 20px 60px;
	height: 100px;
	width: 700px;
	line-height: 40px;
}
/*
.searchbox {
	margin: 0 0 10px 0;
	padding: 40px 60px;
        background: url(intro-bg.png) no-repeat scroll left top transparent;
	height:180px;
	width:820px;
}
*/

//.searchbox {border-bottom:1px solid #DDD;margin:0;padding:3px 3px 1px 1em}
.searchbox .navbar {height:auto;margin:0}
.searchbox .nav-tabs {border:0;margin:0 0 0 4px}
.searchbox .nav-tabs li a {padding:0 5px}
.searchbox .nav-tabs li a.advanced {border:0;font-size:12px}
.searchbox .nav-tabs li a:hover {background:none;border-color:#C6D880}
.searchbox .nav-tabs li.active a:hover,
.searchbox .nav-tabs li.active a {border-color:#619144;border-bottom-color:#FFF}

/* --- OYK FRONTPAGE INTRO --- */

.fpintro {
	text-align: left;
	margin-left: 60px;
	margin-right: 60px;
}

.fpintro ul {
	margin-top: 0px;
	padding-top: 0px;
}

/* --- OYK SEARCHFORM --- */

#searchForm {
	margin-top:20px;
	margin-bottom:2px;
	vertical-align:bottom
}
#searchForm .btn {font-size:14px;height:26px;font-size:14px;margin-top:0;padding:2px 6px;vertical-align:middle}
#searchForm .btn-link {font-size:14px;height:18px}
#searchForm .btn i {font-size:14px}
#searchForm_lookfor {border-radius:5px;font-size:14px;height:30px;width:500px;margin:0;padding:1px 8px}
#searchForm_type {font-size:14px;height:26px;margin-top:0;padding:2px 4px}

.group .search {margin:1px 0}


/* --- OYK ADVANCED SEARCH --- */

div[id*="group"] > .span4 {
	width: 350px;
}


div.span4 > select[id*="search"] {
	width: 200px;
	margin: 10px;
}

div.search > input[type="text"] {
	width: 250px;
	margin: 10px;
}

div.search > select[class*="span"] {
	width: 250px;
	margin: 10px;
}

#groupJoin {
	margin-top: 10px;
}

/* --- OYK ATTENTION COLOR --- */

.red {
	color: red;
}

/* --- OYK OAIHOME --- */

.oaihome {
	text-align: left;
}


/* --- BREADCRUMBS --- */
//.breadcrumb {background:#FFF;border-bottom:1px solid #DDD;border-radius:0;margin:0 0 3px 0;padding:6px 12px}
//.breadcrumb li {color:#888;font-size:12px;text-shadow:none}
//.breadcrumb .active {color:#000}
//.breadcrumb span.divider {color:#888}

.breadcrumb {
        float:left;
        width: 720px;
        text-align: left;
        z-index: 1;
        border-top: 1px solid #c7c7c4 ;
        border-bottom: 1px solid #c7c7c4 ;
        overflow:hidden;
        text-overflow: ellipsis;
    background-color: #ffffff;
    border-radius: 0px;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
	clear: both;
}
.breadcrumb ul {
        margin: 0px 3px 0px 1px;
        padding: 0px;
        width: 705px;
        height: 38px;
	border: 0px;
}

.breadcrumb li {
        padding: 4px 6px 4px 6px;
        margin: 0px;
        text-align: center;
        min-width: 5%;
        white-space: nowrap;
        font-size: 13px;
        height: 38px;
	line-height: 28px;
}

.breadcrumb li:first-child  {
        border-right: 1px solid #c7c7c4 ;
        padding: 4px 0px;

}
.noborder {
        border: none;
}

/* --- SIDEBAR --- */
/*
.row-fluid .span3.sidebar {margin-left:1%;width:24%}
.sidebar h4 {border-bottom:2px solid #DDD;font-size:14px;font-weight:normal;margin-bottom:4px;margin-right:0}
.sidebar .nav-list {font-size:14px;margin-bottom:6px;padding:0 0 0 8px}
.sidebar .nav-list .divider {display:none}
.sidebar .nav-list li {border-bottom:1px solid #DDD;margin:0;padding:0}
.sidebar .nav-list li.applied {padding-left:3px}
.sidebar .nav-list li.applied [class*="icon"] {color:transparent;margin-top:1px}
.sidebar .nav-list li.active a {background:#FFA500;text-shadow:none}
.sidebar .nav-list li.active a:hover {background:#FFA500}
.sidebar .nav-list li.active a i.icon-remove {background:url('../images/icons/delete.png')}
.sidebar .nav-list li a {margin:0;padding:3px}
.sidebar .nav-list li a:hover {background:none}
.sidebar .nav-list li span.main {width:auto}
.sidebar .nav-list li .icon-ok {background-repeat:no-repeat;padding-top:3px}
.sidebar .nav-list li.nav-header {background:#EEE;border-color:#DDD;min-height:1px;padding:2px 4px}
.sidebar .small {margin-top:10px}
#publishDateFilter {margin:6px 0}
#publishDateFilter .btn {margin-top:.5em;padding:1px 12px}
#publishDateFilter input[type="text"] {border-color:#CCC;padding:0}
#publishDateFilter input[type="text"]:focus {border-color:#999;box-shadow:none}
#publishDateFilter .slider-handle {background:#CCC;border:1px solid #AAA}
.unstyled li {margin-bottom:6px}
.unstyled li a {text-decoration:underline}

.filters li a {background:#FFA500;color:#FFF;display:block;padding:2px 0;text-decoration:none;width:100%}

.slider.slider-horizontal .slider-track {margin-left:5%;width:89%}
.filters li a:hover {color:#FFF}
.filters li a i {display:inline-block;margin:2px 0 0 3px;vertical-align:top}
*/

.row-fluid .span3.sidebar {
	width:220px;
}

.sidebar {
	width: 220px;
	background: url(shadow-singlep.png) no-repeat scroll left 40px transparent;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.sidebar h4 {
	margin: 0px;
	width: 220px;
        height: 40px;
        color: white;
        text-align: left;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 40px;
        font-weight: normal;
        font-style: normal;
	background-color: #2F7ABD;
	text-indent: 10px;
}
.recommend-facets {
	background: url(shadow-doublep.png) no-repeat scroll left 40px transparent;
	width: 700px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.recommend-facets:first-child {
	margin: 0px;
	width: 700px;
        height: 40px;
        color: white;
        text-align: left;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 40px;
        font-weight: normal;
        font-style: normal;
	background-color: #b31b33;
	text-indent: 10px;
}
.recommend-facets strong {
        font-weight: normal;
}
.recommend-facets div {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: rgb(100,100,100);
        text-transform: initial;
}
.results-area {
	background: url(shadow-triplep.png) no-repeat scroll left 40px transparent;
	width: 700px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	clear: both;
}
.results-area h4 {
	margin: 0px;
	width: 700px;
        height: 40px;
        color: white;
        text-align: left;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 40px;
        font-weight: normal;
        font-style: normal;
	background-color: #2F7ABD;
	text-indent: 10px;
}

.sidebar .nav-list {font-size:14px;margin-bottom:6px;padding:0 0 0 0px}
.sidebar .nav-list .divider {display:none}
.sidebar .nav-list li {border-bottom:1px solid #DDD;margin:0;padding:0}
.sidebar .nav-list li.applied {padding-left:3px}
.sidebar .nav-list li.applied [class*="icon"] {color:transparent;margin-top:1px}
.sidebar .nav-list li.active a {background:#FFA500;text-shadow:none}
.sidebar .nav-list li.active a:hover {background:#FFA500}
.sidebar .nav-list li.active a i.icon-remove {background:url('../images/icons/delete.png')}
.sidebar .nav-list li a {margin:0;padding:3px}
.sidebar .nav-list li a:hover {background:none}
.sidebar .nav-list li span.main {width:auto}
.sidebar .nav-list li .icon-ok {background-repeat:no-repeat;padding-top:3px}
.sidebar .nav-list li.nav-header {background:#EEE;border-color:#DDD;min-height:1px;padding:2px 4px}
.sidebar .small {margin-top:10px}



.record .row-fluid .span3 {
	width: 160px;
}
.record .row-fluid .span9 {
	width: 700px;
}
.record .row-fluid .span9 h3 {
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	line-height: 28px;
	color: #2f79bd;
	text-align: left;
}
.record .row-fluid .span9 table, .record .row-fluid .span9 table th, .record .row-fluid .span9 table td {
	background-color: #fff;
	border: 0;
	padding: 3px;
}

.record table {
	table-layout: auto;
}
.record table th {
	white-space: nowrap;
}
.record table td {
	width: 100%;
}

div.record h1 { 
	margin: 1em 0;
	font-size: 130%;
	font-weight: normal;
	line-height: 0px;
}


/* --- MAIN --- */
.centered-pills {border-bottom:1px solid #DDD;font-size:12px;margin-right:14px}
.nav-pills {margin:3px 0 0 0}

/* --- HOME --- */
/*
.searchHomeContent {margin:2em auto;width:80%}
.searchHomeContent .hero-unit {background:#E6EFC2;border:2px solid #C6D880;border-radius:5px}
.searchHomeContent .nav-tabs {border:0}
.searchHomeContent .nav-tabs li a {border:1px solid transparent;border-bottom:0;font-size:14px}
.searchHomeContent .nav-tabs li a:hover,
.searchHomeContent .nav-tabs>li.active>a {border-bottom:0;border-color:#C6D880}
.searchHomeContent .navbar {background:#FFF;border:1px solid #C6D880;height:auto;margin:0;padding:8px 6px 6px 6px}
.searchHomeContent #searchForm {margin-bottom:2px}
.searchHomeContent #searchForm .btn {height:30px;padding:2px 8px}
.searchHomeContent #searchForm .btn-link {font-size:14px;height:23px;vertical-align:bottom}
.searchHomeContent #searchForm_lookfor {height:30px}
.searchHomeContent #searchForm_type {height:30px}
.searchHomeContent .unstyled li {margin-bottom:0}
*/

.searchHomeContent .hero-unit {
	background-color: #fff;
	border-radius: 0;
        border: 1px solid #c7c7c4 ;
        margin: 20px 60px 20px 60px;
        padding: 20px 60px 20px 60px;
        height: 100px;
        width: 700px;
        line-height: 40px;
}
.searchHomeContent .navbar {
	background:#FFF;
	border:0;
	height:auto;
	margin:0;
//	padding:8px 6px 6px 6px;
	padding:0;
}


/* --- SEARCH --- */
.bulkActionButtons {border-bottom:1px solid #DDD;margin-top:6px;padding-bottom:6px}
.result {padding:6px 0}
.result:nth-child(odd) {background:#EEE}
.result>.checkbox {font-weight:bold;margin:2px 0 2px 1%;max-width:6%}
.result>.checkbox input[type="checkbox"] {margin:3px auto}
.result .span7 {margin-left:1%;width:52%}
.result .savedLists {margin:2px 0;padding:6px}
.result .savedLists ul {margin-bottom:0}
.span9>.noprint>.help-block {margin-bottom:0}
.result .img-polaroid {margin-left:2px;max-width:96px}
.top-row [class*="span"] {min-height:1px;padding:0 3px}

/* -- MY RESEARCH -- */
.bulkActionForm .btn-link {padding:1px 2px}
.bulkActionForm .result {background:#FFF}
#sort_options_1 {height:26px;width:100px}

/* --- VUDL --- */
.btn.grid-btn {height:16px;padding:3px 6px 5px 6px}
.btn.grid-btn i {font-size:14px}
#download-button {background:linear-gradient(to bottom, #D7E991 0%,#B5C770 100%);padding:10px 8px 6px 16px}
#download-button:hover {background:linear-gradient(to bottom, #72A255 0%,#508033 100%);text-shadow:0 1px 0 rgba(0,0,0,.5)}
#download-button:active {background:linear-gradient(to bottom, #508033 0%,#72A255 100%)}
.inspector_container {margin-top:6px}
.siblings-form {margin:3px auto}
.table.details {font-size:10px;border-bottom:1px solid #DDD}

/* --- ChoiceAuth --- */
#authcontainer .authmethod0 {padding-left:25px}
#authcontainer .authmethod1 {border:1px solid #DDD;border-width:0 0 0 1px;margin-left:0;padding-left:25px}
.modal #authcontainer .authmethod0,
.modal #authcontainer .authmethod1 {border:0;float:none;padding:0 0 10px 0;margin:0;width:auto}
#authcontainer .control-label {width:80px}
#authcontainer .controls {margin-left:90px}

.pager {
	width: 700px;
}

.more-toggle:lang(en)::before {
    content: "see less";
    display: inline-block;
}
.more-toggle:lang(fi)::before {
    content: "näytä vähemmän";
}
.more-toggle.collapsed::before {
    content: "see all";
}
.more-toggle.collapsed:lang(fi)::before {
    content: "näytä kaikki";
}
.more-toggle:after {
    font-family: "FontAwesome"  !important;
    content: "\f139";
    margin:0 5px;
    display: inline-block;
}
.more-toggle.collapsed:after {
    content: "\f13a"; 
}

.morecont, .morecont:focus {
    cursor: pointer;
    color: #08c !important;
}
.moreicon {
    font-family: "FontAwesome"  !important;
    display: inline-block;
    margin:0 5px;
}
.moretext {
    display: inline-block;
}
.morecolla {
    height: 100px;
    overflow: hidden;
    text-overflow: clip;
    text-align: justify;
    hyphens: auto;
}