/* Layout basics */
html, body { margin: 0; padding: 0; }
body { margin: 0em 5em; color: #000; font: normal 8.6pt/1.6em 'Lucida Grande', Arial, sans-serif; text-shadow: #000 0 0 0; }
h1, h2, h3 { margin: 0; padding: 0; line-height: 1.7em; font-weight: normal; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h1 + p { font-size: 11pt; }
br.clear { clear: both; }
pre, blockquote { padding: 1em; margin: .5em 0; }
dt { font-weight: bold; }
dd { margin: 0 0 0 2em; }
abbr { border-bottom: dotted 1px; }
img { border: 0px; }
#logo { position: absolute; float: left; display: block; width: 300px; height: 60px; z-index: -1; top: 32px; }
#footer { font-size: .9em; text-align: center; padding: 1em 0; }
#module { margin-right: 16px; margin-top: 48px; }

/* Navigation */
#nav { float: right; list-style: none; padding: 0; margin: 0; margin-top: 16px; margin-bottom: 0px; }
#nav li { float: left; }
#nav li a { display: block; margin: 0 10px; text-decoration: none; }
#nav > li > a { text-transform: uppercase; font-size: 1.1em; } /* Only the toplevel is irregular */
#subnav { float: right; list-style: none; padding: 0; margin: 0; clear: both; margin-bottom: 16px; }
#subnav li { float: left; }
#subnav li a { display: block; margin: 0px; text-decoration: none; margin-left: 10px; margin-right: 0px; }
#subnav > li > a { text-transform: lowercase; font-size: 1.1em; } /* Only the toplevel is irregular */

/* Common */
.tbl-row,tbl-row-alt { padding-top: 2px; padding-bottom: 6px; margin: 0; height: 16px; width: 100%; vertical-align: middle; }
.tbl-col { float: left; }
.hide { display: none; }
.handheld { display: none; }
.handheld-hide { display: block; }
.handheld-only { display: none; }
.text-spacer { margin-left: 4px; margin-right: 4px; }

/* Input fields */
form label { text-align: left; width: 30%;  }
form, form.span { padding-right: 12px; }
label { min-width: 20%; float: left; clear: right; }
fieldset { border: 0px; padding: 6px; }
input { margin-bottom: 2px; }
input[type="button"], input[type="submit"], input[type="text"], input[type="password"], textarea, select, button, file { padding: 2px; padding-left: 4px; padding-right: 4px; margin-bottom: 4px; }
input[type="checkbox"] { border: 0px; }

/* Messages */
.message { width: 100%; color: black; background: #bef4ad; vertical-align: middle; }
.error { width: 100%; color: black; background: #ff0000; vertical-align: middle; }
#messagecontainer div { font-weight: bold; padding: 6px; position: static; z-index: 100; cursor: pointer; opacity: 0.7; }
#messagewrapper { padding-top: 24px; }
.title-notify { position: absolute; top: 100px; margin-left: 0px; }

/* Tabs */
ul#tabs { list-style-type: none; position: relative; margin-bottom: -30px; clear: both; }
ul#tabs li { display: block; float: right; }
ul#tabs li a { display: block; float: left; text-decoration: none; margin: 0 10px;  }

/* Snapshot of whiteblue css */

pre, blockquote { background: #e5e5e5; color: #3d3d3d; }

#nav li a { color: #0088cc; }
#nav li.selected a { color: #4b4b4b; }
#nav li a:hover {color: #999999;  }
#subnav li a { color: #e6f1e8; }
#subnav li.selected a { color: white; text-decoration: underline; }
#subnav li a:hover { color: #999999; }

.tbl-row { border-bottom: 1px solid #dedede; }
.tbl-row:hover { background-color: #e0ecf3; }
.tbl-header { font-weight: bold; }
.tbl-header:hover { background-color: transparent; }
.alt { background-color: #ececec; color: #222;; }

input, textarea, select { background-color: #ececec; border: 1px solid #999; color: black; }
input:hover { background-color: #f8f8f8; }

/* Scene Group theme stuff */

body, html { 
	margin: 0px; padding: 0px; 
}

body {
	background-color: #d2d2d2;
/*	font: normal 13px 'Lucida Grande', Arial, sans-serif; */
}
	
#nav-container {
	margin: 0 auto;
	width: 900px;
	clear: both;
}
	
	#top-nav {
		list-style-type: none;
		margin: 0px; padding: 0px;
		float: right;
	}
	
	#top-nav li {
		float: left;	
		margin-top: 35px;
		margin-bottom: 25px;
	}	
	
		/* imagized navi */ 

		/* finnish */
		
		#webmail-fi { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
			background-repeat: no-repeat;
			background-position: 0px -22px;
			height: 24px;
			width: 85px;
		}
		
			#webmail-fi:hover { 
				background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
				background-repeat: no-repeat;
				background-position: 0px -2px;
				height: 24px;
				width: 85px;
			}		
			
			#webmail-fi.active { 
				background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
				background-repeat: no-repeat;
				background-position: 0px -44px;
				height: 24px;
				width: 85px;
			}		
			
		#contacts-fi { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
			background-repeat: no-repeat;
			background-position: -85px -22px;
			height: 24px;
			width: 90px;
		}

			#contacts-fi:hover { 
				background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
				background-repeat: no-repeat;
				background-position: -85px -2px;
				height: 24px;
				width: 90px;
			}		

			#contacts-fi.active { 
				background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
				background-repeat: no-repeat;
				background-position: -85px -44px;
				height: 24px;
				width: 90px;
			}			
			

		#logout-fi { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
			background-repeat: no-repeat;
			background-position: -175px -22px;
			height: 20px;
			width: 95px;
		}

			#logout-fi:hover { 
				background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
				background-repeat: no-repeat;
				background-position: -175px -2px;
				height: 20px;
				width: 95px;
			}		

			#logout-fi.active { 
				background-image: url(http://static.scenegroup.fi/img/sg-nav-email-fi.png);
				background-repeat: no-repeat;
				background-position: -175px -44px;
				height: 20px;
				width: 95px;
			}			
			
	/* english */
	

	#webmail-en { 
		background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
		background-repeat: no-repeat;
		background-position: 0px -22px;
		height: 24px;
		width: 55px;
	}
	
		#webmail-en:hover { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
			background-repeat: no-repeat;
			background-position: 0px -2px;
			height: 24px;
			width: 55px;
		}		
		
		#webmail-en.active { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
			background-repeat: no-repeat;
			background-position: 0px -44px;
			height: 24px;
			width: 55px;
		}		
		
	#contacts-en { 
		background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
		background-repeat: no-repeat;
		background-position: -55px -22px;
		height: 24px;
		width: 70px;
	}

		#contacts-en:hover { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
			background-repeat: no-repeat;
			background-position: -55px -2px;
			height: 24px;
			width: 70px;
		}		

		#contacts-en.active { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
			background-repeat: no-repeat;
			background-position: -55px -44px;
			height: 24px;
			width: 70px;
		}			
		

	#logout-en { 
		background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
		background-repeat: no-repeat;
		background-position: -125px -22px;
		height: 20px;
		width: 48px;
	}

		#logout-en:hover { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
			background-repeat: no-repeat;
			background-position: -125px -2px;
			height: 20px;
			width: 48px;
		}		

		#logout-en.active { 
			background-image: url(http://static.scenegroup.fi/img/sg-nav-email-en.png);
			background-repeat: no-repeat;
			background-position: -125px -44px;
			height: 20px;
			width: 48px;
		}	
		
	#top-nav li a {
		font-size: 12px;
		margin-right: 0px;
		padding: 10px;			
		line-height: 40px;
		color: black;
		display: block; /* hide text nav */
	}
	
	#top-nav li a:hover {
		color: transparent;	
	}

