body
{
	font-style: normal;
	font-family: Arial, Verdana, Trebuchet MS;
	font-size: 1 em;
}
img
{
	border: 0;
}
hr
{
	page-break-before: always;
}
/* Basic Layout */
.AdminisratorPanel
{
	/* background-image: url(/cssadminhandler.ashx?file=/images/Administration/top_bg.gif);     background-repeat: repeat-x;*/
	height: 36px;
	width: 100%;
	z-index: 1000000;
}
.AdministratorPanelPreview
{
	float: right;
	margin-right: 10px;
	margin-top: 0px;
}
.AdministratorPanelPreview a
{
	text-decoration: none;
	font-weight: bold;
	margin-left: 4px;
	font-size: 14px;
}


/* Menus */
.SectionSettings
{
	margin-bottom: 5px;
}
/*ActionBar*/

.actions
{
	margin: 4 px 0 4px 0 !important;
	list-style: none !important;
	line-height: 1 !important;
	text-align: left !important;
	color: #FFF !important;
	clear: left !important;
	font-family: arial, helvetica, sans-serif !important;
	text-align: center !important;
}

.actions li, .actions ul
{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

.actions li
{
	display: inline;
	float: left;
}

.actions a, .actions a:link, .actions a:visited
{
	padding: 2px 24px 0 6px !important;
	line-height: 12px !important;
	text-decoration: none !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom: none !important;
	background: none !important;
}

.actions img
{
	vertical-align: middle;
	background: none !important;
	border: none !important;
	text-decoration: none !important;
	padding: 0 5px 0 0 !important;
	margin: 0 !important;
}

.actions li a, .actions li a:link, .actions li a:visited
{
	font-weight: bold !important;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 99% !important;
	color: #4e4e4e !important;
	display: block !important;
	text-decoration: none !important;
	float: none !important;
	margin-top: -4px;
}

.actions li li
{
	padding: 0 8px !important;
}

.actions li li a, .actions li li a:link, .actions li li a:visited
{
	border: 0 !important;
	padding: 3px 0 !important;
	color: #4e4e4e !important;
	border: none !important;
}
.actions li li a:hover
{
	color: #FFF !important;
}

.actions li li
{
	white-space: nowrap !important;
	width: 156px !important;
}

.actions li ul
{
	position: absolute !important;
	background: url(/cssadminhandler.ashx?file=images/administration/actionsMenu.png) no-repeat left bottom !important;
	width: 199px !important;
	padding: 18px 6px 18px 0 !important;
	margin: 0 0 0 -7px !important;
	left: -999em !important;
	float: none !important;
	height: auto !important;
	z-index: 10000 !important;
}
.actions .input
{
	display: inline !important;
}
* html .actions li ul
{
	background: #000 !important;
}

*:first-child + html .actions li ul
{
	padding: 18px 6px 18px 0 !important;
	margin: 0 0 0 -7px !important;
}
.actions li:hover ul, .actions li.sfhover ul
{
	left: auto !important;
}
.actions.disabledMenu li:hover ul, .actions.disabledMenu li.sfhover ul
{
	left: -999em !important;
}
.suckerfish
{
	background: transparent url(/cssadminhandler.ashx?file=images/administration/Settings-Shadow.png) no-repeat scroll right top !important;
	padding-left: 20px;
	height: 19px !important;
}
.roundedTop
{
	background: transparent url(/cssadminhandler.ashx?file=images/administration/actionBar_RT.png) no-repeat scroll right top !important;
	height: 6px !important;
	margin-left: 6px !important;
}
.roundedTop .rLeft
{
	background: transparent url(/cssadminhandler.ashx?file=images/administration/actionBar_LT.png) no-repeat scroll left top !important;
	height: 6px !important;
	margin-left: -6px !important;
}
.roundedMiddle
{
	background: transparent url(/cssadminhandler.ashx?file=images/administration/actionBar_ML.png) repeat-y scroll left top !important;
	padding: 0 0 0 6px !important;
}
.roundedMiddle .rLeft
{
	background: transparent url(/cssadminhandler.ashx?file=images/administration/actionBar_MR.png) no-repeat scroll right top !important;
	font-size: 99% !important; /*height: 1% !important;*/
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
.roundedBottom
{
	background: transparent url(/cssadminhandler.ashx?file=images/administration/actionBar_RB.png) no-repeat scroll right bottom !important;
	height: 5px !important;
	margin-left: 6px !important;
}

.roundedBottom .rLeft
{
	background: transparent url(/cssadminhandler.ashx?file=images/administration/actionBar_LB.png) no-repeat scroll left top !important;
	height: 5px !important;
	margin-left: -6px !important;
}
.SectionAdd
{
	position: relative;
	height: 25px;
	line-height: 25px !important;
	vertical-align: middle;
}
.SectionSelect
{
	height: 25px !important;
	line-height: 25px !important;
	vertical-align: top;
	position: Absolute;
	top: 2px;
	font-weight: bold !important;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 99% !important;
	color: #4e4e4e !important;
	text-decoration: none !important;
	float: none !important;
}
.SectionSelect a
{
	padding: 0 !important;
}


/* Publishing Panel */
.PublishingPanel
{
	position: relative;
	z-index: 1 !important;
	margin: 5px 0 5px 0;
}

/* Typography */


/* Survey Panel */
.surveyResultsPanel
{
	border: solid 5px white;
	background-color: White;
}
.SurveyInner
{
}
.SurveyResultsCancel
{
	position: relative;
	top: -20px;
	left: 20px;
	float: right;
}
.SurveyResultsSearch
{
}
.SurveyResultsSearch input, .SurveyResultsSearch select
{
	-x-system-font: none;
	font-family: "lucida grande" , "lucida sans unicode" , "trebuchet ms" ,arial,verdana,sans-serif;
	font-size: 99%;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 140%;
}
.SurveyResultSearchDropDown
{
	width: 30%;
	border: 2px solid #DFDFDF;
	padding: 2px;
}
.SurveyResultSearchTextBox
{
	width: 60%;
	margin-right: 2px;
}
.SurveyResultSearchButton
{
	margin: 8px 0 0 0;
}
.modalPopup
{
	background: #CCCCCC;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

/* Tables */
.basicTable
{
	margin: 2px 0 0 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.basicTable th
{
	padding: 8px;
	background: #e9e9e9;
	border: 0px;
	border-bottom: 1px solid #DFDFDF;
	vertical-align: top;
}
.basicTable tr
{
	line-height: 16px;
	background: #fcfcfc;
}
.basicTable td.money, th.money
{
	text-align: right;
	padding-right: 20px !important;
}
.basicTable td
{
	padding: 8px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}
.basicTable tr.alt
{
	background: #f6f6f6 !important;
}
.basicTable .button16
{
	width: 16px !important;
}
#basicTable tr:hover td
{
	background: #efefef;
}
*:first-child + html #toolbar .suckerfish li:hover, *:first-child + html #toolbar .suckerfish li.sfhover, *:first-child + html .actions li:hover, *:first-child + html .actions li.sfhover
{
	position: static;
}

/*Image buttons */
.imageButtonNew
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/BtnAdd.png) left center no-repeat;
	padding: 0.2em 0.5em 0.2em 0.5em;
	width: 207px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.imageButtonResetWebsite
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/BtnDelete150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}

.imageButtonRevert
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/BtnRevert150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.cms_preview
{
    background: url(/cssadminhandler.ashx?file=images/administration/preview.png) right center no-repeat;
    
}
.imageButtonDelete
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/BtnDelete150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.imageButtonSave
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/BtnOK150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.imageButtonHomepage
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/BtnHome150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.imageButtonPreview
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/btnPrintPreview150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
	margin: 0 2px 0 2px;
	float: right;
}

.imageButtonViewResults
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/btnReport150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
	margin: 0 2px 0 2px;
	float: right;
}

