@charset "UTF-8";
/* RESETIT */

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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	/*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* ------------ COMMON --------------- */

.debug{
	font-weight: bold;
	color: #f00;
}
body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: black;
}
b, strong {
	font-weight: bold;
}
a {
	color: #6abac7;
}
a:hover {
	color: #007289;
}

#infoBox a{
 color: #000;
 text-decoration: underline;
}

#infoBox a:hover{
	color: #666;
	text-decoration: none;
}

img.right{
	float: right;
	margin: 0px 0px 10px 10px;
}

#pageWrapper {
	background: url(../kuvat/layout/top_bg.gif) no-repeat;
	margin: 0 auto;
	/*min-height: 450px;*/
	padding: 78px 16px 0 21px;
	position: relative;
	width: 924px;
}

#footer {
	background: url(../kuvat/layout/footer_bg.gif) no-repeat;
	clear: both;
	color: #a9afb2;
	height: 10px;
	margin: 0 auto 15px auto;
	padding: 15px 0 0 0;
	text-align: center;
	width: 960px;
	position: relative;
}

#footercontent{
	text-align: left;
	margin: 0 10px 0 150px;
	width: 650px;
	text-align:center;
}

#itsehoitoapteekki{
	position: absolute;
	right: 15px;
	top: 15px;
	width: 150px;
	text-align: right;
}

#footer a{
	color: #a9afb2;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
	color: #007289; 
}

/* ----------- PÄÄNAVI --------------- */

#mainNavi {
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 55px;
	left: 350px;
}
#mainNavi a {
	color: white;
	text-decoration: none;
}
#mainNavi a:hover {
	color: #ddd;
}
#mainNavi a.active {
	color: #ddd;
	text-decoration: underline;
}
#mainNavi ul {
	display: inline;
}
#mainNavi ul li {
	display: inline;
	margin: 0 10px;
	padding: 5px;
}

/* ----------- ETUSIVU --------------- */
#tutustuPallo {
display: block;
height: 80px;
width: 80px;
position: absolute;
right:72px;
top: 128px;
background: url(../kuvat/nostot/etusivu-tutustu.gif) 0 0 no-repeat;
}

#tutustuPallo:hover{
background: url(../kuvat/nostot/etusivu-tutustu.gif) 0 -80px no-repeat;
}

#etusivuWrapper{
	background: url(../kuvat/favora-etusivu-2011-11.jpg) 0 0 no-repeat;
	height: 276px;
	width: 923px;
}

#etusivuWrapper2{
	background: url(../kuvat/favora-etusivu-2011-11b.jpg) 0 0 no-repeat;
	height: 276px;
	width: 923px;
}
#etusivuWrapper3{
	background: url(../kuvat/favora-etusivu-2011-09.jpg) 0 0 no-repeat;
	height: 276px;
	width: 923px;
}

h1.etusivu {
	display: block;
	height: 60px;
	width: 305px;
	text-indent: -2000em; /* Hides the text in the h1 tag */
}

h1.etusivu2 {
	display: block;
	height: 55px;
	width: 305px;
	text-indent: -2000em; /* Hides the text in the h1 tag */
}
h1.etusivu3 {
	display: block;
	height: 55px;
	width: 305px;
	text-indent: -2000em; /* Hides the text in the h1 tag */
}
p.ingressiEtusivu {
	width: 330px;
	color: #6abac7;
	font-size: 16px;
	line-height: 21px;
	margin: 20px 0 0 360px;
}

p.ingressiEtusivu2{
	width: 450px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	margin: 15px 0 0 210px;
	color: #555;
}
p.ingressiEtusivu3{
	width: 490px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	margin: 15px 0 0 210px;
	color: #555;
}
p.ingressiLinkki{
	width: 450px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	margin: 15px 0 0 210px;
	color: #555;
	text-decoration: underline;
}

.etusivunFiiliskuva{
	float: left;
}


#nostoWrapper {
	display: block;
	overflow: hidden;
	width: 924px;
}

.nostoboxi {
	display: block;
	color: #6abac7;
	float: left;
	margin: 0 2px 0 0;
	padding: 0px;
	width: 229px;
}

.nostoboxi-kolmenostoa{
	display: block;
	color: #6abac7;
	float: left;
	margin: 0 2px 0 0;
	padding: 0px;
	width: 305px;
	position: relative;
}

div.nostoboxi-image{
	border: none;
}

