body {
	margin: 0px;
	background-image: url(images/bg3.gif);
	background-repeat: repeat-x;
	text-align: center; /* IE<6 bugfix */
	height: 100%;
    font-family: Verdana, Monaco, sans-serif;
	font-size: 13px;
	color: #333;
}
/*
h2 {
	font:100 186%/1.1 constantia, georgia, serif;
	color:#75C20F;
	letter-spacing:-0.02em;
}
*/

#valikko {
		background: url('images/valikko.gif');
		width: 966px;
		height: 41px;
		padding: 0px;
		position: relative;
		margin: 0px;
}

#valikko li {
		position: absolute;
		top: 0px;
		list-style: none;
/*		border: 1px solid #000;*/
		margin: 0px;
		padding: 0px;
}

#valikko li, #valikko a {
    height: 41px; 
	display: block;
}

#ajankohtaista {left: 21px; width: 145px;}
#tapahtumat {left: 167px; width: 105px;}
#oppilaitostyo {left: 273px; width: 120px;}
#yhteiso {left: 394px; width: 80px;}
#osallistuminen {left: 475px; width: 117px;}

#ajankohtaista a:hover {
	background: transparent url('images/valikko.gif') -21px -41px no-repeat;}
#tapahtumat a:hover {
	background: transparent url('images/valikko.gif') -167px -41px no-repeat;}
#oppilaitostyo a:hover {
	background: transparent url('images/valikko.gif') -273px -41px no-repeat;}
#yhteiso a:hover {
	background: transparent url('images/valikko.gif') -394px -41px no-repeat;}
#osallistuminen a:hover {
	background: transparent url('images/valikko.gif') -475px -41px no-repeat;}

h1 {
	font:300 240%/1.1 constantia, georgia, serif;
	color:#fff;
	background-image: url("images/hederbg.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}


h2 {
    font:bold 16px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #2d5768;
	text-transform:uppercase;
}
h3 {
  font:15px/20px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif;
  color: #2d5768;
}

.srkNimiLinkki {
  font:15px/20px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif;
  color: #2d5768;
  text-decoration: none;
}


a {
	color: #295097;
}

a:hover {
	color: #2181B1;
}

#header {
	text-align: left;
	margin: 0px auto;
	width: 969px;
	padding: 0px;
}

#kirjautunut {
	display: none;
}

#kirjautuminen {
	height: 71px;
	width: 937px;
	background-image: url(images/yla_02.jpg);
	background-repeat: no-repeat;
	text-align: right;
	color: #ffffff;
	padding-top: 30px;
	padding-right: 30px;
}




#kayttajaValikko {
	position: absolute;
	width: 150px;
	background-color: #334455;
	border: 1px solid #223344;
	text-align: left;
	padding-bottom: 5px;
}

#kayttajaValikko a {
	display: block;
	padding-left: 20px;
	width: 130px;
	color: #ccddee;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
	padding-top: 3px;
	padding-bottom: 3px;
}

#kayttajaValikko a:hover {
	background-color: #8899aa;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #99aabb;
	border-bottom: 1px solid #223344;
}

#kayttajaValikko span {
	font-family: Arial;
	font-size: 10px;
	color: #778899;
}

a.yllapitoLinkki {
	padding-left: 16px;
	background-image: url(images/bullet_wrench.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.tapahtumanLisaysLinkki {
	padding-left: 18px;
	background-image: url(images/calendar_add.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#yllapitoValikko {
	width: 150px;
	background-color: #334455;
	border: 1px solid #223344;
	text-align: left;
	padding-bottom: 5px;
}

#yllapitoValikko a {
	display: block;
	padding-left: 20px;
	width: 130px;
	color: #ccddee;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
	padding-top: 3px;
	padding-bottom: 3px;
}

#yllapitoValikko a:hover {
	background-color: #8899aa;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #99aabb;
	border-bottom: 1px solid #223344;
}

#yllapitoValikko span {
	font-family: Arial;
	font-size: 10px;
	color: #778899;
}

#tunnus {
    margin:0;
    border:1px solid #fff;
    background:url(images/input_bg.gif) repeat-x 0 -22px;
    width:134px;
    padding:2px;
    color:#848484;
    text-align:center;
    font:normal 12px Calibri, Verdana, Monaco, sans-serif;
    margin-right: 4px;
}

