/* header */

body {
	margin: 0;
	padding: 0;
}

#kyweb-header {
	background-repeat: repeat-x;
	background-image: url(/static/images/navi_tausta_edit.png);
	height: 50px;
	width: 100%;
	margin-bottom: 0;
	position: relative;
	z-index: 100;
	font-family: "Lucida Grande", Trebuchet, Arial, sans-serif;
}


#kyweb-header #header-contents {
	background-repeat: no-repeat;
	background-image: url(/static/images/navi_logo.png);
	height: 50px;
	width: 1000px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}





#kyweb-header #plusnavi {
	color: #5e5e5e;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	float: right;
	line-height: 100%;
	width: 460px;
	text-align: right;
}


#kyweb-header #plusnavi a {
	color: #5e5e5e;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#kyweb-header #login {
	width: 305px;
	vertical-align: middle;
	text-align: right;
	margin-right:-10px;
	padding-top: 23px;
}


#kyweb-header #search {
	width: 154px;
	height: 50px;
	float: right;
	background-image: url(/static/images/navi_haku_edit.png);
	text-align: left;
}

#kyweb-header input#searchBox {
	padding: 0px;
	border-width: 0px;
	border-style: none;
	font-style: normal;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 9px;
	height: 13px;
	width: 105px;
	margin: 22px 0 0 33px;
}


#kyweb-header #priva_kuva {
	margin: 0 3px;
	background-color: transparent;
	border: 0;
}

#kyweb-header #priva_kuva img { border: 0; }

#kyweb-header ul {
	background-image: url(/static/images/navi_2010.png);
	display: block;
	height: 50px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	top: 0;
	list-style-type: none;
}

#kyweb-header li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#kyweb-header li a {

	height: 50px;
	display: block;
	top: 0;
	outline:  none;
	text-indent: -9999px;
	background: url(/static/images/navi_2010.png);
}


li#navi-etusivu a, li#navi-tietoa a, li#navi-yhteiso a, li#navi-tapahtumat a {
}

li#navi-tapahtumat {
	background-color: black;
}



li#navi-etusivu2 a { background-position: 0px 0px; width: 99px; }
li#navi-etusivu2 a:hover { background-position: 0px -50px; }
body#etusivu2 li#navi-etusivu2 a { background-position: 0px -100px; }



li#navi-opiskelu a { background-position: -99px 0px; width: 99px; }
li#navi-opiskelu a:hover { background-position: -99px -50px; }
body#opiskelu li#navi-opiskelu a { background-position: -99px -100px; }


li#navi-viihde a { background-position: -198px 0px; width: 95px; }
li#navi-viihde a:hover { background-position: -198px -50px; }
body#viihde li#navi-viihde a { background-position: -198px -100px; }
li.selected a { background-position: -198px -50px; }


li#navi-arki a { background-position: -293px 0px; width: 95px; }
li#navi-arki a:hover { background-position: -293px -50px; }
body#arki li#navi-arki a { background-position: -293px -100px; }

li#navi-ylioppilaskunta a { background-position: -388px 0px; width: 110px; }
li#navi-ylioppilaskunta a:hover { background-position: -388px -50px; }
body#ylioppilaskunta li#navi-ylioppilaskunta a { background-position: -388px -100px; }


body#etusivu2 #kyweb-header, 
body#opiskelu #kyweb-header, 
body#viihde #kyweb-header, 
body#arki #kyweb-header,
body#ylioppilaskunta #kyweb-header {
	margin-bottom: 0px;
}




#kyweb-login-flash {
	border: 2px solid #ccc;
	background: #fff;
	padding: 10px;
	position: absolute;
	left: 50%;
	margin: 5px;
}

#kyweb-login-flash input, #kyweb-login-flash label {
	margin: 5px;
	vertical-align: middle;
}

/* sivuvalikot */

#kylteri_sivuvalikot {
	width: 587px;
	float: right;
}

#kylteri_sivuvalikot img {
	border:none;
}
#kylteri_valikko_vasen {
	/*margin-right: 15px;*/
	margin-left:5px;
	width: 280px;
}

#kylteri_valikko_oikea {
	/*margin-right: 5px;*/
	width: 280px;
	float: right;
}



.kylteri_sivuvalikko {
	/*border-left-color: #ccc;
	border-left-style: dotted;
	border-left-width: 1px;*/
}

.kylteri_sivuvalikko ul {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	list-style-type: none;
}

.widget, .linkcat {
	padding-top: 0px;
	margin-top: 0px;
}


.widget li, .linkcat li {
	/*margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;*/
	/*list-style-type: square;*/
	/*color: #999;*/
}

/*.kylteri_sivuvalikko h2 {
	margin-top: 0px;
	display: block;
	color: #444;
}*/

