/******************************************************************************
*                                                                             *
*                     Sujuu.fi - geneeriset perustyylit                       *
*                    Kotimaa-yhtiöt / verkkopalvelut 2010                     *
*                                                                             *
******************************************************************************/





/******************************************************************************
*                    Perussisältö, nämä myös editorissa                       *
******************************************************************************/
* {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
ul {
	margin: 1.2ex 0 1.2ex 16px;
}
ol {
	margin: 1.2ex 0 1.2ex 4ex;
	*margin-left: 5ex;
}
li {
	margin: 2px 0;
}
img {
	border: 0;
}
h1 {
	margin: 2ex 0 1ex 0;
}
h2 {
	font-weight: normal; 
	font-size: 146.5%;
	margin: 2ex 0 1ex 0;
}
h3, h4, h5, h6 {
	font-weight: bold;
	font-size: 108%;
	margin: 2ex 0 0 0;
}
h3 + *, h4 + *, h5 + *, h6 + *{
	margin-top: 2px !important;
}
p {
	margin: 1.2ex 0;
}
sup, sub {
	font-size: 93%;
}
hr {
	height: 1px;
	border: none;
	color: silver;
	background-color: silver;
	margin:  8px 0 8px 0;
	*margin: 1px 0 1px 0;
}
input[type="text"], input[type="password"], textarea {
	padding: 1px;
}
textarea {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
}
small {
	font-size: 93%;
}
big {
	font-size: 108%;
}
table {
	border-collapse: collapse;
	font-size:inherit; /* Tarpeen HTML 4.0 kanssa */
	font:100%;         /* Tarpeen HTML 4.0 kanssa? */
}
.ingressi {
	font-weight: bold;
	font-size: 93%;
	margin-bottom: 1.6ex;
}
ul ul, ul ol, ol ol, ol ul {
	font-size: 100%;
}
fieldset {
	padding: 3px 8px 8px 8px;
	margin: 1px 4px;
}
.leipateksti table {
	margin-bottom: 1.2ex;
	margin-top: 1.2ex;
}
.leipateksti th {
	padding: 2px;
	border: 1px solid gray;
	font-weight: bold;
}
.leipateksti td {
	padding: 2px;
	border: 1px solid gray;
	font-weight: normal;
}



/******************************************************************************
*      CKEditor tyylejä (täällä koska admintyylejä ei ladata CK:hon)          *
******************************************************************************/
body.ckeditor {
	background-image: none;
	background-color: white;
	height: auto;
	margin: 0;
	padding: 0;
}
body.cke_panel_frame {
	background-image: none;
	background-color: white;
}
body.ckeditor > *:first-child {
	margin-top: 1px;
}
body.ckeditor > p:last-child {
	margin-bottom: 1px;
}
body.ckeditor.kuvateksti {
	font-size: 11px;
}
body.ckeditor.ingressi {
	font-size: 11px;
}
body.ckeditor.banneri {
	font-size: 11px;
}
input[name="CONTENT(0):TITLE(0)"] {
	font-size: 22px;
}




/******************************************************************************
*                                  Tulostelut                                 *
******************************************************************************/
@media print {
	#valikko, #alavalikko, .alavalikko, #pohjatoiminnot, #ylapalkki, #vintti, #alapalkki, #admintop,
	#adminpagesavebox, .valikko-taso-1, .noprint {
		display: none;
	}
	table#kehystaulu {
		width: 100%;
		table-layout: auto !important;
	}
}




/******************************************************************************
*                             Tapahtumakalenteri                              *
******************************************************************************/
.event-item {
	margin-top: 1.6ex;
	border-top: 1px solid gray;
	padding-top: 1.6ex
}
#event-1 {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}
.event-date {
	font-size: 108%;
	font-weight: bold;
}
.event-time {
	font-weight: bold;
	font-size: 93%;
}
.event-desc {
	margin-top: 2px;
}




