@CHARSET "UTF-8";

/****************************************************************************************************
/*					 generic 
*/

body {
	background: #bfe5ff;
}

h1	{
	font-size: 1.4em;
	font-weight: heavy;	
}

h2	{
	font-size: 1.4em;
	font-weight: bold;
	background: #ff8800;
	color: white;
	padding: 0;
	margin: 0;
}

h3	{
	font-size: 1.2em;
	font-weight: bold;
}

/*****************************************************************************************************
/* structure 
*/

#topline {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	background: #248;
	color: white;
	text-align: center;
	font-size: 0.8em;
}
	
#frame_outer {
	position: relative;
	top: 40px;
	width: 970px;
	margin: 0 auto;
	background: #ffffff;
}

#frame_top {
	position: relative;
	width: 970px;
	height: 75px;
	background: url(../images/elements/bg_top.png);
}
	#frame_top_links {
		float: right;
		margin-right: 240px;
	}
	
	#member_panel {
		position: absolute;
		top: 15px;
		left: 340px;
		
		border: 1px solid #f80;
		background: #ff8;
	}
		#member_panel .mp_top_line {
			background: #ff4;
			border-bottom: 1px solid #f80;
		}
		
		#member_panel .mp_bottom {
			background: #f80;
			color: white;
		}

		#member_panel .mp_bottom_buttons {
			text-align: right;
			float: right;
		}
		
		#member_panel .mp_bottom_buttons a {
			color: white;
		}
		

#frame_topmenu {
	width: 970px;
	height: 25px;
	background: url(../images/elements/top_menu_bg.png);
}

	.topmenuentry {
		width: 95px;
		height: 25px;
		display: block;
		float: left;
		background-color: #ff7f00;
	}
	
	#topmenu00 {
		width: 105px;
		background: url(../images/elements/menu_00.png) bottom;
	}

		.topmenuentry a {
			 	display: block;
			 	width: 95px;
			 	height: 25px;
				text-decoration: none; 
			 }
		 
		 .topmenuentry a:hover,
		 .menuSelected a{
		 	background-position: bottom !important;
		 }
	 
	#topmenu01 a {background: url(../images/elements/menu_01.png) top;}
	#topmenu02 a {background: url(../images/elements/menu_02.png) top;}
	#topmenu03 a {background: url(../images/elements/menu_03.png) top;}
	#topmenu04 a {background: url(../images/elements/menu_04.png) top;}
	#topmenu05 a {background: url(../images/elements/menu_05.png) top;}
	#topmenu06 a {background: url(../images/elements/menu_06.png) top;}
	#topmenu07 a {background: url(../images/elements/menu_07.png) top;}
	#topmenu08 a {background: url(../images/elements/menu_08.png) top;}
	#topmenu09 a {background: url(../images/elements/menu_09.png) top;}

	.topmenuentry span {
		position: relative;
		left: -4000px;
	}
	



#frame_main {
}

#frame_bottom {
	width: 970px;
	height: 58px;
	background: #ff7f00 url(../images/elements/bg_bottom.png) bottom;
}

	#frame_bottom .bottom_link {
	}
	
	#frame_bottom .bottom_link a {
		position: relative;
		height: 30px;
		line-height: 24px;
		top: 20px;
		left: 10px;
		height: 24px;
		width: 180px;
		display: block;
	}




/* OTHER */

hr {
	display: none;
}

.tab_sunnygreen {
	border: 1px solid green;
	border-collapse: collapse;
}

	.tab_sunnygreen th,
	.tab_sunnygreen td {
		border: 1px solid green;
	}
	
.hide {
	position: relative;
	left: -4000px;
	float: left;
}


	
/*****************************************************************************************************
/* TOP PAGE 
*/

.top_banner {
	width: 950px;
	height: 120px;
	margin: 1em 0 !important;
}

#top_banner 			{background: url(../images/elements/banner_top.png) #fe8;}
#top_banner_index 		{background: url(../images/index/banner_top.png) #fe8;}
#top_banner_news 		{background: url(../images/news/banner_top.png) #fe8;}
#top_banner_courses 	{background: url(../images/courses/banner_top.png) #fe8;}
#top_banner_prices 		{background: url(../images/prices/banner_top.png) #fe8;}
#top_banner_schedule	{background: url(../images/schedule/banner_top.png) #fe8;}
#top_banner_booking		{background: url(../images/booking/banner_top.png) #fe8;}
#top_banner_blog		{background: url(../images/blog/banner_top.png) #1963dd;}
#top_banner_info 		{background: url(../images/info/banner_top.png) #fe8;}