#salasana {
    margin:0;
    border:1px solid #fff;
    background:url(images/input_bg.gif) repeat-x 0 -22px;
    width:134px;
    padding:2px;
    color:#848484;
    text-align:center;
    font:normal 12px Calibri, Verdana, Monaco, sans-serif;
    margin-right: 4px;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 958px;
	background-image: url(images/bg_rpt.gif);
	background-repeat: repeat-y;
}

#side-a {
	float: left;
	width: 14px;
}

#side-b {
	float: right;
	width: 14px;
}

#content { 
	float: left;
	width: 930px;
}

#es_y_t {
		width: 930px;
		height: 265px;
		background-image: url(images/etusivun_ylatausta.gif);
		background-repeat: no-repeat;
}

#es_v {
		float: left;
		width: 190px;
		padding-top: 30px;
		padding-left: 13px;
		font-family: Verdana;
		font-size: 11px;
}

ul.valikko_ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.valikko_li a{
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 15px;
		margin-top: 2px;
		text-decoration: none;
		color: #191919;
		display: block;
		width: 160px;
}

li.valikko_li a:hover {
		background-image: url(images/valikko_hbg.gif);
		background-repeat: repeat-y;
}

#valikko_on {
		background-image: url(images/valikko_hbg.gif);
		background-repeat: repeat-y;
}

#haku {
	margin-top: 10px;
	width: 160px;
	padding-left: 15px;
}

#hakuBx {
	width: 100px;
	height: 15px;
	margin-top: 0px;
	padding-top: 0px;
}

#es_a_t {
		background-image: url(images/ala_bg.gif);
		background-repeat: repeat-y;
}

#es_o {
		padding-top: 20px;
		padding-left: 225px;
}

#es_a_v {
		float: left;
		width: 188px;
		background-image: url(images/ala_vs.gif);
		height: 256px;
		padding-left: 20px;
}


li.ala_li a{
		color: #85959d;
		padding: 13px;
		display: block;
		width: 162px;
		text-decoration: none;
		font-family: Verdana;
		font-size: 12px;		
}

li.ala_li a:hover {
		background-image: url(images/ala_btn.gif);
		background-repeat: no-repeat;
		font-weight: bold;
}

li.ala_li_on a{
		background-image: url(images/ala_btn.gif);
		background-repeat: no-repeat;
		font-weight: bold;
		color: #85959d;
		padding: 13px;
		display: block;
		width: 162px;
		text-decoration: none;
		font-family: Verdana;
		font-size: 12px;
}

#es_a_o {
		background-image: url(images/ala_os.gif);
		background-repeat: repeat-y;
		background-position: right;
		height: 256px;
}

#cal_h {
		width: 294px;
		color: #ffffff;
		font-family: Verdana;
		font-size: 12px;
		font-weight: bold;
		background-image: url(images/cal_h_o.gif);
}

#footer {
	clear: both;
	background-color: #ffffff;
}

#menuWrap {
	background-image: url(images/menu_bg.gif);
	background-repeat: repeat-y;
}

#menu {
	padding-left: 9px;
	font-family: Verdana;
	font-size: 11px;
}

#hakuWrap2 {
	background-image: url(images/menu_bg.gif);
	background-repeat: repeat-y;
}

#haku2 {
	padding-left: 14px;
	padding-right: 9px;
}

#cal_container {
	width: 200px;
}


/* caption determines the style of
   the month/year banner above the calendar. */

caption 
     {
     font-family: Arial; 
     font-size: 16px; 
     font-weight: bold;
     text-align: left;
     }
     
/* .calendar determines the overall formatting style of the calendar,  
   acting as the default unless later overruled. */

.calendar 
     {
     font-family: Arial; 
     font-size:11px; 
     color: #191919;
     }

/* .calendarlink determines the formatting of those days linked to
   content. */

.calendarlink 
     {
     color: #99b3ce;
     font-weight: bold;
     text-decoration: none;
     }

/* .header determines the formatting of the weekday headers at the top
   of the calendar. */

.header 
     {
		color: #ffffff;
		background-color: #99b3ce;
     }

