* {
}

* {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

.noprint {
  display: none;
}

.noscreen {
  
}



#logo {

  left: 80px;
  top: 0px;
  display: block;
}

#navi {

  display: none;

}



#photo1, #photo2, #photo3 {
  position: absolute;
}

select {
  width: 215px;
  margin: 0px 0px;
}

#photo1 {
  left: 299px;
  top: 28px;
}

#photo2 {
  left: 303px;
  top: 287px;
}

#photo3 {
  left: 530px;
  top: 253px;
}

.button {
	color: #000000;
}

.smallcal_text {
  color: white;
}

#navi div.submenu {
  position: absolute;
  left: 25px;
  background: #c1e350;
  border-bottom: 0;
  margin: 0;
  padding: 0px 0 2px 0;
  display: none;
  width: 200px;
  border-right: 2px solid #444444;
  border-bottom: 2px solid #444444;
}

#navi div.submenu div {
  float: right;
  background: #a13680;
  font-size: 1px;
  border: 1px solid #ffffff;
  width: 6px !important;
  height: 6px !important;
  width: 8px;
  height: 8px;
  margin: 3px 5px !important;
  margin: 3px 3px;
}


.submenu {
  display: none;
}


.submenu a {
  display: block;
  position: relative;
  margin: 0 5px 0 5px !important;
  margin: -2px 5px 0 5px;
  padding: 1px 0;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  display: none;
}

.submenu a img {
  display: block;
  margin: 2px 5px;
}

.submenu a.first {
  border-top: 1px solid #ffffff;
  margin: 15px 5px 0 5px;
}

.submenu a:hover {
  background: #ffffff;
  padding: 1px 5px 0 5px;
  margin: 0 -8px 0 -1px !important;
  margin: -2px -8px 0 -1px;
  border-right: 2px solid #888888;
  border-bottom: 2px solid #888888;
  border-left: 1px solid #ffffff;
}

.submenu a.first:hover {
  margin: 15px -8px 0 -1px;
}

/*

.xmldocument1 {
  position: absolute;
  top: 194px;
  left: 88px;
  width: 300px;
  z-index: 152;
}

.xmldocument2 {
  position: absolute;
  top: 194px;
  left: 442px;
  width: 300px;
  z-index: 153;
}

.xmldocument3 {
  position: absolute;
  top: 420px;
  left: 88px;
  width: 650px;
  z-index: 154;
}

*/

#frontpage .xmldocument1 {
  position: absolute;
  top: 193px;
  left: 82px;
  width: 200px;
  z-index: 152;
}

#frontpage .xmldocument2 {
  position: absolute;
  top: 193px;
  left: 573px;
  width: 230px;
}

#frontpage .xmldocument3 {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

td {
  padding: 0px;
  vertical-align:top;
}

.columnline {
  position: absolute;
  top: 7px;
  height: 1px;
  width: 1px;
  background: url("/instancedata/prime_product_srk/tampere/pics/columnline.gif") repeat-y;
}

#cline1 { left: 5px; }
#cline2 { left: 251px; }
#cline3 { 
  left: 497px;
  top: 262px;
  height: 247px;
}
#cline4 { left: 737px; }
#cline5 { left: 983px; }

#navi1 {
  position: absolute;
  top: 267px;
  left: 2px;
  width: 253px;
}

#center {
  position: absolute;
  top: 267px;
  width: 493px;
  left: 248px;
}

#column3 {
  position: absolute;
  top: 265px;
  width: 247px;
  left: 494px;
}

#enrolment {
  width: 493px;
  margin-bottom: 5px;
}

.centertable {
  background: url("/instancedata/prime_product_srk/tampere/pics/columnline.gif") repeat-y 249px 0;
}

.centertable h1 {
  margin: 0px 4px 5px 10px;
}

.centertable td {
  width: 246px;
}

#congregationlinks {
  position: absolute;
  top: 3px;
  width: 253px;
  left: 734px;
}

#column4 {
  position: absolute;
  top: 267px;
  width: 253px;
  left: 734px;
}

