@import url("font/raleway-lnum.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:300|Open+Sans:400,600,400italic,600italic");

body, textarea, input
{
	font-family: "Open Sans", "Frutiger", "Ubuntu", "Segoe UI", "Segoe WP", "Trebuchet MS", sans-serif;
}

header nav.global a.logout, header nav.global a.login {
    background-color: #708FA3;
    color: #fff;
}

h1, header h1.toplevel a, nav.main h2
{
font-family: 'Yanone Kaffeesatz', sans-serif;
}

header h1.toplevel {
    padding: 1.3rem 0.5rem 1.0rem 0.1rem;
}

textarea.monospace
{
	font-family: "Source Code Pro", "DejaVu Sans Mono", "Droid Sans Mono", "Menlo", "FreeMono", "Ubuntu Mono", "Consolas", "Lucida Console", "Andale Mono", monospace;
}

html:before
{
	background:  #E1E3E0 url(https://peda.net/dev/theme/taipalsaari/style/background-gif:file/download/);
	color: #000;
	padding-bottom: 1rem;
}


header .path .toplevel.pathitem > .d {
    display: none;
}

header h1.toplevel > .pathitem {
    display: block;
    padding-bottom: 1.0rem;
    padding-top: 1.0rem;
}

header h1.toplevel > .pathitem.placeholder, header h1.toplevel > .pathitem.redundant {
    min-height: 0rem; 
    margin-bottom: -1.0rem;
}

header h1.toplevel .withinpage {
    display: inline;
}

table th {
    color: #000;
    background: #eee;
    background: #d4dde3;
}
table th, table td {
    vertical-align: top;
    text-align: left;
    border: solid #a9bbc7 0.1rem;
    /* border: solid rgba(0,0,0,0.1) 0.1rem; */
    padding: 0.2rem 0.5rem;
}

article.rssitem {
    margin-top: 0.5rem;
}

body.deleted > main
{
	background: transparent;
}

article
{
	/* enable automatic hyphenation: http://blog.fontdeck.com/post/9037028497/hyphens */
	/* https://developer.mozilla.org/en/CSS/hyphens#AutoCompatibilityTable */

	/* x-webkit-hyphens: auto; /* http://crbug.com/47083 suggests that this does not work in Chrome/Chromium, Safari/OSX+English only, see also: http://webkit.org/b/48610 . In addition, some iOS versions of Safari would require custom CSS (http://stackoverflow.com/questions/7907097/css-hyphenation-language), Android 2.3.7 does not support hyphenation */
	/* x-moz-hyphens: auto; /* Firefox 8.0+ needed for Finnish hyphenation */
	/* x-ms-hyphens: auto; /* MSIE 10.0 supports hyphens for selected languages but not for Finnish */
	/* x-o-hyphens: auto; /* not really supported as of 2012-04, tested Opera 11.62/Linux x86_64 */
	/* xhyphens: auto; /* not really supported as of 2012-04 by any UA */
}

div.ad a
{
	margin: 1.5rem;
	display: block;
	border: solid #1C77D2 0.2rem;
	padding: 0.5rem;
	background: #1C77D2;
	color: #fff;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 0 2rem rgba(0,0,0,0.2);
}

div.ad a:hover
{
	background: #2090FF;
	border-color: #2090FF;
	box-shadow: 0 0 1rem rgba(255,255,255,0.5), 0 0 2rem rgba(134,194,255,0.5);
	text-shadow: 0 0 0.2rem rgba(255,255,255,0.2);
	text-decoration: none;
}

ul.actions,
h1, h2, h3, h4
{
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	-o-hyphens: manual;
	hyphens: manual;
}

/* Webkit (iOS safari and friends) fixes (http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation) */
[lang='en'] {
	-webkit-locale: 'en';
}
[lang='fi'] {
	-webkit-locale: 'fi';
}
[lang='sv'] {
	-webkit-locale: 'sv';
}
/* Check for UA auto hyphenation support at http://hyphenator.googlecode.com/svn/dictChecker.html */

a:link
{
	color: #00428f;
	text-decoration: none;
}