/* .day determines the formatting of each day displayed in the
   calendar. */

.day 
     {
     text-align: center
     }

/* .linkedday determines the formatting of a date to which content is
   available. */

.linkedday 
     {
     text-align: center
     } 
     
#paperi {
		background-image: url(images/paper_bg2.gif);
		width: 370px;
		height: 200px;
		overflow: auto;
		padding: 10px;
		border: 1px solid #dadada;
		font-family: Comic Sans MS, Verdana;
		font-size: 14px;
		color: #191919;
}

#mainosKelaus {
		width: 671px;
		height: 20px;
}

#mkv {
	width: 17px;
}

#mko {
		width: 17px;
}

td.mkelausTd {
		background-image: url();
		background-image: url(images/mainos_tausta.gif);
		background-repeat: repeat-x;
}

.mainosBtn {
	font-family: Verdana;
	font-size: 10px;
	color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #8EB7E9;
	border-right: 1px solid #5B84B6;
	cursor: pointer;
}

#haku form
        {
        display: block;
        width:140px;
        border:1px solid #d5d5d5;
        margin:0;
        padding:0;
        font-size: 10px;
        }
#haku form p
        {
        margin:0;
        }
#haku form input
        {
        margin:0;
        border:1px solid #fff;
        background:url(images/input_bg.gif) repeat-x 0 -22px;
        width:134px;
        padding:2px;
        color:#848484;
        text-align:center;
        font:normal 12px Calibri, Verdana, Monaco, sans-serif;
        }
#haku form input:hover,
#haku form input.ie-searchform-hover
        {
        border:1px solid #fff;
        color:#545454;
        }
#haku form input:focus,
#haku form input.ie-searchform-focus
        {
        border:1px solid #bcd0e5;
        color:#333;
        }
        
#haku2 form
        {
        display: block;
        width:160px;
        border:1px solid #d5d5d5;
        margin:0;
        padding:0;
        font-size: 10px;
        }
#haku2 form p
        {
        margin:0;
        }
#haku2 form input
        {
        margin:0;
        border:1px solid #fff;
        background:url(images/input_bg.gif) repeat-x 0 -22px;
        width:154px;
        padding:2px;
        color:#848484;
        text-align:center;
        font:normal 12px Calibri, Verdana, Monaco, sans-serif;
        }
#haku2 form input:hover,
#haku2 form input.ie-searchform-hover
        {
        border:1px solid #fff;
        color:#545454;
        }
#haku2 form input:focus,
#haku2 form input.ie-searchform-focus
        {
        border:1px solid #bcd0e5;
        color:#333;
        }
        
input.rekkaa {
        margin:0;
        border:1px solid #bcd0e5;
        background:url(images/input_bg.gif) repeat-x 0 -22px;
        width:154px;
        padding:2px;
        color:#343434;
        font:normal 12px Calibri, Verdana, Monaco, sans-serif;
}
                