div.nostoboxi-content,
div.nostoboxi-kolmenostoa-content{
	padding: 0px 10px 10px 10px;
}

div.nostoboxi-kolmenostoa-content2{
	padding: 0px 10px 10px 10px;
}

.nostoboxi h2 {
	font-weight: bold;
	text-transform: uppercase;
	width: 170px;
}

.nostoboxi-kolmenostoa h2 {
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
}

.nostoboxi p {
	width: 209px;
}

.nostoboxi-kolmenostoa p{
	width: 225px;
}

.nostoboxi-kolmenostoa-content2 p{
	width: 280px;
}


.nostoboxi a,
.nostoboxi-kolmenostoa a{
	color: #6abac7;
	text-decoration: none;
	/*font-weight: bold;*/
}

.nostoboxi a:hover,
.nostoboxi-kolmenostoa a:hover {
	color: #666;
	text-decoration: none;
}
.nostoboxi a.normal,
.nostoboxi-kolmenostoa a.normal {
	color: #6abac7;
	text-decoration: none;
	font-weight: normal;
}

.nostoboxi a.normal:hover,
.nostoboxi-kolmenostoa a.normal:hover {
	color: #666;
	text-decoration: none;
}

#box3-img{
	width: 139px;
	float: right;
}

#box3-txt{
	width: 140px;
	float: left;
	overflow: hidden;
}

#box3-txt p{
	width: 140px !important;
}


/* ------------------ TUOTE-ETUSIVU ------------------ */

.tuoteEtusivunFiiliskuva {
	float: right;
	margin-right: 90px;
}

h1.tuote-etusivu {
	display: block;
	height: 70px;
	width: 310px;
	text-indent: -2000em; /* Hides the text in the h1 tag */
	background: url(../kuvat/etusivu_h1.gif) 0 0 no-repeat;
	margin: 34px 0 25px 20px;
}

p.ingressiTuoteEtusivu {
	color: #6abac7;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 40px 20px;
}

/* ------------------ ALASIVUT ------------------ */

#contentWrapper {
	min-height: 450px;
	padding: 34px 0 15px 280px;
}
#videoWrapper {
	min-height: 450px;
	padding: 34px 0 15px 140px;
}

#contentti,
#contenttiMedia {
	display: block;
	width: auto;
	overflow: hidden;
}

.fullwidth{
	padding: 34px 0 15px 70px !important; 
}

.fiiliskuva1 {
	background: url(../kuvat/alasivu_fiilis_1.jpg) no-repeat;
}
.fiiliskuva2 {
	background: url(../kuvat/alasivu_fiilis_2.jpg) no-repeat;
}
.fiiliskuva3 {
	background: url(../kuvat/alasivu_fiilis_3.jpg) no-repeat;
}
.fiiliskuva4 {
	background: url(../kuvat/alasivu_fiilis_4.jpg) no-repeat;
}
.fiiliskuva5 {
	background: url(../kuvat/alasivu_fiilis_5.jpg) no-repeat;
}
.fiiliskuva6 {
	background: url(../kuvat/alasivu_fiilis_6.jpg) no-repeat;
}
.fiiliskuva7 {
	background: url(../kuvat/alasivu_fiilis_7.jpg) no-repeat;
}
.fiiliskuva8 {
	background: url(../kuvat/alasivu_fiilis_8.jpg) no-repeat;
}
.fiiliskuva9 {
	background: url(../kuvat/alasivu_fiilis_9.jpg) no-repeat;
}
.fiiliskuva10 {
	background: url(../kuvat/alasivu_fiilis_10.jpg) no-repeat;
}
.fiiliskuva11 {
	background: url(../kuvat/alasivu_fiilis_11.jpg) no-repeat;
}
.fiiliskuva12 {
	background: url(../kuvat/alasivu_fiilis_12.jpg) no-repeat;
}
.fiiliskuva13 {
	background: url(../kuvat/alasivu_fiilis_13.jpg) no-repeat;
}
.fiiliskuva14 {
	background: url(../kuvat/alasivu_fiilis_14.jpg) no-repeat;
	min-height: 637px!important;
}
.fiiliskuva15 {
	background: url(../kuvat/alasivu_fiilis_15.jpg) no-repeat;
}
.fiiliskuva16 {
	background: url(../kuvat/alasivu_fiilis_16.jpg) no-repeat;
}
.fiiliskuva17 {
	background: url(../kuvat/alasivu_fiilis_17_hairspray.jpg) no-repeat;
}
.fiiliskuva18 {
	background: url(../kuvat/alasivu_fiilis_18.jpg) no-repeat;
}
.fiiliskuva19 {
	background: url(../kuvat/alasivu_fiilis_19.jpg) no-repeat;
}

