/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */

@import url(../../../fonts/opensans.css);

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* Base
----------------------------------------------------------------------------------------------------*/
#logo {
	height: 120px;
}

#menubar {
	position:absolute;
	bottom:0;
	right:0;
}



body {font: normal 12px/20px verdana, Helvetica, sans-serif; color:#717171;}
/*a { color: #2B54B8; }*/
/* color: #2d72d6;*/
/*a {color: #2D72D6;}*/
/*a {color:#0088cc;}*/
a {color:#2D72D6;}
a:hover {color:#E76E12;}

h1 {color: #3436AC;font-size: 40px;
	line-height: 42px;}
#system .title a {color: #3436AC;}
#system .items > .width50 .title {
	font-size: 32px;
	line-height: 32px;
}

h2{color: #616161;}
h3 { color: #2b54b8;} /*2d72d6#2b54b8;*/
h3 {color: #2F6AD7;}
h4 {font-size:20px; line-height:24px; margin-bottom:5px; margin-top:10px;}
h5 {font-size:18px;margin-bottom:5px; margin-top:10px;}
.box-content {overflow:hidden;}


 /* Primary Button */
button, input[type="button"], input[type="submit"] {
	padding: 8px 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 2px; 
	border: none;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
}
button, input[type="button"], input[type="submit"],
.button-primary {
	background-image: linear-gradient(bottom, #2B69DC 30%, #334ABD 75%);
	background-image: -o-linear-gradient(bottom, #2B69DC 30%, #334ABD 75%);
	background-image: -moz-linear-gradient(bottom, #2B69DC 30%, #334ABD 75%);
	background-image: -webkit-linear-gradient(bottom, #2B69DC 30%, #334ABD 75%);
	background-image: -ms-linear-gradient(bottom, #2B69DC 30%, #334ABD 75%);

	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, #2B69DC),
	color-stop(0.75, #334ABD)
	);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover,
.button-primary:hover { 	
	
	background-image: linear-gradient(bottom, #334ABD 30%, #334ABD 75%);
	background-image: -o-linear-gradient(bottom, #334ABD 30%, #2B69DC 75%);
	background-image: -moz-linear-gradient(bottom, #334ABD 30%, #2B69DC 75%);
	background-image: -webkit-linear-gradient(bottom, #334ABD 30%, #2B69DC 75%);
	background-image: -ms-linear-gradient(bottom, #334ABD 30%, #2B69DC 75%);

	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, #334ABD),
	color-stop(0.75, #334ABD)
	);
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.3),
				inset 0 0 1px rgba(0,0,0,0.3);
	color: #fff;
}
.button-primary:active { background-color: #334ABD; }

/* Layout
----------------------------------------------------------------------------------------------------*/
#breadcrumbs, #content,
#block-top-a .module {
	margin: 5px 0px;
}
.mod-plain {
	padding: 15px 0px;
}
body { 
	background: #3440B5; 
	/*
	background-image: url(../images/bg_elements_top_1.png), url(../images/bg_elements_bottom_6.png);
 	background-position:  -20px -230px, right bottom;
 	background-repeat:no-repeat, no-repeat; 
 	*/
}
#block-main { 
 	background: #f5f5f5;
 	background-image: url(../images/BG_Footer_f5.png);
 	background-position: right bottom;
 	background-repeat: no-repeat; 
 	
	/*
	background-image: url(../images/bg_elements_top_1.png), url(../images/bg_elements_bottom_6.png);
 	background-position:  -20px -230px, right bottom;
 	background-repeat:no-repeat, no-repeat; 
 	*/
 	
} 

#block-header {
	background:#f5f5f5;
	background-image: url(../images/BG_Header_f5.png);
 	background-position:  left top;
 	background-repeat:no-repeat; 

}
#block-toolbar { 
	background:none;
}

#block-headerbar { 
	background:none;
	/*
	background: url(../images/headerbar.png) 50% 50% repeat,
				url(../images/spring_bg.jpg) 50% 0 repeat,
				#43665c;
				*/
	
	/*
	background-color: #fefefe;
	
	background-image: linear-gradient(bottom, #fefefe 6%, #fafafa 4%);
background-image: -o-linear-gradient(bottom, #fefefe 6%, #fafafa 4%);
background-image: -moz-linear-gradient(bottom, #fefefe 6%, #fafafa 4%);
background-image: -webkit-linear-gradient(bottom, #fefefe 6%, #fafafa 4%);
background-image: -ms-linear-gradient(bottom, #fefefe 6%, #fafafa 4%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, #FFFFFF),
	color-stop(0.04, #fafafa)
);
*/

}

#block-headerbar .wrapper {
	//border-bottom: 1px solid #ccc;	
	background: url(../images/Line_Header.png) repeat-x left bottom;
}
#block-top-a{ 
	/*background: #648072 url(../images/spring_bg.jpg) 50% 0 repeat;*/
	/*background: #fcfcfc;*/
	/*background-size:cover;*/

	/*
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	background:#fafafa;
	background-image: url(../images/bg_elements_top_1.png), url(../images/bg_elements_bottom_6.png);
 	background-position:  -20px -230px, right bottom;
 	background-repeat:no-repeat, no-repeat; 
 	*/
 	background:#f5f5f5;	
 	
 }


#block-bottom { background: #333;background:#FAFAFA; }
#block-bottom a {color: #79b8c7;}
#block-bottom a:hover {color:#E76E12!important; text-shadow:none!important;}

#block-footer {
	/*border-top: 1px solid #262626;*/
	background: #3440B5;
}


/* Menus
----------------------------------------------------------------------------------------------------*/
.menu-dropdown li.item508 .title { color:#282f93;}
.menu-dropdown li.item511 .title { color:#2b54b8;}
.menu-dropdown li.item516 .title { color:#2d72d6;}

.menu-dropdown .dropdown-bg > div { background: #3440B5; }

.menu-dropdown a.level1,
.menu-dropdown span.level1 { color: #646464; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { 
	background: #35534a;
	background: rgba(0,0,0,0.15);
	box-shadow: 1px 0 0 rgba(255,255,255,0.04),
				-1px 0 0 rgba(255,255,255,0.04),
				inset 0 0 5px rgba(0,0,0,0.08);
	color: #fff;
}

.menu-dropdown  li.parent.remain > .level1 > span,
.menu-dropdown  li.level1.parent:hover > .level1 > span 
{ background: url(../images/menu_dropdown_level1_parent_blue.png) 50% 100% no-repeat; }

.menu-dropdown .level1 .level1 span.title {
	font-size: 24px;
}
.menu-dropdown span.title {
	line-height: 24px;
}
.menu-dropdown .level1 .level1 span.subtitle {
	font-size: 11px;
}
.menu-dropdown a.level1, .menu-dropdown span.level1, .menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {
	font-size: 22px;
}
.menu-dropdown li.active .level1 { color: #00b7f0; }

.menu-dropdown li.level2 .level2 span.title {
 	color: #bcbcbc;
 	/*
 	text-transform: uppercase;
 	font-family: "OpenSansLight";
	font-size: 16px;
	*/
}
.menu-dropdown li.level2:hover .level2 span.title {
 	color: #00B7F0;
}
.menu-sidebar .level2 a > span {
	font-size: 16px;
	line-height:18px;
}

.menu-dropdown li.level2 .level2 span.subtitle {
 	/*
 	line-height:20px;
 	text-transform: uppercase;
 	font-family: "OpenSansLight";
	font-size: 9px;
	*/
}
.breadcrumbs a, .breadcrumbs > span {
	color: #2b54b8;
}
.breadcrumbs strong {
	color: #7a7a7a;
	font-weight: normal;
}
/* Modules
----------------------------------------------------------------------------------------------------*/
/* Color */

.mod-plain .module-title {
	color:#3441B5;
}
.mod-box-blue { 
	color:#ebebeb;
	background: #3440B5;
	background: -moz-radial-gradient(center, ellipse cover, #3440B5 0%, #3440B5 90%);
	background: -webkit-radial-gradient(center, ellipse cover, #2D72D6 0%, #3440B5 90%);
	background: -o-radial-gradient(center, ellipse cover, #2D72D6 0%, #3440B5 90%);
	background: radial-gradient(ellipse at center, #2D72D6 10%, #3440B5 80%);
}

.mod-box-blue .module-title{
	color:#f5f5f5;
} 

.mod-box-blue a { color: #24D6E3; }

.mod-box-blue a:hover { color: #E76E12; }

.mod-box-blue em, 
.mod-box-blue code { color: #637d44; }


.mod-group {
	position:relative;
	padding-right:5px;
}
.mod-group .module-title {
	margin-bottom: 6px;
	line-height: 40px;
	color:#646464;
	/* background: url(../images/module_line.png) 0 100% repeat-x;*/
}

.mod-group .module-title .icon {
	margin-right: 0px;
	width:40px;
	top:-10px;
	height:40px;
}
.mod-group .module-title .icon-researchers {
	background: url(../images/Researchers_icon_sm.png) left bottom no-repeat;
	/*background: url(../images/Researchers_Icon.png) left top no-repeat;*/
}

.mod-group .module-title .icon-providers {
	background: url(../images/Dataproviders_icon_sm.png) left bottom no-repeat;
}

.mod-group .module-title .icon-admins {
	background: url(../images/ResearchAdmin_icon_sm.png) left bottom no-repeat;
}
.mod-group .module-title .icon-funders {
	background: url(../images/FundingAgencies_icon_sm.png) left bottom no-repeat;
}
/*lists */
.mod-group ul {
	padding-left:0px;
	margin-left:-10px;
	margin-top:0px;
}
ul.list-icon > li {
padding: 2px 0px 0 25px;
list-style:none;
background: url(../images/list_check_right.png) 0 0 no-repeat;
}
/* Tools
----------------------------------------------------------------------------------------------------*/

#top-a .button-primary { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }

#top-a .mod-plain .button-primary:hover,
#top-a .mod-plain .button-primary:active {
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.5),
				inset 0 0 1px rgba(0,0,0,0.5),
				0 1px 0 rgba(255,255,255,0.3);
}

#top-a .button-default,
#top-a form.style button,
#top-a form.style input[type='button'],
#top-a form.style input[type='submit'] {  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.5); }

#top-a .mod-plain .button-default:hover,
#top-a form.style button:hover,
#top-a form.style input[type='button']:hover,
#top-a form.style input[type='submit']:hover,
#top-a .mod-plain .button-default:active,
#top-a form.style button,
#top-a form.style input[type='button']:active,
#top-a form.style input[type='submit']:active {
	box-shadow: inset 0 0 0 1px rgba(65,75,70,0.6),
				inset 0 0 5px rgba(65,75,70,0.8),
				0 1px 0 rgba(255,255,255,0.3);
}


/* System
----------------------------------------------------------------------------------------------------*/

.searchbox input:-moz-placeholder { color: #b8c0ba; }
.searchbox input::-webkit-input-placeholder { color: #b8c0ba; }
.searchbox input.placeholder { color: #b8c0ba; }

.searchbox .results { background: #333; }

.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }

.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }


/*footer*/
#footer .menu-line {margin-top:20px;}
#footer .menu-line li a:hover { color: #F06138; text-decoration:none; }
#footer .menu-line li a {color:#ffffff;}
#footer .menu-line li {
    margin-left: 0;
    padding-left: 0;
    background: none;
    display:block;
    font-family: "YanoneKaffeesatzLight";
    font-size:24px;
    line-height:24px;
    font-variant:small-caps;
}

/* openaire specific */
#left-column {
	width: 180px;
	margin-right: 20px;
	/*padding: 5px 0px 10px 5px;*/
	float: left;
	position: relative;
}
#main-column {
	width:100%;
}
.innerLeft {
	float:left;
	width:75%;
}
.innerRight {
	float:right;
	width:25%;
	clear:none;
}
#left-column h2 {
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
	color: #2B6CDF;
}
#right-column {
	float: left;
	width:665px;
}
#right-column2 {
	float: left;
	width:100px;
}