/**********************************************************************************************/
	#imageSlideshowHolder{
		width: 671px;
		height: 192px;
		position:relative;	/* Never change this value */	
	}
	.imageInGallery{		
		width:671px;
		height:192px;
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	
/************************************************************************************************/

.nimi{
	color: #343434;
	text-decoration: none;
}

.nimi:hover {
	background-color: #FFFFDD;
	color: #000000;
	text-decoration: underline;
	padding-right: 10px;
	background-image: url(images/bullet_plus.gif);
	background-position: right;
	background-repeat: no-repeat;
}

fieldset
{
	margin-bottom:1.6em;
	border:1px solid #ccc;
	width: 600px;
	background-color: #efefef;
	padding: 4px;
}

legend
{
	color:#545454;
	font-weight:bold;
}

/************************************************************************************************/
div.hlonValinnat {
	position: absolute;
	width: 150px;
	padding: 1px;
	background-image: url(bgs/bg5.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F4FBF7;
	border: 1px solid #8ED4AB;
}

div.hlonValinnat a {
	display: block;
	width: 146px;
	color: #191919;
	text-decoration: none;
	padding: 2px;
}

div.hlonValinnat a:hover {
	text-decoration: none;
	background-image: url(images/valikko_hbg.gif);
	background-repeat: repeat-y;
}


/************************************************************************************************/

#txpCommentInputForm
        {
        display:block;
        clear:both;
        width:600px;
        }
#txpCommentInputForm p
        {
        display: block;
        border:1px solid #d5d5d5;
        margin:0;
        padding:0;
        font-size:100%;
        }
#uv-web,
#uv-name,
#uv-email,
#uv-message,
#txpCommentInputForm textarea
        {
        display:block;
        margin:0;
        width:592px;
        border:1px solid #bcd0e5;
        background:url(images/input_bg.gif) 0 -22px repeat-x;
        padding:2px;
        color:#848484;
        text-align:left;
        font:normal 12px Calibri, Verdana, Monaco, sans-serif;
        }
        
#uv-web:hover,
#uv-name:hover,
#uv-email:hover,
#uv-message:hover,
#txpCommentInputForm textarea:hover,
#txpCommentInputForm input.ie-searchform-hover,
#txpCommentInputForm textarea.ie-searchform-hover
        {
        border:1px solid #ccc;
        color:#545454;
        }
#uv-web:focus,
#uv-name:focus,
#uv-email:focus,
#uv-message:focus,
#txpCommentInputForm textarea:focus,
#txpCommentInputForm textarea.ie-searchform-focus,
#txpCommentInputForm input.ie-searchform-focus
        {
/*        border:1px solid #82BB44;*/
		border:1px solid #bcd0e5;
        color:#333;
        }
label,
#live-preview-label
        {
        font:300 normal 140%/1.4 constantia, georgia, serif;
        font-size: 18px;
        }
label span.required
        {
        color:#A80000;
        font-size:1.1em;
        }
label span#straightup
        {
        font:normal 60% verdana;
        }
#forget-label
        {
        font:normal 90% verdana;
        }

#submit-bar
        {
        padding-top:1.4em;
        }

/**********************  UUDET KOMMENTIT JA NFO RUUTU *************************/

div.nfoRuutu {
	width: 250px; 
	border: 1px solid #ccc; 
	background-color: #fff; 
	padding: 2px;
	text-align: left;
}

div.nfoSisa {
	background-color: #E7F4F4; 
	width: 238px; 
	padding: 6px; 
	font-family: verdana, georgia, serif; 
	line-height:1.5; 
	font-size: 12px;
}

.nfoSisa span {
	font-variant:small-caps; 
	color: #333; 
	font-weight: bold;
	font-family:constantia, georgia, serif; 
	line-height:1.2; 
	font-size: 15px;
}

div.keskusteluKehys {
	background-color: #fff;
	border: 1px solid #ccc; 
	width: 600px;
}

div.keskustelu {
	border-bottom: 1px solid #CCCCCC; 
	padding-top: 6px;
	text-align: left;
}

div.kFooter {
	margin-top: 2px; 
	width: 600px; 
	background-color: #EEEEEE; 
	border-top: 1px solid #CCCCCC; 
	text-align: left;
	font-family: verdana, georgia, serif; 
	line-height:1.2; 
	font-weight: bold; 
/*	color: #3399FF; */
	font-size:12px;
}

div.kommentti {
/*	border-top: 1px solid #CCCCCC; */
	border-bottom: 1px solid #CCCCCC; 
	width: 600px; 
	padding-top: 6px;
	text-align: left;
}

span.kOtsikko {
	font-family:constantia, georgia, serif; 
	line-height:1.2; 
	font-size:18px; 
	font-variant:small-caps; 
	letter-spacing:1px;
}

span.kPvm {
	font-family: verdana, georgia, serif; 
	line-height:1.2; 
	font-size:12px; 
	font-variant:small-caps; 
	letter-spacing:1px;
}

span.ilmoitaAsiaton {
	margin-top: 2px; 
	text-align: right; 
	display: block; 
	width: 600px; 
	background-color: #EEEEEE; 
	border-top: 1px solid #CCCCCC; 
	font-family: verdana, georgia, serif; 
	line-height:1.2; 
	font-weight: bold; 
	color: #3399FF; 
	font-size:12px;
}

span.kayttajaLista {
	margin-top: 2px; 
	text-align: right; 
	display: block; 
	width: 600px; 
	background-color: #EEEEEE; 
	border-top: 1px solid #CCCCCC; 
	font-family: verdana, georgia, serif; 
	line-height:1.2;
	font-size: 10px;
}

span.alaHr {
	margin-top: 20px; 
	text-align: right; 
	display: block; 
	width: 600px; 
	background-color: #EEEEEE; 
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-family: verdana, georgia, serif; 
	line-height:1.2; 
	font-weight: bold; 
	color: #3399FF; 
	font-size:12px;
	cursor: pointer;
}

div.kSisalto {
	color: #333;
	text-align: left;
	width: 550px;
	padding-left: 50px;
	padding-bottom: 30px;
	background:url(images/quote.gif) no-repeat 6px 0;
	padding-top: 10px;
}

#tapValinnat {
	border: 1px solid #ccc;
	background-color: #eee;
	font-family:verdana, georgia, serif;
	line-height:1.2; 
	font-size:12px; 
	font-variant:small-caps;
	letter-spacing:1px;
	text-align: left;
	margin-top: 10px;
}

.tapValSelite {
	background-color: #ccc;
	color: #000;
	padding-right: 6px;
	padding-left: 2px;
	font-family:constantia, georgia, serif;
	font-size: 18px;
}


#yllapitoTools {
	width: 600px;
	border: 1px solid #ccc;
	background-color: #eee;
	font-family:verdana, georgia, serif;
	line-height:1.2; 
	font-size:12px; 
	font-variant:small-caps;
	letter-spacing:1px;
	text-align: left;
	margin-top: 10px;
}