/******************************************************************************
*                                   Sivukartta                                *
******************************************************************************/
#sivukartta-box a, #sivukartta-box a:visited { text-decoration: none; }
#sivukartta-box a:hover                      { text-decoration: underline; }
.sivukartta-taso-1  { margin: 12px 0 2px 0; font-size: 108%; font-weight: bold; }
.sivukartta-taso-2  { margin: 0 0 2px 15px;  }
.sivukartta-taso-3  { margin: 0 0 2px 30px;  }
.sivukartta-taso-4  { margin: 0 0 2px 45px;  }
.sivukartta-taso-5  { margin: 0 0 2px 60px;  }
.sivukartta-taso-6  { margin: 0 0 2px 75px;  }
.sivukartta-taso-7  { margin: 0 0 2px 90px;  }
.sivukartta-taso-8  { margin: 0 0 2px 105px; }
.sivukartta-taso-9  { margin: 0 0 2px 120px; }




/******************************************************************************
*                    Nostot, kokoomat, hakutulokset                           *
******************************************************************************/
#sivukartta-box {
	clear: both;
	margin: 6ex 0;
}
#nostot-box {
	clear: both;
	font-size: 93%;
}
#kokoomat-box {
	clear: both;
	margin-top: 4ex;
	border-top: 1px solid silver;
	padding-top: 15px;
	font-size: 93%;
}
#tuoreet-box {
	clear: both;
	font-size: 93%;
}
#hakutilasto {
	clear: both;
}
#hakutulos-box {
	clear: both;
	margin-top: 3.5ex;
}
.nosto-text {
	vertical-align: top;
	padding-bottom: 13px;
}
.nosto-image {
	vertical-align: top;
}
.nosto-image img {
	margin: 10px 10px 0 10px;
}
.nosto-text p {
	margin: 0;
}
.nosto-text p + p {
	margin: 1ex 0 0 0;
}
a.nosto-title {
	font-weight: bold;
}




/******************************************************************************
*                                 RSS-syötteet                                *
******************************************************************************/
.rss-title {
	font-weight: bold;
	font-size: 108%;
}
.rss-title a,
.rss-title a:visited {
	text-decoration: none;
}
.rss-title a:hover {
	text-decoration: underline;
}
.rss-item {
	margin: 5px 0 0 0;
}
.rss-item a,
.rss-item a:visited {
	text-decoration: none;
	font-weight: normal;
}
.rss-item a:hover {
	text-decoration: underline;
	font-weight: normal;
}




/******************************************************************************
*                                   Gallupit                                  *
******************************************************************************/
#gallup-title {
	font-weight: bold;
	font-size: 116%;
}
#gallup-desc {
}
#gallup-form {
	margin: 0;
	padding: 0;
}
.gallup-item {
	padding: 1px 0;
	*padding: 0;
}
.gallup-item input {
	vertical-align: middle;
	margin-right: 2px;
	*margin-right: 0;
}
.gallup-item label {
}
#gallup-buttons {
	padding-top: 6px;
}
#gallup-submit {
}
td.gallup-label {
	vertical-align: middle;
	text-align: left;
}
td.gallup-barwidth {
	vertical-align: middle;
	text-align: left;
	padding: 1px 4px;
}
.gallup-bar {
	background-color: #BE3287;
	height: 10px;
	border: 1px solid #BE3287;
}
td.gallup-votes {
	vertical-align: middle;
	text-align: left;
}




/******************************************************************************
*                                    Valikot                                  *
******************************************************************************/
div.valikko-taso-2 { margin-left: 0px;  }
div.valikko-taso-3 { margin-left: 8px;  }
div.valikko-taso-4 { margin-left: 16px; }
div.valikko-taso-5 { margin-left: 24px; }
div.valikko-taso-6 { margin-left: 32px; }
div.valikko-taso-7 { margin-left: 40px; }
div.valikko-taso-8 { margin-left: 48px; }
div.valikko-taso-9 { margin-left: 56px; }
#valikko a,
#valikko a:visited {
	text-decoration: none;
}
#alavalikko a,
#alavalikko a:visited {
	text-decoration: none;
}
#alavalikko a:hover {
	text-decoration: underline;
}
#alavalikko .valikko-arkisto a,
#alavalikko .valikko-arkisto a:visited {
	text-decoration: line-through;
}
.valikko-taso-1.valikko-arkisto a {
	text-decoration: line-through;
}