#splashimage {
  position: absolute;
  top: 12px;
  left: 257px;
  z-index: 857;
}

#navicontainer {
  
  display: none;
  
}

#navicontainer td {
  height: 70px;
  vertical-align: bottom;
}

#navipath {
  color: #c1e350;
  font-size: 25px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  margin: 0 0 5px 10px;
}

#navipath a {
  color: #FFFFFF;
  font-weight: normal;
}

#contentsection {
  position: absolute;
  top: 124px;
  left: 80px;
  border: 1px solid yellow;
}

#subpages {
  background: #003a6f;
  width: 100%;
}

#subpages a {
  color: #ffffff;
  text-transform: uppercase;
  margin: 0px 0px 0 10px;
  text-decoration: none;
  border: 0;
}

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

#imagemap4 {
  width: 460px;
  height: 500px;
  float: left;
  position: relative;
}

#imagemap4 i {
  visibility: hidden;
}

#imagemap4 a {
  text-decoration: none;
}

/*
#imagelink1 {
  top: 180px;
  left: 80px;
  position: absolute;
  display: block;
}
*/

#imagelink2 {
  top: 80px;
  left: 300px;
  position: absolute;
  display: block;
  z-index: 2002;
}

#imagelink3 {
  top: 450px;
  left: 80px;
  position: absolute;
  display: block;
  z-index: 2003;
}

#imagelink4 {
  top: 370px;
  left: 310px;
  position: absolute;
  display: block;
  z-index: 2004;
}

#note {
  top: 180px;
  left: 80px;
  position: absolute;
  display: block;
  background: url("/instancedata/prime_product_srk/tampere/pics/trevlut_lappu.gif");
  width: 189px;
  height: 232px;
  z-index: 2001;
}

#note img {
  display: block;
  margin: 9px 14px 12px 20px;
}


#imagelink1, #imagelink2, #imagelink3, #imagelink4, #note {
  display: none;
}



p {
  font-size: 12px;
  color: #ffffff;
/*  line-height: 12px;*/
/*  letter-spacing: px;*/
  color: white;
}

div {
  font-size: 11px;
  color: #ffffff;
}

#toprule1 {
  position: absolute;
  top: 5px;
  left: 2px;
  width: 253px;
}

#toprule2 {
  position: absolute;
  top: 5px;
  left: 248px;
  width: 493px;
}

#congregationlinks {
  margin: 2px 0;
}

#congregationlinks a, #navi1 a {
  background: url("/instancedata/prime_product_srk/tampere/pics/itemcorner.gif") top right no-repeat;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 0 5px 10px;
  display: block;
  margin: 2px 10px;
}

#congregationlinks a {
  background-color: #9a9387;
  color: #ffffff;
}

#congregationlinks a:hover {
  background-color: #8c867b;
}

#navi1 a {
  background-color: #f0ebe6;
  color: #813677;
}

#navi1 a:hover {
  background-color: #e3deda;
}

.separatorpage {
  margin:18px;
}

h1,h2,h3,h4,h5,h6 {
  /*text-transform: uppercase;*/
}

h1 {
  font-size: 16px;
  font-weight: bold;
  color: #c1e350;
  margin-bottom: 3px;
  margin-top: 3px;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  margin-top: 2px;
}

h3 {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  margin-top: 2px;
}

h4 {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  margin-top: 2px;
}

h5 {
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  margin-top: 2px;
}

h6 {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  margin-top: 2px;
}

.eventheaderblock {
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}

.box .innerbox #timespaneventslist h2.eventname {
  text-transform: none;
  font-size: 12px;
  color: #b4dd46;
}

/*
.LinkButton2 {
  display: none;
}
*/

#documentarea {
  background: #f0ebe6;
  margin: 5px 10px;
  padding: 5px 0;
}

#enrolment h1 {
  background: #6d2864;
  color: #ffffff;
  margin-bottom: 0;
}

#enrolmentcontent {
  background: #f0ebe6;
  height: 214px;
  margin: 0 10px;
}

a {
  color: #ffffff;
  text-decoration: underline;
}

#linkimages {
  margin: 5px 0 5px 10px;
}

