/**********************************************************************
 * Oy Nerival Group Ab
 * 
 * Main CSS file
 *
 * @file main.css
 * @date 05.06.2011
 * @author kalle
 * @copyright Toinen veli Oy
 * 
 * Toinen veli Oy - Innovative and agile web development
 *
 * (c) Toinen veli Oy - All rights reserved
 **********************************************************************/

/*
 * Initialize
 */
body, a, div, p, td, li, ul, ol, table, td, tr, span, input, textarea, img {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
	background: transparent;
	border: 0;
}

/* IE PNG FIX */
img, div, a, input, p { behavior: url('css/iepngfix.htc') }

/*
 * Basic typography settings
 */
body, div, p, td, li, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #3b3b3b;
}

input {
	color: #828282;
	font-style: italic;
	font-size: 10px;
	padding: 0 0 0 1em;
}

body {
	width: 100%;
	background: url('../img/top_background.png') repeat-x #ebebeb;
}

/*
 * Link colors
 */
a:link, a:active, a:visited {
	color: #467ea3;
	font-size: 12px;
}

/*
 * Button definitions
 */
input.button {
	font-style: normal;
	color: #6b9cbd;
	font-size: 11px;
	font-weight: bold;
}

	.button_small {
		background: url('../img/button_small_55x28.png') no-repeat #828282;
		width: 55px;
		height: 28px;
		padding: 0 .25em 0 0;
	}
	
	.button_medium {
		background: url('../img/button_medium_80x26.png') no-repeat #828282;
		width: 80px;
		height: 26px;
	}

	.button_large {
		background: url('../img/button_large_120x26.png') no-repeat #828282;
		width: 120px;
		height: 26px;
	}

	input.button:active {
		opacity: 0.5;
		padding: .25em 0 0 .25em;
	}
/* Language bar */
div#languageBar {
	margin: 0 auto;
	width: 900px;
	text-align: right;
	margin-top: 1em;
}
/* Main centering container */
div#mainContainer {
	width: 900px;
	margin: 0 auto;
	background: transparent;
}

/* Header container with logo 'n links */
div#headerContainer {
	background: transparent;
	float: left;
}

div#logo {
	float: left;
}

/* Navigation styles */	
div#navigation {
	margin-left: 1.5em;
	margin-top: 2em;
	float: right;
	text-align: right;
}

	div#navigation ul { float: left; margin: 0 0 0 .2em; padding: 0; }
	div#navigation li { line-height: 24px; height: 24px; display: inline; padding: 0 0 0 1em; }
	div#navigation li a { line-height: 20px; color: #3b3b3b; font-size: 16px; text-transform: lowercase; text-decoration: none; }
	div#navigation li a.selected { color: #fff; }
/* Content container with round white box */
div#contentContainer {
	background: #fff;
	min-height: 800px;
}

/* Content top */
div#contentTop {
	width: 875px;
	float: left;
	padding: 0 1em 1em 1em;
}
	div#contentTop img { float: right; display: inline; margin-top: .5em; }
/* Content middle */
div#contentMiddle {
	background: #fff;
	width: 876px;
	float: left;
	padding: 1em;
}

/* Footer container */
div#footerContainer {
	width: 900px;
	float: left;
	padding: 0 0 2em 0;
}
	#footerContainer p { margin: 0 0 0 1em; }
	#footerContainer p, #footerContainer a { color: #3b3b3b; font-size: 10px; }

/* Other global settings */
div.left { float: left; margin: 0; }
div.right { float: right; margin: 0; }
p.leftMiddle { float: left; width: 440px; margin: 0 1em 2em 0; text-align: justify; }

p.h1 {
	color: #467ea3;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 5px solid #d9e5ee;
	margin: 0 0 1em 0;
	line-height: 20px;
}

p.h2 {
	color: #467ea3;
	font-size: 14px;
	font-weight: normal;
	display: block;
	border-bottom: 5px solid #d9e5ee;
	margin: 0 0 1em 0;
	line-height: 18px;
}

span.sininen { color: blue; }
span.punainen { color: red; }
span.vihrea { color: green; }
span.musta { color: black; }

input.full_name { display: none; }