/* --- KK-Tavastia - Opiskelijaintra --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

body {
	background-color: #fff;
	background-position: top left;
	background-repeat: repeat-x;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* --- main elements --- */
#wrapper {
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	z-index: 2;
	}

#header {
	position: relative;
	width: 970px;
	height: 50px;
	margin: 0 0 15px 0;
	padding: 82px 0 0 0;
/*	background: transparent url(/pics/studentnet/white-header-bg.png) 0px 20px no-repeat; */
	background: transparent url(/pics/studentnet/white-header-v2-bg.png) 0px 60px no-repeat;
	z-index: 3;
	}
	
#nav {
	position: relative;
	float: left;
	width: 200px;
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	z-index: 2;
	}

#tools {
	position: relative;
	float: right;
	width: 306px;
	margin: 0 2px 0 0;
	z-index: 2;
	}

#content {
	position: relative;
	width: 436px;
	padding: 0;
	margin: 0 0 0 218px;
	z-index: 2;
	}

#contentWide, #contentWideBottom {
	position: relative;
	margin: 0 0 0 210px;
	background: transparent url(/pics/studentnet/white-contentwide-bg.png) top left no-repeat;
	z-index: 2;
	}

	#contentWide { width: 737px; padding: 10px 10px 0 10px; }
	#contentWideBottom { width: 757px; background-position: bottom left; height: 10px; }

	#contentWide table { width: 99%; }
/* --- colortheme --- */
#colorTheme {
	position: absolute;
	width: 970px;
	height: 195px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 1;
	}

/* --- styleswitcher --- */
#styleswitcher { position: absolute; top: 68px; right: 6px; padding: 3px 7px; background: transparent; font-size: 11px; }
	#styleswitcher span { display: block; float: left; margin: 0 6px 0 2px; padding: 1px 0 0 0; }
	#styleswitcher a { display: block; float: left; margin: 0 2px; text-indent: 15px; width: 13px; height: 13px; overflow: hidden; border: 1px solid #ccc; }
		#styleswitcher a#yellow { background: #FFF126; }
		#styleswitcher a#red { background: #FF358B; }
		#styleswitcher a#green { background: #AEEE00; }
		#styleswitcher a#blue { background: #01B0F0; }
		#styleswitcher a#black { background: #2B2B2B; }

/* --- header --- */
#header h1#logo {
	position: absolute;
	top: 93px;
	left: 35px;
	height: 24px;
	width: 140px;
	z-index: 5;
	overflow: hidden;
	}

	#header h1#logo a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -10000px;
		background: #fff url(/pics/studentnet/white-header-logo.gif) top left no-repeat;
		}

#header #naviPath, #header #search { position: absolute; }

	#header #naviPath { 
		left: 220px;
		top: 98px;
		font-size: 11px;
		color: #777;
		padding: 0 0 0 10px;
		background: transparent url(/pics/studentnet/frontpagelink-bg.gif) 0px 4px no-repeat;
		font-size: 12px;
		}
		#header #naviPath a { color: #777; text-decoration: underline; }
	#header #search { top: 93px; right: 13px; width: 200px; height: 25px; }

	#header #search input#textinput, #header #search input#submitbutton { 
		position: absolute;
		top: 0px;
		height: 15px;
		padding: 5px 0;
		border: none;
		margin: 0;
		}

		#header #search input#textinput {
			width: 168px;
			height: 15px;
			padding-left: 7px;
			background: #fff url(/pics/studentnet/white-search-inputtext-bg.gif) top left no-repeat;
			color: #999;
			}

		#header #search input#submitbutton { 
			right: 0px;
			width: 25px;
			height: 25px;
			padding-left: 25px;
			background-color: transparent;
			background-position: top left;
			background-repeat: no-repeat;
			cursor: pointer;
			}
			
		#logout {
			position: absolute;
			top: 98px; 
			left: 670px;
		}
	
		#logout a#logoutlink {
			color: #777777;
			font-size: 12px;
		}
/* --- nav --- */
#nav ul { position: relative; list-style-type: none; margin: 0; padding: 0; }
#nav ul ul { padding: 0 0 8px 0; margin: 0; }

#nav ul li { padding: 9px 0; background-color: transparent; margin-bottom: 0; }
#nav ul ul li { border-top: none; padding: 1px 0; background: transparent; margin-bottom: 0; }

#nav ul li a { display: block; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0 0 1px 8px; }
#nav ul ul li a { font-size: 11px; font-weight: normal; padding: 0 0 0 8px; margin: 0 0 0 8px; }

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