#linkimages img {
  display: block;
  margin: 0 0 8px 0;
}

/*
#helpers {
  position: absolute;
  left: 250px;
  top: 17px;
  padding: 0px;
  letter-spacing: -1px;
  font-size: 11px;
}*/


#helpers {
  display: none;
}


#date {
  
  display: none;
  
}

.searchbox {
  width: 135px;
  border: 1px solid #888888;
  color: #888888;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: normal;

  position: absolute;
  top: 45px;
  left: 620px;
}

#helpers img {
  position: absolute;
  display: block;
  vertical-align:bottom;
  margin: 20px 0 0 10px;
}

  

#leftcolumn {
  
  display: none;
  
}

.verticallinebg {
  background: url("/instancedata/prime_product_srk/tampere/pics/dots_v.gif") repeat-y;
  background-position: 470px 0px;
  float: left;
  margin-bottom: 5px;
}

.linehoriz {
  background: url("/instancedata/prime_product_srk/tampere/pics/dots_h.gif") repeat-x;
  width: 100%;
  height: 1px;
  font-size: 1px;
  margin-bottom: 12px;
}

.linevertical {
  background: url("/instancedata/prime_product_srk/tampere/pics/dots_v.gif") repeat-y;
  height: 100%;
  width: 11px;
}


#datebar {
  
  display: none;
  
}

.channel h1 {
  color: #ff00b0;
}

.channel h2 {
  color: white;
}

.channel a {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
  text-decoration: none;
  color: #c1e350;
}

.channel p {
  margin-top: 0;
}

#group1container {

}

#group2container {

}

h1 span {
  display: block;
}

#enrolmentform {
}

#enrolmentform td, #enrolmentinfo td {
  padding: 0 5px 2px 0;
}

.section input.button {
  background: #c1e350;
  color: #000000;
}

.QMultipleChoiceQuestion {
  width: 400px;
}

.questionnaire h4 {
  margin-top: 20px;
}





#timespaneventslist .eventtable {
	width: 100%;
}

#timespaneventslist .eventtable td {
	text-align: left;
	font-size: 11pt;	
	white-space: nowrap;
}

.headertext {
	font-weight: bold;
}
.headertext_small {
	font-size: 11px;
	text-transform: none;
	font-weight: normal;
	color: #ffffff;
}
.headertext a {
	text-decoration: none;
	font-size: 11px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: #ffffff;/* #6d2864;*/
}

#timespaneventslist div.separator  {
  height: 18px;
}

#timespaneventslist .separator {
  margin-left: 20px !important;
  margin-left: 30px;
  margin-right: 30px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.headerblock {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px;
	color: #ffffff
}

#timespaneventslist .buttontable  {
	border-collapse: collapse;
	height: 21px;
}

#timespaneventslist .eventname  {
  display: block;
}


a.LinkButton2 
{
	font-size: 11px;
}

a.LinkButton2 .text {
	white-space: nowrap;
}




#timespaneventslist .buttontable td.leftborder {
	background: url('Images/buttonleftborder.gif') left top;
	background-repeat: repeat-y;
	width: 3px;

}

#timespaneventslist .buttontable td.rightborder {
	background: url('Images/buttonrightborder.gif') right top;
	width: 6px;
}

#timespaneventslist .buttontable td.buttonbody {
	background: url('Images/buttonbodybg.gif');
}

#timespaneventslist .simplelink {
	color: #ffffff;
	text-decoration: none;
}




#timespaneventslist a.tablebutton {
	color: #ffffff;
	text-decoration: none;
}


.boxheader{
	padding-top: 8px;
	margin-left: 1px;
	padding-left: 18px;
	
}

.boxheader img {
/*	display: none;*/
}

.boxfooter {
	width: 100%;
	
	margin-left: 10px;
}


.boxfooter img {
	display: none;

}


.eventinfotable td {
	padding-right: 20px;
}

.eventinfoheader {
	font-weight: bold;
}

.eventblock {
	margin-bottom: 20px;
	margin-top: 10px;
}


/* CALENDAR NOTE */


