﻿/*

CONTENTS
————————
Editor
Masterpage
Common pages
Cases
Case
Services
Service
Event
Career
Popup box
Form
Pager
Specific classes

SUBCONTENTS
———————————
Images
Layout
Links
Lists
Text		

*/

/* *** Editor *** */
body.mceContentBody { text-align: left; float: left; font-family: Arial; font-size: 12px; }
.importantInformation { display: block; padding: 20px; border: solid 1px #ff6c1c; margin-top: 15px; margin-bottom: 15px; }
ul.importantInformation, .importantInformation ul { margin-left: -8px; list-style-image: url(../images/biner.li.marker.png); }
ul.importantInformation li, .importantInformation ul li { margin-top: 15px; }
.h2Header { border-bottom: 2px solid #ff6c1c; font-weight: bold; font-size: 16px; margin-bottom: 10px; color: #1d1d1d; }
.h3Header { border-bottom: 2px solid #ff6c1c; font-weight: bold; font-size: 12px; padding: 4px 5px 4px 8px; margin-bottom: 5px; color: #1d1d1d; }
.subHeader { color: #101010; font-weight: bold; }
p.subHeader { margin-top: 0; }
.ingressText { /*color: #676767;*/ font-size: 16px; line-height: 21px; }
.normalText { color: #4f4f4f; font-size: 12px; }
/* *** Editor End *** */

/* *** MASTERPAGE *** */

html * { padding: 0; margin: 0; }
body { text-align: center; font-family: Arial; color: #4f4f4f; font-size: 12px; line-height: 16px; }
p { margin-top: 0.7em; }
a { color: #676767; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
p a, tbody.normalText a { border-bottom: 1px solid #dddddd; }
p a:hover, tbody.normalText a:hover { border-color: #ff6c1c; }
img { border: none; }
h1, h2, h3, h4, h5 { color: #1d1d1d; }
h1 { text-align: right; font-size: 22px; line-height: 26px; }
h2 { border-bottom: 2px solid #ff6c1c; font-weight: bold; font-size: 16px; margin-bottom: 10px; }
h3 { border-bottom: 2px solid #ff6c1c; font-size: 12px; font-weight: bold; padding: 4px 5px 4px 8px; margin-bottom: 5px; }
h4 { border-bottom: 1px solid #ff6c1c; font-size: 12px; font-weight: normal; padding-bottom: 2px; padding-top: 10px; }
h5 { font-size: 12px; font-weight: bold; padding: 4px 5px 4px 8px; }
div.inputwrap { background-image: url(../images/inputBg.png); background-position: center center; background-repeat: no-repeat; }
input.text { width: 104px; height: 14px; margin: 5px; border: none; border-color: transparent; font-size: 11px; /*color: #676767;*/ background-color: transparent; overflow: hidden; }

/* IMAGES (MASTERPAGE) */

img#header_logo { float: left; margin-top: 23px; width: 170px; height: 50px; }
div.footer_newsletter_image { width: 17px; height: 15px; margin-left: 12px; margin-top: 3px; }

/* end IMAGES (MASTERPAGE) */

.header_search { width: 14px; height: 13px; margin-top: 7px; margin-right: 5px; }

/* LAYOUT (MASTERPAGE) */

div#wrap { position: relative; width: 976px; text-align: left; margin: 0 auto; }
div#pageHeader { height: 73px; }
div#page_title { padding-right: 13px; }
div#header_right { float: right; width: 800px; }
div#header_resources { float: right; clear: both; font-size: 9px; /*color: #676767;*/ margin-top: 16px; margin-right: 13px; }
div.header_search_wrap { float: left; border-bottom: 5px solid #000; margin-top: -4px; padding-left: 15px; }
div.header_search_wrap .inputwrap .text { margin-right: -4px; margin-bottom: 1px; }
div#header_menu { float: right; clear: both; margin-top: 16px; }
div#header_menu .inputwrap { margin-top: 3px; }

div#pageContent { width: 976px; margin-top: 15px; }

div#content_top { width: 976px; }
div#content_bottom { float: left; clear: both; width: 100%; }

.pageMainContent { margin-top: 20px; }

.pageMiddleContent { float: left; width: 544px; padding-left: 36px; padding-right: 36px; padding-top: 3px; }
.pageMiddleContent h2, .pageMiddleRightContent h2 { margin-top: 0; padding-bottom: 4px; }
.pageMiddleRightContent h2 { margin-bottom: 0; }

.pageMiddleRightContent { float: left; padding-left: 36px; /* padding-right: 49px; */ padding-top: 3px; width: 770px; }
.pageRightContent { float: right; margin-top: 7px; }
.pageRightContent h3.top { margin-top: -8px; }

div#content_bottom li { margin-left: 25px; }
div#footer { margin-top: 33px; min-width: 0; padding-top: 10px; padding-bottom: 33px; padding-left: 20px; border-top: 5px solid #000; clear: both; width: 955px; float: left; display: inline; color: #1d1d1d; }
div#footer a { color: #000000; }
div#footer_contact { float: left; font-size: 10px; font-weight: bold; height: 1.5em; margin-top: 2px; }
div#footer_contact a.linked { border-bottom: 2px solid #000000; text-decoration: none; }
div#footer_contact a.linked:hover { border-color: #ff6c1c; }
div#footer_image { margin-top: 16px; }
div#footer_newsletter_wrap { margin-right: -4px; }
div#footer_newsletter_text { font-size: 10px; font-weight: bold; float: right; margin-top: 5px; }
div#footer_newsletter { float: right; }

div#footer_newsletter_wrap .errors { clear: both; float: right; font-size: 10px; }
div#footer_newsletter_wrap .errors .error { color: #ff6c1c; }

/* end LAYOUT (MASTERPAGE) */

/* LINKS (MASTERPAGE) */

div#header_resources a { font-size: 10px; /*color: #676767;*/ text-decoration: none; }
div#header_resources a:hover { color: #000; }
div#header_menu { width: 800px; }
div#header_menu ul { float: right; list-style: none; }
div#header_menu li { float: left; }
div#header_menu h6 { font-size: 12px; float: left; border-bottom: 5px solid #000; height: 19px; padding-left: 8px; padding-right: 8px; }
div#header_menu h6 a { color: #101010; }
div#header_menu h6:hover { border-color: #ff6c1c; }
div#header_menu h6 a:hover { text-decoration: none; }

div#header_menu li.current a, div#header_menu li.current a:hover, div#header_menu li.trail a, div#header_menu li.trail a:hover { /*border-bottom: 5px solid #ff6c1c;*/ }
div#header_menu h6.selected, div#header_menu h6.selected:hover { border-color: #ff6c1c; }
a#footer_contact_link { border-bottom: 2px solid #000; font-size: 10px; font-weight: bold; height: 1.5em; }
a#footer_contact_link:hover { border-color: #ff6c1c; text-decoration: none; }

div#MainFlashMenu { width: 650px; }

/* end LINKS (MASTERPAGE) */

/* --- end MASTERPAGE --- */

/* --- COMMON PAGES --- */

/* LAYOUT (COMMON PAGES) */

div#sidebar_left { width: 170px; float: left; /* padding-top: 17px; */ }
div#sidebar_right { width: 180px; float: left; padding-top: 17px; }

div.highImageTeaserTop { /*margin-top: 8px;*/ clear: both; }
div.highImageTeaserSeparator { margin-top: 10px; }

/* end LAYOUT (COMMON PAGES) */

/* TEXT (COMMON PAGES) */

.header_arrow { border-bottom: 2px solid #000; font-weight: bold; font-size: 12px; /*color: #000;*/ margin-bottom: 10px; background-image: url(../images/biner.header.arrow.jpg); background-position: right center; background-repeat: no-repeat; }
.content_ingress { font-family: Arial; font-size: 16px; line-height: 21px; }
.below_ingress { /*color: #000;*/ font-size: 12px; /*line-height: 1.5em;*/ clear: both; margin-bottom: 30px; }
.important_infobox { padding: 20px; border: solid 1px #ff6c1c; margin-top: 25px; margin-bottom: 25px; }
.karriar_content { color: #4f4f4f; }
.karriar_content .content_ingress { /*color: #676767;*/ }
.karriar_content .important_infobox h2 { border: none; font-size: 12px; color: #4f4f4f; }
.karriar_page .highImageTeaserTop { margin-top: 4px; }
.image_comment { font-size: 11px; margin-bottom: 16px; }

/* end TEXT (COMMON PAGES) */

/* LISTS (COMMON PAGES) */
div#sidebar_left { line-height: 15px; }
div#sidebar_left h4 { padding: 12px 5px 4px 13px; border-color: #ABABAB; }

div#sidebar_left h3, div#sidebar_left h4 { width: 157px; padding-left: 13px; }

div#sidebar_left h3.LeftMenuSubheading { margin-top: 30px; }
div#sidebar_left a { text-decoration: none; color: #101010; }
div#sidebar_left .hover { border-color: #FF6C1C; }
div#sidebar_left h4.current { border-color: #FF6C1C; font-weight: bold; }
div#navigation { width: 175px; }
div#navigation ul { list-style-type: none; padding: 0; margin: 0; clear: both; }
div#navigation li { width: 175px; overflow: hidden; clear: both; margin-left: 0; }
div#navigation li a { font-size: 12px; color: #4f4f4f; clear: both; display: block; float: left; width: 175px; padding: 7px 5px 4px 0; border-bottom: 1px solid #ababab; overflow: hidden; }

div#navigation li a.current { border-color: #ff6c1c; font-weight: bold; color: #101010; }
div#navigation li a.trail { border-color: #ff6c1c; font-weight: bold; color: #101010; }

div#navigation li.trail.hasChildren a.trail { border-bottom-color: #ababab; font-weight: normal; color: #101010; }

/*div#navigation li.trail.haschildren { font-weight: normal; }*/

/*div#navigation ul li.haschildren a
{
	border: none;
}*/
/*div#navigation ul li.haschildren ul li a
{
	border-bottom: 1px solid #ababab;
}*/
/*div#navigation ul li.haschildren ul li.haschildren a
{
	border: none;
}*/
/*div#navigation ul li.haschildren ul li ul li a
{
	border-bottom: 1px solid #ababab;
}*/
div#navigation ul li a { padding-left: 13px; margin-right: -13px; }
div#navigation ul li ul li a { padding-left: 26px; margin-right: -26px; }
div#navigation ul li ul li ul li a { padding-left: 39px; margin-right: -39px; }

/* ------------- */

div#sitemap ul { }
div#sitemap li { margin: 0; padding: 0; margin-right: 25px; list-style-type: none; width: 300px; overflow: hidden; float: left; }

div#sitemap ul li { margin-bottom: 30px; }
div#sitemap ul li li { margin: 10px 0 0 0; }
div#sitemap ul li li li { margin: 10px 0 0 13px; }
div#sitemap ul li li.hasChildren { margin-bottom: 5px; }

div#sitemap a { float: left; width: 300px; border-bottom: 1px solid #101010; text-decoration: none; }
div#sitemap a:hover { float: left; width: 300px; border-bottom-color: #FF6C1C; }

div#sitemap ul li a { text-align: center; border-bottom-width: 2px; font-weight: bold; }

div#sitemap ul li li a, div#sitemap ul li li.hasChildren li a { text-align: left; border-bottom-color: #ffffff; font-weight: normal; }
div#sitemap ul li li a:hover, div#sitemap ul li li.hasChildren li a:hover { border-bottom-color: #ffffff; }

div#sitemap ul li li.hasChildren a { text-align: left; border-bottom-width: 1px; border-bottom-color: #101010; font-weight: bold; height: 18px; }
div#sitemap ul li li.hasChildren a:hover { border-bottom-color: #FF6C1C; }

/*
div#sitemap ul
{
	list-style-type: none;
	list-style-position: inside;
	width: 976px;
	overflow: hidden;
}
div#sitemap li { margin:0; padding:0; list-style-type: none; }
div#sitemap ul li
{
	width: 300px;
	overflow: hidden;
	float: left;
	padding: 10px;
}
div#sitemap ul li a
{
	border-bottom: 2px solid #000;
	font-weight: bold;
	float: left;
	width: 300px;
	text-align: center;
	text-decoration: none;
}
div#sitemap ul li a:hover
{
	text-decoration: none;
	color: #000;
	border-bottom: 2px solid #ff6c1c;
}
div#sitemap ul li ul li
{
	border: none;
	width: 300px;
	padding: 2px;
	padding-top: 10px;
	float: left;
	clear: both;
}
div#sitemap ul li ul li a
{
	border: none;
	font-weight: normal;
	text-align: left;
	width: 300px;
}
div#sitemap ul li ul li a:hover
{
	border: none;
	text-decoration: underline;
}
div#sitemap ul li ul li.hasChildren a
{
	float: left;
	padding-bottom: 2px;
	padding-left: 2px;
	font-weight: bold;
	border-bottom: 1px solid #ababab;
}
div#sitemap ul li ul li.hasChildren a:hover
{
	border-color: #ff6c1c;
	text-decoration: none;
}
div#sitemap ul li ul li ul, div#sitemap ul li ul li.hasChildren
{
	list-style-type: circle;
	list-style-position: inside;
}
div#sitemap ul li ul li.hasChildren ul li
{
	clear: both;
	width: 300px;
}
div#sitemap ul li ul li.hasChildren ul li a
{
	float: none;
	font-weight: normal;
	border: none;
	width: 300px;
	padding-left: 4px;
}
div#sitemap ul li ul li.hasChildren ul li a:hover
{
	text-decoration: underline;
}
*/

/* padding-lefts *
.sitemap ul li a
{
	padding-left: 8px;
}
.sitemap ul li ul li a
{
	padding-left: 16px;
}
.sitemap ul li ul li ul li a
{
	padding-left: 24px;
}
.sitemap ul li ul li ul li ul li a
{
	padding-left: 32px;
}

/* end LISTS */

/* --- end COMMON PAGES --- */

/* --- START --- */
.start_content { clear: both; margin-top: -9px; padding-top: 0px; padding-left: 20px; padding-right: 20px; font-size: 11px; line-height: 15px; }
.start_content_item { /*color: #676767;*/ width: 292px; padding-top: 6px; }
.start_content_item .header_arrow { width: 292px; }

.start_content_item_left { float: left; margin-right: 29px; }
.start_content_item_center { float: left; margin-right: 29px; }
.start_content_item_right { float: right; }
div#start_content_item_right h2 { text-align: right; }
.start_content .newsbox a { color: #1D1D1D; }
.start_separator { border-bottom: 1px dotted #d0d0d0; clear: both; /*margin-right: 18px;*/ padding-top: 11px; }
.start_content_readmore { text-decoration: none; font-size: 12px; border-bottom: 2px solid #000; float: left; font-weight: bold; }
.start_content_readmore:hover { text-decoration: none; border-bottom: 2px solid #ff6c1c; }
.start_content_readmore_right { text-align: right; float: right; }

.start_text_teaser_item a:hover { text-decoration: none; }
a:hover .header_arrow { border-color: #ff6c1c; }

/* --- end START --- */

/* --- CASES --- */
.cases_wrap { padding-left: 13px; padding-right: 13px; }
.cases { display: inline-block; border-top: 1px dotted silver; border-left: 1px dotted silver; }
.cases a { text-decoration: none; }
.cases_case /*, .cases_case_left, .cases_case_top*/ { padding: 3px; background-color: #fff; float: left; width: 309px; height: 287px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; }
.cases_image { width: 296px; height: 270px; padding: 17px 0 0 12px; }
/*
.cases_case_top
{
	border-top: 1px dotted silver;
}
.cases_case_left
{
	border-left: 1px dotted silver;
}
*/

/* LINKS (CASES) */
/*
a.case_fortum
{
	background-color: #fff;
	cursor: pointer;
	margin: 5px;
	display: block;
	width: 290px;
	height: 290px;
	padding: 10px;
	position: relative;
}
a.case_fortum:hover
{
	background-color: #ff6c1c;
	text-decoration: none;
}
*/
.cases_header a { color: #ff6c1c; font-size: 12px; font-weight: bold; }

.cases .cases_header { color: #ff6c1c; font-weight: bold; }
.cases .cases_info { color: #9b9b9b; }
.cases .hover .cases_header { color: #000000; }
.cases .hover .cases_info { color: #ffffff; }

/*a.case_fortum:hover*/.cases_header { color: #000; }
.cases_info { padding-top: 4px; color: #9b9b9b; font-size: 16px; line-height: 21px; font-weight: bold; }
/*a.case_fortum:hover*/.cases_info a { color: #fff; }

/* end LINKS (CASES) */

/* IMAGES (CASES) */
/*
a.cases_item img
{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
*/
/* end IMAGES (CASES) */

/* --- end CASES --- */

/* --- CASE *** --- */

/* --- end CASE --- */

/* --- SERVICES --- */

.servicesLandingPage { font-size: 12px; margin-top: 0; }
.servicesLandingPage h3 { margin: 0; padding: 0; clear: both; }
.servicesLandingPage .teaserImageThumbnail { float: left; cursor: pointer; margin-top: 0.7em; }
.servicesLandingPage .teaserText { float: right; width: 307px; }
.servicesLandingPage .teaserLink { clear: both; cursor: pointer; margin-top: 10px; }
.servicesLandingPage .teaserLink span { border-bottom: 2px solid #000; font-weight: bold; color: #000; background-image: url(../images/biner.header.arrow.jpg); background-position: left center; background-repeat: no-repeat; padding-left: 17px; }
.servicesLandingPage .teaserLink:hover span, .servicesLandingPage .teaserLink:hover span:hover, .servicesLandingPage .teaserLink span:hover { border-color: #ff6c1c; }

/* TEXT (SERVICES) */

.services_content_item { font-size: 16px; line-height: 21px; /*color: #676767;*/ clear: both; /*padding-top: 3px;*/ }
.services_content_item h2 { line-height: 16px; }
.services_leftmenu { float: left; margin-top: 17px; }
.services_content_item div { display: none; }
.services_content_readmore { color: #000000; text-decoration: none; font-size: 12px; border-bottom: 2px solid #000; display: block; padding-left: 5px; padding-right: 8px; margin-top: 15px; margin-bottom: 25px; float: left; font-weight: bold; line-height: 16px; cursor: pointer; }
.services_content_readmore.showing { margin-bottom: 8px; }
.services_content_readmore:hover { text-decoration: none; border-bottom: 2px solid #ff6c1c; }

/* end TEXT (SERVICES) */

/* LAYOUT (SERVICES) */

div#services_content { /* 	width: 580px; 	padding: 16px; 	float: left;     */ }

/* end LAYOUT (SERVICES) */

/* IMAGES (SERVICES) */

.services_content_readmore img { height: 9px; width: 8px; }

/* end IMAGES (SERVICES) */

/* --- end SERVICES --- */

/* --- EVENT *** --- */

/* LAYOUT (EVENT) */

.event_sidebar_news { float: left; width: 182px; padding-right: 28px; margin-left: 14px; }
.eventpage { margin-top: 41px; }
.eventpage_content { float: left; width: 544px; /* 576 */ margin-left: 19px; margin-right: 27px; /*margin-top: 17px;*/ /*color: #676767;*/ }
.eventpage_content strong { color: Black; }
.event_content_ingress { font-family: Arial; font-size: 16px; }
.event_separator { border-bottom: 1px dotted #d0d0d0; padding-top: 10px; margin-bottom: 10px; }

.event_sidebar_links_image { margin-bottom: 24px; }

/* end LAYOUT (EVENT) */

/* TEXT (EVENT) */

.event_item_news { font-family: Arial; font-weight: normal; font-size: 12px; /*color: #676767;*/ }
.event_item_newsheader_date { font-family: Arial; font-weight: bold; font-size: 12px; color: #676767; float: left; }
.event_item_newsheader { font-family: Arial; font-weight: bold; font-size: 12px; color: Black; float: left; }

/* end TEXT (EVENT) */

/* --- end EVENT --- */


/* --- COURSE MAIN --- */

.course_filter { width: 100%; background: white url(../Images/helene/gradient.png) repeat-x top; padding-top: 10px; }
.course_filter div { padding: 10px; }
.course_filter_dropdown { float: left; }
.course_filter_dropdown h3 { border-bottom: none; margin-top: 6px; }
.course_filter_dropdown select { padding: 2px 2px 2px 5px; }
.course_filter_dropdown select option { margin: 2px 10px; }
.course_filter_button { float: left; }
.course_filter_button input { margin-top: 35px; padding: 2px 10px; }

.course_overview_head { font-family: arial,helvetica,sans-serif; color: #999; font-weight: bold; padding: 5px 0; border-bottom: 1px dotted #999; border-top: 1px dotted #999; background: white url(../Images/helene/gradient.png) repeat-x 0 1px; float: left; width: 100%; }
.course_overview_head div { float: left; margin: 0 5px; }

.course_overview_date { width: 85px; }
.course_overview_name { width: 280px; }
.course_overview_place { width: 80px; }
.course_overview_cat { width: 120px; }
.course_overview_book { text-align: left; }

.course_overview { float: left; width: 100%; margin-bottom: 60px; }
.course_overview_sektion { float: left; width: 100%; margin: 10px 0; }
.course_overview_row { border-bottom: 1px dotted #999; float: left; width: 100%; padding: 5px 0; }
.course_overview_sektion h4 { border-bottom: 2px solid black; font-weight: bold; font-size: 14px; padding-left: 5px; }
.course_overview_row div { float: left; margin: 0 5px; }

.course_overview_row .course_icons { float: right; }
.course_overview_row .course_icon { position: relative; width: 20px; height: 15px; }
.course_icon_hover { position: absolute; background-color: black; top: -50px; background: url(../Images/helene/black_tip.png) no-repeat bottom right; width: 200px; left: -205px; visibility: hidden; }
.course_icon_hover p { background: black; color: white; padding: 10px; margin-bottom: 10px; }

/* --- end COURSE MAIN ---*/

/* --- COURSE DETAIL ---*/

.subnavImage_content .course_filter { padding-top: 0; }
.subnavImage_content .course_filter.first { margin-top: -10px; padding-top: 5px; }
.subnavImage_content .course_filter h4 { font-weight: bold; border-bottom: 1px dotted #999; padding-left: 5px; padding-bottom: 5px; }
.subnavImage_content .course_filter span { margin-right: 15px; }
.subnavImage_content .course_filter span strong { color: #101010; }
.subnavImage_content .course_filter div { margin: 5px; padding: 0; }

.course_content { margin-top: 60px; margin-bottom: 60px; }
.course_tab_menu { position: relative; width: 100%; border-bottom: 2px solid #ff6c1c; height: 0; }
.course_tab_menu ul { position: absolute; bottom: -15px; list-style-type: none; margin: 0; padding: 0; }
div#content_bottom .course_tab_menu li { float: left; padding-bottom: 15px; background: transparent; margin-left: 0; margin-right: 5px; }
div#content_bottom .course_tab_menu li.selected { float: left; padding-bottom: 13px; background: transparent url(../Images/helene/orange_tip.png) no-repeat bottom left; }
div#content_bottom .course_tab_menu li.selected a { background: #ff6c1c; color: white; }
div#content_bottom .course_tab_menu li a { display: block; background: white; padding: 5px 10px; color: black; font-weight: bold; font-size: 14px; }
div#content_bottom .course_tab_menu li a:hover { color: #ff6c1c; }
div#content_bottom .course_tab_menu li.selected a:hover { color: #fff; }
.course_section { padding-top: 20px; }

.course_detail_overview { /* background:white url(../Images/helene/gradient.png) repeat-x top;*/ margin-top: -10px; padding-top: 10px; padding-bottom: 10px; }
.course_detail_overview h4 { font-weight: bold; font-size: 13px; padding-left: 5px; }
.course_detail_overview p { padding-left: 5px; }
.subnavImage_content .course_filter.detail_course_filter { border-bottom: 1px solid #999; }
.subnavImage_content .course_filter.detail_course_filter div { margin-bottom: 0; padding-bottom: 5px; }

/* --- end COURSE DETAIL ---*/


.course_right_menu { margin-top: 10px; }
.course_right_menu h4 { font-weight: bold; padding-left: 10px; border-bottom: 2px solid #ff6c1c; }
.course_right_menu_sektion { background: white url(../Images/helene/gradient.png) repeat-x 0 1px; padding: 10px 5px 10px 5px; border-top: 1px dotted #999; }
.course_right_menu_sektion.first { border-top: none; background: white url(../Images/helene/gradient.png) repeat-x 0 0; }
.course_right_menu_sektion h5 { color: #ff6c1c; text-transform: uppercase; margin: 0; padding: 0; font-size: 10px; }
.course_right_menu_sektion .left { width: 135px; float: left; padding-left: 5px; font-size: 10px; line-height: 14px; }
.course_right_menu_sektion .right { float: left; }

a.course_signup_icon { display: block; width: 20px; height: 16px; background: transparent url(../Images/helene/course_icon.png) no-repeat -22px 0; }
a:hover.course_signup_icon { background-position: 0 0; }

div.course_navigation { width: 175px; }
div.course_navigation ul { list-style-type: none; padding: 0; margin: 0; clear: both; }
div#content_bottom div.course_navigation li { width: 175px; overflow: hidden; clear: both; margin-left: 0; }

/*div#sidebar_left */div.course_navigation li a { font-size: 12px; color: #4F4F4F; clear: both; display: block; float: left; width: 170px; padding: 7px 5px 4px 13px; border-bottom: 1px solid #ababab; overflow: hidden; }
div#sidebar_left div.course_navigation li a:active { font-size: 12px; color: #101010; clear: both; display: block; float: left; width: 170px; padding: 7px 5px 4px 13px; border-bottom: 1px solid #ababab; overflow: hidden; }


div.course_navigation li a.current { border-color: #ff6c1c; font-weight: bold; color: #101010; }
/*div#sidebar_left */div.course_navigation li a:hover { border-color: #ff6c1c; }


/* --- CAREER --- */

/* LAYOUT (CAREER) */

.karriar_content_container { padding-top: 42px; margin-bottom: 42px; }
.karriar_sidebar_left { width: 167px; float: left; margin-right: 28px; margin-top: 17px; }
.karriar_content { /* 	width: 568px; 	float: left; 	margin-right: 33px; 	margin-top: 19px;     */ }

.career_sidebar_links { width: 175px; float: left; margin-top: 15px; }

.career_sidebar_links_image { margin-bottom: 24px; }
/* end LAYOUT (CAREER) */

/* LINKS (KARRIAR) */

.karriar_link { font-weight: bold; text-decoration: underline; }
.karriar_link:hover { text-decoration: none; border-bottom: 2px solid #ff6c1c; }
/* end LINKS (KARRIAR) */
/* --- end CAREER --- */

/* NEWSPRESS */
.newspress_item_sidebar_left { /* 	float: left; 	width: 170px; 	margin-right: 36px; 	margin-top: 15px;     */ }
.newspress_item_sidebar_right { /* 	float: right; 	width: 175px; 	margin-top: 21px;     */ }
.newspress_sidebar_left { float: left; width: 170px; margin-right: 36px; margin-top: 15px; }
.newspress_list { float: left; width: 544px; margin-right: 49px; margin-top: 15px; }
.newspress_header { border-bottom: 2px solid #000000; font-weight: bold; font-size: 16px; height: 20px; margin-top: 3px; margin-bottom: 29px; }
.newspress_header img { float: left; margin-top: 2px; margin-bottom: -2px; }
.newspress_header a { float: left; color: #000000; font-size: 12px; padding: 0 8px 2px 8px; border-bottom: 2px solid #000; text-decoration: none; }
.newspress_header a:hover { border-bottom: 2px solid #ff6c1c; }
.newspress_header .current { float: left; border-bottom: 2px solid #ff6c1c; padding-bottom: 2px; }
.newspress_header .current a, .newspress_header .current a:hover { border-bottom: none; padding-bottom: 0; }
.newspress_header_left { float: left; margin-top: 2px; }
.newspress_header_right { float: right; height: 18px; margin-top: 2px; }

.newspress_sidebar_right { float: left; width: 175px; margin-top: 22px; }

.newspress_item { clear: both; }

.newspressitem_content { /* 	float: left; 	width: 544px; 	margin-top: 17px; 	margin-right: 51px;     */ color: #4f4f4f; }
.newspressitem_content_text { color: #404040; }
/*
.newspress_item_topheader:
{
	float: left;
	clear: both;
	
}
*/
.newspress_item_header { font-family: Arial; font-size: 12px; font-weight: bold; clear: both; }
.newspress_item_header a { color: #101010; }
.newspressitem_content_itemheader, .newspress_item_topheader { float: left; clear: both; width: 100%; color: #ababab; font-size: 11px; font-weight: bold; margin-bottom: 7px; }
.newspress_item_topheader { margin-bottom: 0; }
.newspressitem_content_itemheader_date { float: left; }
.newspressitem_content_itemheader_categoryheader { float: right; }
.newspressitem_content_itemheader_category { font-weight: normal; }
.newspressitem_content { /* 	float: left;     */ }
.newspress_item_header a { font-family: Arial; font-size: 12px; font-weight: bold; border-bottom: 2px solid #000; }
.newspress_item_header a:hover { text-decoration: none; border-bottom: 2px solid #ff6c1c; }
.newspress_item_date { float: left; /* 	color: #676767;	 	font-size: 11px;     */ }

.newspress_item_category { float: right; /*     color: #676767;	 	font-size: 11px;     */ }
.newspress_separator { border-bottom: 1px dotted #d0d0d0; margin-top: 20px; margin-bottom: 20px; }
/* end NEWSPRESS */


/* --- POPUP BOX --- */
.popUpBox { /*display: none;*/ }

.popUpBox .t { background: url(../images/popupbox/t.png) repeat-x; height: 31px; }
.popUpBox .tl { background: url(../images/popupbox/tl.png) no-repeat; width: 31px; height: 31px; }
.popUpBox .tr { background: url(../images/popupbox/tr.png) no-repeat; width: 31px; height: 31px; }

.popUpBox .l { background: url(../images/popupbox/l.png) repeat-y; width: 31px; }
.popUpBox .r { background: url(../images/popupbox/r.png) repeat-y; width: 31px; }
.popUpBox .b { background: url(../images/popupbox/b.png) repeat-x; height: 31px; }
.popUpBox .bl { background: url(../images/popupbox/bl.png) no-repeat; width: 31px; height: 31px; }
.popUpBox .br { background: url(../images/popupbox/br.png) no-repeat; width: 31px; height: 31px; }

.modalBackground { background-color: #4c4c4c; opacity: 0.7; }
.popUpBox .content { background-color: #ffffff; }

a.modalCloseImg, a.modalCloseImgNew { background: url(../images/popupbox/close.png) no-repeat; width: 20px; height: 20px; display: inline; z-index: 3200; position: absolute; top: 20px; left: 20px; cursor: pointer; }

.modalBackground { filter: alpha(opacity=70); -moz-opacity: 0.70; }
/*- jquery.simplemodal -*/
/* Overlay */
/*
#simplemodal-overlay { background-color: #000000; }
*/

/* Container */
/*
#simplemodal-container { }
#simplemodal-container a.modalCloseImg { background:url(../images/popupbox/close.png) no-repeat; width: 20px; height: 20px; display: inline; z-index:3200; position: absolute; top: 20px; left: 20px; cursor:pointer; }
#simplemodal-container #basicModalContent { }

#simplemodal-container .content { background-color: #ffffff; }
*/

.popUpDiagram { width: 650px; padding: 22px; }
/* --- POPUP BOX --- */


/* --- FORM --- */
.formPageItem { width: 612px; text-align: left; margin: 10px; }
.course_overview_row .formPageItem { width: 612px; text-align: left; margin: 10px 0; }
.formPageItem .button { clear: both; float: none; }
.formPageItem .button a { padding-left: 18px; padding-right: 5px; color: #1d1d1d; border-bottom: 2px solid #000; font-weight: bold; background-image: url(../images/biner.header.arrow.jpg); background-position: left 0; background-repeat: no-repeat; text-decoration: none; line-height: 2em; }
.formPageItem .button a:hover { border-color: #ff6c1c; }
.formPageItem .button a:active { border-color: #ff6c1c; }

.formItems { clear: both; font-size: 12px; width: 612px; }

.formItem { width: 282px; float: left; margin-top: 10px; margin-bottom: 11px; }
.formItem h3 { border: none; margin: 0; padding: 0; float: left; }
.formItem .subHeader { margin-left: 0; }
.formItem div { clear: both; }

.formItem.odd { float: left; clear: left; }
.formItem.even { float: right; clear: right; }

.formItem .control { width: 100%; clear: both; margin-top: 4px; }

.formItem .selectControl { width: 40%; clear: both; margin-top: 4px; }

.formItem.SingleLine, .formItem.Password { }
.formItem.SingleLine .control, .formItem.Password .control { width: 100%; border: none; border-bottom: 2px dotted #B2B2B2; }
.formItem.SingleLine .control:focus { outline-style:none; outline-width:0; }

.formItem.SingleLine .largetext { resize:none; border: none; border-color: transparent; background-image: url(../images/largetext.png); background-repeat: no-repeat; background-position: top left; width: 265px; height: 119px; padding: 10px; overflow: hidden; margin-top: 30px; }
.formItem.SingleLine .largetext:focus { outline-style:none; outline-width:0; }

.formItem.MultiLine { width: 609px; clear: both; float: none; }
.formItem.MultiLine .control { border: 1px solid #B2B2B2; width: 589px; height: 71px; }

.formItem .errorHeader { color: #ff6c1c; font-weight: bold; }
.formItem .error { color: #ff6c1c; font-style: italic; }

.formItem input, .formItem textarea { color: #6e6e6e; font-family: Arial; font-size: 12px; }
.formItem textarea { padding: 10px; }

.formMessage { background-color: #ffffff; color: #000000; }

/*- Registration form -*/
.registrationForm { padding: 0; z-index: 5000; }
/* --- end FORM --- */


/* --- end PAGER --- */
.pager { font-weight: bold; font-size: 11px; color: #ffffff; }
.pager a { text-decoration: none; }
.pager .items a { text-align: center; float: left; width: 20px; height: 16px; background: url(../images/PagerBg.png) repeat-x 0 4px; }
.pager .items a.current { color: #ff6c1c; background-image: url(../images/PagerBgCurrent.png); }
.pager .button { float: left; border: none; border-bottom: 1px solid #000000; padding: 0; margin: 0 6px 0 6px; }
.pager .button:hover { border-bottom: 1px solid #ff6c1c; }
.pager .disabled { border: none; color: #ababab; }
.pager img { float: left; margin-bottom: -10px; }

.pager .separator { float: left; background: url(../images/PagerSeparator.png) no-repeat 0 4px; width: 2px; height: 16px; }
/* --- end PAGER --- */


/* --- SPECIFIC CLASSES --- */
.black { color: #000; }
.float_left { float: left; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.clear { height: 1px; display: block; clear: both; width: 99%; }
.simpleclear { height: 0px; font-size: 0px; display: inline; clear: both; }
.hidden { display: none; }

div.searchResult { width: 544px; }
div.searchResultRow { padding-bottom: 10px; font-weight: bold; clear: both; }

div#MainFlashMenu { float: left; }
.flashItem { clear: both; margin-bottom: 25px; }
div#startPage .flashItem { margin-bottom: 15px; }

.infobox_list { margin-left: -8px; list-style-image: url(../images/biner.li.marker.png); }
.infobox_list li { margin-top: 15px; }
.flash-replaced { overflow: hidden; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
.event_info { }
.event_image { float: left; width: 576px; height: 275px; }
.event_infobox { width: 399px; height: 275px; background-color: #ff6c1c; font-family: Arial; font-size: 12px; color: White; float: left; }
.event_info_text { margin: 15px; }
.event_info_text p { margin: 0; }
.event_info_text_header { font-weight: bold; font-size: 12px; border-bottom: 2px solid; color: White; }
.event_signup_image_link a, .course_signup_image_link a { float: left; /*border-bottom: 2px solid;*/ font-family: Arial; font-size: 12px; text-decoration: none; }
.event_signup_image_link a { margin-left: 15px; border-color: White; color: White; }
.event_signup_image_link a:hover { text-decoration: none; }
.course_signup_image_link a { color: Black; border-color: Black; }
.course_signup_image_link a:hover /*, .course_signup_image_link:hover a */ { border-color: #ff6c1c; }
.course_signup_image_link { margin-top: 5px; margin: -4px 0 10px 5px; float: left; clear: both; width: 98%; cursor: pointer; }
.course_info { padding: 6px 0 4px 6px; border-bottom: 1px dotted #ccc; clear: both; float: left; width: 100%; }
.course_detail { float: left; margin-right: 15px; }
.course_detail strong { color: Black; }
#course_additional { margin-top: 15px; }
#course_additional .services_content_item p { font-size: 12px; }
.subnavImagePage { /*margin-top: 16px;*/ }
.subnavImage_content { /* 	float: left; 	padding-top: 3px; 	width: 500px;	     */ }
.event_sidebar_links { float: right; /*margin-top: 6px;*/ width: 175px; }
.event_sidebar_newsbox { /*margin-top: 22px; 	margin-left: 15px; 	margin-right: 25px;*/ float: left; width: 183px; }
/*** NewsBox ***/
.newsbox { float: left; font-family: Arial; font-size: 12px; /*color: #676767;*/ width: 175px; }
.start_content .newsbox { font-size: 11px; width: 100%; }
.start_content .newsbox .newsbox_item_text { clear: none; }
.newsbox_item { float: left; }
.newsbox_item p { margin: 0; }
.newsbox_topheader { }
.newsbox_topheader a { color: #101010; }
.newsbox_topheader a:hover { text-decoration: none; font-size: 12px; }
.newsbox_item_date { font-weight: bold; float: left; color: #ababab; }
.newsbox_item_header { font-weight: bold; float: left; }
.newsbox_item_header a { color: #1d1d1d; }
.newsbox_item_text { clear: both; }
div.newsbox_separator { clear: both; border-bottom: 1px dotted #d0d0d0; margin-top: 10px; margin-bottom: 10px; line-height: 10px; }
/*** end NewsBox ***/

/*** SubNavImgTopText ***/
.subnavimgtoptext_sidebar_left { float: left; width: 167px; margin-top: 17px; margin-right: 28px; }
.subnavimgtoptext_content { /* 	float: left; 	margin-top: 20px; 	margin-right: 33px; 	width: 568px; 	font-family: Arial; 	font-size: 12px; 	color: #676767;     */ }
.subnavimgtoptext_content strong { color: Black; }
.subnavimgtoptext_content_ingress { font-size: 16px; }
.subnavimgtoptext_sidebar_links { float: right; margin-top: 24px; width: 180px; }
/*** end SubNavImgTopText ***/
/* --- end SPECIFIC CLASSES --- */

.dates { font-size: 10px; }

.formPageItem h4 { border-bottom: 1px solid #FF6C1C; clear: both; font-size: 12px; padding-left: 0; }
.formPageItem p { clear: both; }
.formPageItem div { margin: 8px 0 0; }
.formPageItem div.subHeader { margin: 0; float: none; position: relative; }
.formPageItem .course_filter_drops .formItem { margin: 5px 0 12px; }
.formPageItem .formItem { margin-bottom: 10px; margin-top: 10px; }
.formPageItem h2 { margin-bottom: 0; padding-bottom: 0; }
.formPageItem .formItem.even { float: right; }
.formPageItem .course_filter_form { margin: 0; padding: 0; /*background:white url(../Images/helene/gradient.png) repeat-x scroll 0 0; */ width: 100%; border-bottom: 1px dotted #999; }
.formPageItem .form_header { display: block; margin-left: 0; margin-top: 0; padding-top: 10px; }
.formPageItem .form_header_info { display: block; clear: both; /*border-top:1px dotted #999;*/ width: 602px; margin: 0; padding: 0 0 5px; }
.formPageItem .course_filter_drops { /*background:white url(../Images/helene/gradient.png) repeat-x scroll 0 0;*/ margin: 0; width: 612px; padding-bottom: 0px; padding-left: 0; border-bottom: 1px dotted #999; }
.float_right { float: right; }

.StuffToStyle { line-height: 18px; }
.StuffToStyle h2 { font-size: 16px; margin: 0; padding: 0; border-bottom: none; font-weight: bold; color: #101010; margin-bottom: 7px; margin-top: 14px; }
.StuffToStyle h3 { font-size: 14px; margin: 0; padding: 0; border-bottom: none; font-weight: bold; color: #101010; margin-bottom: 7px; margin-top: 14px; }
.StuffToStyle h4 { font-size: 12px; margin: 0; padding: 0; border-bottom: none; font-weight: bold; color: #101010; margin-bottom: 7px; margin-top: 14px; }
.StuffToStyle ul { list-style-image: url(../Images/thehoff.png); }
.StuffToStyle ul li { padding: 2px; }

.personel_panel { width: 186px; }
.orange { color: #ff6c1c; }
.errors_new { float: right; color: #ff6c1c; }
.additional_booking_ass { margin-top: 5px; }

.book_icon_hover { background: transparent url(../Images/helene/black_tip_flip.png) no-repeat scroll left bottom; position: absolute; visibility: hidden; font-size: 11px; }
.book_icon_hover.cert { left: 92px; top: -57px; }
.book_icon_hover.stuff { left: 77px; top: -57px; }
.book_icon_hover p { background: black; color: white; padding: 10px; margin-bottom: 10px; position: relative; }
.subHeader .info_link { font-weight: normal; cursor: pointer; color: #ABABAB; }
.book_icon_hover span { white-space: nowrap; }
.sent_view { min-height: 200px; }
.sent_view h3 { border-bottom: medium none; font-size: 14px; font-weight: bold; margin: 20px 0 10px; padding: 0; }
.formPageItem .clear { margin: 0; padding: 0; }


/* Embryo form
------------------------------------------------- */

.embryoform { width: 612px; height: 508px; padding: 18px 10px 22px 10px !important; position: relative; line-height: 18px; }
.embryoform div { margin-left: 0; width: 100%; }
.embryoform .radio-button { font-weight: bold; }
.embryoform .radio-button input { margin-right: 5px; }
.embryoform .radio-button label { color: #1d1d1d; }
.embryoform h2 { border-bottom: 2px solid #f66207; font-size: 16px; font-weight: bold; margin-bottom: 0; }
.embryoform h3 { font-size: 16px; font-weight: bold; border: 0; margin: 0; padding: 0 0 30px; }
.embryoform h4 { font-size: 14px; font-weight: bold; border: 0; margin: 0; padding: 0 0 18px; }
.embryoform .top { background: url(../images/embryo_form_top.png) repeat-x top left; width: 100%; padding-top: 10px; line-height: 25px; margin: 0; }
.embryoform .border-dotted { border-bottom: 1px dotted #d0d0d0; width: 100%; height: 1px; margin: 0; padding: 0; }
.embryoform .border-solid { border-bottom: 1px solid #ababab; width: 100%; height: 1px; margin: 0; padding: 0; }
.embryoform .steps { height: 28px; border-bottom: 2px solid #f66207; font-size: 16px; font-weight: bold; color: #a8a7a7; width: 100%; margin: 27px 0 0; }
.embryoform .steps ul { list-style: none; }
.embryoform .steps li { float: left; padding: 7px; margin: 0 !important; }
.embryoform .steps .selected { background-color: #ff6c27; color: #FFFFFF; height: 16px; }
.embryoform .clearboth { clear: both; height: 0; }
.embryoform .columnA { width: 280px; float:left; margin: 0; }
.embryoform .columnA div { margin-left: 0; }

.embryoform .columnB { width: 280px; float:right; }
.embryoform .bullet { color: #ea5b0c; }
.embryoform #stepcontainer { padding-top: 27px; height: 310px; margin: 0; }
.embryoform .bold { font-weight: bold; color: #000000; }
.embryoform input[type="text"] { margin-bottom: 25px; }

.embryoform #step2 .columnB { clear: none; }

.embryoform #step4 .row1 div { width: 33%; float: left; margin: 0; }
.embryoform #step4 .row1 .InfoContainer { width: 250px; }

.embryoform #step4 .row2 .columnA { width: 450px; }
.embryoform #step4 .row2 .columnA .InfoContainer  { width: 250px; float: left; }
.embryoform #step4 .row2 .columnA .PriceContainer  { width: 80px; float: left; }
.embryoform #step4 .row2 .columnA .PriceContainer div { text-align: right; }
.embryoform #step4 .row2 .columnB { width: 100px; }

.embryoform #step4 .row2 .columnB #Totals { width: 100px; position: absolute; bottom: 0; }
.embryoform #step4 .row2 .columnB #Totals #TotalText { color: Gray; line-height: 20px; }
.embryoform #step4 .row2 .columnB #Totals #TotalPrice { font-weight: bold; font-size: 16px; }

.embryoform #step4 .border-dotted { margin-top: 20px; }
.embryoform #step4 .row2 { padding-top: 15px; position: relative; }

.embryoform .step5label { font-size: 16px; line-height: 21px; padding-top: 20px; }
.embryoform .step5label p { padding-top: 16px; }

.embryoform .copyaddresscontainer { height: 62px; }
.embryoform .stepcontent { display: none; margin: 0; }
.embryoform .small { width: 130px; clear: none; font-size: 12px; line-height: 16px; padding-left: 0; }
.embryoform .left { float: left; margin-left: 0; }
.embryoform .right {float: right; }
.embryoform #stepnavigation { vertical-align: bottom; }
.embryoform .descriptionrow span { margin-bottom: 18px; display: block; }
.embryoform .previous { color: #000000; }

.embryoform #prev { height: 30px; width: 80px; overflow: hidden; outline-style:none; outline-width:0; }
/*.embryoform #prev:hover img { margin-top: -30px; }*/
.embryoform .disabled img { margin-top: -60px; }
.embryoform .hover img { margin-top: -30px; }

.embryoform #next { height: 30px; width: 80px; overflow: hidden; outline-style:none; outline-width:0; }
.embryoform #next img { margin-left: -80px; }
.embryoform #next:hover img { margin-top: -30px; }
.embryoform #orange-tip { background: url(../images/orange_tip.png) repeat-x top left; width: 8px; height: 14px; margin: -3px 0 0 0; }

.embryoform #LastStepButton { height: 30px; width: 80px; overflow: hidden; display: none; }
.embryoform #LastStepButton input { margin-left: -80px; }
.embryoform #LastStepButton:hover input { margin-top: -30px; }


.embryoform #AjaxLoader { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: #FFF; z-index: 20; display: none; }
.embryoform #AjaxLoader #AjaxHolder { position: relative; width: 100%; height: 100%; }
.embryoform #AjaxLoader #AjaxHolder img { position: absolute; top: 50%; left: 50%; }
    
.embryoform .validerror { display: none; color: Red; float:right; }
.embryoform .ValidationText { display: none; }

.gray { color: Gray !important; background-color: White; }

.embryoform .validation-summary { text-align: center; margin-bottom: -30px; color: Red; }
.embryoform .validation-summary div  { display: none; }

.embryoform .radio-button label { color: #1d1d1d; }

.CourseDetail { border-bottom: 1px dotted #999; float: left; width: 100%; padding: 5px 0; }
.CourseDetail div { float: left; margin: 0 5px; }
