@media print
{
	div.menuPanel
	{
		display: none;
		visibility: hidden;
		width: 0px;
	}
	div#TopBar
	{
		display: none;
	}
	td.menuTd
	{
		width: 0px;
		display: none;
	}
	div.contentPanel
	{
		margin-left: 0px !important;
	}
	h1, h2, a
	{
		color: Black !important;
		text-decoration: none !important;
	}
	td.AnswerCell input[type="text"]
	{
		background-color: White !important;
		color: Black !important;
		border: solid 0px White !important;
		border-bottom: solid 1px Gray !important;
	}
	td.AnswerCell textarea
	{
		background: white url('../../pics/buttonpics/printed-lines-v01.gif') repeat;
		color: Black !important;
		border: solid 0px white !important;
	}
	input[type="button"], input[type="submit"]
	{
		background-color: White !important;
		border: solid 0px White !important;
		border: solid 1px Black !important;
		color: Black !important;
		padding: 5px !important;
	}

	.hideddenOnPrint
	{
		display: none;
	}
}
@media screen
{
}
@media screen, print
{

	/* *************** GLOBAL LAYOUT *************** */

	body, html
	{
		margin: 0px;
		padding: 0px;
	}

	body, form, table, td, pre
	{
		font-size: 11pt;
	}
	.extraInfoText
	{
		font-size: 10pt;
		font-style: italic;
	}
	td.contentTd
	{
		width: 740px;
		white-space: normal;
		padding: 10px 20px 30px 20px;
	}
	td.menuTd
	{
		padding: 0px 0px 0px 10px;
		white-space: normal; /* border-right-style: solid; 		border-right-width: 2px; 		border-right-color: #8BB92D; */
	}
	div#TopBar
	{
		width: 100%;
	}
	div#OrganisationLogo
	{
		width: 100%;
		text-align: center;
		margin-bottom: 3px;
		margin-top: 3px;
	}
	div.LoadingPanel
	{
		position: fixed;
		right: 0px;
		top: 0px;
		padding: 5px 10px;
		background: #8BB92D url('../../App_Themes/VihtiGym/loading.gif') no-repeat center;
		width: 60px;
		height: 20px;
	}
	.selectedRow
	{
	}
	div.RoundedCornersPanelOuter
	{
	}
	div.RoundedCornersPanelContent
	{
		padding: 10px;
	}

	/* *************** CONTENT *************** */

	a
	{
	}
	
	h1
    {
        padding-bottom: 1.5pt;
        font-weight: normal;
        border-bottom-width: 2px;
		border-bottom-style: solid;
        margin-bottom: 20px;
        font-size: 17pt;
        text-transform: none;
        letter-spacing: 1px;
    }   

    h2
    {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11pt;
        letter-spacing: 1px;
        margin-bottom: 11px;
    }


	a img
	{
		border-width: 0px;
	}

	/* *************** MENU *************** */


	.defaultmenu
	{
		padding: 0px 10px 0px 0px;
		font-size: 11pt;
	}
	.defaultmenu ul
	{
		padding: 0px 0px 10px 5px;
		margin: 0px;
	}
	.defaultmenu li
	{
		list-style: none;
		padding: 0px 0px 3px 5px;
		margin: 0px;
	}
	.defaultmenu a
	{
	}
	div.menuPanel
	{
		width: 210px;
	}
	div.menuPanel ul li a
	{
		display: block;
		text-decoration: none;
		width: 164px;
		padding: 6px 6px 6px 10px;
	}
	
	div.menuPanel ul li a:hover
	{
	}
	
	.defaultmenu a.HighlightedMenuItem
	{
		font-weight: bold;
	}
	
				.defaultmenu a.HighlightedMenuItem:hover
		{
		}
	
	.MainMenuTitle
	{	
		width: 177px;
		margin-bottom: 4px;
		padding: 5px 7px 5px 6px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#MainMenuTitleJäsentieto
	{
		display: none;
	}

	ul#SignOut
	{
		margin-top: 10px;
		text-align: center;
		font-weight: bold;
	}

	#VersionAndDateInfo
	{
		font-size: 8pt;
	}


	.PositiveResponse
	{
		font-weight: bold;
	}

	.NegativeResponse
	{
		font-weight: bold;
	}

	/* *************** INPUT *************** */


	input[type="text"], input[type="password"], textarea
	{
	}
	input[type="button"], input[type="submit"], button, input.button input.Button input.submit, input.Submit
	{
		cursor: pointer;
		font-variant: normal;
		text-transform: none;
		font-style: normal;
		font-weight: bolder;
	}
	input.ParticipantExport
	{
		width: 290px;
	}
	input.ButtonNegative
	{
	}
	input.ButtonPositive
	{
	}
	a.SubmitLinkButton, td.SubmitLinkButton a
	{
		display: inline-block;
		border-style: outset;
		border-width: 2px;
		padding: 3px 10px;
		text-decoration: none;
	}



	/* *************** EVENT ENROLLMENT *************** */

	/* Layout */
	div.EventEnrollmentPanelOuter-enabled
	{
		width: 880px;
	}
	div.EventEnrollmentPanelOuter-disabled
	{
		width: 880px;
	}
	div.EventEnrollmentPanelContent
	{
		padding: 20px;
	}
	table.EventEnrollmentTable
	{
		width: 800px;
	}
	td.AnswerCell table td
	{
		margin: 5px;
	}

	td.QuestionCell
	{
		padding-bottom: 20px;
		width: 400px;
	}

	td.AnswerCell
	{
		padding-left: 30px;
		padding-bottom: 20px;
		width: 400px;
	}
	div.ContactPersonInfoTable
	{
		padding: 20px;
		width: 800px;
	}
	div.ContactPersonInfoTable table td
	{
		width: 380px;
	}
	div.ContactPersonInfoTable table
	{
		width: 760px;
	}

	/* Content */
	label
	{
		display: inline-block;
		white-space: normal;
		overflow: visible;
	}
	td.QuestionCell div.QuestionText
	{
		display: inline-block;
		width: 350px;
		margin: 0px 0px 10px 0px;
		font-size: 110%;
		white-space: normal;
		overflow: visible;
	}

	td.QuestionCell div.ExtraInfoText
	{
		white-space: normal;
		overflow: visible;
		width: 350px;
		padding-left: 10px;
		font-style: italic;
	}
	td.QuestionCell div.EventEnrollmentDescription
	{
		font-size: larger;
		font-weight: bold;
	}

	/* inputs */
	div.AnswerTextSingleLine input
	{
		width: 400px;
	}
	div.AnswerTextMultiLine textarea
	{
		width: 400px;
		height: 80px;
	}
	div.AnswerTextNumeric input
	{
		width: 100px;
	}

	select.DefaultDropDown
	{
		margin-top: 5px;
	}


	/* *************** GRIDVIEW CONTENT CONTROLS *************** */

	.GridViewTextPanelVarySmall
	{
		display: inline-block;
		overflow: auto;
		width: 150px;
		max-height: 55px;
		white-space: normal;
	}
	.GridViewTextPanel, .GridViewTextPanelSmall
	{
		display: inline-block;
		overflow: auto;
		width: 200px;
		max-height: 50px;
		white-space: normal;
	}
	.GridViewTextPanelMedium
	{
		display: inline-block;
		overflow: auto;
		width: 350px;
		max-height: 100px;
		white-space: normal;
	}
	.GridViewTextPanelLarge
	{
		display: inline-block;
		overflow: auto;
		width: 550px;
		max-height: 250px;
		white-space: normal;
	}
	.GridViewTextPanelLarge
	{
		display: inline-block;
		overflow: auto;
		width: 550px;
		max-height: 250px;
		white-space: normal;
	}

	.GridViewTextPanel
	{
		padding-right: 5px;
		padding-left: 5px;
		white-space: normal;
	}

	.GridViewTextPanelMultiLine
	{
		padding-right: 5px;
		padding-left: 5px;
		white-space: normal;
	}

	/* *************** GRIDVIEW *************** */

	table
	{
		border-style: solid;
		border-width: 0px;
		border-collapse: collapse; /* border-color:Black; */
		vertical-align: top;
		padding: 0px;
		margin: 0px;
	}
	td, th
	{
		border-width: 0px;
		border-collapse: collapse;
		border-style: solid;
		white-space: nowrap;
		vertical-align: top;
	}
	table th, table table.basicTable th
	{
		white-space: normal;
	}
	table.basicTable
	{
		border-width: 2px;
		border-style: solid;
		border-collapse: collapse;
		vertical-align: top;
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	table.basicTable td, table.basicTable th
	{
		border-collapse: collapse;
		border-width: 1px;
		border-style: solid;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 4px;
		padding-left: 3px;
		font-size: 10pt;
	}
	table.basicTable td
	{
		white-space: nowrap;
	}
	table.basicTable th, tr.header, td.header
	{
		white-space: normal;
		font-weight: bolder;
		vertical-align: middle;
		font-size: 9pt;
	}
	table.basicTable th.headerstyle,
	table.basicTable th.sortheaderstyle
	{
		text-align: left;
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 18px;
		font-size: 9pt;
	}
	table.basicTable th.sortascheaderstyle
	{
		text-align: left;
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 18px;
		font-size: 9pt;
	}
	table.basicTable th.sortdescheaderstyle
	{
		text-align: left;
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 18px;
		font-size: 9pt;
	}
	table.basicTable th a, tr.header a, td.header a
	{
		font-size: 9pt;
	}
	tr.header, td.header
	{
		font-weight: bold; /* font-style: italic; */
	}
	table.laskuTable, table.laskuTable td
	{
		border-bottom-width: 0px;
		border-collapse: collapse;
		border-style: solid;
	}
	.forceWrap
	{
		white-space: normal;
	}

	li.noBullet
	{
	    list-style-type: none;
	}
	table.lasku td
	{
		font-family: Arial;
		font-size: 9pt;
	}
	table.lasku div.desc
	{
		font-family: Arial;
		font-size: 7pt;
		padding: 1px;
	}
	table.lasku div.data
	{
		padding: 2px;
	}
	table.lasku div.title
	{
		font-family: Arial;
		font-weight: bold;
		font-size: 11pt;
		text-transform: uppercase;
		padding: 4px;
	}

	div.valitutKurssit
	{
		float: left;
		margin-top: 5px;
	}

	td.vKurssitRightCell
	{
		width: 35%;
	}
	input.buttonLasku
	{
		margin-left: 40px;
	}
	div.panelKurssiLista
	{
		padding: 3px;
	}
	tr.everyFirstRow
	{
	}
	tr.everySecondRow
	{
	}
	tr td.KurssiKuvausCell
	{
		white-space: pre;
	}
	tr td.LaskunLisaTiedotCell span
	{
		white-space: pre;
	}
	.KurssiKuvausCellImage
	{
		width: 450px;
	}
	a.PoistaKurssiValinnoista
	{
		font-size: 85%;
	}
	span.ValitunKurssinNimi
	{
		font-weight: normal;
		font-size: 13pt;
	}
	table.valitutKurssitTable td
	{
	    padding: 3px;
	}
	tr.disabledRow
	{
	}
	tr.disabledRow a
	{
	}
	tr.disabledRow td.KurssiActionCell
	{
		white-space: normal;
		font-style: italic;
		font-size: 11pt;
	}
	pre.kuvaus
	{
		margin: 0px;
		padding: 0px;
	}

	/* Horizontal tab panel */

	#container
	{
		position: relative;
		height: 35px;
		padding: 0;
		margin: 0 0 0 0;
	}

	#nav
	{
		position: absolute;
		top: 10px; /* Backround height - tab height (backround top margin) */
		left: 10px; /* Backround left margin */
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		overflow: hidden;
		text-align: center;
	}

	#nav li
	{
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
	}

	#nav a
	{
		float: left;
		padding: 0 0 0 0;
		overflow: hidden;
		height: 25px;
		text-decoration: none;
	}

	#nav a:hover
	{
		background-position: 0 -25px;
	}

	#nav a:active, #nav a:focus, #nav a.selected
	{
		background-position: 0 -50px;
	}

	/* AJAX TabPanel Start */

	.ajax__tab_header
	{
		width: 100%;
		vertical-align: bottom;
		padding: 0px;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		font-size: 8pt;
	}

	.ajax__tab
	{
	}

	.ajax__tab_outer
	{
		vertical-align: bottom;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		margin-top: 3px;
		border-width: 3px 3px 0px 3px;
		border-style: solid;
		display: inline-block;
		font-weight: bold;
		margin-right: 6px;
	}

	.ajax__tab_active .ajax__tab_outer
	{
		margin-bottom: -3px !important;
	}


	.ajax__tab_active .ajax__tab_tab
	{
		padding-bottom: 12px;
	}

	.ajax__tab_outer:hover
	{
	}

	.ajax__tab_active .ajax__tab_outer:hover
	{
	}

	.ajax__tab_active .ajax__tab_outer:hover
	{
	}


    .ajax__tab_inner
    {
        display: block;
        cursor: pointer;
    }

	.ajax__tab_tab
	{
		display: block;
		padding: 7px 10px 9px 10px;
	}

	.ajax__tab_outer:hover .ajax__tab_tab
	{
	}

	.ajax__tab_active:hover .ajax__tab_tab
	{
	}


	.ajax__tab_body
	{
		padding: 10px;
		height: auto;
	}

	/* AJAX TabPanel End */


	img.ImageTooltipIcon
	{
		cursor: pointer;
	}

	div.TooltipPanel
	{
		visibility: hidden;
		display: inline-block;
		overflow: auto;
		max-width: 1000px;
		max-height: 1000px;
		white-space: normal;
		padding: 6px;
		border-width: 2px;
		border-style: solid;
		position: absolute;
		width: 250px;
		z-index: auto;
		overflow: visible;
		font-family: Arial, sans-serif;
		font-size: 11pt;
	}

	div.CloseButton
	{
		position: relative;
		float: right;
		cursor: pointer;
		border-bottom-style: solid;
		border-left-style: solid;
		border-bottom-width: 2px;
		border-left-width: 2px;
		right: -6px;
		top: -6px;
	}

	table.EmptyTable
	{
		border-style: none;		
	}

	table.EmptyTable td, table.EmptyTable th
	{
		border-style: none;
		padding: 0px !important;
		margin: 0px !important;
	}
	
	table.PagingTable td
	{
		padding: 3px 5px 3px 5px !important;
		border-width: 0px !important;
	}
	
	table.PagingTable table.PagingTable td
	{
	    font-size: 15px;
	    font-weight: bold;
	}

	/* ListSearchExtender */
	
	.ListSearchExtenderPrompt
	{
		font-style: italic;
	}

	/* Function panel */

	.functionPanel_headerPanel_outer
	{
		border-width: 1px;
		border-style: solid;
	}

	.functionPanel_headerPanel_inner
	{
		padding: 9px;
		text-transform: uppercase;
		font-size: 10pt;
		font-weight: bold;
	}

	/* collapsible panel */

	.collapsiblePanel_headerPanel_outer
	{
	}

	.collapsiblePanel_headerPanel_inner
	{
		border-width: 1px;
		border-style: solid;
		padding: 9px;
		cursor: pointer;
		vertical-align: middle;
		text-transform: uppercase;
		font-weight: bold;
	}

	.collapsiblePanel_contentPanel_outer
	{
	}

	.collapsiblePanel_contentPanel_inner
	{
		border-width: 1px;
		border-style: solid;
		border-top-width: 0px;
		padding: 9px;
	}
	

	.collapsiblePanel_subHeader
	{
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.collapsiblePanel_headerPanel_inner,
	.collapsiblePanel_contentPanel_inner,
	.collapsiblePanel_headerPanel_inner table td,
	.collapsiblePanel_contentPanel_inner table td
	/* force a unified font-size for all panels */
	{
		font-size: 10pt;
	}

	
	/* WIZARD PROGRESS BAR */
	
	.wizard_controls,
	#wizard_controls {
		font-size: 11px;
		width: 786px;
		display: block;
		border-width: 1px;
		border-style: solid;
		margin-bottom: 20px;
		padding: 7px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.wizard_controls table,
	#wizard_controls table {
		border-collapse: separate !important;
	}
	.wizard_controls table td,
	#wizard_controls table td {
		font-size: 11pt;
		border-collapse: separate !important;
		white-space: normal;
	}
	
	.wizard_status_incomplete {
		padding: 5px 9px 5px 9px;
		text-align: center;
		font-weight: normal;
		border-width: 2px;
		border-top-width: 3px;
		border-left-width: 0px;
		border-style: solid;
	}
	
	.wizard_status_progress {
		padding: 6px 9px 5px 9px;
		text-align: center;
		font-weight: bold;
		border-width: 2px;
		border-style: solid;
	}
	
	.wizard_status_complete {
		padding: 6px 9px 5px 9px;
		text-align: center;
		font-weight: bold;
		border-width: 2px;
		border-style: solid;
	}

	/* uudet tablet */

	table.dataedit {
		border-collapse:collapse;
		border-width: 1px;
		border-style: solid;
		empty-cells: hide;
	}
	
		table.dataedit td, 
		table.dataedit th,
		table.dataedit table td
		{
			font-size: 10pt;
		}
		
		table.dataedit table.EmptyTable /* hide unnecessary borders */
		{
		border-style: hidden !important;
		border-width: 0px;
		}

	.dataedit th {
		text-align: left;
		border-bottom-width: 2px !important;
	}

	table.dataedit td,
	table.dataedit th {
		border-collapse: collapse;
		padding: 6px 9px 6px 7px;
		border-width: 1px;
		vertical-align: top;
	}
	
	table.dataedit h3 {
		text-transform:uppercase;
		font-size: 10pt;
		margin: 2px 0px 3px 0px;
		padding: 0px;
}

}