.imageButtonPurchase_Medium
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/BtnPurchase100.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 100px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.imageButtonSelect
{
	background: url(/cssadminhandler.ashx?file=/Images/tilaa_nappi_uusi.png) left center no-repeat;	
	height: 31px;	
	width: 77px;
	margin: 0px;
	padding: 0px;
}
#liittymataulukko .small
{
    margin-left: 7px;
	width: 82px;	
}
#liittymataulukko .medium
{
	width: 92px;
}
#liittymataulukko .large
{
	width: 97px;
}
.clearLeft
{
	clear: left;
}
.clearRight
{
	clear: right;
}
.clear
{
	clear: both;
}
.imageButtonPreviewCancel
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/btnPrintPreviewCancel150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
	margin: 0 2px 0 2px;
	float: right;
}


.imageButtonUpload
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/btnUpload150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.imageButtonLogin
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/btnLogin150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}
.imageButtonEdit150
{
	margin: 0px 0px 0px 0px;
	background: url(/cssadminhandler.ashx?file=images/administration/btnEdit150.png) left center no-repeat;
	padding: 0.2em 0.0em 0.2em 0.5em;
	width: 150px;
	height: 31px;
	line-height: 31px;
	font-family: arial;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #3e3e3e !important;
	text-decoration: none;
	font-weight: bold;
	text-align: left !important;
}

