/* --- KK-Tavastia - intranet --- */
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: #FFD109 url(/pics/intranet/body-bg.gif) top center repeat-y;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	}

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

/* --- main elements --- */
#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background: transparent;
	}
	
#nav {
	float: left;
	width: 194px;
	margin: 120px 0 0 20px;
	padding: 0;
	}

#tools {
	position: relative;
	float: right;
	width: 234px;
	margin: 18px 0 0 0;
	}

#content {
	width: 400px;
	padding: 10px;
	margin: 0 0 0 228px;
	}

#contentWide {
	position: relative;
	width: 635px;
	padding: 1px 10px 0 10px;
	margin: 0 0 0 228px;
	}

/* --- nav --- */
h1#logo {
	position: absolute;
	top: 30px;
	left: 23px;
	height: 30px;
	width: 181px;
	z-index: 5;
	overflow: hidden;
	}

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

span#intraName {
	position: absolute;
	top: 63px;
	left: 24px;
	width: 181px;
	height: 12px;
	margin: 1px 0 0 0;
	padding: 2px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 16.5px;
	text-transform: uppercase;
	border-top: 1px solid #eee;
	text-align: center;
	}
	
#intraLinks {
	position: absolute;
	top: 87px;
	left: 25px;
	width: 181px;
	font-size: 10px;
	}
	
	#intraLinks a { color: #666; margin: 0 3px 0 2px; }
	#intraLinks a:hover { color: #c00; }

#nav ul { list-style-type: none; margin: 0; padding: 0; }
#nav ul ul ul { margin: 0 0 0 18px; }

#nav ul li { border-top: 1px solid #eee; padding: 8px 0 8px 6px; }
#nav ul li:first-child { border-top: none; }
#nav ul ul li { border-top: none; padding: 4px 0;}

#nav ul li a { display: block; color: #666; text-decoration: none; font-size: 13px; font-weight: bold; }
#nav ul ul li a { font-size: 11px; font-weight: normal; background: transparent url(/pics/intranet/nav-ul-ul-li.gif) -295px 5px no-repeat; padding: 0 0 0 8px; }

#nav ul a:hover { color: #c00; text-decoration: underline; }
#nav ul ul a:hover { background-position: 0px 5px; }

/* --- tools --- */
#tyokalut, #linkit, #gallup {
	position: relative;
	margin: 30px 5px 0 0;
	padding: 0;
	background: transparent url(/pics/intranet/tools-note-bg.gif) top left repeat-y;
	}
	
	#tools h5.toolHeader {
		position: relative;
		display: block;
		margin: 0;
		padding: 20px 0 13px 39px;
		color: #666;
		font-size: 12px;
		}
		
	#tools ul { position: relative; margin: 0; padding: 0 0 15px 39px; list-style-type: none; }
	#tools ul li { background: transparent url(/pics/intranet/tools-ul-li.gif) 0px 8px no-repeat; padding: 0 0 0 8px; line-height: 17px; }
	#tools ul li a { font-size: 11px; color: #444; text-decoration: none; }
	#tools ul li a:hover { color: #c00; text-decoration: underline; }

	div.noteclipBlue, div.noteclipRed {
		position: absolute;
		top: -6px;
		right: 0px;
		width: 57px;
		height: 112px;
		background-position: top right;
		background-color: transparent;
		background-repeat: no-repeat;
		}
		
		div.noteclipBlue { background-image: url(/pics/intranet/tools-clip-blue.gif); }
		div.noteclipRed { background-image: url(/pics/intranet/tools-clip-red.gif); }

	#tools div.noteFooter {
		position: relative;
		margin: 0 0 25px 0;
		padding: 0;
		height: 8px;
		width: 213px;
		background: #fff url(/pics/intranet/tools-notefooter.gif) top left no-repeat;
		}

/* -- gallup -- */
#gallup { padding-bottom: 20px; }
#gallup p#gallupSubject {
	padding: 0 0 0 39px;
	margin: 0 0 10px 0;
	font-size: 11px; 
	color: #444;
	width: 160px;
	line-height: 16px;
	}

#gallup form { padding: 0; margin: 0; font-size: 11px; }
	#gallup form input { margin: 0 3px 0 39px; height: 12px; }
	#gallup form label { height: 16px; }
	
#gallup div.gallupOption { position: relative; font-size: 11px; color: #333; line-height: 16px; }
	div.gallupOption span.gallupChoice { position: absolute; top: 1px; left: 39px; z-index: 2; }
	div.gallupOption strong.gallupResult { position: relative; display: block; text-align: right; padding: 1px 35px 1px 0; z-index: 2; }
	div.gallupOption img.gallupResultbar { position: absolute; top: 2px; left: 37px; height: 15px; z-index: 1; }
	
a#gallupResults { display: block; margin: 15px 0 0 0; padding: 0 0 0 39px; color: #444; font-size: 11px; }
	a#gallupResults:hover { color: #c00; }
	a#gallupResults:focus { outline: none; }

/* --- gallup results --- */
#contentWide #gallupResults { border-collapse: collapse; width: 100%; }
	#contentWide #gallupResults th { font-size: 16px; text-align: left; padding: 0; border-bottom: 2px solid #fe9; }
	#contentWide #gallupResults td.gallupRow { padding: 3px; }
	#contentWide #gallupResults td.gallupRow img { position: absolute; right: 45px; }
	#contentWide #gallupResults td.gallupRow strong { position: absolute; right: 15px; }
	#contentWide #gallupResults td.coloredRow { background-color: #fffcea; }