/******************************************************************************
*                           HS-kuvapopupin kuvateksti                         *
******************************************************************************/
.highslide-dimming {
	background: black;
}
.highslide-caption {
	padding: 0 4px;
	color: #222;
}
.highslide-caption p {
	margin: 0.9ex 0;
}
.highslide-caption > p:first-child {
	margin-top: 0.3ex;
}
.highslide-caption > p:last-child {
	margin-bottom: 0.3ex;
}
.highslide-caption .dl-orig {
	font-size: 85%;
	margin-top: 0.7ex !important;
}



/******************************************************************************
*               Dynaamiset kuvat (oletuksen ei mitään tyylejä)                *
******************************************************************************/
img.non-highslide {
	border: none; 
}
.highslide img {
	border: none;
} 
a img.non-highslide {
	border: none;
}




/******************************************************************************
*                                  Kuvatekstit                                *
******************************************************************************/
.kuvateksti {
	font-size: 93%;
}
td.kuvateksti {
	vertical-align: top;
	text-align: left;
}
.kuvateksti p {
	margin: 0.9ex 0;
}
.kuvateksti > p:first-child {
	margin-top: 2px;
}



/******************************************************************************
*                          Kuvagalleria / Henkilöstö                          *
******************************************************************************/
.kuvagalleria {
    _margin-left: -25px;
	margin-top: 20px;
}
.kuvagalleria td {
	padding-left: 25px;
	text-align: left;
}
.kuvagalleria td.kuva {
	vertical-align: bottom;
	padding-top: 14px;
}
.kuvagalleria td:first-child {
	padding-left: 0;
}
.henkilosto {
	margin-top: 15px;
}
.henkilosto td.kuva {
	vertical-align: top;
	text-align: left;
	padding: 10px 10px 8px 0;
}
.henkilosto td.teksti {
	vertical-align: top;
	text-align: left;
	padding: 10px 0 8px 0;
}
.henkilosto td.teksti > *:first-child {
	margin-top: 0;
}
.sivukuvat {
	float: right;
	width: 1px;
	margin: -20px 0 2ex 6px;
}
.sivukuvat img {
	margin-top: 20px;
}
.sivukuvat .kuvateksti p {
	margin: 0.9ex 0 0 0;
}
.sivukuvat .kuvateksti > p:first-child {
	margin-top: 2px;
}


/******************************************************************************
*                                 Liitetiedostot                              *
******************************************************************************/
.liite {
	vertical-align: top;
	padding: 8px 5px 0 0;
}
.liiteteksti {
	vertical-align: middle;
	text-align: left;
	padding: 8px 10px 0 0;
	width: 200px;
	font-size: 93%;
}
.liiteteksti a,
.liiteteksti a:visited {
	text-decoration: none;
}
.liiteteksti a:hover {
	text-decoration: underline;
}
.play-podcast {
	padding: 2px 0 1px 0;
	font-size: 93%;
}