.widgettitle {
	display: block;
	margin-bottom: 10px;
}

/* tabit */

.bloglist_head {
	width:280px;
	height:25px;
	background-image: url(/static/images/kydget_blogit_opiskelu.png);
	/*background-position:20px 0px 0px 0px;*/
	background-repeat:no-repeat;
}

.bloglist_head_va {
	width:280px;
	height:25px;
	background-image: url(/static/images/kydget_blogit_vapaa_aika.png);
	/*background-position:20px 0px 0px 0px;*/
	background-repeat:no-repeat;
}

.bloglist_head_ar {
	width:280px;
	height:25px;
	background-image: url(/static/images/kydget_blogit_hyvinvointi2.png);
	/*background-position:20px 0px 0px 0px;*/
	background-repeat:no-repeat;
}


ul.tiedotteet li table{
	border:solid thin #999999;
	border-collapse:collapse;
}

ul.tiedotteet li td{
	padding:5px;
}

.tab-box {
		width: 280px;
	}

	.tab-navi {
		display: block;
		height: 42px;
	}

	#tab-latest {
	}

	.tab-navi ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}

	.tab-navi li {
		padding: 0px;
		margin: 0px;
		float: left;
	}

	.tab-navi a {
		height: 42px;
		display: block;
		border-width: 0px;
		background-image: url(/static/images/tab_off_new2.png);
		text-indent: -9999px;
		background-repeat: no-repeat;
	}
	
	.tab-navi .selected a {
		background-image: url(/static/images/kydget_blogit_uusi2.png);
	}
	
	.tab-navi a:hover {
		background-image: url(/static/images/tab_hover_new2.png);
	}
	
	.tab-navi .selected a:hover {
		background-image: url(/static/images/kydget_blogit_uusi2.png);
	}

	#opiskelu .tab-navi a {
		height: 42px;
		display: block;
		border-width: 0px;
		background-image: url(/static/images/tab_off_aj.png);
		text-indent: -9999px;
		background-repeat: no-repeat;
	}
	
	#opiskelu .tab-navi .selected a {
		background-image: url(/static/images/tab_on_aj.png);
	}
	
	#opiskelu .tab-navi a:hover {
		background-image: url(/static/images/tab_hover_aj.png);
	}
	
	#opiskelu .tab-navi .selected a:hover {
		background-image: url(/static/images/tab_on_aj.png);
	}
	
	#viihde .tab-navi a {
		height: 42px;
		display: block;
		border-width: 0px;
		background-image: url(/static/images/tab_off_aj.png);
		text-indent: -9999px;
		background-repeat: no-repeat;
	}
	
	#viihde .tab-navi .selected a {
		background-image: url(/static/images/tab_on_aj.png);
	}
	
	#viihde .tab-navi a:hover {
		background-image: url(/static/images/tab_hover_aj.png);
	}
	
	#viihde .tab-navi .selected a:hover {
		background-image: url(/static/images/tab_on_aj.png);
	}
	
	#arki .tab-navi a {
		height: 42px;
		display: block;
		border-width: 0px;
		background-image: url(/static/images/tab_off_aj.png);
		text-indent: -9999px;
		background-repeat: no-repeat;
	}
	
	#arki .tab-navi .selected a {
		background-image: url(/static/images/tab_on_aj.png);
	}
	
	#arki .tab-navi a:hover {
		background-image: url(/static/images/tab_hover_aj.png);
	}
	
	#arki .tab-navi .selected a:hover {
		background-image: url(/static/images/tab_on_aj.png);
	}
	
	#tab-blogit {
		width: 94px;
		background-position: 0;
	}
	
	#tab-keskustelu {
		width: 92px;
		background-position: -94px 0px;

	}
	
	
	#tab-galleria {
		width: 94px;
		background-position: -186px 0px;
	}


	.tab-contents {
		background: url(/static/images/kydget_back.png) repeat-y;
		padding: 10px;
		font-size:11px;
	}

	#tab-popular {
	}
	
.more {
	display: none;
}

.blogilista {
		margin: 0;
		padding:0;
		list-style:none;
	}
	
.blogilista li {
		margin: 5px;
		float: left;
		width: 200px;
}

li.galleria {
	margin: 0 0 0 0;
	clear:both;
	border-top: 1px dotted #ccc;
	padding: 10px 0 10px 0;
}

li.first {
	margin: 0 0 0 0;
	clear:both;
	padding: 10px 0 10px 0;
}

li.first img{
	border: 1px solid #ccc;
	padding: 3px;
	background: #f2f2f2;
}

li.galleria img {
	border: 1px solid #ccc;
	padding: 3px;
	background: #f2f2f2;
}