#head { 
	background-color: black;
	color: white;
	height: 120px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 10px;
	clear: both;
	z-index: -1;
}

	#head-content {
		margin: 0 auto;
		width: 900px;
		font-size: 24px;
		padding-top: 8px;
		color: #f1f1f1;
	}
	
	#head-content a, #head-content img { 
		border: 0px; 
		padding: 0px;
		margin: 0px;
	}

	#head-content .smaller { 
		font-size: 10px; 
		color: #797979; 
	}

#divider {
	clear: both;
	margin-top: 16px;
}

#divider-smaller {
	margin-top: 32px;
	clear: both;
}

#ie6 {
	display: none;
}

#splashy {
	text-align: center;
	background-color: black;
	height: 236px;
	position: relative;
	top: 20px;
	left: 0px;
	clear: both;
	padding-top: 20px;
}

#small-page { 
	color: #7b7b7b; 
	width: 900px; 
	margin: 0 auto; 
	clear: both;	
}

#small-page h1 { 
	color: #0a0a0a; 
	padding-top: 32px;
}
	
#small-page p { 
	text-align: justify; 
}

#small-page p em, em { 
	font-weight: bold; 
	font-style: normal; 
	color: black; 
}

#notsupported {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	background-color: red;
	color: black;
}

#page {
	background-color: white;
	width: 920px; /* Gives content exactly 880px width, notice the paddings */
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	position: relative;
	clear: both;
	
	background-image: url(http://static.scenegroup.fi/img/2010/content-header-cut_002.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

	/* Corners */
	
	.page-corner {
		width: 960px; background: #fff;
		margin-left: -20px;
		margin-top: 10px;
		height: 7px;
	}
	
	.page-corner-bottom-left {
		height: 7px;
		width: 7px;
		float: left;
		background-image: url(http://static.scenegroup.fi/img/corners.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
		
	.page-corner-bottom-right {
		height: 7px;
		width: 7px;
		float: right;
		background-image: url(http://static.scenegroup.fi/img/corners.gif);
		background-repeat: no-repeat;
		background-position: 0px -14px;
	}		

	/* Page elements */

	/* Top heading for H1 + tabs */
	
	#heading-tabs { 
		margin-top: 16px; 
	}

	#heading-tabs ul { 
		list-style-type: none; 
		margin: 0px; 
		padding: 0px; 
		float: right; 
		width: 500px; 
		height: 56px;
		margin-top: -28px;
	}

	#heading-tabs ul li { 
		float: right; 
		margin-left: 16px; 
		margin-top: -3px;
		line-height: 32px;
		height: 32px;
	}

	#heading-tabs ul li a { 
		text-decoration: none; 
		color: #1583CB; 
	}

	#heading-tabs ul li a:hover { 
		text-decoration: underline; 
	}

	.tab-active, #heading-tabs ul li:hover { 
		background-image: url(http://static.scenegroup.fi/img/nav-arrow-up.gif); 
		background-repeat: no-repeat; 
		background-position: bottom center; 
	}

	.contrast { 
		background-color: #1B1B1B; 
		color: white; 
		padding: 32px; 
	}
	
	.contrast h1 { 
		color: #666666; 
	}

