@charset "utf-8";
/* ONKI Front Style Sheet 02/2011 */

body {
	margin:0;
	padding:0;
	background:url(../images/bg-top.jpg) repeat-x #fcfcfc;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#333333;
	font-size: 12px;
	text-align:center;
	line-height:1.45;
}

a:link, a:visited, a:active, a:hover, a:focus {
	text-decoration: none;
	border: 0;
	outline: none;
	color:#333333;
}

.blue:link, .blue:visited, .blue:active, .blue:hover, .blue:focus {
	text-decoration: none;
	border: 0;
	outline: none;
	color:#63b1ff;
}

.dark-blue:link, .dark-blue:visited, .dark-blue:active, .dark-blue:hover, .dark-blue:focus {
	text-decoration: none;
	border: 0;
	outline: none;
	color:#0c4a97;
}

.white:link, .white:visited, .white:active, .white:hover, .white:focus {
	text-decoration: none;
	border: 0;
	outline: none;
	color:#fefefe;
}

a:hover, .blue:hover, .white:hover, .dark-blue:hover {
	text-decoration: underline;
}

h3 {
	margin:0;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
}

.tier0 {
	width:100%;
	height:400px;
	background:url(../images/footer-bg.png) repeat-x bottom;
}

.tier1 {
	width:986px;
	margin:0 auto;
	display:block;
}

#navi {
	height:60px;
}

#navi div {
	height:64px;
	float:left;
}

#navi .left {
	width:17px;
	background:url(../images/navi-left.png) no-repeat;
}

#navi .content {
	width:952px;
	background:url(../images/navi-bg.png) repeat-x;
    font-family:Tahoma,Arial,Helvetica,sans-serif;
}

#navi .right {
	width:17px;
	background:url(../images/navi-right.png) no-repeat;
}

#navi .logo {
	width:145px;
	height:60px;
	display:block;
	float:left;
	background:url(../images/logo-onki.png) no-repeat;
}

#navi #services {
	line-height:55px;
	float:left;
}

#navi #services a {
	padding:10px;
	font-weight: bold;
}

#navi #languages {
	line-height:55px;
	float:right;
}

#navi #languages a {
	padding:10px;
}

#navi #languages .selected {
	font-weight: bold;	
}

/* These can be removed when language versioning is enabled in all languages. */

#navi #languages a.disabled {
	cursor:default;
	opacity:0.4;	
}

#navi #languages a.disabled:hover {
	text-decoration:none !important;
}

/* Remove these when language versioning enabled. */

/*#navi #languages a {
	cursor:default;
	opacity:0.4;	
}

#navi #languages a:hover {
	text-decoration:none !important;
}

#navi #languages .selected {
	cursor:pointer !important;
	opacity:1 !important;
}

#navi #languages .selected:hover {
	text-decoration:underline !important;
}*/

/* ############################################## */

#content {
	height:auto;
	padding:14px 0 50px 0;
	display:inline-block;
	text-align:left;
}

#content .right {
	clear:right;
	float:right;
	display:block;
	width:401px;
}

#content .left {
	clear:left;
	float:left;
	display:block;
	width:455px;
}

#content .wide {
	clear:both;
	float:left;
	display:block;
	width:986px;
}

#content .avoid-login {
	/* margin-top:74px !important; */
	margin-top:146px !important;
}

#content .extra-margin-bottom {
	margin-bottom:40px !important;
}

#content .side-margins {
	margin:14px 14px 14px 14px;
}

#content #login {
	width:429px;
	height:40px;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:64px;
	color:#fefefe;
	line-height:1;
	background:url(../images/bg-login.png) center no-repeat;
}

#content #login.with-banner {
	top:113px;
}

#content #login #admin-login {
	padding:12px 0 0 33px;
}

#content #login #admin-login span {
	padding-right:3px;
}

#content #login .login-user, #content #login .login-pass, #content #login .login-user-fi, #content #login .login-pass-fi {
	width:91px;
	height:15px;
	margin-right:13px;
	padding:0;
	color:#fefefe;
	font-size:11px;
	border:1px solid;
	border-color:#a7a7a7;
	background:#5d5d5d;
}

#content #login .login-user-fi, #content #login .login-pass-fi {
	margin-right:5px !important;
}

#content #login .login-go {
	width:16px;
	height:16px;
	background:url(../images/login.png) no-repeat;
	padding:0;
	border:none;
	cursor:pointer;
	outline:none;
	vertical-align:middle;
	margin-top:-2px;
}

#content #login .login-go::-moz-focus-inner {
	border: 0;
	outline: 0;
}

#content #welcome {
	padding:25px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	background:#2c2c2c url(../images/dark-gradient-310px.png) repeat-x;
	background-position:top;
	box-shadow:1px 1px 5px #aaaaaa;
	-moz-box-shadow:1px 1px 5px #aaaaaa;
	-webkit-box-shadow:1px 1px 5px #aaaaaa;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}