.kisakuva-2011-04 {
	background: url(../kuvat/kisa/kisakuva-2011-04.jpg) no-repeat;
}

.ajassafiilis1{
	background: url(../kuvat/ajassa/2010-11-26/avokado-fiilis.jpg) no-repeat;
}
.ajassafiilis2{
	background: url(../kuvat/ajassa/2011-01-24/avokado-fiilis.jpg) no-repeat;
}


.instituuttifiilis {
	background: url(../kuvat/instituutti_fiilis.jpg) no-repeat;
}

h1 {
	font: 18px/24px Arial, Helvetica, sans-serif;
	color: #6abac7;
	margin: 0 0 25px 0;
	width: 440px;
}
h1.with-ex-line{
 line-height: 1;
}

h2 {
	font: 16px/18px Arial, Helvetica, sans-serif;
	color: #6abac7;
	margin: 10px 0;
	width: 440px;
}

h2.tuoteteksti {
	font: 16px/18px Arial, Helvetica, sans-serif;
	color: #6abac7;
	margin: 10px 0;
	width: 100px;
}

h3 {
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #6abac7;
	width: 440px;
}
hr {
	background-color: #ddd;
	display: block;
	height: 1px;
	border: none;
}
ul, ol {
	width: 420px;
	margin: 0 0 0 20px;
}

ol{
	font: 16px/18px Arial, Helvetica, sans-serif;
	color: #6abac7;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 30px;
}

ol li{
	margin-top: 0px;
	padding-top: 0px;
}

ol li p{
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0px;
	padding-top: 0px;
	width: auto !important;	
}

ol.basic{
	color: #000;
	font-size: 12px;
	line-height: 1;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 30px;
}

ol.basic li{
	margin: 5px 0px;
}

ul.nobullets, ol.nobullets {
	list-style: none;
	margin: 0!important;
}

ul.nobullets li.faq-list.item{
	margin: 10px 0px 40px 0px;
}

ul.nobullets li.faq-list-item p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

ul#arkistoUL{
	display: none;
}

li {
	margin: 15px 0;
}

ul.nolimargin li{
	margin: 0;
}

li.tilde-pink{
	background: url(../kuvat/icons/tilde-pink.gif) no-repeat left 3px;
	padding-left: 30px;
}

li.tilde-green{
	background: url(../kuvat/icons/tilde-green.gif) no-repeat left 3px;
	padding-left: 30px;
}

li span.sanastotitle{
	font-weight: bold;
}


div.imgWrapper{
	float: right;
	width: 200px;
	margin-left: 20px;
	overflow: hidden;
}

div.imgWrapper div.img{
	float: left;
	overflow: hidden;
}

div.imgWrapper .imgCaption{
	float: left;
	overflow: hidden;
	width: 200px;
	font-size: 11px;
}

div.imgWrapper .imgCaption p{
	width: 200px;
	font-style: italic;
}





#tuotekuva {
	display: block;
	float: right;
	margin: 0px 0 50px 5px;
	max-width: 200px;
	overflow: hidden;
}
#tuotekuva img {
	display: block;
}

table.reset {
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

table.reset td {
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

table.reset td.keski {
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	text-align: center;
}

h1.notopmargin{
	margin-top: 0px;
}

p.pretitle,
p.strapline{
	margin: 0;
	font-weight: bold;
	color: #6abac7;
}

p.ingressi {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #6abac7;
	margin: 15px 0;
	width: 440px;
}
p {
	margin: 15px 0;
	width: 440px;
}

p.tuoteteksti {
	margin: 15px 0;
	width: 200px !important;
	valign: top;
}

p.inci {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 15px 0;
	width: 440px;
}

p.incip{
	margin-bottom: 0px;
}

#incibtn{
	color: #666;
	padding: 2px 0px;
	text-decoration: none;
	margin-bottom: 0px;
}

#incibtn:hover{
	color: #6abac7;
	text-decoration: underline;
}


