@import url("master.css");

body { font-size: 90%; color: #000; background-position: left top; background-repeat: no-repeat; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-attachment: scroll; }

.BaseColor {color: #6d5380;}

.WeakText { font-size: smaller; color: #a8a; }

#header,#userbar,#navMainContainer,#container,#footer { 
	width: 90%;  /* XXpx=fixed - XX%=fluid */
	min-width:70em; max-width:105em;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header,#navMain { color:#fff; }

#header h2 { color:#ff0; }
#footer h2 { color:#6d5380; }

#navMain { list-style: none; padding: 0; text-align: center; font-size: 14px; position: relative; top: 1px; }
#navMain li { float: left; display:block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
#navMain li a,#navMain li a:link,#navMain li a:visited,#navMain li a:hover { display:block; text-decoration:none; }
#navMain li a:hover { background-color: #C26CDB; background-image: url(/images/topmenu-back-hover.jpg); background-repeat: repeat-x; background-position: left top; color: #FF8; }
#etusivu #Sect1 a, #ohjelmat #Sect2 a,#ohjelmakartta #Sect3 a,#ihmiset #Sect4 a { color:#608; background-color: #FFF; 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: #000; border-right-color: #000; border-bottom-color: #FFF; border-left-color: #000; background-image: none; }

.TopMenuItem { display:block; color:#EAE3EE; text-decoration:none; background-color: #6d5380; padding-top: 6px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 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: #9C84AE; border-right-color: #4B3A58; border-bottom-color: #000; border-left-color: #9176A5; background-image: url(/images/topmenu-back.jpg); background-position: left top; background-repeat: repeat-x; }

.TopMenuItemSelected { display:block; color:#608; text-decoration:none; background-color: #FFF; padding-top: 6px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 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: #888; border-right-color: #000; border-bottom-color: #FFF; border-left-color: #000; }

#container { /* blocks having background */ border: 1px solid #000000; margin-top: 0px; background-image: url(/images/container-back.jpg); background-repeat: repeat-y; background-color: #FFFFFF; padding-top: 20px; padding-right: 10px;}

.ContentPadding { padding-top: 30px; padding-right: 10%; padding-bottom: 20px; padding-left: 10%; background-image: url(/images/back-top-fade.jpg); background-repeat: repeat-x; background-position: left top; overflow: auto; }



#leftColumn,#rightColumn { padding:0px 0px 0px 0px;  }


#mainContent { margin-top: auto; margin-right: 180px; margin-bottom: 0; margin-left: 180px; background-color: transparent; zoom: 1;  padding-right: 2px; padding-bottom: 8px; padding-left: 2px; }

#sidebar1 { float: left; width: 155px; overflow: auto; padding-right: 4px; padding-bottom: 10px; padding-left: 10px;}
#sidebar2 { float: right; width: 155px; overflow: auto; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; }

#leftColumn  { float:left; width: 48%; }
#rightColumn { float:right; width: 48%; } /* 49.95% is for IE to stop jumping on resize - some kind of floatingpoint rounding bug */

/* #Content is for Articles */

.Content a,.Content a:link { text-decoration:none; color: #0000ff; }
.Content a:visited { text-decoration:none; color: #0000ff; }
.Content a:hover { text-decoration:underline; color: #f00; background-color: #ffc; }

.BlockBase { font-weight: bold; background-color: #6d5380; display: block; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 10px; color: #FF8; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; }

.HeaderBlock { font-weight: bold; background-color: #6d5380; display: block; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 10px; color: #FF8; background-image: url(/images/headerblock-back.jpg); background-repeat: repeat-x; background-position: left top; }

.PageTitle { font-size: 2.5em; color: #FF8; margin-bottom: 10px; padding: 10px; }

.BlockPeople {color: #ffc; background-image: url(/images/block-red.jpg); background-repeat: repeat-x; background-position: left top;}

#footer { clear: both; color:#800000; }


#textsizer a:link,#textsizer a:visited,#textsizer a:hover,#textsizer a:active { color: #D5CADD; }
#textsizer a:hover { background-color:#D5CADD; color: #6d5380; }
#textsizer { position: absolute; top: 1px; right: 1px; font-size:12px; padding-top: 0; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; color: #D5CADD; background-color: #6d5380; } 

/* ----------- Userbar menu ------------ */

#userbar { color: #fc8; background-color: #b00; 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: #d00; border-right-color: #800; border-bottom-color: #800; border-left-color: #d00; padding-top: 2px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
#userbar ul { margin-left: 0px; padding-left: 0px; margin-bottom: 4px; } 
#userbar li { list-style: none; float: left; display:block; padding: 0px; margin: 0px; }
#userbar li a:link,#userbar li a:visited,#userbar li a:hover,#userbar li a:active { color: #fff; background-color: #c00; text-decoration:none; display: block; padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; 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: #e00; border-right-color: #800; border-bottom-color: #800; border-left-color: #e00; }
#userbar li a:hover { background-color: #800; color: #ff0; 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: #600; border-right-color: #d00; border-bottom-color: #d00; border-left-color: #600;}


/* ----------- Sidebar menu ------------ */

.sidebar-menu { color: #000; padding: 2px; }
.sidebar-menu ul { margin-left: 0px; padding-left: 0px; } 
.sidebar-menu li { list-style: none; display:block; margin: 0px; padding: 0px; overflow: hidden; text-overflow: ellipsis; }
.sidebar-menu li a:link,.sidebar-menu  li a:visited,.sidebar-menu  li a:hover,.sidebar-menu  li a:active{ color: #000; background-color: #EAE6EE; text-decoration:none; display: block; padding-right: 6px; padding-left: 6px; padding-top: 1px; padding-bottom: 1px; 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: #e8e8e8; border-right-color: #b8b8b8; border-bottom-color: #b8b8b8; border-left-color: #e8e8e8; }
.sidebar-menu li a:hover { background-color: #D7AEFF; color: #80a; }
.sidebar-menu .sb_selected { background-color: #84a; color: #fff; 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: #cad; border-right-color: #fff; border-bottom-color: #fff; border-left-color: #cad; padding-left: 6px; padding-right: 6px; padding-top: 1px; padding-bottom: 1px; }
.sidebar-menu_subcap { color: #888; display: block; font-size: 80%; }


/*---------------- Login box --------------------*/
.loginBox { background-color: #eee; border: 1px solid #ccc; margin: 2px; padding: 2px; color: #666; font-size: 10px; }
.loginTextBox { background-color: #ddd; width: 99%; 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: #CCC; border-right-color: #fff; border-bottom-color: #fff; border-left-color: #CCC; }
.loginButton { width: 100%; }


.GoEdit { font-weight: bold; background-color: #c00; border: 2px dotted #FF0; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; margin-right: 6px; }
.GoEdit a,.GoEdit a:link { text-decoration:underline; color: #ff0; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px;}
.GoEdit a:visited { text-decoration:underline; color: #ff0; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px;}
.GoEdit a:hover { text-decoration:underline; color: #f00; background-color: #ff0; }



.CreateButton { color: #6f6; background-color: #060; 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: #0c0; border-right-color: #050; border-bottom-color: #030; border-left-color: #0c0; font-weight: bold; padding: 2px; }

.DeleteButton { background-color: #600; 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: #c00; border-right-color: #400; border-bottom-color: #400; border-left-color: #c00; color: #f66; font-weight: bold; padding: 2px; }
.DeleteButton[disabled] { background-color: #dcc; color: #BC9C9C; border: 1px solid #CCB3B3; } 

.DailySlotsTable { border: 1px solid #aaa; font-size: 100%; }
.DailySlotsTable td { padding-left: 3px; padding-right: 1px; padding-top: 2px; padding-bottom: 2px; border-top-width: 1px; border-top-style: solid; border-top-color: #e8e8e8; }
.DailySlotsHilite { background-color: #fdd; padding-top: 2px; padding-bottom: 2px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #f00; border-right-color: #f00; border-bottom-color: #f00; border-left-color: #f00; }

.EditTable { background-color: #ddd; color: #333; font-size: 12px; border: 1px solid #000; }
.EditTable td { border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #eee; border-right-color: #bbb; border-bottom-color: #bbb; border-left-color: #eee; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; }
.EditTableCaption { background-color: #444; color: #ff8; font-size: 16px; padding: 8px; }
.EditTableInput, .EditTableSelect, .EditTableMonoSpace { background-color: #fff; color: #000; width: 100%; border: 1px solid #bbb; } 
.EditTableMonoSpace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
}
.EditTableSubmitCell { color: #ff8; background-color: #444; padding-right: 2px; padding-left: 2px; }
.FormSubmitBlock { background-color: #444; color: #fff; clear: both; padding: 8px; }
.FormSubmitButton { font-weight: bold; color: #000; }
.FormOptions { background-color: #ddc; padding: 4px; }
.FormCreateBlock {
	background-color: #ccc;
	border: 1px solid #000;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}

.CaptionLabel { background-color: #F00; border: 1px solid #930000; display: block; color: #FFF; font-weight: bold; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; }

.SubmitButtonEditModeSwitch { font-size: 10px; float: right; color: #FF0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #f00; border-right-color: #a00; border-bottom-color: #a00; border-left-color: #f00; background-color: #d00; font-weight: bold; margin-right: 120px; }

.PeopleLeft, .ProgramLeft { float:left; padding-top: 10px; padding-right: 20px; padding-bottom: 8px; padding-left: 0px;}
.PeopleRight, .ProgramRight { }

.BigCaption { color: #80a; }

.TimeSlotCollision { color: #F00; background-color: #FF0; font-weight: bold; padding: 4px; border: 2px solid #F00; }

.HiliteNote { background-color: #ffa; color: #800; }


.TeaserHeader { background-color: #e0e0e0; padding-top: 4px; padding-bottom: 4px; padding-right: 2px; padding-left: 12px; }
.TeaserContent { background-color: #f0f0f0; padding-top: 8px; padding-bottom: 8px; padding-right: 2px; padding-left: 30px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #e0e0e0; border-left-color: #e0e0e0; }

.TeaserCell { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DACFE0; vertical-align: top; }

.PlayerBlock { display: block; padding: 8px; }

#IncludeRight { display: block; overflow: auto; }
.BlockLive { color: #000; background-color: #DDD5E3; border: 1px solid #6d5380; }