#content #welcome h3 {
	padding-bottom:5px;
	color:#fefefe;
}

#content #welcome p {
	font-size:12px;
	line-height:1.45;
	color:#fefefe;
}

#content #welcome .notification {
	background:#f54848;
	font-weight:bold;
	padding:10px;
	text-align:center;
}

#search {
	height:98px;
	margin-top:18px;
	background:url(../images/bg-search-small.png) no-repeat; /* bg-search.png */
}

#search .q {
	width:250px; /* 326px */
	height:28px;
	/*margin:0;
	padding:15px 10px 15px 17px;*/
	margin:10px 0 10px 8px;
	padding:5px 10px 5px 9px;
	background:none;
	border:none;
	float:left;
	font-family:Arial,Helvetica,Tahoma,sans-serif;
	color:#999999;
	font-size: 18px;
	font-weight: bold;
}

#search .active {
	color:#333333 !important;
}

#search .go {
	width:40px;
	height:40px;
	float:right;
	margin:9px 8px 9px 0;
	padding:0;
	background:none;
	border:none;
	cursor:pointer;
	outline:none;
}

#search .go-hover {
	background:url(../images/search-button.png) no-repeat !important;	
}

#search .go::-moz-focus-inner {
	border: 0;
	outline: 0;
}

#search .settings {
	width:381px;
	float:left;
	margin:3px 10px 0 10px;
	/*text-align:center;*/
	text-align:left;
	padding-left:5px;
}

#search .settings select {
	width:45px;
}

#search .settings a {
	padding-left:8px;
}

#search .ontology-selection {
	clear:both;
}

#search .settings .toggler-text {
    font-weight: bold;
}

#search .tokenize-holder {
	display:none;	
}

#content #twitter {
	/*padding:10px 0 0 0;*/
}

#content #twitter #twitter-link {
	width:48px;
	height:48px;
	display:block;
	float:left;
	padding:0 10px 10px 0;
	/*margin:-8px 0 0 0;*/
	margin:0;
	background:url(../images/twitter.png) no-repeat;
}

#content #twitter .tweet {
	/*width:338px;
	float:left;
	clear:right;
	line-height:1.5;*/
	width:306px;
	float:left;
	clear:right;
	line-height:1.5;
	padding:7px 15px;
	background:#fcfcfc;
	border:1px solid;
	border-color:#dddddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#content #twitter .tweet ul {
	list-style:none;
	padding:0;
	margin:0;
}

#content .box {
	height:269px;
	margin:14px 0 14px 0;
}

#content .box div {
	height:269px;
}

#content .box .left {
	width:14px;
	display:block;
	float:left;
	background:url(../images/box-left.png) no-repeat;
}

#content .box .right {
	width:14px;
	display:block;
	float:right;
	background:url(../images/box-right.png) no-repeat;
}

#content .box .content {
	width:958px;
	height:241px !important;
	float:left;
	display:block;
	line-height:1.45;
	padding:14px 0 14px 0;
	background:url(../images/box-bg.png) repeat-x;
	background-position:0 -1px;
}

#content .box .content .content-holder {
	padding:5px 10px 10px 10px !important;
}

#content #showbox-beta, #content #showbox {
	margin-top:40px;
}

#content #showbox-beta .content a:hover, #content #showbox .content a:hover {
	text-decoration:none;
}

#content #showbox-beta .content #beta-description a:hover {
	text-decoration:underline;
}

#content #showbox .content #browser-badge {
	width:205px;
	height:219px;
	display:block;
	float:left;
	margin:16px 0 0 20px;
	background:url(../images/browser-badge.png) no-repeat;
}

#content #showbox .content #browser-description, #content #showbox .content #quick-search {
	width:325px;
	height:219px;
	display:block;
	float:left;
	margin:10px 0 0 30px;
}

#content #showbox .content #browser-description p {
	float:left;
}

#content #showbox .content #browser-description a:hover {
	text-decoration:underline;
}

#content #showbox .content #browser-description #browser-link {
	width:265px;
	height:32px;
	display:block;
	float:left;
	margin:10px 0 10px 0;
	background:url(../images/browser-link.png) no-repeat;
}

#content #showbox .content #browser-description #browser-link-fi {
	width:265px;
	height:32px;
	display:block;
	float:left;
	margin:10px 0 10px 0;
	background:url(../images/browser-link-fi.png) no-repeat;
}

#content #showbox .content #browser-description #browser-link-sv {
	width:265px;
	height:32px;
	display:block;
	float:left;
	margin:10px 0 10px 0;
	background:url(../images/browser-link-sv.png) no-repeat;
}

#content #showbox .content #browser-description #browser-link:hover,
#content #showbox .content #browser-description #browser-link-fi:hover,
#content #showbox .content #browser-description #browser-link-sv:hover {
	background-position:0 -32px;
}