#incilist{
	float: left;
	width: 230px;
	display: none;
	border: 1px solid #eee;
	background-color: #fdfdfd;
	padding: 10px;
	margin-top: 1em;
	font-size: 12px;
}


p.nomargin{
	margin: 0;
}

#taustakuvat, #screensaver {
	display: block;
	margin: 20px 0;
}
#taustakuvat img, #screensaver img {
	float: left;
}
#taustakuvat {
	overflow: hidden;
}
.taustakuvalinkit {
	float: left;
	width: 200px;
	margin-left: 10px;
}

.topmargin-20{
	margin-top: 20px;
}


/* ---------------- AJANKOHTAISET ----------------------- */

ul.tiedotteet {
}
ul.tiedotteet li {
	margin: 5px 0;
}

ul.tiedotteet li.pdf {
	padding: 4px 0 9px 40px;
	background: url(../kuvat/icons/pdf-icon.gif) no-repeat top left;
}



ul.tiedotteet a {
	text-decoration: none;
}
ul.tiedotteet a:hover {
	text-decoration: underline;
}

/* ---------------- TIEDOTTEET ----------------------- */

ul.ajankohtaiset {
}
ul.ajankohtaiset li {
	margin: 5px 0;
}
ul.ajankohtaiset a {
	text-decoration: none;
}
ul.ajankohtaiset a:hover {
	text-decoration: underline;
}


/* ------------------ PRINT & SEND BUTTONS ------------------ */

#buttons ul {
	display: inline;
}
#buttons {
	clear: both;
	display: block;
	margin: 25px 0;
	min-height: 20px;
	min-height: 20px;
	width: 440px;
	float: left;
}
#buttons ul li {
	float: left;
	list-style: none;
}
#buttons a {
	color: #666;
	margin: 5px 20px 5px 5px;
	padding: 3px 3px 3px 20px;
	text-decoration: none;
}
#buttons a:hover {
	color: #000;
}
a#sendToFriend {
	background: url(../kuvat/layout/icon_email.gif) no-repeat;
}
a#print {
	background: url(../kuvat/layout/icon_print.gif) no-repeat;
}
#infoBox {
	background: url(../kuvat/layout/info_bg.gif) no-repeat;
	clear: left;
	display: block;
	margin: 15px 0;
	overflow: hidden;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 422px;
	white-space: normal;
}
#infoBox h2, #infoBox h3 {
	margin-left: 15px;
	width: 415px;
}

#infoBox p {
	margin: 0;
	padding: 15px 15px 5px 15px;
	width: 410px;
	/*overflow: hidden;*/
}
#infoBox ul, #infoBox ol {
	margin: 0 0 15px 30px;
	width: 400px;
}

/* ------------------ IHOTYYPPIVALITSIN ------------------ */

#itypeWrapper {
	display: block;
	width: 440px;
	z-index: 1000;
}
div.itype {
	background-color: #9DDEEA;
	border: 1px solid #fff;
	display: block;
	float: left;
	height: 220px;
	margin: 0 5px 5px 0;
	padding: 7px;
	width: 195px!important;
}
div.itype:hover {
	background-color: #BFE4EB;
	border: 1px solid #71d6e0;
	cursor: pointer;
	display: block;
	float: left;
	width: 195px!important;
}
div.itype ul {
	display: block;
	float: left;
	margin: .5em 0 0 15px;
	width: 180px!important;
}
div.itype li {
	margin: 0;
}
div.itype h3 {
	width: 180px!important;
	color: #fff;
	font-weight: bold;
}

div.itype a{
	font-weight: normal;
	color: #fff;
}	

/* ----------- ALANAVI --------------- */

.subNaviOtsikko {
	background-color:#6abac7;
	color:#fff;
	width:100%;
	display:block;
	padding:4px;
}

ul#subNavi {
	display: block;
	float: right;
	color: #6abac7;
	font-weight: bold;
	list-style: none;
	margin: 0 15px 15px 20px;
	text-transform: uppercase;
	width: 160px!important;
}
ul#subNavi a {
	color: #6abac7;
	display: block;
	text-decoration: none;
}
ul#subNavi a:hover {
	color: #6abac7;
	text-decoration: underline;
}
ul#subNavi a.active {
	color: #000;
	text-decoration: none;
}
ul#subNavi ul {
	font-weight: normal;
	list-style: none;
	margin: 5px 0 10px 10px;
	text-transform: none;
	width: 150px!important;
}
ul#subNavi li {
	line-height: normal;
	margin: 4px 0;
}

