/* 1. Global styles */

a:link, a:hover, a:visited, a:active
{
	color: #000;
	text-decoration: none;
}

div.controlHolderMain p a:link, div.controlHolderMain p a:visited
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: underline;
	color: #99b43b;
}

html
{
    background-color: #FFFFFF;
}

body
{
	font-size: 11px;
	margin: 0;
	background-color: #FFFFFF;
}
/* 2. Styles for wrappers */

div.controlHolderMain p, div.controlHolderMain li
{
	font-size: 12px;
	line-height: 16px;
}

div#wrapper
{
	width: 960px;
	margin: 10px auto;
}

div#headerWrapper div#head
{
	height: 179px;
	/* background-image: url('/Layout/WWW2008/Image/topBg.png'); */
	background-repeat: no-repeat;
	background-position: center;
}

h1
{
    margin:0;
    padding:0;
}

div#contentWrapper div#contentLeft
{
	width: 238px;
	min-height: 1px;
}
div#contentWrapper div#contentCenter
{
	width: 444px;
	padding: 0 20px;
	padding-bottom: 5px;
}
div#contentWrapper div#contentRight
{
	width: 238px;
}


/* 3. Default styles for controls */

div.control
{
}
div.control div.content
{
}
div.control div.title
{
}
div.control div.function
{
}

/* 4. Control type specific overrides */

div.navigationPath ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.navigationPath li
{
	float: left;
	display: block;
}


/* 5. Wrapper specific overrides */

div#main div.control
{
}
div#contentLeft div.control 
{
}

/* 6. Additional css classes */

div.vertical
{
	clear: left;
}
div.vertical ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.vertical ul li
{
	float: left;
	padding-right: 10px;
	display: block;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}

/* Frontpage buttons */
div.buttons
{
	text-align: center;
}

div.buttons ul
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.buttons ul li
{
	display: inline;
}

div.buttons a
{
	display: block;
	width: 93px;
	height: 93px;	
	margin: 9px;
	text-decoration: none;
	float: left;
	background-repeat: no-repeat;
}

div.buttons a:link
{
	background-position: top center;
}

div.buttons a:hover
{
	background-position: bottom center;
}

div.buttons li.selected a:link, div.buttons li.selected a:visited
{
	background-position: bottom center;
}

/* Box */
#contentLeft .control, #contentRight .control
{
	margin-bottom: 5px;
}

.roundedBox
{
	width: 238px;
	font-size: 11px;
}

.roundedBox .title
{
	background-image: url('/Layout/WWW2008/Image/roundedBoxHeaderBg.png');
	background-repeat: no-repeat;
	height: 54px;
}

.roundedBox .title h2
{
	color: #FFF;
	font-size: 14px;
	margin: 0;
	padding: 19px 16px 0 16px;
}

.roundedBox .title h2 span
{
	background-color: #99b43b;
}

.roundedBox .content
{
	background-image: url('/Layout/WWW2008/Image/roundedBoxBodyBg.png');
	background-repeat: repeat-y;
	padding: 5px 0;
}

.roundedBox p
{
	padding: 0 15px;	
}

.roundedBox .content h1, .roundedBox .content h2, .roundedBox .content h3, .roundedBox .content h4
{
    padding-left: 15px;
}

.roundedBox ul
{
	margin: 0;
}