/* --- frontpage - contentboxes --- */
#content div.frontpageBox {
	position: relative;
	padding: 10px 10px 0 10px;
	background: transparent url(/pics/studentnet/white-content-bg.png) top left no-repeat;
	margin: 0;
	}
	
	#content div.frontpageBoxBottom {
		position: relative;
		background: transparent url(/pics/studentnet/white-content-bg.png) bottom left no-repeat;
		margin: 0 0 10px 0;
		height: 10px;
		}
		
	#content div.frontpageBox p.noBulletins { color: #666; padding: 7px 8px 6px 8px; font-size: 12px; }

/* --- frontpage - other --- */
#aikList, #palList, #tekList { margin: 30px 0 0 0; }

h3.frontpageHeader {
	padding: 10px 8px;
	margin: 4px 0 0 0;
	color: #666;
	font-size: 13px;
	}

	span.readmore { 
		position: relative;
		display: block;
		text-align: right;
		padding: 5px 0 10px 0;
		margin: 0;
		font-size: 11px;
		font-weight: bold;
		border-top: 1px dotted #cacaca;
		}

		span.readmore a {
			color: #999;
			padding: 0 0 0 7px;
			margin-left: 10px;
			background: transparent url(/pics/studentnet/readmore-arrow.gif) 0px 4px no-repeat;
			line-height: 11px;
			}

#bulletinNavi {
	position: absolute;
	top: 3px;
	left: 3px;
	height: 32px;
	width: 430px;
	background: transparent url(/pics/studentnet/white-bulletinnavi-bg.gif) top left no-repeat;
	padding: 0;
	}

	#bulletinNavi a {
		display: block;
		float: left;
		color: #999;
		font-size: 12px;
		width: 135px;
		height: 16px;
		text-align: center;
		text-decoration: none;
		padding: 8px 0;
		margin: 0 4px;
		cursor: pointer;
		}

		#bulletinNavi a:hover { text-decoration: underline; }

	#bulletinNavi a.selected { color: #444; background: transparent url(/pics/studentnet/white-bulletinnavi-selected.gif) top left no-repeat; }
		#bulletinNavi a.selected:hover { text-decoration: underline; }

ul.bulletins { list-style-type: none; }
	ul.bulletins li { position: relative; display: block; padding: 6px 8px; border-top: 1px dotted #cacaca; }
	ul.bulletins li:first-child { border-top: none; }

	ul.bulletins li a { color: #000; text-decoration: none; font-size: 12px; }
	ul.bulletins li a:hover { text-decoration: underline; }

	ul.bulletins li img {  }
	ul.bulletins li small { color: #999; font-size: 11px; }
	
/* --- frontpage - right column --- */
#tyokalut, #linkit, #gallup {
	position: relative;
	margin: 0;
	padding: 10px;
	background: transparent url(/pics/studentnet/white-tools-bg.png) top left repeat-y;
	}
	
	#tools h5.toolHeader {
		position: relative;
		display: block;
		margin: 0;
		padding: 10px 0 5px 5px;
		color: #666;
		font-size: 12px;
		}

	#tools ul { position: relative; margin: 0; padding: 0 0 0 5px; list-style-type: none; }
	#tools ul li { 
		background-color: transparent;
		background-image: url(/pics/studentnet/tools-ul-li-bg.gif);
		background-position: 0px 7px;
		background-repeat: no-repeat;
		padding: 0 0 0 10px;
		line-height: 17px;
		}
	#tools ul li a { font-size: 11px; color: #777; text-decoration: none; }
	#tools ul li a:hover { text-decoration: underline; }

	#tools div.toolFooter {
		position: relative;
		margin: 0 0 11px 0;
		padding: 0;
		height: 10px;
		background: transparent url(/pics/studentnet/white-tools-bg.png) bottom left no-repeat;
		}

/* --- frontpage - menu --- */
#menu { font-size: 12px; }
	#menuNavi { position: relative; padding: 0 5px 8px 5px; font-size: 13px; font-weight: bold; color: #777; }
	#menuNavi select {
		margin: 0;
		padding: 0;
		border-width: 1px;
		border-style: solid;
		border-color: #ec0;
		background-color: #fff9cc;
		}
		#menuNavi select:focus { background-color: #fe9; }
	#menuNavi select#restaurantSelect { position: absolute; top: 0px; right: 0px; }
	
	#menu table.menuByDays { border-collapse: collapse; width: 100%; }
	#menu table.menuByDays td.dayLeft, #menu table.menuByDays td.dayRight { font-size: 11px; padding: 0 0 10px 0; vertical-align: top; width: 49%; color: #777; }
		#menu table.menuByDays td.dayLeft { padding-right: 5px; }
		#menu table.menuByDays td.dayRight { padding-left: 5px; }
	#menu table.menuByDays h5 { font-size: 11px; padding: 1px 0; margin: 0 0 2px 0; }

	#menu table td.restaurantDesc {}
	#menu table td.restaurantDesc div {margin:0.5em auto; padding:5px;}