#page-dropshadow-footer, .page-dropshadow-footer {
	height: 77px;
	width: 900px;
	margin: 0 auto;
	background-image: url(http://static.scenegroup.fi/img/footer-dropshadow.gif);
}

.page-dropshadow {
	height: 24px;
	width: 900px;
	margin: 0 auto;
	background-image: url(http://static.scenegroup.fi/img/footer-dropshadow.gif);
}

#footer-extended {
	width: 900px;
	margin: 0 auto;
}

	.bottom-nav {
		list-style-type: none;
		margin: 0px; padding: 0px;
	}
	
	.bottom-nav li {
		line-height: 24px;
	}

	.bottom-nav li a {
		font-size: 12px;
		margin-right: 0px;
		color: black; 
	}

	.bottom-nav li a:hover {
		color: #666666;			
	}


/* General classes for prettyfication */

.light-text {
	color: #797979;
}

.white-text {
	color: white;
}

.black-text {
	color: black;
}

.dark-text {
	color: #666666;
}

.normal {
	font-style: normal;
}

.large {
	font-size: 24px;
}

.small {
	font-size: 11px;
}

.clear { 
	clear: both; 
}

.notice-red {
	color: red;
	font-weight: bold;
}

.notice-yellow {
	color: #dbce3c;
	font-weight: bold;
}

.wide {
	width: 100%;
}

