@charset "utf-8";
/* CSS Document */



body {background-image:url(images/header_bg.png); background-repeat:repeat-x; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
body strong {font-weight:bold;}

/*-----------------------------------------------------------------------
Layout elements
-------------------------------------------------------------------------*/
#wrapper{width:878px; margin-left:auto; margin-right:auto;}
/*#content{clear:both; background: url(images/general_container_bg.png) left top no-repeat; float:left; width:878px; 
border-left:1px solid #f2eed0; border-right:1px solid #f2eed0;}*/

/*moved to language css files */
/*#content{clear:both; background: url(images/mainbg_summer_fi.jpg) left top no-repeat; float:left; width:878px; 
border-left:1px solid #f2eed0; border-right:1px solid #f2eed0;}*/
#leftColumn{width:660px; height:503px; float:left; background-position:left top; background-repeat:no-repeat; position:relative;} 

/* there is IE HACK in ie_hacks.css for this style*/
#rightColumn{width:218px; float:right;}




/*---------------------------------------------------------------
Sidebar
----------------------------------------------------------------*/
/* there is IE HACK in ie_hacks.css for this style*/
.sidebarContainer {background-color:#fefced; /*width:190px;*/ padding:5px 10px 5px 10px; border:1px solid #e9dfce;}


/*-------------------------------------------
Sekalaisia elementtej
---------------------------------------------*/
/*.clear {clear:both; color:#FFFFFF; height:0;}*/
.clear {line-height:0; clear:both; margin:0; padding:0; border:0; border:none;}
.pageHeading{color:#4b4b19; font-family:lucida sans, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
.generalPageHeading{margin:20px 0 3px 110px; padding:0;}
.pageContainer{background-color:#fefced; margin:0 0 15px 0; padding:10px 0 20px 0; border-top:1px solid #6a8616;}


/* -----------------------------------------
Yleiset typografiset mritykset
-------------------------------------------*/
h1{font-size:2.3em;}
h2{font-size:1.7em;}
h3{font-size:1.3em;}


/*-----------------------------------------
Yleiset linkkityylit
------------------------------------------*/
a {color:#af362d; text-decoration:underline;}
a:hover{color:#ee3628;}
a:active{color:#af362d;}
a:visited{color:#af362d;}
/*lisää-linkki*/
.more {display:block; /*width:100%;*/ text-align:right; font-weight:bold; font-size:11px; margin:0 0 10px 0;}


/* ---------------------------------------
Yleiset button-tyylit
------------------------------------------*/
.bigBtn {background:#be1d10 url(images/btn_bg.png) left top no-repeat; color:#FFFFFF; border:1px solid #4b4b19;
 padding:3px 10px 3px 10px; font-weight:normal; font-size:24px;}

.medBtn {background:#be1d10 url(images/btn_bg.png) left top no-repeat; color:#FFFFFF; border:1px solid #4b4b19;
 padding:2px 5px 2px 5px; font-weight:normal; font-size:16px;}

.smallBtn {background:#6a8616 url(images/btn_bg.png) left top no-repeat; color:#FFFFFF; border:1px solid #4b4b19;
 padding:2px 2px 2px 2px; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:auto; overflow:visible;}

a.medBtn {color:#FFFFFF; text-decoration:none; font-size:12px;}
a.medBtn:hover,
a.medBtn:active, 
a.medBtn:visited{color:#FFFFFF;}

 
a.smallBtn {color:#FFFFFF; text-decoration:none; font-size:12px;}
a.smallBtn:hover,
a.smallBtn:active, 
a.smallBtn:visited{color:#FFFFFF;}

.naviBtn {background-color:#f2eed0; padding:2px 5px 5px 5px; /*border:1px solid #acc14f;*/ font-family:Lucida, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

a.naviBtn:link,
a.naviBtn:visited,
a.naviBtn:hover,
a.naviBtn:active{color:#4b4b19; text-decoration:underline;}

.naviBtn:hover {background-color:#e6e1b9;}



/* ---------------------------------------------------------------------
Ylälaidan Browse-palkki, kalenteri, luukkusisältö- ja lahjaselausnäkymiin
------------------------------------------------------------------------*/
#objectListNavi {height: 1%; /*IE BUG FIX*/}
#mainBrowseNavi {background-color:#afc64b; padding:3px 15px 3px 15px; border-bottom:1px dotted #5f7418;}
#mainBrowseNavi li{display:inline; margin:0; font-weight:bold;}

#mainBrowseNavi a{text-decoration:none; padding:0 4px 3px 4px; color:#FFFFFF;}
#mainBrowseNavi a:hover{text-decoration:none; background-color: #93aa2d;}

.activeMainBrowse,
.activeMainBrowse a,
.activeMainBrowse a:hover {background:#dff096; color:#3c4c05; padding:0 4px 3px 4px; border-bottom:2px solid #dff096;}


/* ---------------------------------------------------------------------
The Generic navigation for sorting listed objects
-----------------------------------------------------------------------*/
#mainSortNavi {background:#dff096; padding:3px 15px 3px 15px;}
#mainSortNavi li {display:inline; margin:0 0px 0 0; font-weight:normal; font-size:11px;}
#mainSortNavi a{text-decoration:none; padding:0 4px 3px 4px; color:#3c4c05;}
#mainSortNavi a:hover{text-decoration:underline;}
/* Tässä vähän kökösti periytetty tyyli, mutta koodissa activemainbrowse-luokka menee molemmille menuille attribuuttina, joten mennään sen ehdoilla*/
#mainSortNavi .activeMainBrowse,
#mainSortNavi .activeMainBrowse a,
#mainSortNavi .activeMainBrowse a:hover {font-weight:bold; padding:0 0 2px 4px; text-decoration:none;}


/* ----------------------------------------------------------------------
Error ja notification -laatikko
-----------------------------------------------------------------------*/
#error, #notification{padding:5px 7px 5px 45px; border:1px solid #6a8616; font-size:12px;
position:relative; margin:2px 5px 2px 105px;/*top:70px; left:107px;*/}
#error {background:#f6d6c4 url(images/error.gif) left no-repeat;}
#notification {background:#fdfbbd url(images/notification.gif) left no-repeat;}



/*----------------------------------------------------------------------
Header
----------------------------------------------------------------------*/
#header {height:69px; /*position:relative;*/ z-index:100;}

/*Logo*/
/* moved to language css-files
#logoLink {height:69px; width:185px; background-image:url(images/logo.png); float:left; display:block;} */
#logo {visibility:hidden; position:absolute; left:-10000px;}


/*Metalinkit = meta */
#meta ul li {display:inline;}
#meta {text-align:right; float:right; font-size:11px; height:45px}
#meta a {padding:0 3px 0 3px}
#meta a:link{color:#cae262;}
#meta a:visited{color:#cae262;}
#meta a:active{color:#cae262;}
#meta a:hover{color:#FFFFFF;}

/*Admin navi */
#adminNavi{color:white; margin:3px 0 0 0;}

/*Ylapalkin napit = headerNavi*/
#headerNavi { font-size:1.3em; text-align:right; float:right; width:670px; font-family:Lucida, Verdana, Arial, Helvetica, sans-serif; height:21px;}
#headerNavi ul li {display:inline;}
#headerNavi ul li {background-color:#93aa2d; margin:0 0 0 6px; padding:3px 10px 3px 10px; border:1px solid #779118;}
#headerNavi a{text-decoration:none;}
#headerNavi a:link{color:#ecf3ce;}
#headerNavi a:visited{color:#ecf3ce;}
#headerNavi a:hover{color:#ecf3ce;}
#headerNavi a:active{color:#ecf3ce;}
#headerNavi ul li:hover {background-color:#a5bc3e;}



/*---------------------------------------------------------------------------------
The generic object thumbnail listing (object_listing.mak) component style settings.
-----------------------------------------------------------------------------------*/
/* there is IE HACK in ie_hacks.css for this style*/
#objectListContainer{background-color:#fefced; margin:0 0 15px 0; padding-bottom:20px; border-top:1px solid #6a8616;}
#objectList{margin:5px 20px 20px 20px; font-size:10px;}
/* there is IE HACK in ie_hacks.css for this style*/
.objectListItem{position: relative; float:left; margin:5px 10px 5px 0; padding-bottom:10px; width:268px; height:87px; border-bottom:1px dotted #c3bc99;}
.objectListItemForSaleMarker{position: absolute; top: 5px; left: 5px; color: yellow; font-size: 150%;}
/* there is IE HACK in ie_hacks.css for this style*/
.objectListInfo{float:right; width:159px; margin:0 0 0 5px; padding:0;}
.objectListDescription{font-weight:bold; color:#4b4b19;}
.objectListExtraInfo{color:#9e8770; margin:0px 0 0 0; font-size:8px; clear:both;}
.objectListCreationTime{color:#9e8770; margin:2px 0 0 0; padding:0;/*padding-left:3px; float:left; border-left:1px solid #CC9900;*/ /*border:1px solid black;*/}
.objectListGrade{color:#9e8770; margin:2px 0 0 0; border-bottom:1px solid #f5f2db;}
.objectListOwner {color:#4b4b19; margin:2px 0 0 0; font-weight: bold; border-bottom:1px solid #f5f2db;}
.objectListViewCount{color:#9e8770; margin:2px 0 0 0; /*width:80px;*/ /*float:left;*/ border-bottom:1px solid #f5f2db;}
.objectListTags{color:#9e8770; margin:2px 0 0 0;}
.objectListPageLink, 
.objectListPageSelected {padding:2px 3px; font-weight:bold; font-size:12px;}
.objectListPageLink {border:1px solid #fefced; font-size:12px;}
.objectListPageLink:hover {background-color:#fff; border:1px solid #c3bc99;}
.objectListPageSelected {background-color:#f2eed0;}
.objectListPageNavigator {text-align:center; border-bottom:1px solid #c3bc99; padding:5px 0 5px 0; height: 1%; /*IE BUG FIX*/}
.objectListViewCountDigit {color:black;}
.fuzzyTimeSinceValue {color:black;}
.priceNumber {color:#4b4b19; font-weight:bold; font-size:10px;}
.gradeNumber {color:#4b4b19; font-weight:bold;}
.objectListOwnerLabel{font-weight:normal; color:#9e8770;}
.objectListPrice{ width:159px; margin:0; padding:0; }
/* moved to language css -files
.objectListForSaleIcon{width:38px; height:38px; background: url(images/buy_icon_fi.png) top left no-repeat; position:absolute; z-index:100;}
 */
 
 /* there is IE HACK in ie_hacks.css for this style*/
.unpublishedIcon{width:38px; height:38px; background: url(images/unpublished_icon.png) top left no-repeat; position:absolute; top:40px; z-index:100;}
 /* there is IE HACK in ie_hacks.css for this style*/
.underConstIcon{width:38px; height:38px; background: url(images/underconst_icon.png) top left no-repeat; position:absolute; top:40px; z-index:100;}
.thumbNail{float:left; margin:0; padding:0; width:104px; text-align:right;}
.thumbNail a img{border:1px solid #af362d;}




/*---------------------------------------------
Search
---------------------------------------------*/
/* there is IE HACK in ie_hacks.css for this style*/
#search {background-color:#f8eb8e; color:#4b4b19; padding:5px 10px 5px 10px; border:1px solid #e9dfce; margin-bottom:10px;}
#searchString{padding:0 0 3px 0;}
#search strong {font-weight:bold;}
#searchField {background-color:#FFFFFF; border:1px solid #e3d487; width:190px;}
/*#submit, #login_submit {background-color:#be1d10; color:#FFFFFF; border:none; padding:1px 3px 1px 3px; font-weight:bold;}*/



/*-------------------------------------------
Login
---------------------------------------------*/
#login h3 { background:#fef8d1 url(images/login_icon.png) left center no-repeat;  padding:1px 0 1px 25px; display:block; width:150px; font-size:12px; font-weight:bold; color:#4b4b19;}
#login .sidebarContainer {background-color:#f8eb8e; margin-bottom:10px; }
#login p {color:#4b4b19; font-weight:bold; font-size:10px;}
#loginFrmEmail {padding:10px 0 2px 0; font-size:10px;}
#loginFrmPasswd {padding:2px 0 2px 0; font-size:10px;}
#login #login_submit{margin-bottom:5px;}
/* there is IE HACK in ie_hacks.css for this style*/
#login label{width:75px; float:left; text-align:right; margin-right:3px; font-weight:bold; font-size:10px;}
#loginFrmSubmit{text-align:right;}
/* there is IE HACK in ie_hacks.css for this style*/
#login_input, 
#password_input{width:110px;}
.error-message{display:block; color:#be1d10;}



/*------------------------------------------------
Omat tiedot = account
--------------------------------------------------*/
#account h3 { background:#dff096 url(images/account_icon.png) left center no-repeat;  padding:1px 0 1px 25px; display:block; width:150px; font-size:12px; font-weight:bold; color:#4b4b19;}
#receivedCalenderos,
#sentCalenderos,
#receivedComments{font-size:10px;}
#receivedCalenderos { background-image:url(images/receive_cal_ico.gif); background-position:left; background-repeat:no-repeat; padding:0 0 5px 40px;}
#sentCalenderos {background:#f0eac3 url(images/send_cal_ico.gif) left no-repeat; padding:5px 0 5px 40px;}
#receivedComments {background-image:url(images/receive_msg_ico.gif); background-position:left; background-repeat:no-repeat; padding:5px 0 0 40px;}



/*--------------------------------------------------
Suositellut = featured
----------------------------------------------------*/
/* there is IE HACK in ie_hacks.css for this style*/
#featured{margin:0 0 10px 0;}
#featured h3 { background:#dff096 url(images/featured_icon.png) left center no-repeat;  padding:1px 0 1px 25px; display:block; width:150px; font-size:12px; font-weight:bold; color:#4b4b19;}
/* there is IE HACK in ie_hacks.css for this style*/
.featuredObjectListItem {width:200px; height:60px; padding:0; font-size:10px;}
.featuredImg {width:50px;}
.featuredThumb {height:50px; width:50px;}
/* there is IE HACK in ie_hacks.css for this style*/
.featuredInfo {width:145px;}

/*Tagipilvet = tagCloud*/
#tagCloud h3 { background:#dff096 url(images/tagcloud_icon.png) left center no-repeat;  padding:1px 0 1px 25px; display:block; width:150px; font-size:12px; font-weight:bold; color:#4b4b19;}



/* ---------------------------------------------------------
Selaus = browse
-----------------------------------------------------------*/
/*---- Modifications to general styles for browse list ------*/
#browse .objectListItem {width:280px; border:none; margin-bottom:0; margin-right:3px; height:100px;}
#browse .objectListInfo {width:170px;}
#browse #mainBrowseNavi {background-color:white;}
#browse #objectListContainer {padding:0; border:none; margin:0;	}
#browse .objectListCreationTime {float:none; border:none; padding:0; margin:0;}
#browse .objectListViewCount {float:none; }
#browse #objectList{margin:0;}	
/* -----------------------------------------------------*/


#browse, #footer{float:left; clear:both; width:878px; padding:0; margin:0;}



/*--------------------------------------------------------------
Front page content
--------------------------------------------------------------*/
#frontContainer {position:absolute; top:68px;}

#mainHeader{margin:0px 0 0 140px;}
#mainHeader ul{padding:0; margin:0; list-style-type: none;}
#mainHeader li{background-image: url(images/custom_bullet.gif);	background-repeat: no-repeat; 
background-position: left center;	padding-left: 35px;}
#mainHeader h1 {color:#4b4b19; font-size:22px;}

#serviceDescription{color:#4b4b19; font-size:12px; /*font-weight:bold;*/ font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#eef3d4; 
padding:6px 15px 10px 15px; width:360px; margin:0 0 10px 20px; }

#yourCalendar,
#hatchOfTheDay,
#christmasCountdown,
#browseCalenderos, 
#browseGifts {position:absolute; padding-top: 6px; padding-bottom: 6px; color:#efd1d1; text-align:center;}

/* there is IE HACK in ie_hacks.css for this style*/
#yourCalendar {background:url(images/main_pallo.png) left top no-repeat; font-size:10px; width:110px; padding:20px 0 0 0;
height:96px; left:425px; top:200px;}
	
#yourCalendar a,
#hatchOfTheDay a,
#christmasCountdown a,
#browseCalenderos a,
#browseGifts a {color:#FFFFFF;}

#christmasCountdown {background:url(images/christmasCountdownBg.gif) left top no-repeat;
width:120px; height:114px; left:70px; top:330px; line-height:22px; padding:20px 0 0 0;}
.nightsNumber {color:#fff; font-size:38px; font-weight:bold;}

#christmasCountdown strong {font-size: 30px; color: #FFFFFF;}

#hatchOfTheDay {background:url(images/hatchOfTheDayBg.gif) left top no-repeat; width:166px;	height:166px; left:115px; top:386px;}

/* there is IE HACK in ie_hacks.css for this style*/
#browseCalenderos,
#browseGifts {background:url(images/main_pallo.png) left top no-repeat; font-size:13px; width:110px; height:96px;	}
	
#browseCalenderos {left:330px; top:348px; padding-top:20px;}
	
#browseGifts{left:525px; top:348px;	padding-top:20px;}



/*---------------------------------------------------
Footer
----------------------------------------------------*/
#footer {border-top:1px dotted #CCCCCC; margin-top:15px; font-size:10px; color:#999999;}
#footer p {text-align:center;}



/*---------------------------------------------------
Alasivujen tyylejä 
-----------------------------------------------------*/
.generalHeader1 {font-size:24px; font-family:Lucida sans, Verdana, Arial, Helvetica, sans-serif; color:#4b4b19;}

.generalHeader2 {font-size:16px;font-family:Lucida sans, Verdana, Arial, Helvetica, sans-serif; color:#4b4b19; margin-bottom:10px; font-weight:bold;}

#singleColumn {background: #FFFFFF url(images/general_container_bg.png) left top no-repeat;	margin:0; padding:0;}


/* ---------------------------------------------------------
General form styles
-----------------------------------------------------------*/
.formContainer{background-color:#fefced; margin:0 0 15px 0; padding:10px 0 20px 0; border-top:1px solid #6a8616;}
.formFieldSet{margin:20px 0 0px 0; }
.formObject{margin:0 0 15px 0;}
.formLabel{float:left; width:115px; font-size:10px; font-weight:bold; clear:left; text-align:right; 
margin-right:5px; margin-left:10px; margin-top:3px; color:#4b4b19; }
.formLabelLong{float:left; width:320px; font-size:10px; font-weight:bold; clear:left; text-align:right; 
margin-right:5px; margin-left:10px; margin-top:3px; color:#4b4b19; display:block; }
.formHeading{margin:20px 0 3px 110px; padding:0;}
.formHeading2{margin:0px 0 10px 0; padding:0 0 0 40px; border-bottom:1px solid #f2eed0; }
.formButton{margin:25px 0 40px 130px; text-align:left;}
.formContainer strong{color:#be1d10; margin-left:4px;}
.formHelpText {margin:0 0 0 130px; font-size:9px; color:#6a8616;}
.formNote{padding:10px; border: 1px solid #f2eed0; font-size:10px; margin:20px 20px 0 130px; width:400px}
.formErrorMsg{color:#be1d10; font-size:9px; font-weight:bold; margin:0 0 4px 130px;}
.formErrorMsg2{color:#be1d10; font-size:9px; font-weight:bold; margin:0 0 4px 0;}



	
/*----------------------------------------------------------------------------
The generic object page tags and star rating containers
------------------------------------------------------------------------------*/
#objectStarRating{float:left; margin:0 5px 0 0; padding-right:3px; border-right:1px dotted #9e8770;}
.tagList{float:left; padding-right:3px; border-right:1px dotted #9e8770; /*margin-top:-3px;*/ font-size:11px; margin:0 5px 0 0;}
#publishSettings{float:left; padding-right:3px; border-right:1px dotted #9e8770; /*margin-top:-3px;*/ font-size:11px; margin:0 5px 0 0;}

#objectStarRating,
.tagList,
#publishSettings{height:18px;}

.tagsLabel,
.publishLabel{font-weight:bold; font-size:11px; color:#9e8770;}
.objectAverageRateLabel{float:left; font-weight:bold; font-size:11px; color:#9e8770;}
.objectRateLabel{float:left; font-weight:bold; font-size:11px;}
#objectName{float:left; padding-right:3px; border-right:1px dotted #9e8770; /*margin-top:-3px;*/ font-size:11px; font-weight:bold;}
#objectNameLabel{font-weight:bold; font-size:11px; color:#9e8770;}
#rating_vote_count{color:#9e8770; font-size:11px; float:left; margin-left:5px;}

	
/* -------------------------------------------------------------------------------
The generic object edit and view styles
--------------------------------------------------------------------------------*/
.objectEditPanelGroup{border-right:1px solid #6a8616; float:left; padding:5px 5px 5px 5px; height:25px; font-size:11px; font-weight:bold;}
#objectEditPanel{margin:0 0 5px 0; background-color:#afc64b; color:white; font-size:12px; height: 1%; /*IE BUG FIX*/}
#objectEditPageContainer{background-color:#fefced; border-top:5px solid #be1d10; padding:0 0 20px 0;}
#objectPageContainer{background-color:#fefced; border-top:1px solid #6a8616; padding:0 0 20px 0;}
#pageNavigations{border-bottom:1px solid #f2eed0; margin-top:0; padding-left:10px; padding-bottom:4px; padding-top:4px; margin-bottom:5px; color:#9e877;}
	
#objectPageLeftContainer{float:left; width:64%;}
#objectPageRightContainer{float:right; width:35%;}

#backToCalendarLink{margin:0 0 5px 20px;}


/*--------------------------------------------------------------
Picture Upload Form
----------------------------------------------------------------*/
#pictureUploadForm{/*clear:both;*/ margin:30px 20px 0 20px; padding:10px; background-color:#f2eed0;}

#picPublic label, 
#picDescription label, 
#uploadType label, 
#picFile label { float:left; width:115px; clear:left; text-align:right; margin:0 3px 0 10px; font-size:10px; font-weight:bold; color:#4b4b19;}

#calendarListHeading,
#editCalendarHeading,
#calendarPageHeading,
#pictureListHeading{margin:20px 0 3px 110px; padding:0; color:#4b4b19;}

.selectPictureUploadForm{float:right; width:380px; clear:none;}

#uploadFormSubmit{margin:10px 0 0 130px;}


/* -----------------------------------------------------------
Calendar listing
--------------------------------------------------------------*/

/*luo uusi kalenteri */
#calendarCreationLink {margin:0 0 0 20px;}




/* -------------------------------------------------------------
Calendar page
---------------------------------------------------------------*/

#calendarRating, 
.rateCalendarLabel, 
#addTagControl {float:left;}

/* there is IE HACK in ie_hacks.css for this style*/
#calendarEditLink, 
#removeLink, 
#calendarCloseHatchesLink, 
#randomizeLink,
#calendarSaveLink{float:left; margin:0 6px 0 0;}

/* there is IE HACK in ie_hacks.css for this style*/
#removeLink{background:url(images/delete_calendar.png) top left no-repeat; padding:5px 0 0 40px; height:29px; margin-top:-3px;}
/* there is IE HACK in ie_hacks.css for this style*/
#calendarEditLink{background:url(images/edit_calendar.png) top left no-repeat; padding:5px 0 0 40px; height:29px; margin-top:-3px;}

#calendarEditLink a, 
#removeLink a, 
#calendarCloseHatchesLink a,
#calendarSaveLink a{display:block;}

#calendarRating{margin-top:5px;}

/* there is IE HACK in ie_hacks.css for this style*/
input#name {width:115px; margin-top:-2px; /*float:left;*/}

#salesText{
	margin:5px 20px 5px 20px;
	padding:10px 10px 10px 45px;
	border:1px solid #c1ba8a;
	font-size:11px;
	background-color:#fdfbbd;
	background-image:url(images/notification.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

#paymentMethod{
margin:10px 0 0 0; padding:3px 0 0 0; border-top:1px solid #c1ba8a;
}

#creditPaymentSubmit{margin:5px 0 0 0;}

/* ----------------------------------------------------------
Edit Calendar page
-----------------------------------------------------------*/

#calendarSaveLink{background:url(images/publish_settings_icon.png) top left no-repeat; padding:5px 0 0 30px; height:29px; margin-top:-3px;}

/*#objectEditPageContainer{border-top:5px solid #be1d10;}*/

#editCalendarHeading h2 {background:url(images/edit_cal_headline_icon.png) top left no-repeat; padding:20px 0 0 65px; /*height:42px;*/ }
/* there is IE HACK in ie_hacks.css for this style*/
#editCalendarHeading {margin-top:2px; width:550px; float:left; }

#calendarShowLinkDummy {visibility:hidden; position:absolute; left:-10000px;}
#calendarShowLink {width:200px; float:right;}

/*edit calendar heading*/
.editHeading{color:#be1d10;}

/*floatataan objektit*/
#calendarProperties, 
#calendarNameField, 
#calendarStyleField, 
#calendarPublicField {float:left;}

#calendarNameField, 
#calendarStyleField, 
#calendarPublicField {margin:0 10px 0 0;}

/*buttonit*/
#resuffleLink a, 
#randomizeLink a,
#resufflePicsLink a{display:block;}
 
#wizardRadioButtons{float:left; /*border:1px solid black;*/ margin:-3px 0 0 2px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4b4b19; }
#newSubmit{float:left;}
#startingpoint_0,
#startingpoint_1{margin:0; /*border:1px solid black;*/}
/* there is IE7 HACK in ie7_hacks.css for this style*/
#radiobutton{/*margin-top:-4px;*/ /*border:1px solid black;*/}


/*infolaatikot*/
#helpTextContainer{margin:5px 0 5px 0;}
#helpTextContainer2{background-color:#f2eed0; margin:5px 20px 5px 20px; padding:5px;}
#helpTextContainerLeft{float:left; margin:5px 0 5px 0;}
#helpTextContainerRight{float:right; margin:5px 0 5px 0;}
#helpTextContainerHatchSelect{float:right; margin:5px 20px 5px 0; width:380px; padding:10px;}
.helpText,
.helpTextFull{background: #fefced url(images/infoBullet.gif) top left no-repeat; float:left; font-size:11px;
margin:0 0 0 20px; padding:0 0 0 13px;}
.helpTextPlain{float:left; font-size:11px; margin:0 0 10px 20px; padding:0 0 0 13px;}
.helpTextFull{width:100%}
.helpTextPlain,
.helpText{width:28%;}


/*hienosaato*/
#calendarPublicField {margin-top:3px;}


/* ----------------------------------------------------------
Show picture / hatch
-------------------------------------------------------------*/
#showPictureHeading{margin:20px 0 3px 110px; padding:0;}

#objectEditPanel #picPublic, 
#objectEditPanel #picDescription, 
#objectEditPanel #uploadFormSubmit, 
#objectEditPanel #addTagControl,
#objectEditPanel #picFile {float:left;}

#objectEditPanel #picPublic label,
#objectEditPanel #picDescription label,
#objectEditPanel #addTagControl label {width:auto; margin-left:0px;}


#objectEditPanel #uploadFormSubmit {margin:0; margin-left: 4px; }
#objectEditPanel #picPublic label {margin-left: 5px;}

#picDescription, #picPublic{margin-top:5px; 	} 
input#public {
margin:-3px 0 0 0; /*float:left;*/}

#hatchObjectEdit{margin:5px 0 10px 15px; float:left;}

#pictureSnitchLink, #calendarSnitchLink {margin:5px 0 0 20px; }

#objectEditPanel #picDescription {margin-left:0;}



/*------------------------------------------------------------
Comments
-------------------------------------------------------------*/
#addCommentHeader{background:#f2eed0 url(images/objectpage_panel_bg.png) top repeat-x; padding:3px 2px 5px 10px; font-weight:bold;}
#commentTextArea{margin:10px;}
#submitComment{margin:5px 0 10px 10px ;}
#comments {margin:5px 10px 10px 20px; /*width:60%;*/ border:1px solid #f2eed0; /*float:left;*/}
.comment_header{background:#f2eed0; padding:5px 5px 5px 10px; font-size:10px; border-top:1px solid #9e8770;}
#commentCreationTime{color:#9e8770; letter-spacing:1px; border-left:1px dotted #9e8770; padding:5px;}
#commentCreationTime .fuzzyTimeSinceValue {color:#9e8770;}
.comment{background-color:#fffef7; padding-bottom:20px;}
.comment_text{margin:10px 10px 5px 10px;}
.comment_controls {margin:10px 10px 0 10px;}
#showHiddenComments {border-top:1px solid #9e8770; padding:10px; background:#f2eed0; font-weight:bold;}

/* -------------------------------------------------------------
Embedding options
---------------------------------------------------------------*/
#embeddingHelp{margin:5px 20px 20px 10px; /*width:32%;*/ border:1px solid #f2eed0; /*float:right;*/}
#embeddingHeader{background:#f2eed0 url(images/objectpage_panel_bg.png) top repeat-x; padding:5px 5px 5px 10px; font-weight:bold;}
#embeddingHelp p {margin:10px; font-size:11px;}
/* there is IE HACK in ie_hacks.css for this style*/
#embeddingHelp pre {margin:10px; border:1px solid #f2eed0; background:#fff; padding:5px; font-size:11px; overflow:scroll;}

/*#calendarSnitchLink{width:20%; float:right; border:1px solid black;}  */

/*-----------------------------------------------------------
Send calendar by email
------------------------------------------------------------*/
#sendCalendarEmail{margin:0 10px 20px 20px; /*width:60%;*/ border:1px solid #f2eed0; /*float:left;*/ }
#sendCalendarHeader{background: #f2eed0 url(images/objectpage_panel_bg.png) top repeat-x; padding:5px 5px 5px 10px; font-weight:bold;}
#calendarEmailField{margin:10px;}
#calendarMessageField{margin:10px;}
#calendarEmailSubmit{margin:0 0 10px 10px;}


/*-----------------------------------------------------------
Calendar wizard & Publishing
------------------------------------------------------------*/
#calendarWizardPage {
	height:340px;}

#wizardStartNewCalendar,
#wizardRandomCalendar {float:left; width:360px; padding:20px; margin-left:20px; height:195px;}

#saveCalendar,
#publishCalendar,
#unfinishedCalendar {float:left; width:360px; padding:20px; margin-left:20px; height:195px;}

#wizardStartNewCalendar, #publishCalendar, #unfinishedCalendar{ border-right:1px solid #f2eed0;}

#unfinishedCalendar{ /*border-top:1px solid #f2eed0;*/ /*clear:both;*/ margin-top:10px;}

#publishCalendar,
#saveCalendar { border-bottom:1px solid #f2eed0;}

#publishCalendarPage img, #calendarWizardPage img {float:left;}

#publishCalendarPage h2, #calendarWizardPage h2 {font-size:20px; color:#4b4b19; margin-bottom:10px;}

#publishCalendarPage h2 strong, #calendarWizardPage h2 strong {font-size:36px; font-weight:bold; color:#4b4b19;}

#publishCalendarPage p, #calendarWizardPage p {float:right; margin:10px; width:190px;}

#currentSetting {background-color:#afc64b; color:#fff; font-size:14px; font-weight:bold; padding:3px; text-align:center; font-family:Arial, Helvetica, sans-serif; border:1px solid #6a8616;}

.wizardButton{text-align:right; clear:both;}

/* --------------------------------------------------
Login for paying
---------------------------------------------------*/
#loginForPayingContainer{float:left; width:240px; margin-left:20px;}
#registerForPayingContainer{float:right; width:600px; border-left:1px solid #f2eed0;}
#loginForPayingContainer p {margin-bottom:5px; color:#4b4b19;}
#registerForPayingContainer p {margin:0 0 5px 10px; color:#4b4b19;}

/* ------------------------------------------------------
Popup
-------------------------------------------------------*/
#popupBody{background:url(images/popup_bg.png) left top repeat-x;}
#popupContent{padding:30px; display:block;}
#popupHeader{background:url(images/popuplogo.png) left top no-repeat; height:50px; display:block;}

/* -----------------------------------------------------
General Text Page
--------------------------------------------------------*/
#textPage {padding:30px;}
#textPage p{margin:0 0 1.5em 0;}
#textPage h2{margin:0 0 1em 0;}