.calendarnote p {
}

.calendarnote p img {
  display: none;
  width: 0px;
  height: 0px;
}



/* CALENDARTABLE */

.smallcal_caltable {
border-collapse: collapse;
margin-top: 15px;
margin-bottom: 15px;
}


/* DAY CELLS */

.smallcal_caltable td a {
	text-decoration: none;
  width: 17px;
  display: block;
  margin: 0;
  padding: 0;
}

.smallcal_caltable td a:hover {
	font-weight: bold;
}

.smallcal_selectedday, .smallcal_unselectedday {
  padding: 4px;
  font-size: 11px;
  text-align: center;
  border: 1px solid #ffffff;
}

.smallcal_selectedday {
  background-color: #1D6B9F;
  text-align: center;
  font-weight: bold;
}

.smallcal_daylinkbright {
	color: #ffffff;
}

.smallcal_daylinkgrey {
  color: #a3a3a3;
}

.smallcal_reservedday {
  background-color: #c3c3c3;
  text-align: center;
  font-weight: bold;
}

/* END OF DAY CELLS */


/* SELECTED WEEK */

.smallcal_selectedrow td {
  background-color: #1D6B9F
  border-top: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  font-weight: bold;
}

/* END OF SELECTED WEEK */




/* SELECTORCELL */
.smallcal_caltable td.smallcal_selectorcell input {
}

.smallcal_caltable td.smallcal_selectorcell {
padding: 0px;
margin: 0px;
border: 0px;
font-size: 11px;
padding-top: 4px;
width: 20px;
}

.smallcal_caltable td {
  width: 10px;
}

.smallcal_caltable td a.selector {
  display: inline;
	color: #ffffff;
}

/* END OF SELECTORCELL */



/* MONTH AND YEAR */


.smallcal_text {
  font-size: 11px;
/*  font-weight: bold;*/
  padding-left: 4px;
  padding-top: 15px;
  white-space: nowrap;
  text-transform: uppercase;
  display: block;
}

.smallcal_text a {
  font-size: 12px;
  font-weight: bold;
}



/* END OF MONTH AND YEAR */

.section {
	margin-top: 10px;
	margin-bottom: 10px;
}

.button {
	border: 1px solid #ffffff;
	background: #f8f8f8;
	color: #5f5f5f;
	font-weight: bold;
	margin: 3px;
  white-space: nowrap;
}

a.button {
	border: 1px solid #ffffff;
	background: #f8f8f8;
	color: #5f5f5f;
	font-weight: bold;
	margin: 3px;
  white-space: nowrap;
}


input.datafield, .datafield input , textarea.datafield, select.datafield{
	border: 1px solid #ffffff;
	margin: 3px;
	padding: 1px;
}

.formtable {
	border-collapse: collapse;
}

.formtable td {
	border-bottom: 1px solid #EEEEEE;
	vertical-align: top;
	padding: 3px;
	font-family: Arial;
	font-size: 13px;
}

.formtable .headercell {
	font-weight: bold;
}

.smalllisttable {
	margin: 10px;
	border-collapse: collapse;
	border: 1px solid #ffffff;
	background-color: #fcfcfc;
}

.smalllisttable .headerrow td, .smalllisttable td.headerrow {
	background-color: #ffffff;
	color: white;
	padding: 3px;
	font-weight: bold;
	font-size: 12px;
}

.smalllisttable tr td {
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	font-size: 12px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.smalllisttable tr td .button {
	font-size: 12px;
	font-weight: normal;
}

.error {
	color: red;
}

#timeselection input.datafield, #timeselection .datafield input , #timeselection textarea.datafield, #timeselection select.datafield
{
  font-size: 11px;
  max-width: 230px;
}

.button {
  color: #000;
  background-color: #fbd29a;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  padding: 2px 3px;
}

.returnButton  {
  color: #000;
  background-color: #fbd29a;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  padding: 2px 3px;
}

td, th {
  color: #ffffff;
}

.button {
  font-size: 10px;
  background: #b4dd46;
  border: 1px solid #ffffff;
  font-weight: normal;
}