a:visited
{
	color: #00428f;
}

.feed a:visited,
.plaintext a:visited
{
	color: #000000;
}


a:hover,
a:active,
a:focus
{
	color: #708FA3;
	text-decoration: underline;
}

details summary:after, details summary:after
{
	color: #00428f;
}


.info,
.notice,
.warning,
.error
{
	background: #0070E3;
	color: #fff;
	border-color: #fff;
}

.notice
{
	color: #000;
	background: #ffc;
}

.warning
{
	color: #000;
	background: #ff0;
}

.error
{
	color: #fff;
	background: #f00;
}

.info a:link,
.notice a:link,
.warning a:link,
.error a:link,
.info a:visited,
.notice a:visited,
.warning a:visited,
.error a:visited
{
	color: #fff;
}

.notice a:link,
.warning a:link,
.notice a:visited,
.warning a:visited
{
	color: #000;
}

/* DEFINE ANIMATIONS: */

@-webkit-keyframes pulsein
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1.0;
	}
}
@-moz-keyframes pulsein
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1.0;
	}
}
@keyframes pulsein
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1.0;
	}
}

@-webkit-keyframes pulsein50
{
	from
	{
		opacity: 0.5;
	}
	25%
	{
		opacity: 1.0;
	}
	to
	{
		opacity: 1.0;
	}
}
@-moz-keyframes pulsein50
{
	from
	{
		opacity: 0.5;
	}
	25%
	{
		opacity: 1.0;
	}
	to
	{
		opacity: 1.0;
	}
}
@keyframes pulsein50
{
	from
	{
		opacity: 0.5;
	}
	25%
	{
		opacity: 1.0;
	}
	to
	{
		opacity: 1.0;
	}
}

@keyframes fadeandvanish
{
	from
	{
		right: 0;
		clip: rect(0rem 10rem 10rem 0rem);
	}
	to
	{
		right: -10rem;
		clip: rect(0rem 0rem 10rem 0rem);
		opacity: 0.0;
		display: none;
	}
}

.info
{
	-moz-animation: pulsein 1.0s linear 0s 1 alternate;
	-webkit-animation: pulsein 1.0s linear 0s 1 alternate;
	animation: pulsein 1.0s linear 0s 1 alternate;
}

.warning, .error, header nav.global a.flag:link, header nav.global a.flag:visited
{
	-moz-animation: pulsein50 1.0s linear 1s 5 alternate;
	-webkit-animation: pulsein50 1.0s linear 1s 5 alternate;
	animation: pulsein50 1.0s linear 1s 5 alternate;
}