#class_buttons {
	height: 40px;
	margin: 0 0 12px 0;
	padding: 0;
	background: #ffbf00;
}

	.class_button {
		width: 92px;
		height: 40px;
		display: block;
		float: left;
		background-color: #ffbf00;
	}
	
		.class_button a {
		 	display: block;
		 	width: 92px;
		 	height: 40px;
			text-decoration: none; 
		 }
	 
		 .class_button a:hover {
		 	background-position: top !important;
		 }

	#classlinktitle {
			width: 30px; 
			height: 40px; 
			display: block; 
			float: left; 
			background: url(../images/elements/classes_00.png) bottom;
	}
	 
	#classlink01 a {background: url(../images/elements/classes_01.png) bottom;}
	#classlink02 a {background: url(../images/elements/classes_02.png) bottom;}
	#classlink03 a {background: url(../images/elements/classes_03.png) bottom;}
	#classlink04 a {background: url(../images/elements/classes_04.png) bottom;}
	#classlink05 a {background: url(../images/elements/classes_05.png) bottom;}
	#classlink06 a {background: url(../images/elements/classes_06.png) bottom;}
	#classlink07 a {background: url(../images/elements/classes_07.png) bottom;}
	#classlink08 a {background: url(../images/elements/classes_08.png) bottom;}
	#classlink09 a {background: url(../images/elements/classes_09.png) bottom;}
	#classlink10 a {background: url(../images/elements/classes_10.png) bottom;}

	.class_button span {
		position: relative;
		left: -4000px;
	}

