#page .scrollable img { behavior: url(http://www.energiahalli.com/themes/energiahallitheme/images/iepngfix.htc) }

#page #bubble, #page #bubble img { behavior: url(http://www.energiahalli.com/themes/energiahallitheme/images/iepngfix.htc) }

/* HTML Tag Redefinition */
html, body {
	height: 100%;
	background-color: #000;
}

#page {
	min-width: 1000px;
	margin: auto;
	overflow: hidden;
}

#page #wrapper {
	background: #FF0 url(http://www.energiahalli.com/themes/energiahallitheme/images/bg_color.jpg) 0 0 repeat;
	position: relative;
	z-index: 1;	
}

#page.template1 #gradient {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/bg_gradient1.jpg) 0 bottom repeat-x;
}

#page.template1 #gradient #lightning {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/lightning1.png) left bottom no-repeat;
}

#page.template2 #gradient {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/bg_gradient2.jpg) 0 bottom repeat-x;
}

#page.template2 #gradient #lightning {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/lightning2.png) left bottom no-repeat;
}
#page #wrapper .mainContainer {
	position: relative;
}

#page #wrapper .mainContainer {
	position: relative;
}

#page #wrapper #header_logo {
	position: absolute;
	z-index: 5;
	width: 201px;
	height: 76px;
	top: 29px;
	left: -10px;
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/energiahalli_logo.png) bottom left no-repeat;
}

#page #wrapper #bubble {
	position: absolute;
	top: -139px;
	left: -50px;
	width: 204px;
	height: 190px;
	z-index: 556;
}

#page #wrapper .lajitNote {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/lajit_note.png) 0 0 no-repeat;
}

#page #wrapper #header_navi {
	height: 175px;
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/header_bg.png) 0 0 no-repeat;
} 

#page #wrapper #middleContent {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 170px;	
}


 /* blackBox  */
#page #wrapper #twoColumnWrapper {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/blackBoxBottom_bg.png) bottom right no-repeat;
	padding-bottom: 55px;
}

#page #wrapper #twoColumnWrapper .top {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/blackBoxTop_bg.png) top right no-repeat;
	padding-top: 6px;
}

#page #wrapper #twoColumnWrapper .middle {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/blackBoxContent_bg.png) top right repeat-y;
}

#page #wrapper .blackBoxContent{
	padding: 0px 20px 21px 20px;
}

#page #wrapper .blackBoxContent h4 {
	font-family: Georgia, serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0px 0px 3px 0px;
	color: #ffffcc;
	text-transform: uppercase;
	
}

#page #wrapper .blackBoxHeading {
	margin: 21px 0px 0px 14px;
	padding: 0px 0px 0px 34px;
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/blackBoxHeading_bg.png) 0 0 no-repeat;
}

#page #wrapper .blackBoxContent h2{
	margin: 0;
	padding: 2px 0px 10px 0px;
	color: #ffff66;
	font-size: 29px;
	
	text-transform: uppercase;
	font-weight: bold;
}

#page #wrapper .blackBoxContent .date {
	color: #ffff99;
	float: left;
	width: 50px;
}

#page #wrapper .blackBoxContent .eventName {
	color: #ffffcc;
	float: left;
	margin-bottom: 10px;
	width: 190px;
}

#page #wrapper .blackBoxContent hr {
	height: 1px;
	border: 0;
	clear: both;
	color: #424242;
	background: #424242;
}

#page #wrapper .blackBoxContent a, #page #wrapper .blackBoxContent a:link {
	color: #ffffcc;
	text-decoration: none;
}

#page #wrapper #content_right {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/box_separator.jpg) 0 0 no-repeat;
	padding-top: 42px;
}	

/* /blackBox */

/* date navigation */
#page #wrapper .ccmDateNav {
	height: 300px;
	font-family: Georgia, serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0px 0px 0px 10px;
	color: #ffffcc;
	text-transform: uppercase;
}

#page #wrapper .ccmDateNav ul li .section.year h2{
	color: #ffffcc;
}

