@import "list.css";
@import "rendering.css";
@import "atira_components.css";
@import "visualization.css";

html,body
{
	margin: 0px;
	height: 100%;
	font-family: 'Arial','Helvetica',sans-serif;
	font-size: .9em;
}

a.link
{
	color: #ddd;
}

a.link span
{
	color: #0033aa;
}

a.link:hover, a.link:hover span
{
	color: #004EFF;
}

div.back
{
	padding: 5px 10px 0;
}


/****************************** Override atira components ****************************/

div.atira_list_item
{
	padding-top: 5px;
	padding-bottom: 5px;
}

/************************************* Layout ****************************************/

.base
{
	min-height: 100%;
}

.middle
{
	width: 940px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 110px;
	overflow: hidden;
}


div.center
{
	overflow: hidden;
	background: url('../gfx/line.png') 650px top repeat-y;
	margin-top: 10px;
}

body.small .middle
{
	width: 740px;
}

body.small div.content_full
{
	width: 740px;
}

body.small div.center
{
	background: url('../gfx/line.png') 505px top repeat-y;
}

body.small p.formats
{
	margin-left: 100px;
}

div.content
{
	float: left;
	width: 630px;
	padding-top: 5px;
}

div.content_full
{
	width: 940px;
	float: none;
	width: 940px;
}

body.small .content
{
	width: 490px;
}

/************** Sidebar ***********/

div.sidebar
{
	padding-top: 5px;
	width: 270px;
	margin-left: 10px;
	float: right;
}

div.sidebar h2
{
	margin: 0px 0px 5px;
	font-size: 11pt;
	color: #666;
}

body.small .sidebar
{
	width: 220px;
}

.bottom
{
	clear: both;
}

/************************************ Header *********************************/

.header
{
	background: #dddedf url('../gfx/header_bg.png') top left repeat-x;
	height: 114px;
}

.header .logo
{
	width: 421px;
	height: 44px;
	border: none;
}

.header .home
{
	float: left;
	margin-top: 17px;
	position: absolute;
}

.header .search
{
	float: right;
	clear: right;
	height: 30px;
	background: url('../gfx/searchfield_box.png') left top no-repeat;
	padding-left: 5px;
	margin-top: 5px;
}

.header .search div
{
	height: 30px;
	background: url('../gfx/searchfield_box.png') right -30px no-repeat;
	padding-right: 5px;
}

.header .search form
{
	height: 30px;
	background: url('../gfx/searchfield_box.png') right -60px repeat-x;
	margin: 0px;
}

.header .search form *
{
	margin-top: 4px;
	font-size: 8pt;
}

.header .languages
{
	margin-top: 5px;
	float: right;
}

.header .languages *
{
	padding: 0px 4px;	
}

.header ul.links
{
	clear: both;
	float: right;
	list-style: none;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}

.header ul.links li
{
	float: left;
	padding: 0px 5px;
}

.header ul.links a
{
	color: #000;
	text-decoration: none;
}

.header .inner_header
{
	width: 940px;
	margin: 0 auto;
	position: relative;
}

body.small .header .inner_header
{
	width: 740px;
}

.header .top_header
{
	background: url('../gfx/spiral.jpg') center top no-repeat;
	height: 83px;
}

/********************************** Navigation *******************************/

.header .navigation
{
	background: #005ab7 url('../gfx/bar_left.png') left top no-repeat;
	height: 31px;
	padding-left: 10px;
}