.title_01 { background: url(../images/elements/title_bg_1.png); height: 24px;}
.title_01_l { background: url(../images/elements/title_bg_l_1.png); height: 24px; width: 10px; float: left;}
.title_01_r { background: url(../images/elements/title_bg_r_1.png); height: 24px; width: 10px; float: right;}
.title_02 { background: url(../images/elements/title_bg_2.png); height: 24px;}
.title_02_l { background: url(../images/elements/title_bg_l_2.png); height: 24px; width: 10px; float: left;}
.title_02_r { background: url(../images/elements/title_bg_r_2.png); height: 24px; width: 10px; float: right;}
.title_03 { background: url(../images/elements/title_bg_3.png); height: 24px;}
.title_03_l { background: url(../images/elements/title_bg_l_3.png); height: 24px; width: 10px; float: left;}
.title_03_r { background: url(../images/elements/title_bg_r_3.png); height: 24px; width: 10px; float: right;}
.title_04 { background: url(../images/elements/title_bg_4.png); height: 24px;}
.title_04_l { background: url(../images/elements/title_bg_l_4.png); height: 24px; width: 10px; float: left;}
.title_04_r { background: url(../images/elements/title_bg_r_4.png); height: 24px; width: 10px; float: right;}
.title_05 { background: url(../images/elements/title_bg_5.png); height: 24px;}
.title_05_l { background: url(../images/elements/title_bg_l_5.png); height: 24px; width: 10px; float: left;}
.title_05_r { background: url(../images/elements/title_bg_r_5.png); height: 24px; width: 10px; float: right;}
.title_06 { background: url(../images/elements/title_bg_6.png); height: 24px;}
.title_06_l { background: url(../images/elements/title_bg_l_6.png); height: 24px; width: 10px; float: left;}
.title_06_r { background: url(../images/elements/title_bg_r_6.png); height: 24px; width: 10px; float: right;}
.title_07 { background: url(../images/elements/title_bg_7.png); height: 24px;}
.title_07_l { background: url(../images/elements/title_bg_l_7.png); height: 24px; width: 10px; float: left;}
.title_07_r { background: url(../images/elements/title_bg_r_7.png); height: 24px; width: 10px; float: right;}
.title_08 { background: url(../images/elements/title_bg_8.png); height: 24px;}
.title_08_l { background: url(../images/elements/title_bg_l_8.png); height: 24px; width: 10px; float: left;}
.title_08_r { background: url(../images/elements/title_bg_r_8.png); height: 24px; width: 10px; float: right;}
.title_09 { background: url(../images/elements/title_bg_9.png); height: 24px;}
.title_09_l { background: url(../images/elements/title_bg_l_9.png); height: 24px; width: 10px; float: left;}
.title_09_r { background: url(../images/elements/title_bg_r_9.png); height: 24px; width: 10px; float: right;}
.title_10 { background: url(../images/elements/title_bg_10.png); height: 24px;}
.title_10_l { background: url(../images/elements/title_bg_l_10.png); height: 24px; width: 10px; float: left;}
.title_10_r { background: url(../images/elements/title_bg_r_10.png); height: 24px; width: 10px; float: right;}
.title_11 { background: url(../images/elements/title_bg_11.png); height: 24px;}
.title_11_l { background: url(../images/elements/title_bg_l_11.png); height: 24px; width: 10px; float: left;}
.title_11_r { background: url(../images/elements/title_bg_r_11.png); height: 24px; width: 10px; float: right;}
.title_12 { background: url(../images/elements/title_bg_12.png); height: 24px;}
.title_12_l { background: url(../images/elements/title_bg_l_12.png); height: 24px; width: 10px; float: left;}
.title_12_r { background: url(../images/elements/title_bg_r_12.png); height: 24px; width: 10px; float: right;}
.title_13 { background: url(../images/elements/title_bg_13.png); height: 24px;}
.title_13_l { background: url(../images/elements/title_bg_l_13.png); height: 24px; width: 10px; float: left;}
.title_13_r { background: url(../images/elements/title_bg_r_13.png); height: 24px; width: 10px; float: right;}
.title_14 { background: url(../images/elements/title_bg_14.png); height: 24px;}
.title_14_l { background: url(../images/elements/title_bg_l_14.png); height: 24px; width: 10px; float: left;}
.title_14_r { background: url(../images/elements/title_bg_r_14.png); height: 24px; width: 10px; float: right;}
.title_15 { background: url(../images/elements/title_bg_15.png); height: 24px;}
.title_15_l { background: url(../images/elements/title_bg_l_15.png); height: 24px; width: 10px; float: left;}
.title_15_r { background: url(../images/elements/title_bg_r_15.png); height: 24px; width: 10px; float: right;}
.title_16 { background: url(../images/elements/title_bg_16.png); height: 24px;}
.title_16_l { background: url(../images/elements/title_bg_l_16.png); height: 24px; width: 10px; float: left;}
.title_16_r { background: url(../images/elements/title_bg_r_16.png); height: 24px; width: 10px; float: right;}
.title_17 { background: url(../images/elements/title_bg_17.png); height: 24px;}
.title_17_l { background: url(../images/elements/title_bg_l_17.png); height: 24px; width: 10px; float: left;}
.title_17_r { background: url(../images/elements/title_bg_r_17.png); height: 24px; width: 10px; float: right;}
.title_18 { background: url(../images/elements/title_bg_18.png); height: 24px;}
.title_18_l { background: url(../images/elements/title_bg_l_18.png); height: 24px; width: 10px; float: left;}
.title_18_r { background: url(../images/elements/title_bg_r_18.png); height: 24px; width: 10px; float: right;}
.title_19 { background: url(../images/elements/title_bg_19.png); height: 24px;}
.title_19_l { background: url(../images/elements/title_bg_l_19.png); height: 24px; width: 10px; float: left;}
.title_19_r { background: url(../images/elements/title_bg_r_19.png); height: 24px; width: 10px; float: right;}
.title_20 { background: url(../images/elements/title_bg_20.png); height: 24px;}
.title_20_l { background: url(../images/elements/title_bg_l_20.png); height: 24px; width: 10px; float: left;}
.title_20_r { background: url(../images/elements/title_bg_r_20.png); height: 24px; width: 10px; float: right;}

.title_plain { display: inline; float: left; background: none; line-height: 24px; height: 24px;}
	
#title_news {	background: url(../images/elements/title_news.png) #ff6666;}

#title_courses {	background: url(../images/elements/title_course.png) #e665a5;}