ul#subNavi li.subcat{
	font-weight: bold;
}

/* ----------- SÄHKÖINEN POSTIKORTTI --------------- */

div#ecardWrapper{
	overflow:hidden;
	float: left;
	width: 290px;
}

img#ecard{
	margin: 0 10px 20px 0;
	width: 280px;
	height: 237px;
	float: left;
	display: block;
}

div#card-select{
	float: left;
	width: 115px;
	padding: 10px;
	border: 1px solid #ddd;
	overflow: hidden;
	text-align: center;
}

#card-select img{
	border: 1px solid #666;
	margin-bottom: 5px;
	padding: 2px;
}

#card-select img:hover{
	border: 1px solid #000;
	background-color:  #71d6e0;
}

#postikortti-form{
	float: left;
	width: 280px;
	clear: left;
}

img.ecard-view{
	float: right;
	margin: 20px;
}

div#ecard-sendbuttons{
	overflow: hidden;
	clear: both;
	float: left;
	width: 620px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #999;
}

div#ecard-sendbuttons input.button {
	background-color: #71d6e0;
	border: 1px solid #999;
	clear: both;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 10px 10px 0;
	padding: 2px 5px;
	width: 100px;
	text-transform: uppercase;
}



/* ----------- LOMAKKEET --------------- */

label {
	display: inline;
	/*width: 250px;*/
}
.radiolabel {
	display: block;
	width: auto;
	margin: 0 0 15px 25px;
}


/* KISA */
form#kilpailu-form{
	display: block;
	overflow: hidden;
	margin-top: 0px;
	float: left;
}

fieldset#kisa-questions div.question{
	padding: 5px 0px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

div.question p{
	font-weight: bold;
}

fieldset#kisa-questions label.left{
	margin-right: 10px;
}

fieldset#kisa-questions label.right{
	margin-left: 10px;
}


fieldset#kisa-question input.kisa-radio{
	float: left;
}

#kilpailu-form #etunimi,#sukunimi,#postiosoite,#postinumero,#postitoimipaikka,#puhelin,#sahkoposti {
	float: right;
}


input.kesakisa-radio{
	border: 0px solid #fff;
}

input.kesakisa-radio:hover{
	border: 0px solid #fff;
}


#kilpailu-form .kisa-yhteys {
	float: left;
	clear: both;
}

fieldset#kisa-contacts{
	margin-top: 40px;
}

#kisa-contacts label{
	float: left;
	width: 120px;
	margin-left: 0px;
	padding-left: 0px;	
}

label.kisa-markkinointi{
	width: 350px;
}

.automatic {
	float: left;
	width: auto !important;
}

input.inline {
	border: none!important;
	clear: none!important;
	float: none!important;
	width: auto!important;
}
input, textarea {
	clear: right;
	border: 1px solid #999;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 3px;
	width: 250px;
}
textarea {
	height: 150px;
}
input:hover, textarea:hover {
	background-color: #eee;
	border: 1px solid #666;
}

input:focus, textarea:focus{
	background-color: #eee;
	border: 1px solid #666;

}

input.checkbox, input.checkbox:hover, input.kisa-radio, input.kisa-radio:hover, input#salli-markkinointi {
	border: none;
	clear: left;
	margin: 0 10px 20px 0;
	width: 20px;
}
input.button {
	background-color: #71d6e0;
	border: 1px solid #999;
	clear: both;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;
	text-transform: uppercase;
}

ul#voittajat,
ul.palkintotuotteet{
	margin: 0;
	padding: 0;
	padding-left: 17px;
}


ul#voittajat li,
ul.palkintotuotteet li{
	margin: 3px 0;
}


/* feedback */

#feedback label{
	float: left;
	width: 120px;
}

#feedback label.rightlabel{
	width: auto;
}


/* uutiskirjeen tilaus */

ul#newsletter-features li{
	margin: 0px;
	padding: 3px 0px;
}

#subscribeFields{
	float: left;
	overflow: hidden;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;	
	padding: 15px 10px 20px 10px;
	background-color: #fdfdfd;
}

fieldset#subscribeFields label{
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
	width: 120px;
}

div#subscribebuttons{
	width: 500px;
	float:left;
	margin-left: 130px;
}