.center-margin {
	width: 900px;
	margin: 0 auto;
}

.padding-32 {
	padding: 32px;
}

.centerize {
	text-align: center;
}

abbr { border-bottom: 1px dotted #666666; }

a { 
	text-decoration: none; 
	color: #1583CB; 
}

a:hover { 
	color: #666666; 
}

/* Tables */

table { 
	width: 100%;
	table-layout: fixed;
}

table tr td { 
	padding: 4px;
}

table th { 
	text-align: left; 
	border-bottom: 1px solid #666666; 
}

.table-contrast { 
	background-color: #1B1B1B; 
	color: white; 
}

.table-alt { 
	background-color: #d2d2d2; 
}

.table-alt-contrast { 
	background-color: #222222; 
}

/* Gridding */

.grid { 
	width: 100%;
	clear: both; 
}

.col-50 { 
	width: 48%; 
	float: left; 
	padding-right: 2%;
}

.col-33 { 
	width: 25%; 
	float: left; 
}

.col-25 { 
	width: 25%; 
	float: left; 
}

.col-75 { 
	width: 70%; 
	float: left; 
	padding-right: 1%;
}

/* Headings */

h1, h2, h3, h4 { 
	margin: 0; 
	padding: 0; 
	line-height: 1.7em; 
	font-weight: normal; 
	letter-spacing: -1px; 
}

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

h1 + p { 
	font-size: 11pt; 
	margin-bottom: 16px;
}

p { 
	line-height: 20px; 
}
/*
blockquote { 
	background-image: url(http://static.scenegroup.fi/img/blockquote-bg.png); 
	background-repeat: no-repeat; 
	background-position: top left; 
	min-height: 100px;
	padding-top: 32px;
	padding-left: 96px;
	color: #666666;
	font-style: italic;
}*/

.ul-styled {
	list-style-type: none;
	margin: 0px; padding: 0px;
}

.ul-styled li {
	background-image: url(http://static.scenegroup.fi/img/li.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 24px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.ul-styled-feature {
	list-style-type: none;
	margin: 0px; padding: 0px;
}

.ul-styled-feature li {
	background-image: url(http://static.scenegroup.fi/img/li-dark.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 24px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.ul-featured {
	list-style-type: none;
	margin: 0px; padding: 0px;
}

.feature {
	margin-top: 22px;
	min-height: 300px;
}

.feature div.col-25 { 
	padding: 16px;
	background-color: #d2d2d2;
	background-image: url(http://static.scenegroup.fi/img/corner-feature-topleft.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.informs { 
	overflow: auto;
	height: 300px;
}

.login-ssl-link {
	vertical-align: middle;
	height: 20px;
	padding-left: 24px;
	background-image: url(http://static.scenegroup.fi/img/key.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.login-ssl-link a {
	color: #d2d2d2;
}

.login-ssl-link a:hover {
	text-decoration: underline;
}

#xhtml, #css {
	border: 0px;
}

.corner-dark {
	background-image: url(http://static.scenegroup.fi/img/corner-dark-topleft.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

.padding-left {
	padding-left: 32px;
	padding-right: 32px;
}

/* Forms */

fieldset { 
	padding: 0px; margin: 0px; 
	border: 0px;
}

label { 
	float: left; 
}

.tools a {
	background-color: #f2f6da;
	padding: 4px;
}

.title-notify { color: white; }
.title-notify a { color: #4b4b4b; }
.title-notify a:hover { text-decoration: underline; }

/* Buttons */

a.button,
input.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	outline: none;
	background: #d6d6d6 url(http://static.scenegroup.fi/img/button_sprite.png) no-repeat 50% 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: #fff 1px 1px 1px;
	font-weight: bold;
	border: solid 1px #a2a2a2;
	text-decoration: none;
	/*display: inline-block;*/
	line-height: 20px;
	padding: 0 12px;
	font-size: 1em;
	margin: .15em 0;
	color: #333;
}
a.button:hover,
input.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-position: 50% -22px;
	text-shadow: #333 1px 1px 1px;
	background-color: #444;
	border-color: #222;
	cursor: pointer;
	color: #fff;
}