/*Bannerikuvan vaihtaminen*/
html { --bannerimage: url(https://peda.net/p/hannu.rainerma/taustakuvat/banneri/m:file/download/9929148a685d45f67dae9c007005d1f6d899be14/mun_maailma_banneri.jpg); --bannerheight: minmax(max(20rem,25vh), auto); }

html { --bannerbackgroundposition: 0% 60%; }

html { --bannerbackgroundsize: cover; }

.banner
{
   background-image: url(https://peda.net/p/hannu.rainerma/taustakuvat/banneri/m:file/download/9929148a685d45f67dae9c007005d1f6d899be14/mun_maailma_banneri.jpg);
   border-bottom: solid 0.15rem #A37636;
   background-position: 0% 60%;
   background-size: cover;

}
header nav.global
{
	background: #002b9f;
	background: rgba(0,0,0, 0.3);
	color: #fff;
}

header nav.global a:link,
header nav.global a:visited
{
	color: #fff;
	text-decoration: none;
}

header nav.global .links > span.frontpage,
header nav.global .links > span.persondirectory
{
	background: transparent;
}

header nav.global a:link
{
	color: #fff;
	text-decoration: none;
}

header nav.global a.logout,
header nav.global a.login
header nav.global a.login
{
	background: #708FA3;
	color: #fff;
}

body.modify header .path
{
	background: #002B9F;
}

header .path a
{
	color: #fff;
	text-decoration: none;
}

nav.path.simple .returnlink a
{
	color: #fff;
}

header .simple h1
{
	color: #fff;
}




header nav.global input.s,
header nav.global button
{
	background: transparent;
}

header nav.global .actionshidden input.s,
header nav.global .actionshidden button
{
	background: #708FA3;
}

header nav.global .loginlogout a.service
{
	background: #000;
	color: #fff;
}

header .path .pathitem a:hover,
header .path .pathitem a:active,
header h1.toplevel a:hover,
header h1.toplevel a:active
{
	color: #fff;
	background: transparent;
	text-shadow: 0rem 0rem 0.2rem #fff;
}

/*
.banner > .path, header .path a, header h1.toplevel a {
    color: #fff;
    text-shadow: 0 0 0.1rem #000, 0 0 0.1rem #000, 0 0 0.1rem #000, 0 0 0.1rem #000, 0 0 0.1rem #000, 0 0 0.1rem #000;
}
*/

header h1.toplevel a
{
	color: #fff;
	font-weight: normal;
}

header h1.toplevel a img {
    vertical-align: middle;
    background: transparent;
    height: 1.8rem;
    max-width: 1.8rem;
    margin-right: 0.7rem;
    border: none;
    border-radius: 1.5rem;
}


nav.main h2
{
	display: none;
	color: #29526D;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 0.25rem 0;
}

.profile nav.main h2
{
	display: block;
}

nav.main nav.virtualsub li a,
nav.main nav.sub .service a
{
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0.1rem;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

nav.main nav.virtualsub li a.current,
nav.main nav.sub .service a.current
{
	background-color: #eee;
	background-color: rgba(225,225,225,0.7);
}

nav.main nav.virtualsub li a:hover,
nav.main nav.sub .service a:hover
{
	text-decoration: underline;
	background-color: #F2F3F4;
}

nav.main nav.virtualsub li a, nav.main nav.sub .service a {
    color: #486F88;
    text-decoration: none;
    font-size: 1.3rem;
}

nav.tabs
{
	border-bottom: solid #fff 0.1rem;
}

nav.tabs a
{
	border-color: #fff;
	border-bottom-color: #fff;
}

nav.tabs a:hover,
nav.tabs a:active
{
	background: #fff;
	color: #000;
}

nav.tabs a.current
{
	color: #000;
	background: #fff;
	border-color: #fff;
	border-bottom: solid #fff 2px;
}

nav.tabs a:hover.current,
nav.tabs a:active.current
{
	color: #000;
}


nav.main nav.main a:hover,
nav.main nav.main a:active
{
	color: #000;
	background-color: #fff;
}

nav.main nav.main .actions a:hover,
nav.main nav.main .actions a:active
{
	background-color: transparent;
}

nav.sub .service a:hover,
nav.sub .service a:active
{
	color: #fff;
}



body.full .mainwrapper .extra1
{
	border-color: #88919d;
}

body.full .mainwrapper .extra2
{
	border-right-color: #88919d;
}

body.full section.content
{
	border-top-color: #88919d;
	background: #FFFAF3;
}

body.modify > main
{
	background: #0070E3;
}

body.modify > main > article
{
	background: #fff;
}

article article
{
	padding: 0rem;
	margin: 0rem;
	background: #fff;
	border: solid 0rem #000; 
    margin-bottom: 1rem;
    border-bottom: solid 0.2rem #fff;
}

article.rssitem > main
{
	padding: 1rem;
    margin-bottom: 0rem;
	margin-right: 0.5rem;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 0.1rem transparent;
    border-top-right-radius: 2rem;
	border-bottom-left-radius: 2rem;
	border-bottom-right-radius: 2rem;
    background-color: #e2e8ec;
}

article.rssitem h1
{
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}


article article,
div.framelessimage
{
	color: #000;
	background: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0.25rem 0.25rem 1.5rem 0.25rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

footer .start span.backtotop {
    background-image: url("https://peda.net/p/johannespernaa/projektit/kuvia/logoja/up-png:file/download/c410a255db0f8f96d3efc2abffcbb4176ee74f38/up.png");
    background-position: 0 50%, 0 0;
    background-repeat: no-repeat;
    background-size: 1.5rem auto, 100% 100%;
    padding: 0.1rem 0.3rem 0.1rem 1.5rem;
}

footer .start span.backtotop a {
    color: #FFF;
}

div.framelessimage img
{
	vertical-align: bottom;
	border-radius: 0.18rem; /* in theory, this should be 0.25rem but this looks better in practice */
	width: 100%;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}


article.module,
article.learningresource
{
	color: #000;
	background: #fff;
}

article.supermodule
{
	color: #000;
	background: #ddd;
}

article.minierror
{
	background: #fff;
	
}

article article header {
    padding: 1rem 1rem 0.5rem;
	border-top: solid 0.2rem #29526D;
}


.rectangle header, .rectangle main {
    padding-top: 0;
    padding-bottom: 0;
    border-top: solid 0.1rem #708FA3;
	border-bottom: none;
}

article.module > .content,
article.supermodule > .content,
article.learningresource > .content,
article.profile.entry .comments,
ul.connection,
ul.access,
ul.registrations,
.externalfile.preview video
{
	background: #fff;
}

.externalfile.preview video
{
	background: #000;
}

article > footer > div
{
	border-top-color: #b4c0d1;
}

.movehere
{
	border-color: #b4c0d1;
}

aside img.mugshot
{	border-radius: 10.0rem;
	max-width: 220px;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

details, details summary
{
	border-radius: 0.25rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

h1
{
	color: #486F88;
	background: transparent;
	font-weight: normal;
	font-size: 1.8rem;
	font-weight: 300;
}

article article h1
{
	font-size: 1.6rem;
}

article article article h1
{
	font-size: 1.4rem;
}

article article article article h1
{
	font-size: 1.3rem;
}

h1 a,
h1 a:link,
h1 a:visited
{
	color: #486F88;
	background: transparent;
	text-decoration: none;
}

h1 a,
h1 a:link,
h1 a:visited
{
	color: #486F88;
}

h1 a:hover,
h1 a:active
{
	color: #486F88;
	text-decoration: underline;
}

body.modify > main > article > header
{
	color: #fff;
	background: #0070E3;
}

body.modify > main > article > header h1,
body.modify > main > article > header h1 a,
body.modify > main > article > header h1 a:link,
body.modify > main > article > header h1 a:visited,
body.modify > main > article > header h1 a:hover,
body.modify > main > article > header h1 a:active
{
	color: #fff;
	text-decoration: none;
}

article article > header h1 {
    font-size: 1.5rem;
    margin: 0;
    padding-bottom: 0.3rem;
    padding-top: 0.1rem;
    float: left;
    max-width: 100%;
}

div.actions > .actions.important {
    margin-left: -0.2rem;
    margin-bottom: 0.3rem;
    margin-top: 0.2rem;
    max-width: 100%;
}

body.modify > main > article > main
{
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.actions.important a,
.actions.important a:visited,
.actions.important a:link
{
	background-color: #708FA3;
	background-image: -webkit-linear-gradient(#708FA3, #29526D);
	background-image: linear-gradient(#708FA3, #29526D);
	border-radius: 0.55rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

.actions .important li:first-child a
{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 0rem;
    padding-right: 1rem;
    /* -webkit-background-clip: padding-box; */
}

.actions .important li:last-child a
{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 0rem;
    padding-left: 1rem;
	/*-webkit-background-clip: padding-box;  http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

ul.actions.important li.highlight a
{
	background: #1C8D18;
	background-image: -webkit-linear-gradient(#708FA3, #708FA3);
	background-image: linear-gradient(#708FA3, #708FA3);
}

@media all and (min-width:10rem)
{
	.actions.important li.create a
	{
		background-image: url("icon/create-white.png"), -webkit-linear-gradient(#708FA3, #708FA3);
		background-image: url("icon/create-white.png"), linear-gradient(#708FA3, #708FA3);
	}

	.actions.important li.move a
	{
		background-image: url("icon/move-white.png"), -webkit-linear-gradient(#708FA3, #708FA3);
		background-image: url("icon/move-white.png"), linear-gradient(#708FA3, #708FA3);
	}
}

a.button.highlight:link,
a.button.highlight:visited
{
	font-weight: bold;
	font-size: 0.8rem;
	color: #fff;
	border: solid #fff 0.1rem;
	background: #29526D;
	background-image: -webkit-linear-gradient(#708FA3, #29526D);
	background-image: linear-gradient(#708FA3, #29526D);
}

html:before > article > header ul.actions.important
{
	margin-right: -0.2rem; /* match optical alignment of rightmost button right border (this button has white border which makes it invisible with default style) */
}

ul.actions.important {
    float: right;
    max-width: 100%;
}

article article > header ul.actions
{
	border-left-color: #DC0E4B;
	border-radius: 0 1.5rem 1.5rem 0;
	padding-right: 0.7rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

a.skiptonav, a.skiptonav:link, a.skiptonav:visited,
a.skiptocontent, a.skiptocontent:link, a.skiptocontent:visited
{
	border-radius: 1.5rem 0 0 1.5rem;
	padding-left: 0.7rem;
	padding-right: 0.5rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

a.skiptonav, a.skiptonav:link, a.skiptonav:visited
{
}

article article.document > header ul.actions
{
	border-left-color: #0066CC;
}

ul.extauthservices li.extauthservice.msliveid a:link,
ul.extauthservices li.extauthservice.msliveid a:visited
{
	background: #0072C6;
	color: #fff;
}

ul.extauthservices li.extauthservice.google a:link,
ul.extauthservices li.extauthservice.google a:visited
{
	background: #D44836;
	color: #fff;
}

ul.extauthservices li.extauthservice.facebook a:link,
ul.extauthservices li.extauthservice.facebook a:visited
{
	background: #3B5998;
	color: #fff;
}

ul.extauthservices li.extauthservice.opinsys a:link,
ul.extauthservices li.extauthservice.opinsys a:visited
{
	background: #ED7113;
	color: #fff;
}

ul.extauthservices li.extauthservice.windowsazure a:link,
ul.extauthservices li.extauthservice.windowsazure a:visited
{
	background: #EB3C00;
	color: #fff;
}

ul.extauthservices li.extauthservice.educloud a:link,
ul.extauthservices li.extauthservice.educloud a:visited
{
	background: #00AEEF;
	color: #fff;
}

ul.connection > li + li,
ul.access > li + li,
ul.registrations > li + li
{
	border-top-color: #c9d0d2;
}

body.modify .content li a
{
	color: #3e5d99;
	text-decoration: none;
}

body.modify .content li a:hover
{
	text-decoration: underline;
}

fieldset
{
	background: #fff;
	color: #000;
	padding: 0.25rem 0.5rem;
	margin: 0rem;
	border: 0.1rem solid #B4C0D1;
	border-radius: 0.25rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

legend
{
	background: #fff;
	color: #000;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

input.s,
button
{
	background-color: #708FA3;
	color: #fff;
	border-color: #fff;
	border-radius: 1.5rem 1.5rem 1.5rem 0rem;
}

input.t,
input.tcustom,
textarea,
.xhtmleditor
{
	background: #fff;
	color: #000;
	padding: 0.1rem 0.2rem;
	margin: 0.1rem 0rem;
	border: 0.1rem solid #B4C0D1;
	border-radius: 0.25rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

input.t:focus,
input.tcustom:focus,
textarea:focus,
.xhtmleditor:focus
{
	border-color: #000;
	outline: none;
}

input.t[disabled],
input.tcustom[disabled],
textarea[disabled]
{
	background: #ddd;
	color: #333;
}

body .mce-floatpanel
{
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

.form .points
{
	color: #fff;
	background: #1C77D2;
	padding: 0rem 0.25rem;
}

.form table.likert tr:hover td,
.form table.likert tr:hover th
{
	border-color: #C7E1F4;
	background: #C7E1F4;
}

.form .likert label:hover
{
	background: #9ECAED;
	color: #000;
}

.form .formresponsetext
{
	border-color: #ccc;
}

.dialog > main
{
	background-color: #06c;
	color: #fff;
}

.dialog > main h1
{
	color: #fff;
}

body.modify .dialog > main
{
	background: #fff;
	color: #000;
}

body.modify .dialog > main h1
{
	color: #000;
}

.dialog main a:link,
.dialog main a:visited
{
	color: #eee;
	background: #06c;
	text-decoration: none;
	border-radius: 0.25rem;
}

.dialog main a:hover,
.dialog main a:active,
.dialog main a:focus
{
	background: #06c;
	color: #fff;
	text-decoration: underline;
}

body.modify .dialog main a:link,
body.modify .dialog main a:visited
{
	color: #00428f;
	background: transparent;
	text-decoration: none;
	border-radius: 0.25rem;
}

body.modify .dialog main a:hover,
body.modify .dialog main a:active,
body.modify .dialog main a:focus
{
	background: rgba(255,255,255,0.5);
	color: #00428f;
	text-decoration: underline;
}


.login.form a.register,
.login.form a.register:link,
.login.form a.register:visited,
.login.form a.recovery,
.login.form a.recovery:link,
.login.form a.recovery:visited
{
	color: #000;
	font-weight: normal;
	white-space: nowrap;
	padding: 0.3rem 1.0rem;
	display: inline-block;
	border: solid #fff 0.1rem;
}

.login.form a.register,
.login.form a.register:link,
.login.form a.register:visited
{
	color: #fff;
	background: #3a3;
}

.login.form a.recovery,
.login.form a.recovery:link,
.login.form a.recovery:visited
{
	color: #fff;
	background: #a33;
}

.login.form .buttons
{
	line-height: 1.65;
}

.login.form .buttons > *
{
	margin-right: 0.5rem;
	box-sizing: content-box;
	height: 1.5rem;
}

.login.form .buttons > input.s::-moz-focus-inner
{
	/* workaround Firefox 31.0 off-by-one-pixel vertical misalignment */
	margin-top: -0.05rem;
	margin-bottom: 0.05rem;
}
.login.form .buttons
{
	line-height: normal;
}

.registration.form .notice,
.recovery.form .notice,
.verify.form .notice
{
	background-color: #1A75FC;
	padding: 0.25rem 1rem;
	color: #fff;
	border-color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
}

.registration.form .important a
{
	display: block;
	float: right;
	padding: 0.3rem 1.0rem;
	margin: 0.5rem;
	background: #009016;
	color: #fff;
	border: 0.1rem solid #fff;
}

.registration.form a,
.registration.form a:link,
.registration.form a:visited,
.recovery.form a,
.recovery.form a:link,
.recovery.form a:visited
{
	color: #fff;
}

.registration.form .notice p,
.recovery.form .notice p,
.verify.form .notice p
{
	margin: 0.25rem 0rem;
}

div.authors .person a
{
	background: #e2e8ec;
	border: 0.1rem solid #e2e8ec;
	border-radius: 1rem 0rem 1rem 1rem;
	padding: 0.25rem;
	padding-right: 0.65rem;
}

div.authors .person a img
{
	background: #fff;
    border: 0.1rem solid rgba(255,255,255,0.5);
    border-radius: 50%;
	height: 2.5rem;
	width: 2.5rem;
	margin-left: -0.35rem;
	margin-top: -0.25rem;
	object-fit: cover;
}
article.privatemessages.thread div.authors.right
{
	text-align: right;
	padding-right: 1rem;
}
.sitemap ul li a.label:link,
.sitemap ul li a.label:visited
{
	border-radius: 0.5rem;
}
.sitemap li.customprivacy > a.label:link,
.sitemap li.customprivacy > a.label:visited
{
	color: #00428f;
	background: #e8d0fb;
}
.sitemap li.extendedprivacy > a.label:link,
.sitemap li.extendedprivacy > a.label:visited
{
	color: #00428f;
	background: #C6E5FF;
}

.throbber
{
	background: #fff;
	border-color: #007DFE;
	color: #000;
}

body > footer
{
	color: #032236;
	background: #f8a629;
}

a.resourcelink,
a.resourcelink:link,
a.resourcelink:visited
{
	color: #fff;
	font-weight: normal;
	white-space: nowrap;
	padding: 0.3rem 1.0rem;
	display: inline-block;
	border: solid #fff 0.1rem;
	background: #3a3;
}

header nav.global
{
	background: #002b9f;
	background: rgba(0,0,0, 0.3);
	color: #fff;
	display: block;
}

header nav.global .links > span.frontpage, header nav.global .links > span.persondirectory {
    background: transparent;
    display: none;
}

.touchscreen header nav.global {
    font-size: 1.2rem;
}

header .path .service
{
	display: inline;
}

header .path .d
{
	display: inline;
}

.license
{
	display: none;
}

.help
{
	display: none;
}

.logo
{
	display: none;
}

footer a:link{ color:#032236; } 
footer a:visited{ color:#032236; } 
footer a:hover{ color:#55F972; } 
footer a:active{ color:#55F972}

.fullcalendar .fc-state-default.fc-corner-right
{
	border-bottom-right-radius: 1.5rem;
	border-top-right-radius: 1.5rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}
.fullcalendar .fc-state-default.fc-corner-left
{
	border-bottom-left-radius: 1.5rem;
	border-top-left-radius: 1.5rem;
	-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
}

@media all and (min-width:93rem)
{
	.banner
	{
		margin-top: 2rem;
	}

	body > footer
	{
		margin-bottom: 2rem;
	}
}

/* single column layout: */
@media all and (max-width:46rem)
{
    article article > header h1 {
    font-size: 1.4rem;
    margin: 0;
    padding-bottom: 0.3rem;
    padding-top: 0.1rem;
    float: left;
    max-width: 100%;
}

div.actions > .actions.important {
    margin-left: -0.2rem;
    clear: left;
    float: left;
    margin-bottom: 0.3rem;
    margin-top: 1rem;
    max-width: 100%;
}

a.skiptonav, a.skiptonav:link, a.skiptonav:visited, a.skiptocontent, a.skiptocontent:link, a.skiptocontent:visited {
    border-radius: 0rem 0 0 0.9rem;
    padding-left: 0.7rem;
    padding-right: 0.5rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    -webkit-background-clip: padding-box;
    background-color: #e2e8ec;
    color: #000;
    /* border-color: transparent; */
}

	nav.main h2
	{
		font-size: 1.5rem;
		display: block;
	}
	
	article article header {
    padding: 1rem 1rem 1rem;
	border-top: solid 0.2rem #29526D;
}

}

/* pretty narrow single column layout*/
@media all and (max-width:30rem)
{
	article article,
	div.framelessimage
	{
		border-radius: 0.25rem 0rem 0rem 0.25rem;
		border-right: none;
		-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
	     margin-right: 0.35rem;
	}

	div.framelessimage img
	{
		border-radius: 0.18rem 0rem 0rem 0.18rem; /* in theory, this should be 0.25rem but this looks better in practice */
		-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
	}
	
	.profile .xhtmleditor
	{
		border-radius: 0.25rem 0rem 0rem 0.25rem;
		-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
	}

	nav.main nav.virtualsub li a,
	nav.main nav.sub .service a,
	input.t,
	textarea,
	.xhtmleditor,
	fieldset
	{
		border-radius: 0.25rem 0rem 0rem 0.25rem;
		-webkit-background-clip: padding-box; /* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
	}

	nav.main nav.virtualsub li a,
	nav.main nav.sub .service a,
	form.profile.newentry textarea,
	form.profile.newentry .xhtmleditor
	{
		border-right-width: 0;
	}
article article > header h1 {
    font-size: 1.3rem;
    margin: 0;
    margin-left: -0.3rem;
    padding-bottom: 0.0rem;
    padding-top: 0.3rem;
    float: left;
    max-width: 100%;
}
header div.timestamp, header div.authors {
    clear: both;
    padding: 0.25rem 0 0.35rem 0;
    margin-left: -0.45rem;
}
div.actions > .actions.important {
    margin-left: -0.8rem;
    clear: left;
    float: left;
    margin-bottom: 0rem;
    margin-top: 1rem;
    max-width: 100%;
}
}