.roundedBox
{
	background-image: url('/Layout/WWW2008/Image/roundedBoxBottomBg.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 14px;
}

.customJobSearch
{
	background-image: url('/Layout/WWW2008/Image/roundedBoxCustomJobSearchBottom.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 14px;	
}

.customJobSearch .footer
{
	background-image: url('/Layout/WWW2008/Image/roundedBoxCustomJobSearchFooter.png');
	background-repeat: no-repeat;
	background-position: top center;
	text-align: right;
	border-top: 2px solid #5c7A1C;
}

.customJobSearch .footer ul
{
    background-image: url('/Layout/WWW2008/Image/roundedBoxCustomJobSearchFooterBodyBg.png');
	background-repeat: repeat;
	background-position: center;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-right: 10px;
	text-align: right;
}

.customJobSearch .footer ul li
{
    list-style: none; 
    padding: 0 0 6px 0;
}

.customJobSearch .footer a:link, .customJobSearch .footer a:visited
{
	color: #FFF;
	text-decoration: underline;
}

.customJobSearch .footer a:hover
{
	color: #000;	
}

.roundedBox .jobSearch
{
  padding: 10px;
}

.roundedBox .jobSearch select
{
  margin-bottom: 10px;
  width: 100%;
}

.roundedBox .jobSearch .button
{
  text-align: right;
}


/* Header */
#headerWrapper .companyLogo
{
	position: relative;
	top: 36%;
	left: 20px;
	float: left;
}

#headerWrapper .companySlogan
{
	padding-top: 14px;
	padding-left: 45px;
	float: left;
}

.keikkanetLinks
{
	float: right;
	padding-top: 34px;
	padding-right: 35px;
	position: relative;
}

.keikkanetLinks .content
{
	background-image: url('/Layout/WWW2008/Image/keikkanetSeparator.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 25px;
	height: 78px;
	float: right;
}

.keikkanetLinks h2
{
	color: #FFF;
	font-size: 13px;
}

.keikkanetLinks a:link, .keikkanetLinks a:visited
{
	/*color: #5c7a1c;*/
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.keikkanetLinks a:hover
{
	text-decoration: underline;
}

.customJobSearch span.date
{
	float: left;
	display: table-cell;
}

/* Buttons footer stick */
/* Padding for button container to prevent overlapping with content above */
#contentCenter .paddingMagician
{
	padding-top: 90px;
}

#contentCenter .buttons
{
	position: absolute;
	bottom: 0px;
	padding-bottom: 10px;
}

/* Headings */

h2, h3, .customFormView th
{
	font-size: 13px;
	color: #99b43b;
	text-align: left;
}

.customFormView th
{
    padding-bottom: 15px;
}

.paivahoito-ja-nuorisoala-content h2, .paivahoito-ja-nuorisoala-content h3
{
	color: #e36f1e;
}
.terveydenhuoltoala-content h2, .terveydenhuoltoala-content h3
{
	color: #5C7A1C;
}

.toimisto-ja-opetusala-content h2, .toimisto-ja-opetusala-content h3
{
	color: #5A471C;
}

.palveluala-content h2, .palveluala-content h3
{
	color: #0081B4;
}

/* Footer */
#footerWrapper
{
	height: 28px;
	background-image: url('/Layout/WWW2008/Image/footerBg.png');
	background-position: center;
	background-repeat: no-repeat;
}

#footerWrapper p
{
	font-size: 11px;
	line-height: 28px;
	margin: 0;
	color: #feffff;
	text-align: right;
	margin: 0 25px;
}

#footerWrapper p span.separator, #footerWrapperPopup p span.separator
{
	color: #afbd22;
	font-weight: bold;
}

/* Navigation */
div#navi
{
	background-image: url('/Layout/WWW2008/Image/roundedNaviTopBg.png');
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 11px;
	margin: 5px 0;
	font-size: 12px;
}

div#navi div.searchForm
{
	float: right;	
	padding: 0 15px 5px 10px;
	border-left: 1px solid #AFBD22;
}

div#navi div.searchForm div
{	
	display: inline;
}

div#navi div.searchForm div.title
{
	text-transform: none;
	font-size: 10px;
	color: #FFF;
	margin:0;
}

div#navi div.searchForm div.content input.TextBox
{
	width: 120px;
	height: 14px;
	font-size: 12px;
}

div#navi div.searchForm div.content input.Button
{

}

div#navi div.mainnavi
{
	padding: 5px 0 5px 3px;
}

div#navi div.naviContent
{
	background-image: url('/Layout/WWW2008/Image/roundedNaviBottomBg.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 11px;
}

div#navi div.naviContent2
{
	background-image: url('/Layout/WWW2008/Image/roundedNaviCenterBg.png');
	background-position: center;
	background-repeat: repeat-y;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 0 1px 0; /* Fixes IE 6 + 7 */
}

div.navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
	display: inline;
}

div.navigation ul li
{
	display: inline;
	padding: 0 10px;
}

div.navigation ul a:link, div.navigation ul a:visited
{
	color: #FFF;
	text-decoration: none;
	padding-top: 5px;
}

div.navigation ul li.selected a:link, div.navigation ul li.selected a:visited,
div.navigation ul li.selectedPath a:link, div.navigation ul li.selectedPath a:visited
{
	color: #92ad37;
}

div.navigation ul li a:hover
{
	text-decoration: underline;
}

div#navi div.subnavi div.content
{
	border-top: 1px solid #afbd22;
	margin-left: 13px;
}

div#navi div.subnavi
{
	text-transform: none;
	height: 35px;
	margin-right: 290px;
	margin-top: 7px;
	margin-bottom: 0;	
}

div.subnavi li
{
	border-right: 1px solid #afbd22;
	padding: 5px 0;
}

div.subnavi li.lastItem
{
	border-right: none;
}

div.subnavi li a
{
	line-height: 35px;
	padding-bottom: 5px; /* Fixes IE 6+7 */
}

div.subnavi li.itemIndex0
{
	padding-left: 0;
}

/* FrontPage announcements */

.roundedBox .announcement
{
	font-size: 11px;
}

.roundedBox .announcement .publishingTime
{
	float: left;
	font-weight: bold;
	color: #5c7a1c;
	width: 20px;
	padding: 5px 5px 5px 10px;
}

.roundedBox .announcement .hyperLinkTitle
{
/*	margin-left: 40px; */
	padding: 5px 10px;
}

.roundedBox .announcement .hyperLinkTitle a:link, .roundedBox .announcement .hyperLinkTitle a:visited
{
    color: #555;
}

/* Other announcements */
.toimialauutiset a, .toimialauutiset a:link, .toimialauutiset a:visited
{
	font-size: 11px;
	color: #555;
}

.toimialauutiset .announcement
{
  padding: 5px;
}

/* Coloured boxes */

.colouredBox
{
	background-repeat: no-repeat;
	background-position: top center;	
	padding-top: 10px;
	color: #FFF;
}

.colouredBox .content
{
	background-repeat: repeat-y;
	background-position: top center;	
	padding: 1px 15px;
}

.colouredBox .footer
{
	background-repeat: no-repeat;
	background-position: bottom center;	
	height: 10px;
	margin: 0;
	padding: 0;
	line-height: 0px;
}

.colouredBox a:link, .colouredBox a:visited
{
	color: #FFF;
	text-decoration: none;
}

.colouredBox a:hover
{
	text-decoration: underline;
}

div.paivahoito-ja-nuorisoala
{
	background-image: url('/Layout/WWW2008/Image/paivahoito-ja-nuorisoala-box-bg-top.png');
}

div.paivahoito-ja-nuorisoala .content
{
	background-image: url('/Layout/WWW2008/Image/paivahoito-ja-nuorisoala-box-bg-center.png');
}

div.paivahoito-ja-nuorisoala .footer
{
	background-image: url('/Layout/WWW2008/Image/paivahoito-ja-nuorisoala-box-bg-bottom.png');
}

div.palveluala
{
	background-image: url('/Layout/WWW2008/Image/palveluala-box-bg-top.png');
}

div.palveluala .content
{
	background-image: url('/Layout/WWW2008/Image/palveluala-box-bg-center.png');
}

div.palveluala .footer
{
	background-image: url('/Layout/WWW2008/Image/palveluala-box-bg-bottom.png');
}

div.terveydenhuoltoala
{
	background-image: url('/Layout/WWW2008/Image/terveydenhuoltoala-box-bg-top.png');
}

div.terveydenhuoltoala .content
{
	background-image: url('/Layout/WWW2008/Image/terveydenhuoltoala-box-bg-center.png');
}

div.terveydenhuoltoala .footer
{
	background-image: url('/Layout/WWW2008/Image/terveydenhuoltoala-box-bg-bottom.png');
}

div.toimisto-ja-opetusala
{
	background-image: url('/Layout/WWW2008/Image/toimisto-ja-opetusala-box-bg-top.png');
}

div.toimisto-ja-opetusala .content
{
	background-image: url('/Layout/WWW2008/Image/toimisto-ja-opetusala-box-bg-center.png');
}

div.toimisto-ja-opetusala .footer
{
	background-image: url('/Layout/WWW2008/Image/toimisto-ja-opetusala-box-bg-bottom.png');
}

ul.avoinHakemus
{
	font-weight: bold;
	margin: 0;
	padding: 15px 15px 0 15px;
}

ul.avoinHakemus li
{
	line-height: 25px;
	list-style-type: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

ul.avoinHakemus li a
{
	display: block;
}

li.terveydenhuoltoala
{
	background-image: url('/Layout/WWW2008/Image/terveydenhuoltoala-bullet.png');
}

li.palveluala
{
	background-image: url('/Layout/WWW2008/Image/palveluala-bullet.png');
}

li.toimisto-ja-opetusala
{
	background-image: url('/Layout/WWW2008/Image/toimisto-ja-opetusala-bullet.png');
}

li.paivahoito-ja-nuorisoala
{
	background-image: url('/Layout/WWW2008/Image/paivahoito-ja-nuorisoala-bullet.png');
}

/* Popup */

body.popup form#aspnetForm
{
	height: 100%;
}

#wrapperPopup
{
	max-width: 100%;
	margin: 0 auto;
	height: 100%;
}

#headerWrapperPopup
{
	width: 100%;
	height: 48px;
	background-color: #99b43b;
}

#headPopup
{
	max-width: 480px;
	margin: 0 auto;	
}

#contentWrapperPopup
{
	max-width: 480px;
	margin: 0 auto;
	padding: 15px;
}

#footerWrapperPopup
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #99b43b;
	color: #feffff;
	line-height: 15px;
	font-size: 11px;
}

#footerWrapperPopup .content
{
	text-align: center;
}

/* Announcements for jobs */
div.availableJobs ul, div.jobSearchResults ul
{
	padding-top: 0;
	padding-left: 0;
	margin: 0;
}

div.availableJobs li.announcement, div.jobSearchResults ul li
{
    padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #99b43b;
	list-style-position: inside;
	font-size: 11px;
	list-style: none;
	background-image: url('/Layout/WWW2008/Image/bullet.gif');
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	width: 100%;
}

div.availableJobs li.announcement a:link, div.jobSearchResults ul li a:link,
div.availableJobs li.announcement a:visited, div.jobSearchResults ul li a:visited
{
    margin-left: 10px;
    display: block;
}

div.availableJobs li.announcement a:link span.publishingTime, div.jobSearchResults ul li a:link span.publishingTime,
div.availableJobs li.announcement a:visited span.publishingTime, div.jobSearchResults ul li a:visited span.publishingTime
{
    padding-left: 10px;
    font-size: 10px;
    color: #888;
}

div.availableJobs h2, div.jobSearchResults h2
{
	margin-bottom: 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #99b43b;
}

.customFormView hr
{
    display: none;
}

.searchResult .hyperLinkTitle
{
    text-decoration: underline;
}

p.formError
{
    font-weight: bold;
    color: Orange;
}

span.fieldRqrd
{
    padding-left: 5px;
}

div.searchResult table tr td
{
    padding: 5px 0;
}

div.searchResult div.ListPaging
{
    padding: 10px 0;
}

div.searchResult div.ListPaging .PageSelect
{
    font-size: 13px;
    font-weight: bold;
}

body.mailingListUnsubscribe .customFormView textarea, body.mailingListUnsubscribe .customFormView input
{
	width: 300px;
}

body.mailingListUnsubscribe .customFormView .buttonSubmit
{
	width: auto;
}