/******************************************************************************
*                                  Sananaika                                  *
******************************************************************************/
.sananaika-pvm {
	font-weight: bold;
}
.sananaika-otsikko {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	margin: 0.7ex 0;
}
.sananaika-aihe {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	margin: 0.7ex 0;
}
.sananaika-teksti {
	font-family: Georgia, "Times New Roman", serif;
}
.sananaika-luvut {
	margin: 1ex 0 0 0;
}
.sananaika-virsi {
	margin: 1ex 0 1.5ex 0;
}
.sananaika-rukous {
	font-family: Georgia, "Times New Roman", serif;
	margin: 1ex 0 0 0;
	font-style: italic;
}
#sananaika-popup {
	width: 350px;
	padding: 0 7px 5px 8px;
}
.highslide-container .sananaika-pvm {
	text-align: center;
}
.highslide-container .sananaika-otsikko {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	text-align: center;
	margin: 1ex 0;
}
.highslide-container .sananaika-aihe {
	font-family: "Times New Roman", serif;
	font-size: 116%;
	text-align: center;
	margin: 1ex 0;
}
.highslide-container .sananaika-teksti {
	font-family: Georgia, "Times New Roman", serif;
	padding-left: 2px;
}
.highslide-container .sananaika-luvut {
	margin: 2.3ex 0 0 0;
	text-align: center;
	font-size: 93%;
}
.highslide-container .sananaika-virsi {
	text-align: center;
	font-size: 93%;
}
.highslide-container .sananaika-rukous {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 108%;
	margin: 2ex 0 0 0;
	padding-left: 2px;
	font-style: italic;
}




/******************************************************************************
*                               Intran kirjautuminen                          *
******************************************************************************/
.intralogin td {
	border: none !important;
}
.intralogin input[type="text"], .intralogin input[type="password"] {
	width: 140px;

}




/******************************************************************************
*                              Kun js on disabloitu                           *
******************************************************************************/
.req-js {
	visibility: hidden;
}
div.req-js {
	display: none;
}
span.req-js {
	display: none;
}
.js-rc4 {
	display: none;
}
.mailhide {
	cursor: help;
	border: 1px dashed silver;
	font-style: italic;
}




/******************************************************************************
*                               Standardilomakkeet                            *
******************************************************************************/
.sujuu-form-text {
	width: 100%;
	border: 1px solid gray;
	font-size: 13px;
	background: #F9F9F9;
}
.sujuu-form-check,
.sujuu-form-radio {
	vertical-align: middle;
	margin-right: 2px;
	*margin-right: 0;
}
.sujuu-form-submit {
	margin-top: 17px;
	color: #fff;
	background: #2984B9;
	border: solid 1px #edeee6;
	font-size: 93%;
	font-weight: bold;
	cursor: pointer;
	float: right;
	text-transform: uppercase;
	margin-right: -4px;
	font-family: Verdana, Arial;
	font-size: 13px;
	padding: 1px 5px;
	*padding: 1px 0 0 0;
}
.sujuu-form-submit:hover {
	text-decoration: underline;
}
.sujuu-form table {
	table-layout: fixed;
	border-collapse: collapse;
}
.sujuu-form table table {
	table-layout: auto;
	width: auto;
}
.sujuu-form td {
	padding: 7px 4px 0px 8px;
	line-height: 1.4;
	border: none;
}
.sujuu-form td.otsake {
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
	border-top:solid 4px #2984B9;
	background: #EFEEED;
	color: #333333;
	line-height: 1;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	padding: 4px 4px 5px 5px;
}
.sujuu-form td.korostus {
	font-weight: bold;
	background:#efeeed;
	border-top:solid 2px #efeeed;
}
.sujuu-form label {
	vertical-align: middle;
	font-weight: normal;
}
.sujuu-form small {
	font-weight: normal;
	font-size: 93%;
}
.sujuu-form span {
	color:#FF3300;
}


.sujuu-vt-form td  {
	font-weight: bold;
	font-size: 93%;
}


.riparitoiveet {
	float: left;
	_margin-right: 15px;
}
.riparitoiveet + .riparitoiveet {
	margin-left: 30px;
}
.riparitoiveet td {
	text-align: left;
	padding: 1px 5px 1px 0;
}
.riparitoiveet th {
	font-weight: bold;
	font-size: 116%;
	text-align: left;	
	padding: 15px 0 0 0;
}
.riparitoiveet input {
	width: 22px !important;	
}