/* --- imageplaces --- */
#imageplace {
	position: relative;
	margin: 0 0 0 235px;
	padding: 0;
	width: 422px;
	height: 270px;
	background: transparent url(/pics/intranet/content-imageplace-bg.jpg) 0px 10px no-repeat;
	}
	
	#imageplace img {
		position: absolute;
		top: 37px;
		left: 13px;
		width: 383px;
		height: 193px;
		overflow: hidden;
		}

	#imageplace p#nameday {
		position: absolute;
		font-size: 11px;
		line-height: 16px;
		bottom: 12px;
		right: 20px;
		}

/* --- frontpage specific --- */
h3.frontpageHeader {
	padding: 4px 8px;
	margin: 10px 0;
	background: #FFD109;
	color: #666;
	font-size: 13px;
	}
	
	h3.frontpageHeader span { font-size: 11px; margin-left: 5px; }

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

	ul.bulletins li a { position: relative; color: #000; text-decoration: none; font-size: 12px; }
	ul.bulletins li.addBulletinLink a { margin: 0 0 0 10px; }
	ul.bulletins li a:hover { color: #c00; text-decoration: underline; }

	ul.bulletins li img {  }
	ul.bulletins li small { display: block; color: #999; font-size: 11px; }
	
#bulletinNavi { border-bottom: 1px solid #ddd; padding: 0 0 8px 0; }
#bulletinNavi a { color: #999; font-size: 11px; text-decoration: none; padding: 3px 12px; cursor: pointer; }
	#bulletinNavi a:hover { color: #c00; text-decoration: underline; }
#bulletinNavi a.selected { color: #444; background: #FFD109; }
	#bulletinNavi a.selected:hover { color: #c00; text-decoration: underline; }

/* -- menu -- */
#menu { font-size: 12px; }
	#menuNavi { position: relative; padding: 0 5px 8px 5px; font-size: 13px; font-weight: bold; }
	#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 4px 0; vertical-align: top; width: 49%; }
		#menu table.menuByDays td.dayLeft { padding-right: 2px; }
		#menu table.menuByDays td.dayRight { padding-left: 2px; }
	#menu table.menuByDays h5 { font-size: 11px; padding: 1px 5px; margin: 0 0 2px 0; background: #FFD109; color: #fff; }

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

/* -- rssfeeds -- */
#rssfeeds {  }
	#rssfeeds div.rssfeed { width: 198px; }
	#rssfeeds div.rssfeed a {
		display: block;
		color: #000;
		margin: 8px 0;
		padding: 0 0 0 10px;
		font-size: 11px;
		background: transparent url(/pics/intranet/rssfeeds-a.gif) 2px 5px  no-repeat;
		}
	#rssfeeds div.rssfeed a:hover { color: #c00; }

/* -- last changes -- */
#lastChanges { position: relative; }
	#lastChanges #legend { position: relative; font-size: 12px; padding: 0 5px 5px 5px; border-bottom: 1px solid #ccc; margin: 0 0 5px 0; line-height: 18px; }
		#lastChanges #legend span { position: absolute; top: 0px; right: 5px; }
	#lastChanges a { color: #000; font-size: 12px; }
	#lastChanges a:hover { color: #c00; }

	#lastChanges p.changedObject {
		position: relative;
		margin: 1px 0;
		padding: 0 5px;
		font-size: 12px;
		}
		
		#lastChanges p.changedObject img { margin: 0; padding: 0; }
		#lastChanges p.changedObject small { margin: 0 5px; font-size: 11px; color: #666; }
	
	#lastChanges #naviLinks { position: relative; text-align: right; border-top: 1px solid #ccc; margin: 5px 0 0 0; padding: 5px; height: 15px; }
	#lastChanges #naviLinks a.left { position: absolute; top: 5px; left: 5px; }

/* ------ loginpages ------ */
table#loginform { position: relative; border-collapse: collapse; }
	table#loginform td { padding: 3px 8px; }
	table#loginform input.textinput {
		border-style: solid;
		border-width: 1px;
		border-color: #fe0 #fe0 #fc0 #fe0;
		background: #fffcf0;
		padding: 1px;
		}
	table#loginform input.textinput:focus {
		border-color: #fe0 #fc0 #fc0 #fe0;
		background: #fff;
		}
	table#loginform input.submitbutton {
		border: none;
		border-width: 2px;
		border-color: #eee #aaa #aaa #eee;
		border-style: solid;
		margin: 15px 0 0 0;
		background: #ddd;
		color: #000;
		}
		
/* --- BM2 - lead-border --- */
#bm2 div#lead { border-color: #fff #fff #fff9cc #fff; }

/* --- BM2 - public bulletins --- */
#addBulletinPublic { position: relative; }
#addBulletinPublic p#areaInfo strong { display: block; padding: 0 0 2px 0; }
#addBulletinPublic form { margin: 0; padding: 0; }
#addBulletinPublic form label { display: block; margin: 10px 0 5px 0; font-weight: bold; }
#addBulletinPublic form input, #addBulletinPublic form textarea {
	display: block;
	width: 300px;
	margin: 0;
	padding: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #fe0;
	background: #fffcf0;
	}
	
	#addBulletinPublic form textarea { width: 500px; }

	#addBulletinPublic form input:focus, #addBulletinPublic form textarea:focus {
		border-color: #fc0;
		background: #fff;
		}

#addBulletinPublic form input#submitBulletin {
	display: block;
	margin: 15px 0 5px 0;
	padding: 1px 10px;
	width: auto;
	border-width: 2px;
	border-style: outset;
	border-color: #eee #ccc #ccc #eee;
	background: #ddd;
	}

/* ------ content ------ */
#contentWide { padding-bottom: 20px; }

#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 h3.otsikko { font-size: 12px; font-weight: bold; color: #0052B4; background-image: none; }
#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; }

#contentWide .hidden { visibility: hidden; }

/* ------ 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 */
 */