.header .navigation ul
{
	height: 31px;
	background: url('../gfx/bar_right.png') right top no-repeat;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.header .navigation li
{
	float: left;
	height: 31px;
	line-height: 31px;
	font-size: 11pt;
	/*font-family: Georgia,"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	margin: 0px;
	border-right: 1px solid #fff;
}

.header .navigation li.persons
{
	background: #1b70b9;
}

.header .navigation li.publications
{
	background: #6a7bbb;
}

.header .navigation li.organisations
{
	background: #1a8399;
}

.header .navigation li.equipment
{
	background: #25acec;
}

.header .navigation li.fundingprogrammes
{
	background: #272177;
}

.header .navigation li a
{
	color: #fff;
	text-decoration: none;
	padding: 0px 10px;
}

.header .navigation li.selected
{
	background: #F6F6F6;
	border-top: 1px solid #bbb;
	height: 30px;
	line-height: 30px;
}

.header .navigation li.selected a
{
	color: #000;
}

/*********************************** Top *********************************/

.top
{
	padding-bottom: 20px;
	background: url('../gfx/box_bottom.png') left bottom no-repeat;
}

body.small .top
{
	background-image: url('../gfx/box_bottom_small.png');
}

.top h1
{
	display: none;
}

.inner_top
{
	background: #f6f6f6;
	border: 1px solid #bfbfbf;
	border-width: 0px 1px;
	padding: 10px 10px 5px;
}

.top hr
{
	border: none;
	border-top: 1px solid #aaa;
	margin: 7px 0px;
	background: none;
	height: 1px;
}

/*********************************** Footer *********************************/

.footer
{
	width: 940px;
	height: 80px;
	margin: -91px auto 0px;
	position: relative;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	line-height: 14px;
}

body.small .footer
{
	width: 740px;
}

.footer .languages
{
	height: 50px;
}

.footer .languages em
{
	display: block;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
}

.footer .languages .en
{
	position: absolute;
	left: 50%;
	margin-left: 10px;
	height: 20px;
	line-height: 20px;
}

.footer .languages .nl
{
	position: absolute;
	right: 50%;
	margin-right: 10px;
	height: 20px;
	line-height: 20px;
}

.footer address
{
	position: absolute;
	left: 50%;
	margin-left: 10px;
	font-style: normal;
	font-size: 8pt;
}

.footer .info
{
	position: absolute;
	right: 50%;
	margin-right: 10px;
	text-align: right;
	font-size: 8pt;
}

.footer a
{
	/*color: inherit;*/
}

.footer img.anysurfer
{
	width: 37px;
	height: 28px;
	margin: 90px auto 0px;
	position: relative;
	border: none;
	display: block;
}

/************************************* Tabs ***********************************/

ul.tabs
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	overflow: hidden;
	height: 40px;
	font-size: 12pt;
	line-height: 26px;
	/*font-family: Georgia,"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
}

ul.tabs li
{
	float: left;
	margin-right: 15px;
}


ul.tabs strong
{
}

ul.tabs a
{
	color: #000;
}

/************************************* Tab bar ***********************************/

ul.tabbar
{
	height: 28px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 26px;
	border-bottom: 1px solid #d6d6d6;
	font-size: 10pt;
}

ul.tabbar *
{
	float: left;
	height: 28px;
}

ul.tabbar li
{
	background: #f3f3f3 url('../gfx/tabs.png') left top no-repeat;
	margin-right: 5px;
}

ul.tabbar a
{
	background: url('../gfx/tabs.png') right -28px no-repeat;
	padding: 0px 10px;
	color: #ccc;
	cursor: pointer;
}

ul.tabbar a span
{
	color: #666;
}

ul.tabbar a:hover, ul.tabbar a:hover span
{
	color: #000000;
}

ul.tabbar li.selected
{
	background: #d6d6d6 url('../gfx/tabs.png') left -56px no-repeat;
}

ul.tabbar li.selected a
{
	background: url('../gfx/tabs.png') right -84px no-repeat;
	color: #000;
	text-decoration: none;
}

ul.tabbar li.selected span
{
	color: #000;
}

/********************************* Other types ********************************/

ul.other_types
{
	line-height: 16px;
	padding: 0px;
	padding-left: 20px;
	margin: 0px 0px 20px;
	overflow: hidden;
	color: #aaa;
}

/************************************ Box *************************************/

.sidebar .box
{
	width: 280px;
	margin-bottom: 10px;
}

body.small .sidebar .box
{
	width: 240px;	
}

.box_top
{
	height: 8px;
	font-size: 0px;
	background: url('../gfx/box.png') left -16px repeat-x;
}

.box_top div
{
	background: url('../gfx/box.png') left top no-repeat;
	height: 8px;
}

.box_top div div
{
	background: url('../gfx/box.png') right -8px no-repeat;
	height: 8px;
}

.box_middle
{
	background: #fff;
	border: 1px solid #c4c4c4;
	border-width: 0px 1px;
	padding: 1px 10px;
}

.box_bottom
{
	height: 15px;
	font-size: 0px;
	background: url('../gfx/box.png') left -54px repeat-x;
}

.box_bottom div
{
	background: url('../gfx/box.png') left -24px no-repeat;
	height: 15px;
}

.box_bottom div div
{
	background: url('../gfx/box.png') right -39px no-repeat;
	height: 15px;
}


/************************************ Search box *************************************/

form.search
{
	overflow: hidden;
	margin: 0px;
}

form.search fieldset
{
	float: left;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 0px 10px 10px 10px;
	height: 38px;
}

form.search fieldset label
{
	display: none;
}

form.search input.text
{
	width: 220px;
}

form.search fieldset legend
{
	color: #666;
}

form.search fieldset.text
{
	border: none;
	margin-top: 15px;
	height: auto;
}

form.search fieldset.date input
{
	width: 50px;
	margin-right: 5px;
}

form.search ul.filters
{
	clear: both;
	padding-top: 10px;
	padding-left: 20px;
	color: #999;
}

form.search ul.filters strong
{
	font-weight: normal;
	color: #000;
}

form.search .reset
{
	margin-left: 20px;
}


form.search ul.errors
{
	clear: both;
	padding-top: 10px;
	padding-left: 20px;
	color: #f00;
}

p.empty_result
{
	color: #AAAAAA;
	font-size: 1.8em;
	margin: 15px 0 0 15px;
}



/************************************ Box *************************************/

.content .box_middle
{
	background: #f6f6f6;
	border-color: #d7d7d7;
	padding: 1px 10px;
}

.content .box_top, .content .box_top div, .content .box_bottom, .content .box_bottom div
{
	background-image: url('../gfx/search_box.png');
}

.content .box h1
{
	font-family: Georgia,"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
	font-size: 15pt;
	margin: 0px 0px 5px;
}

.sidebar .box h2
{
	font-family: Georgia,"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
	font-size: 13pt;
	margin: 0px 0px 5px;
}

body.small .sidebar .box h2
{
	font-size: 11pt;
}

.search_description
{
	display: none;
}

/******************************** Cloud **************************************/

ul.classifications
{
	color: #aaa;
	margin: 0px;
	padding: 0px 10px 10px 20px;
	/*
	overflow: auto;
	max-height: 1300px;
	*/
}

ul.classifications li
{
	padding: 2px 0px;
}

ul.classifications a
{
	padding: 2px 0px;
	color: #ccc;
}

ul.classifications a span
{
	color: #333;
}

ul.classifications em
{
	color: #999;
	font-style: normal;
}

ul.classifications a:hover, ul.classifications a:hover span
{
	color: blue;
}
	
/******************************** Cloud **************************************/

p.cloud
{
	margin: 0px;
	line-height: 18px;
}

p.cloud a
{
	padding: 2px 3px;
	color: #ccc;
}

p.cloud a span
{
	color: #333;
}


p.cloud a:hover, p.cloud a:hover span
{
	color: blue;
}

p.cloud a.selected
{
	background: #666;
	text-decoration: none;
}

p.cloud a.selected span, p.cloud a.selected:hover span
{
	color: #fff;
}

.size-1 { font-size: 9px;}
.size-2 { font-size: 10px;}
.size-3 { font-size: 11px;}
.size-4 { font-size: 12px;}
.size-5 { font-size: 13px;}
.size-6 { font-size: 14px;}
.size-7 { font-size: 15px;}
.size-8 { font-size: 16px;}
.size-9 { font-size: 17px;}
.size-10 {font-size: 18px;}


/****************************** Types *********************/

ul.types
{
	list-style: none;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	/*font-family: Georgia,"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
}

ul.types li
{
	height: 82px;
	background: url('../gfx/front_boxes.png') left top repeat-x;
}

ul.types li div
{
	height: 82px;
	background: url('../gfx/front_boxes.png') right -82px no-repeat;
}

ul.types li div div
{
	background: url('../gfx/front_boxes.png') no-repeat;
}

ul.types li.projects div div
{
	background-position: left -164px;
}

ul.types li.organisations div div
{
	background-position: left -246px;
}

ul.types li.persons div div
{
	background-position: left -328px;
}

ul.types li.fundingprogrammes div div, ul.types li.publications div div
{
	background-position: left -410px;
}

ul.types li.equipment div div
{
	background-position: left -164px;
}

ul.types a
{
	display: block;
	padding-left: 35px;
	height: 82px;
	color: #000;
	text-decoration: none;
}

body.small ul.types a
{
	padding-left: 30px;
}

ul.types span
{
	display: block;
	padding-top: 15px;
}

ul.types strong
{
	display: block;
	font-size: 13pt;
	font-weight: normal;
	padding-top: 5px;
}


body.small ul.types strong
{
	font-size: 11pt;
}

/******************************** Pages ************************/

.page
{
	/*font-family: Georgia,"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	margin-left: 10px;
	font-size: 12pt;
	padding-top: 15px;
}

.page h1
{
	margin-top: 0px;
	font-weight: normal;
	font-size: 18pt;
}

.page p
{
	line-height: 1.4em;
}

/******************************** News ************************/

.news
{
	/*font-family: Georgia,"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	margin-left: 10px;
	padding-top: 15px;
	font-size: 9pt;
}

.news h1
{
	font-weight: normal;
	margin-top: 0px;
	font-size: 18pt;
}

.news h2
{
	font-weight: normal;
	margin: 5px 0px 0px;
	font-size: 13pt;
}

.news hr
{
	border: none;
	border-bottom: 1px solid #ccc;
	height: 1px;
}

.news .rss
{
	background: url('../icons/rss.png') left center no-repeat;
	padding-left: 20px;
}

/***************************** front ****************************/

.front .left
{
	float: left;
	width: 60%;
	padding: 10px 0px;
}

.front .right
{
	float: left;
	width: 40%;
	padding: 10px 0px;
}

.front .page
{
	padding-right: 10px;
	padding-top: 10px;
	font-size: 10pt;
}

.front .page h1
{
	font-size: 14pt;
	margin: 0px;
}

.front .news
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 10px 0px 10px;
	margin: 0px;
}

.front .news .item
{
	padding: 10px 0px;
}

.front .news em
{
	color: #666;
	float: right;
	padding-left: 10px;
}

.front .news h2
{
	margin: 0px;
	font-size: 12pt;
}

.front .news h3
{
	margin: 0px 0px 5px;
	font-size: 10pt;
}

.front .news p
{
	margin: 0px 0px 0px;
	font-size: 9pt;
	line-height: 12pt;
}

/*********************************** Errors ********************************/

.error
{
	color: red;
}


/******************************** Content list **********************************/


div.compact_list
{
	margin-bottom: 40px;
}

div.compact_list h2.title
{
	font-size: 14pt;
	font-weight: normal;
	letter-spacing: .5px;
	margin: 0 0 10px;
}

div.compact_list ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	/*border-bottom: 1px solid #eee;*/
	max-width: 300px;
}

div.compact_list li
{
	margin-bottom: 5px;
	/*border-top: 1px solid #eee;*/
	padding-top: 5px;
	width: 100%;
}

div.compact_list li div.rendering
{
	/*max-width: 300px;*/
}

div.compact_list ul h2
{
	font-size: 9pt;
}