#page #wrapper .ccmDateNav ul{overflow:hidden; list-style:none; padding:0px; margin:0px;  }
#page #wrapper .ccmDateNav ul li { padding: 2px 0px 2px 12px; }
#page #wrapper .ccmDateNav ul li.selected{ 
	background:url(http://www.energiahalli.com/themes/energiahallitheme/images/date_nav_selected_bg.png) 0px 9px no-repeat
}
#page #wrapper .ccmDateNav ul li .section{ margin:4px 0px 2px 0px; background: transparent; padding-left:16px; }
#page #wrapper .ccmDateNav ul li .sectionPage{ margin-left:10px; }
#page #wrapper .ccmDateNav ul li .ellipsis {padding-top:0px; margin-top:0px; line-height:4px; padding-bottom:4px;}
#page #wrapper .ccmDateNav ul.years li.year{padding-bottom:0px; }
#page #wrapper .ccmDateNav ul.years li.year ul.months{ margin-left:16px; margin-bottom:0px; padding-bottom:0px;} 
#page #wrapper .ccmDateNav ul.years li.year ul.months li.month{margin-bottom:0px; padding-bottom:0px}
#page #wrapper .ccmDateNav ul.months li.month ul.monthsPages{ margin-left:20px; font-size: 14px; font-family: Helvetica; text-transform: none;}
#page #wrapper .ccmDateNav .trigger{cursor:pointer; padding-left: 18px; }
#page #wrapper .ccmDateNav ul.months li.month div{color: #ffffcc; }
#page #wrapper .ccmDateNav ul.months li.month div.closed{color: #ffff66; }

#page #wrapper .ccmDateNav ul li .pageSummary{ font-size:85%; line-height:85%; margin:4px 0px;  }

#page #wrapper .ccmDateNav ul li .section.year{ 
	padding-left: 34px;	
	background:url(http://www.energiahalli.com/themes/energiahallitheme/images/lajit_li_image.png) 0px 6px no-repeat;
}

#page #wrapper .ccmDateNav ul li .section.year h2{
	padding-bottom: 0;
}

#page #wrapper .ccmDateNav ul li .section.closed{ background: transparent; }
#page #wrapper .ccmDateNav a:hover { text-decoration: underline; }

/* /date navigation */

/* custom template styles */
#page #wrapper ul.sportEvents {
	margin: 0px 0px 0px 10px;
}
#page #wrapper ul.sportEvents li {
	margin-bottom: 10px;
	
}

#page #wrapper ul.sportEvents a,#page #wrapper ul.sportEvents a:link {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 4px 38px;
	font-size: 22px;
}

#page #wrapper ul.sportEvents a.selected {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/lajit_li_image.png) 0px 4px no-repeat;	
}

#page #wrapper ul.sportEvents a:hover {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/lajit_li_image.png) 0px 4px no-repeat;
}



/* /custom template styles */

/* captioned content*/

#page #wrapper .captionedContent {
	float: right;
	width: 100%;
}
#page #wrapper .captionedContentFlash {
	float: left;
	width: 40px;
	height: 48px;
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/captionedContentFlash_bg.png) top center no-repeat;
}

#page #wrapper .captionedContentCaption {
	font-size: 1px;
	font-family: Georgia, Helvetica, Arial;
	text-transform: uppercase;
	clear: right;
	border-left: #000 1px solid;
	padding: 0px 0px 0px 10px;
	margin-left: 40px;

}

#page #wrapper .captionedContentCaption h2 {
	font-size: 35px;
	padding: 0;
	margin: 6px 0px 0px 0px;
}

#page #wrapper .captionedContentCaption h4 {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#page #wrapper .priceListUnit {
	width: 192px;
	padding: 20px 20px 20px 20px;
	margin: 0;
}

#page #wrapper .captionedContentContent {
	border-top: #000 1px solid;
	padding: 16px 0px 0px 50px;
}
/* /captioned content*/
/* priceList */

#page #wrapper .priceListHideShow{
	width: 60px;
}

#page #wrapper .priceListCaption {
	text-transform: uppercase;
	float: left;
	width: 410px;
	border-left: #000 1px solid;
	padding: 0px 0px 0px 10px;
}


#page #wrapper .priceListDivider {
	float: left;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #000;
	line-height: 1px;
	overflow: hidden;
}
#page #wrapper .priceListPrices {
	margin-bottom: 8px;
}

#page #wrapper .priceListWrapper {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/priceListWrapperBG.gif) top center repeat-y;
	border-bottom: #000 1px solid;
}



/* /priceList*/

/* contactForm */

#page #home_content .contactForm {
	width: 700px;
	margin: 0;
	padding: 45px 30px;
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/contactFormBG.png) 0 0 no-repeat;
	color: #999999;
}

#page #home_content .contactForm .required{
	color: #ffff00;
}