#content #showbox-beta .content #beta-description {
	width:325px;
	height:269px;
	display:block;
	float:left;
	margin:16px 0 0 30px;
	background:url(../images/beta.png) no-repeat;
	background-position:0 106px;
}

#content #showbox-beta .content #schema-holder {
	width:245px;
	height:125px;
	display:block;
	float:right;
	margin-top:-40px;
	padding:154px 19px 0 19px;
	background:url(../images/schema.png) top no-repeat;
}

#content #showbox-beta .content #schema-holder h3 {
	text-align:center;
	padding-right:10px;
	padding-bottom:0px !important;
}

#content #showbox-beta .content #schema-holder p {
	text-align:center;
	line-height:1.45;
}

#content #showbox-beta .content #browser-holder {
	width:392px;
	height:219px;
	display:block;
	float:left;
	margin-top:20px;
	background:url(../images/browser.png) no-repeat;
}

#content #showbox-beta .content #browser-holder p {
	text-align:center;
	line-height:1.45;
}

#content #showbox-beta .content #browser {
	width:392px;
	height:174px;
	display:block;
	background:url(../images/browser-hover.png) no-repeat;
}

#content #showbox-beta .content #data-holder {
	width:245px;
	height:125px;
	display:block;
	float:right;
	margin-top:-40px;
	padding:154px 19px 0 19px;
	background:url(../images/data.png) top no-repeat;
}

#content #showbox-beta .content #data-holder h3 {
	text-align:center;
	padding-right:10px;
	padding-bottom:0px !important;
}

#content #showbox-beta .content #data-holder p {
	text-align:center;
	line-height:1.45;
}

#content #focus {
	height:270px !important;
}

#content #focus .panorama {
	height:270px;
	width:986px;
	display:block;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1.45;

	border-radius:4px 4px 4px 4px;
	-o-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;

	box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);

	border-color:#e5e5e5 #dbdbdb #d2d2d2;
	border-style:solid;
	border-width:1px;
}

#content #focus .panorama .group {
	height:270px;
	display:block;
	float:left;
	position:relative;

	background:url(../images/box-bg.png) repeat-x;
	background:-moz-linear-gradient(50% 100% , #ededed 0%, #ffffff 100%);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#ededed), to(#ffffff));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', endColorStr='#ededed');
}

#content #focus .panorama .group a {
	height:235px;
	width:205px;
	display:block;
	float:left;
	border-left:1px solid #ffffff;
	border-right:1px solid #dddddd;
	color:#252525;
	padding:15px 20px 20px 20px;
	position:relative;
	text-decoration:none;
	overflow:hidden;
}

#content #focus .panorama .group .upload {
	height:99px;
	float:none;
	border-bottom:1px solid #dddddd;
}

#content #focus .panorama .group .download {
	height:99px;
	float:none;
	border-top:1px solid #ffffff;
}

#content #focus .panorama .group .download-logo {
	position:absolute;
	height:61px;
	width:60px;
	float:none;
	border:none;
	top:104px;
	left:170px;
	margin:0;
	padding:0;
	background:url(../images/download.png) no-repeat;
}

#content #focus .panorama .group a h3 {
	padding-bottom:0px !important;
}

#content #focus .panorama .group .first, #content #focus .panorama .first {
	border-left:none !important;
	border-radius:4px 0px 0px 4px;
	-o-border-radius:4px 0px 0px 4px;
	-moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	-khtml-border-radius:4px 0px 0px 4px;
}

#content #focus .panorama .group .last, #content #focus .panorama .last {
	border-right:none !important;
	border-radius:0px 4px 4px 0px;
	-o-border-radius:0px 4px 4px 0px;
	-moz-border-radius:0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
}

#content #focus .panorama .group .soap {
	background:url(../images/soap.png) bottom no-repeat;
}

#content #focus .panorama .group .rest {
	background:url(../images/rest.png) bottom no-repeat;
	cursor:default;
}

#content #focus .panorama .group .widget {
	background:url(../images/widget.png) bottom no-repeat;
}

.more {
	height:23px;
	width:24px;
	display:none;
	position:absolute;
	top:15px;
	right:-15px;
	background:url(../images/more.png) no-repeat;
}

#content #focus .panorama .group .download .more {
	top:auto;
	bottom:15px;
}

#footer .content {
	width:100%;
	height:400px;
	position:relative;
	background:url(../images/footer.jpg) no-repeat bottom center;
}

#footer .content .seco {
	width:170px;
	height:167px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-178px;
	margin-top:7px;
}

#footer .content .hy {
	width:273px;
	height:167px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-8px;
	margin-top:7px;
}

#footer .content .aalto {
	width:157px;
	height:167px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:265px;
	margin-top:7px;
}

.index-listing, .index-listing a:link, .index-listing a:visited, .index-listing a:active, .index-listing a:hover, .index-listing a:focus {
	color:#fefefe;	
}