.imageButtonDelete16
{
	background: url(/cssadminhandler.ashx?file=images/administration/delete16.png) left center no-repeat;
	width: 16px;
	height: 16px;
}
.imageButtonEdit
{
	background: url(/cssadminhandler.ashx?file=images/administration/edit16.png) left center no-repeat;
	width: 16px;
	height: 16px;
}
.imageButtonMoveUp
{
	background: url(/cssadminhandler.ashx?file=images/administration/up16.png) left center no-repeat;
	width: 16px;
	height: 16px;
}
.imageButtonMoveDown
{
	background: url(/cssadminhandler.ashx?file=images/administration/down16.png) left center no-repeat;
	width: 16px;
	height: 16px;
}
.imageButtonMoveRight
{
	background: url(/cssadminhandler.ashx?file=images/administration/Right16.png) left center no-repeat;
	width: 16px;
	height: 16px;
}
.imageButtonMoveLeft
{
	background: url(/cssadminhandler.ashx?file=images/administration/Left16.png) left center no-repeat;
	width: 16px;
	height: 16px;
}
/* Administrative views */
.themeSelect
{
	display: inline;
	float: left;
	text-align: center;
	height: 200px;
	margin: 20px 5px 5px 5px;
}
.adminControl
{
	font-family: Aria, Verdana, Trebuchet MS !important;
	font-size: 1em !important;
	font-weight: normal;
	text-decoration: none !important;
	color: #353535 !important;
}
.adminControl a
{
	text-decoration: none;
	color: #2a7491;
}
.adminControl a:hover
{
	text-decoration: underline;
	color: #6dcff6;
}
.formHeader
{
	background: url(/cssadminhandler.ashx?file=images/administration/formHeaderBG.png) left center repeat-x;
	font-size: 1.2em !important;
	font-weight: bold;
	border-collapse: collapse;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	height: 24px;
	line-height: 24px;
	padding-left: 7px;
}
.formHeaderInner
{
	background: url(/cssadminhandler.ashx?file=images/administration/formHeaderBG.png) left center repeat-x;
	font-size: 1.2em !important;
	font-weight: bold;
	border-collapse: collapse;
	border-bottom: 1px solid #dfdfdf;
	height: 24px;
	line-height: 24px;
	padding-left: 7px;
}
.expandPanel
{
	background-color: #FCFCFC;
	border-collapse: collapse;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.slideDown
{
	background: url(/cssadminhandler.ashx?file=images/administration/formHeaderBG.png) left center repeat-x;
	font-size: 1.0em !important;
	font-weight: bold;
	border-collapse: collapse;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
	height: 24px !important;
	line-height: 24px !important;
	padding-left: 7px;
}
.slideDown img
{
	float: right;
}
/* CSS Friendly */
div.AspNet-CheckBoxList ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
li.AspNet-CheckBoxList-Item
{
	white-space: nowrap; /* forces the checkbox and text to be on the same line */
}
li.AspNet-CheckBoxList-Disabled label
{
	color: #999;
}
ul.AspNet-CheckBoxList-RepeatDirection-Horizontal li
{
	display: inline;
}
div.AspNet-RadioButtonList ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
li.AspNet-RadioButtonList-Item
{
	white-space: nowrap;
}
/* Comments */
.commentTime
{
	font-size: 0.7em;
	color: #777;
}
.commentUserImage
{
	width: 35px;
	float: left;
	margin: 2px;
}
.commentAnswerRow
{
	background: url(/cssadminhandler.ashx?file=images/administration/formHeaderBG.png) left bottom repeat-x;
}
.commentReply
{
	margin-top: 10px;
	float: right;
}

/* Update Progress Extender */
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	mozopacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}
/* CSS Friendly */