#page #home_content .contactForm p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#page #home_content .contactForm input, textarea {
	width: 210px;
	background: #333333;
	margin: 4px 0px 24px 0px;
	padding: 0.2em;
	border: 0;
	color: #999999;
}

#page #home_content .contactForm textarea { 
	margin-bottom: 0;
}

#page #home_content .contactForm .formLeft {
	width: 30%;
	float: left;
}

#page #home_content .contactForm .formRight {
	width: 66%;
	float: right;
}

#page #home_content .contactForm .formSubmit {
	margin: 0;
	padding: 0;
	border: 0;
}

/* /contactForm */

/* tapahtumat template date, title */

#page #wrapper .eventWrapper {
	border-bottom: #000 1px solid;
}

#page #wrapper .eventWrapper .eventDate {
	float: left;
	width: 59px;
	text-align: center;
}

#page #wrapper .eventWrapper h2 {
	padding: 6px 0px 2px 0px;
	margin: 0;
}

#page #wrapper .eventWrapper h3 {
	font-size: 24px;
	padding: 4px 0px 0px 0px;
	margin: 0;
}

#page #wrapper .eventWrapper h4 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#page #wrapper .eventWrapper .captionedContentCaption {
	/*min-height: 42px;*/
	margin-left: 60px;
}

#page #wrapper .eventContent {
	padding-top: 10px;
}

/* / tapahtumat template date,title*/

/* navigation */

#page #header_navi .nav{
	padding: 20px 0px 0px 85px;
	background: transparent;
}

#page #header_navi ul {

}

#page #header_navi li {
	float: left;
	margin: 0px 12px;
	list-style-type: none;
	line-height: 1;
	font-size: 16px;
}

#page #header_navi li.nav-selected {
	color: #ffffcc;
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/header_navi_selected_bg.png) bottom left repeat-x;
}

#page #header_navi li.nav-path-selected li.nav-path-selected a:link {
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/header_navi_selected_bg.png) bottom left repeat-x;
}

#page #header_navi .nav li a,
#page #header_navi .nav li a:link {

	float: left;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #ffff00;
	padding: 8px 0px;
	
}

#page #header_navi .nav li a:hover {
	color: #ffffcc;
	line-height: 1;
	background: transparent url(http://www.energiahalli.com/themes/energiahallitheme/images/header_navi_selected_bg.png) bottom left repeat-x;
}

/* /navigation*/

/* scrollable */
	/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
    float: left;
    width: 700px; 
    height:170px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div {
	width: 220px;
	height: 170px;
	margin: 0px 7px;
	float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active {  
 
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/*background:url(http://www.energiahalli.com/themes/energiahallitheme/images/scrollable_buttons_h.png) no-repeat;*/
	display:block;
	width:56px;
	height:68px;
	float:left;
	margin:54px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background:url(http://www.energiahalli.com/themes/energiahallitheme/images/scrollableRight.png) no-repeat; clear:right; margin-right: 0px;}


/* left */
a.left				{background:url(http://www.energiahalli.com/themes/energiahallitheme/images/scrollableLeft.png) no-repeat; margin-left: 0px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



/* /scrollable */

#footer {
	background: #000 url(http://www.energiahalli.com/themes/energiahallitheme/images/bg_footer2.png) 265px top no-repeat;
	min-height: 180px;
	padding-top: 40px;
	color: #999999;
	font-size: 14px;
}

#page.template1 #footer {
	background: #000 url(http://www.energiahalli.com/themes/energiahallitheme/images/bg_footer.png) 265px top no-repeat;
}

#footer .wrapper {
	padding: 20px 0px 0px 390px;
	width: 700px;
	margin: auto;
}

#footer h2 {
	font-size: 22px;
	margin: 0px 0px 2px 0px;
	color: #cccccc;
	text-transform: uppercase;

}

#footer h3 {
	padding: 0;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 11px;
	font-family: Georgia, serif;
	text-transform: uppercase;

}

#footer .exceptions {
	background: #000 url(http://www.energiahalli.com/themes/energiahallitheme/images/footer_exceptions_bg.png) left top no-repeat;
	margin: -20px 0 0 -30px;
	padding: 15px 10px 10px 50px;
	min-height: 150px;
}

#footer td {
	padding: 0px 6px;
} 


/* misc */


.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
}

.flL {
	float: left;
}


.flR {
	float: right;
}

	
.pB40 {
	padding-bottom: 40px;
}

/* / misc */