/* --- gallup --- */
#gallup { padding-bottom: 5px; }
#gallup p#gallupSubject {
	padding: 0 0 10px 5px;
	margin: 0;
	font-size: 11px;
	color: #777;
	width: 291px;
	line-height: 16px;
	}

#gallup form { padding: 0; margin: 0; font-size: 11px; }
	#gallup form input, #gallup form label { color: #777; cursor: pointer; padding: 0; margin: 0; }
		#gallup form input { margin: 1px 2px 0 6px; height: 12px; }
		#gallup form label { }
	
#gallup div.gallupOption { position: relative; font-size: 11px; color: #777; line-height: 16px; }
	div.gallupOption span.gallupChoice { position: absolute; top: 1px; left: 7px; z-index: 2; }
	div.gallupOption strong.gallupResult { position: relative; display: block; text-align: right; padding: 1px 7px 1px 0; z-index: 2; }
	div.gallupOption img.gallupResultbar { position: absolute; top: 2px; left: 5px; height: 15px; z-index: 1; }

a#gallupResults { display: block; margin: 5px 0 0 0; padding: 0 0 0 5px; color: #777; font-size: 11px; }
	a#gallupResults:hover {  }
	
/* --- imageplaces --- */
#imageplace {
	position: relative;
	margin: 0;
	padding: 0;
	width: 416px;
	height: 230px;
	}
	
	#imageplace img {
		position: absolute;
		top: 4px;
		left: 4px;
		width: 392px;
		height: 192px;
		padding: 7px;
		border: 1px solid #ddd;
		overflow: hidden;
		}

	#imageplace p#nameday {
		position: absolute;
		text-align: right;
		font-size: 11px;
		line-height: 16px;
		top: 215px;
		left: 7px;
		width: 402px;
		color: #888;
		}

/* --- gallup results --- */
#contentWide table#gallupResults { border-collapse: collapse; width: 730px; }
	#contentWide table#gallupResults th { font-size: 16px; width: 100%; text-align: left; padding: 0; }
	#contentWide table#gallupResults td.gallupRow { padding: 3px; width: 100%; }
	#contentWide table#gallupResults td.gallupRow img { 
		position: absolute;
		height: 13px;
		right: 45px;
		border: 1px solid #ccc;
		background-color: #eee;
		}
	#contentWide table#gallupResults td.gallupRow strong { position: absolute; right: 25px; }

/* ------ content ------ */
#contentWide { padding-bottom: 1px; }
#contentWide, #contentWide p { font-size: 12px; color: #333; }
#contentWide p { line-height: 17px; margin: 10px 0; }

#contentWide a { color: #c00; }

#contentWide h1, #contentWide h2, #contentWide h3,
#contentWide h4, #contentWide h5, #contentWide h6 { padding: 0; border-style: solid; border-color: #fe9; }
	#contentWide h1, #contentWide h2, #contentWide h3 { margin: 10px 0 5px 0; border-width: 0 0 2px 0; }
	#contentWide h4, #contentWide h5, #contentWide h6 { margin: 8px 0 4px 0; border-width: 0 0 1px 0; }

#contentWide h1 { font-size: 20px; }
#contentWide h2 { font-size: 18px; }
#contentWide h3 { font-size: 16px; }
#contentWide h4 { font-size: 15px; }
#contentWide h5 { font-size: 14px; }
#contentWide h6 { font-size: 13px; }

#contentWide img.vasen { float: left; margin: 0 12px 6px 0; }
#contentWide img.oikea { float: right; margin: 0 0 6px 12px; }

#contentWide table { margin: 10px 0; }
#contentWide blockquote { margin-left: 30px; }

#contentWide ul { list-style-type: disc; }
#contentWide ol { list-style-type: decimal; }
#contentWide ul, #contentWide ol { margin: 10px 0 10px 25px; }
#contentWide ul ul, #contentWide ol ol { margin: 2px 0 2px 15px; }

#contentWide span.strong, #contentWide span.highlight { background: #fe9; padding: 0 1px; color: #000; font-weight: bold; }
#contentWide p.paivitysvastaava { color: #00923f; }

/* ------ clearfix ------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:lta \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* pois piilosta */
 */