span.yllapitoselite {
	background-color: #ccc;
	color: #000;
	padding-right: 6px;
	padding-left: 2px;
	font-family:constantia, georgia, serif;
	font-size: 18px;
}

span.yllapitoUusi {
	padding-left: 24px;
	background: url(images/page_add.gif) no-repeat 6px 0;
	cursor: pointer;
}

span.yllapitoMuokkaa {
	padding-left: 20px;
	background: url(images/page_edit.gif) no-repeat 2px 0;
	cursor: pointer;
}

span.yllapitoPoista {
	padding-left: 20px;
	background: url(images/roskakori.gif) no-repeat 2px 0;
	cursor: pointer;
}

#sisaltoKehys {
	width: 600px;
	line-height: 1.5;
}

h5 {
	border-bottom: 1px solid #ccc;
	margin-top: 3em;
	padding-bottom: 4px;
	padding-left: 20px;
	background: url(images/calendar.gif) no-repeat 0px 0;
	text-align: right;
	font-family:'lucida grande',tahoma,sans-serif;
	color: #3399FF;
	font-weight: normal;
}

h5 span {
	font-family:verdana, georgia, serif;
	line-height:1.2; 
	font-size: 16px; 
	letter-spacing:1px;
	float: left;
	color: #333;
	font-variant:small-caps;
}

p.tapahtumanPvm {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	padding-left: 20px;
	background: url(images/calendar.gif) no-repeat 0px 0;
	text-align: left;
	font-family:'lucida grande',tahoma,sans-serif;
	color: #3399FF;
	font-weight: normal;
}

p.tapahtumaKuvaus {
	padding-left: 40px;
	background-color: #EBEBEB;
}

#tapKehys {
	width: 650px;
}

#tapKehys h3 {
    font:bold 16px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #2d5768;
	text-transform:uppercase;
}

#tapKehys h2 {
	font: normal bolder 28px arial,sans-serif;
	letter-spacing: -.1em;
	color: #555;
	border-bottom: 1px solid #ccc;
}

#tapKehys h2 span {
	font: normal bolder 14px arial,sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	text-shadow: none;
	color: #ccc;
}

#yllapitoKehys {
	padding: 4px; 
	border: 1px solid #223344; 
	background-color: #334455; 
	width: 950px; 
	position: absolute; 
	top: 10px; 
	left: 10px;
}

#yllapitoSisa {
	border: 1px solid #223344; 
	background-color: #fff; 
	text-align: left; 
	padding: 10px; 
	background-image: url(images/blue_gradient.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#ajankohtaistaKehys {
	padding: 4px; 
	border: 1px solid #223344; 
	background-color: #334455; 
	width: 950px; 
	position: absolute; 
	top: 10px; 
	left: 10px;
}