input.subscribebutton {
	background-color: #71d6e0;
	border: 1px solid #999;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 10px 10px 0;
	padding: 3px 10px;
	width: auto;
	float: left;
	text-transform: uppercase;
}




p.error {
	clear: both;
	padding: 3px;
	font-weight: normal;
	background-color: #ffc995;
	border: 1px solid #ff6000;
	text-align: center;
	color: #000000;
}

p.success {
	clear: both;
	padding: 3px;
	background-color: #c3f7c3;
	border: 1px solid #00b200;
	text-align: center;
	color: #000000;
}
#sendToFriendFormWrapper {
	display: block;
	margin: 40px auto 10px auto;
	width: 390px;
	text-align: center;
}
#sendToFriendFormWrapper p {
	display: block;
	color: #666;
	margin: 10px auto;
	width: 300px;
	text-align: center;
}
#sendToFriendForm {
	display: block;
	margin: 10px auto;
	width: 250px;
}
#sendToFriendFormHider {
	display: block;
	margin: 10px auto;
	text-align: center;
	width: 300px;
}


/* ------------ INSTITUUTTI ---------------- */
fieldset.event{
	width: 600px;
	float: left;
	overflow: hidden;
	border: 1px solid #71d6e0;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

div#citygroup-left{
	float: left;
	width: 255px;
	margin: 1em 30px 0 0;
}
div#citygroup-right{
	float: left;
	width: 270px;
	margin: 1em 0 0 0px;
	padding-left: 30px;
	border-left: 1px solid #71d6e0;
}

div.citygroup{
	float: left;
	width: 265px;
}

div.citygroup:hover{
	background-color: #eee;
	cursor: pointer;
}

fieldset.event .radio{
	width: auto;
	margin: 2px 3px 0px 0px;
	float: left;
	border: none;
}

fieldset.event label.city{
	float: left;
	padding: 3px 0px;
	width: 240px;
	cursor: pointer;
}

/* Lomake */

fieldset.lomake{
	border-top: 1px solid #71d6e0;
	width: 410px;	
}

.lomake input{
clear:both;
float:none;
width:400px;
}
#inputika {
width:60px;
}
#inputnimi{
width:200px;
}
#lahetalomake{
width:408px;
}
.lomakeika{
width:200px;
}
fieldset.lomake input.radio {
width:20px;
border:none;
}
.lomake label{
}

/* /Lomake */

fieldset.ilmo{
	width: 500px;
	float: left;
	overflow: hidden;
	margin-right: 200px;
	border: 1px solid #71d6e0;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}


fieldset#ilmocontacts{
	margin: 1em 0;
}

fieldset.osallistuja{
	margin-bottom: 1em;
}

fieldset.ilmoextra{
	margin-bottom: 1em;
}

fieldset.ilmo legend,
fieldset.event legend{
	font-weight: bold;
	color: #6abac7;
	padding: 0px 10px;
}



label.ilmolabel,
div.ilmolabel{
	width: 120px;
	float: left;
}

input.ilmofield{
	width: 330px;
	float: left;
	margin: 2px 0;
}

input.short_ilmofield{
	width: 70px;
	float: left;
	margin: 2px 260px 2px 0;
}

textarea.ilmoarea{
	width: 330px;
	height: 80px;
	float: left;
	font-size: 12px;
}









/* ------------ MEDIAPANKKI ---------------- */

div#gallery-folderselect{
	width: 613px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 5px;
	background-color: #fafafa;
	border: 1px solid #e4e4e4;
	line-height: 2;
}

div#gallery-preview{
	width: 270px;
	float: left;
	overflow: hidden;
	
}
div#gallery-preview img{
	padding: 2px;
	border: 1px solid #e4e4e4;
}


div#gallery-thumbs{
	width: 360px;
	float: left;
	overflow: hidden;
	margin-left: 20px;

}

div#gallery-info{

}

img.thumb{
	float: left;
  background-color: #fff; 
  border: 1px solid #e4e4e4;
	padding: 2px;
	margin: 1px;
}

img.thumb:hover{
	border: 1px solid #e4e4e4;
	background-color:  #71d6e0;
}


/* ------------ COLORBOX ---------------- */

.hidden {display:none;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(../kuvat/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(../kuvat/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(../kuvat/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(../kuvat/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(../kuvat/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(../kuvat/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(../kuvat/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(../kuvat/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(../kuvat/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../kuvat/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../kuvat/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(../kuvat/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../kuvat/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../kuvat/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}