#title_calendar {	background: url(../images/elements/title_calendar.png) #ff63ff;}

#title_blog {	background: url(../images/elements/title_blog.png) #b56dfc;}

#title_resources {	background: url(../images/elements/title_resource.png) #6060fc;}

#title_events {	background: url(../images/elements/title_event.png) no-repeat #265cff;}

#title_events.section_side {	background-color: #fff;}

	
/*************************************************************************************************************************
 * 
 * 
 * CALENDAR
 * 
 * 
 */
.calendar th {
	background: #dfa;
}

.calendar td,
.calendar th {
	margin: 0;
	padding: 0.2em 0;
	text-align: center;
}

.calendar td.wd0,
.calendar td.wd1 {
	background: #fdd;
}

.calendar td.today {
	background: #ffa;
}

.calendar td.event {
	background: #faa;
}

.event_date {
	color: #8AF;
}

/**************************************************************************************************************************
 * 
 *
 * ARTICLES 
 * 
 * 
 */

.article {
	padding-top: 5px;
	border-bottom: 1px solid #eee;
}

.article_selected {
	background: #ffd;
	border-left: 4px solid orange;
	margin-left: -5px;
	padding-left: 1px;
	border-bottom: 1px solid orange;
}

.article_title a:link,
.article_title a:active,
.article_title a:visited,
.article_shop_title a {
	text-decoration: none;
}

.article_shop {
}

.article_shop_title {
}

.article_title a:hover,
.article_shop_title a:hover {
	text-decoration: underline;
}

.article_shop_price {
	text-align: 	right;
	color:			#06A;
	clear: 			right;
}

.article_shop_price_member {
	text-align: 	right;
	color:			#06A;
	font-size:		1.4em;
}

.article_shop_stock {
	text-align: 	right;
}

.article_shop_stock_ok {float: right; background: url(../images/elements/iconbar.png) -144px 0px; height: 16px; width: 48px;}
.article_shop_stock_few {float: right; background: url(../images/elements/iconbar.png) -96px 0px; height: 16px; width: 48px;}
.article_shop_stock_out {float: right; background: url(../images/elements/iconbar.png) -48px 0px; height: 16px; width: 48px;}
.article_shop_stock_waiting {float: right; background: url(../images/elements/iconbar.png) -192px 0px; height: 16px; width: 48px;}

.article_icon_inner {border: 1px solid white;}

.article_icon_inner { float: left; background: #840;}
.article_icon_inner img {
		vertical-align: bottom;	
}
.article_shop_icon_out {opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;}

.article_date {
	color: 			#444;
}

.image_inset_left {
	float: 			left;
	margin-right: 	10px;
}

.image_inset_right {
	float: 			right;
	margin-left: 	10px;
}

.icon img,
.icon_normal img,
.icon_big img{
	float: 			left;
	margin-right: 	10px;
	border: 1px solid #eee;
	vertical-align: bottom;
}


/******************************** COMMENTS *******************************/

.comment_div {
	margin-bottom: 4px;
}

.comment_title {
	background: #dfa;
	border-top: 2px solid white;
	font-size: 1.2em;
	border-bottom: 1px solid #cdc;
	padding: 0px 8px;
}

.comment_text {
	background: #efd;
}

.comment_icon {
	height: 64px;
	width: 64px;
	border: 1px solid #cdc;
	margin: 7px;
	background: white;
}

.comment_body {
	background: #efd;
}

.comment_creator {
	text-align: right;
	color: #888;
	background: #ddf8bb;
	font-style: italic;
	font-size: 0.8em;
	border-top: 1px solid #cdc;
	padding: 0 8px;
}

.comment_delete_button {
	background: #f88;
	color: white;
	font-style: normal;
}

.comment_delete_button:hover {
	background: #f00;
	color: white;
	font-style: normal;
}



.comment_delete_confirm {
	background: #fdd;
	color: red;
	font-style: normal;
	padding: 10px;
	text-align: center;
}

.comment_ok {
	background: #cfc;
	border: 1px solid #4f4;
	colour: #080;
	text-align: center;
	padding: 20px;
	margin: 20px;
}

.comment_error {
	background: #fcc;
	border: 1px solid #f44;
	colour: #800;
	text-align: center;
	padding: 20px;
	margin: 20px;
}