#ajankohtaistaSisa {
	border: 1px solid #223344; 
	background-color: #fff; 
	text-align: left; 
	padding: 10px; 
	background-image: url(images/blue_gradient.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.bulletinboard {
	width: 650px;
	text-align: left;
}

.bulletinboard th {
	background-image: url(images/bbthbg.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 24px;
	color: #223344;
	font-family: Trebuchet MS, Verdana;
	font-weight: bold;
	padding-left: 4px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

td.bb {
	background:#efefef none repeat scroll 0%;
	border:1px solid #ccc;
	padding:2px;
/*	background-color: #efefef;
	padding: 2px;
	border: 1px solid #ccc;*/
}

.bulletinboard span.otsikko {
	text-transform: uppercase;
	color: #3399FF; 
	font-size:10px;
}

.bulletinboard span.otsikko a {
	text-decoration: none;
}

.bulletinboard span.lahettaja {
	font-size: 10px;
}

.bulletinboard span.lahetetty {
	font-size: 10px;
}

div.ilmoitus {
	text-align: center;
	background-color: #FFFFCC;
	width: 550px;
	border: 1px solid #ccc;
	padding: 6px;
	background-image: url(images/error.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div#kaverilista {
	width: 180px;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}

div#postilaatikko {
	width: 180px;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}

div#kuva {
	width: 500px;
/*	overflow: auto; */
	margin: 10px;
	padding: 10px;
}

.rukoile {
		background-image: url('images/rukous.gif');
		background-repeat: no-repeat;
		background-position: left;
		float: right;
		padding-left: 20px;
}

#sivuKuvat {
		padding-top: 70px;
		float: right;
		width: 100px;
		text-align: right;
		height: 100%;
}


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em; width: 600px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #08c; border-width:0 1px;}

.progressBar img, .percentImage1 img {
	 background: white url(images/barColor.jpg) top left no-repeat;
	 padding: 0;
	 margin: 5px 0 0 0;
/*	 background-position: 1px 0; */
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/btn_r.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/btn.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

#kuvateksti {
		padding-top: 2px;
}

#kuvateksti a {
		text-decoration: none;
		cursor: text;
		color: #000;
}

#kuvateksti a:hover {
		border: 1px solid #7F9DB9;
		padding-right: 10px;
}

/* NEW INPUT STYLES */

.inputstyles {
	background-color: transparent;
	background-image: url(images/input_bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: 0pt;
	background-y-position: -22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bcd0e5;
	border-right-color: #bcd0e5;
	border-bottom-color: #bcd0e5;
	border-left-color: #bcd0e5;
	color: #333333;
	text-align: left;
	font-family: Calibri,Verdana,Monaco,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

.iputstyles_hover {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	color: #545454;
}

.inputstyles_focus {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bcd0e5;
	border-right-color: #bcd0e5;
	border-bottom-color: #bcd0e5;
	border-left-color: #bcd0e5;
	color: #333333;
}

.kommentti_lisatty {
	padding: 8px;
	border: 1px solid #535353;
	color: #535353;
	font-weight: bold;
	background-color: #FFFFCC;
}

.lainaus {
	margin-left: 10px;
	padding: 4px;
	border: 1 solid #535353;
	border-left: 2px solid #535353;
	color: #535353;
	background-color: #FFFFCC;
}

/* TUNNUKSEN TIETOJEN MUOKKAAMINEN */

#edit_menu {
	font-size: 11px;
}

#edit_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#edit_menu li {
	float: left;
	border: 1px solid #898989;
	margin: 0;
}

#edit_menu a {
	text-decoration: none;
	display: block;
	background-image: url('edit_tab_bg.jpg');
	background-position: top;
	background-repeat: repeat-x;
	padding: 0.24em 1em;
	color: #333333;
	text-align: center;
}

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

#edit_menu #selected {
	border-color: black;
}

#edit_menu #selected a {
	position: relative;
	top: 1px;
	background: #6d84b4;
	color: #ffffff;
	font-weight: bold;
}

#edit_contents {
	border: 1px solid black;
	clear: both;
	padding: 0 1em;
	background-color: #f7f7f7;
}