/* USER CARD */
.usercardlist *
{
	border: 0;
	margin: 0;
	padding: 0;
}
ul.usercardlist
{
	margin: 0;
}

.usercardlist p
{
	margin: 0;
}

.pan_wrap
{
	position: relative;
	width: 72px;
	height: 72px;
}
.pan_wrap img
{
	position: relative;
	top: 6px;
	left: 6px;
}
listimagewrapper
{
	float: left;
	width: 72px;
	height: 72px;
}

.pan_frame
{
	background: url(/cssadminhandler.ashx?file=/images/administration/avatar_overlay2.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
}

div.usercard
{
	padding-top: 5px;
	padding-left: 4px;
	position: relative;
	float: left;
	width: 100%;
	height: 110px;
}
.usercard:hover
{
	background: url(/cssadminhandler.ashx?file=/images/administration/usercard_underlay.png);
	background-repeat: no-repeat;
}
.usercard h1
{
	margin-left: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #605f5f;
	line-height: normal;
}
ul.userinformation
{
	list-style: none;
	margin-left: 80px;
}
.userinformation li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c8b8b;
}
.usercard a
{
	color: #3ea1da;
	text-decoration: none;
}
.usercard h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b2b2b2;
	width: 80px;
	margin-left: 6px;
	line-height: 12px;
}
.usercard p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b2b2b2;
	margin-left: 6px;
}
.commands
{
	bottom: 14px;
	left: 3px;
	vertical-align: bottom;
}
ul.commands
{
	list-style: none;
	margin-left: 80px;
}
.commands li
{
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c8b8b;
	margin-right: 5px;
}

li.usercarditem
{
	list-style-type: none;
	display: inline;
}
.searchField
{
	background-image: url(/cssadminhandler.ashx?file=/images/administration/search.png);
	background-position: right;
	background-repeat: no-repeat;
	border: 1px solid #8c8b8b;
}
/*User management*/

/*Autocomplete*/
.autocomplete_list
{
	visibility: hidden;
	margin: 0px !important;
	padding: 0px;
	background-color: inherit;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	text-align: left;
	list-style-type: none;
	overflow: auto;
	font-weight: normal;
	font-family: tahoma;
	font-size: 12px;
}

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem
{
	background-color: Highlight;
	color: HighlightText;
	padding: 3px;
}

/* AutoComplete item */
.autocomplete_listItem
{
	background-color: window;
	color: windowtext;
	padding: 3px;
}

/* Baselist */
ul.Baselist
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.BaseListImageWrapper
{
	float: left;
}
div.BaseListContentWrapper
{
	float: left;
}
li.BaselistItem > h1
{
}
/* Filemanager
------------------------------------------------------------------------------ */
.upload
{
	width: 400px;
	border: solid 1px #004792;
	margin: 10px 0px;
	padding: 10px 25px;
	background-color: #F0F8FF;
}
.upload H3
{
	margin: 0;
	padding-bottom: 5px;
	font-size: 14px;
}
.upload IFRAME
{
	text-align: center;
	vertical-align: middle;
	border-style: none;
	margin: 0px;
	width: 100%;
	height: 35px;
}
#status, .commands
{
	height: 25px;
	line-height: 25px;
}
.upload .commands
{
	float: right;
}
.hidden
{
	display: none;
}
#status
{
	float: left;
}
#status.error
{
	color: Red;
}
#status.info
{
	color: #333;
}
#status.success
{
	color: green;
}
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.confirm
{
	background-color: White;
	padding: 10px;
	width: 370px;
}
.listCheckBox
{
	float:left;
	margin-top:4px;
}
.CMS.userAvailability 
{
  padding-left: 22px;
  margin-left: 5px;
  float: left;
  background-position: left;
  background-repeat: no-repeat;
}

.CMS.progress
{
  background-image: url(/cssadminhandler.ashx?file=/images/administration/spinner.gif);
}

.CMS.taken
{
  background-image: url(/cssadminhandler.ashx?file=/images/administration/taken.gif);
}

.CMS.available
{
  background-image: url(/cssadminhandler.ashx?file=/images/administration/available.gif);
}