@import "reset.css";

@import "forms.css";



/* ###################################################################################################################################################### */

	html {overflow-y:scroll;}

	body						{ background-image:url(../img/bgr.jpg); background-position:top left; background-repeat:repeat-x; background-color:#d8d8d8;

								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#444444;}



	.clear						{ clear:both; }



	.separator					{ height:10px; }

	.space						{ height:20px; }



	.last						{ border-bottom:0!important; }



	a:link, a:active, a:visited	{ color:#0080d7; text-decoration:underline; }

	a:hover						{ color:#0080d7; text-decoration:none; }





	#login_form .overTxtLabel	{ font-size:16px; padding:5px;  }



	.info_top					{ padding-top:10px; border-bottom:1px solid #c2c2c2; }

	

	.info_bottom				{ padding-bottom:10px; border-top:1px solid #E9E9E9; }



	h1							{ font-size:24px; color:#584552; }



	.purple						{ color:#7B4E6D; }





/*----------Notification-Start-----------------------------------------------------------------------------------------------*/

#notifArea					{ font-weight:600;margin:4px;padding:4px; }



.loading					{ color:#FDD947;font-size:16px;margin-left:auto;margin-right:auto;width:24px;padding:150px 0;}

.notificationHldr			{ position:absolute; left:249px; top:48px; important; font-size:16px; z-index:999; padding:0px; }

.notificationHldr a			{ color:#000; }

.notificationHldr a:hover	{ color:#555; }

/*.notificationHldr .notificationMessage, .notificationHldr .notificationAlert    { opacity:0; filter:alpha(opacity=0); }*/

.notificationHldr .notificationMessage

							{ font-weight:bold; width:490px; height:50px; color:#fef6b6; background-image:url(../img/notification_ok_bgr.png); background-position:0px 0px; background-repeat:no-repeat; margin:0; padding:12px 50px 15px 75px;}

.notificationHldr .notificationAlert

							{ font-weight:bold; width:490px; height:50px; color:#fef6b6; background-image:url(../img/notification_error_bgr.png); background-position:0px 0px; background-repeat:no-repeat; margin:0; padding:12px 50px 15px 75px;}

/*----------Notification-Stop------------------------------------------------------------------------------------------------*/





/* LAYOUT ----------------------------------------------------------------------------------- */



	#wholecontent				{ margin:0; width:960px;}



	#td_header_en				{ width:960px; vertical-align:top; background-image:url(../img/header_bcg.jpg); background-position:bottom right; background-repeat:no-repeat;}



	#td_header_de				{ width:960px; vertical-align:top; background-image:url(../img/DE/header_bcg.jpg); background-position:bottom right; background-repeat:no-repeat;}



		#logo					{ height:330px; width:327px; background-image:url(../img/logo_bcg.jpg); background-position:top left; background-repeat:no-repeat; float:left;}

		#menu					{ height:81px; float:left; width:608px; padding-left:25px; background-image:url(../img/menu_bcg.jpg); background-position:top left; background-repeat:no-repeat;}

		#buttons				{ height:43px; float:right; margin-top:22px; text-align:right;}

		#buttons a				{ display:block; width:99px; height:36px; padding-top:9px; font-size:20px; color:#5c354d; text-decoration:none; text-align:center; margin-left:1px; float:left;}

		#buttons a:hover,	#buttons a.on

								{ background-image:url(../img/button_bcg.gif); background-position:top left; background-repeat:no-repeat; text-decoration:none;}

		#lang   				{ font-size:10px; color:#9d9d9d; width:100px; display:block; padding-top:22px; height:41px; padding-left:1px;

								background-image:url(../img/flags.gif); background-position:bottom left; background-repeat:no-repeat;}

		#lang a					{ display:block; height:29px; width:21px; text-decoration:none; float:left; margin-top:2px; margin-right:10px; }

		#lang a:hover			{ background-image:url(../img/flag_arrow.gif); background-position:top center; background-repeat:no-repeat;}

		#lang span				{ height:10px; line-height:10px; display:block;}



	#td_content					{ vertical-align:top; border-bottom:1px solid #bbb; padding-bottom:36px;}

		#left-col				{ margin-left:52px; width:530px;}

		#left-col h2			{ font-size:18px; color:#0080d7; font-style:italic; margin-bottom:20px;}



		#right-col				{ float:right; width:341px;}

		.login-form				{ background-image:url(../img/login_bcg.gif); background-position:top left; background-repeat:no-repeat; padding:37px 28px 0 29px; width:284px; height:260px;}

		.login-form .field		{ border:0; background-image:url(../img/login_field.gif); background-position:top left; background-repeat:no-repeat; width:266px; height:30px;

								margin:7px 0; color:#858585; font-size:16px; padding-left:18px; padding-top:6px;}



		.contact_box_en			{ width:212px; height:140px; padding-top:66px; padding-left:128px; margin-top:34px; background-image:url(../img/contact_bcg.gif); background-position:top left; background-repeat:no-repeat;}

		.contact_box_de			{ width:212px; height:140px; padding-top:66px; padding-left:128px; margin-top:34px; background-image:url(../img/DE/contact_bcg.gif); background-position:top left; background-repeat:no-repeat; padding-right:10px; }



		.contact_box li a:link, .contact_box li a:active, .contact_box li a:visited	{ color:#3b8e00; text-decoration:none; font-style:italic;}

		.contact_box li a:hover	{ text-decoration:underline;}

		

		

		.about_box_en			{ width:418px; height:140px; padding-top:66px; padding-left:112px; background-image:url(../img/bcg_about.gif); background-position:top left; background-repeat:no-repeat;}

		.about_box_de			{ width:418px; height:140px; padding-top:66px; padding-left:112px; background-image:url(../img/DE/bcg_about.gif); background-position:top left; background-repeat:no-repeat;}







		.bullet_rows			{ line-height:18px; margin:0; padding:0;}

		.bullet_rows li			{ list-style:none; background-image:url(../img/bullet.gif); background-position:0 4px; background-repeat:no-repeat; padding:0; margin:0; padding-left:21px; margin-bottom:13px;}



	#td_footer					{ font-size:11px; padding:15px 26px; text-align:right; vertical-align:top; border-top:1px solid #eaeaea; color:#888; font-size:11px;}



/*==============PAGES=======================================================================*/



		#logo-pages				{ 	

									background-image:url(../img/logo_bcg_pages.jpg);

									background-position:top left;

									background-repeat:no-repeat;

									float:left;

									height:250px;

									width:327px;

								}



		.bcg_pages				{ background-image:url(../img/bgr_pages.jpg); background-position:-19px 0;}

		

		.pages_en				{

									width:990px !important;

									background-image:url(../img/header_bcg_pages.jpg) !important; 

								}



		.pages_de				{

									width:990px !important;

									background-image:url(../img/DE/header_bcg_pages.jpg) !important; 

								}



		.login_details			{ height:30px;  margin-top:220px; margin-left:318px; margin-right:26px; text-align:right;}

		.logout					{ float:right; border-left:1px solid #6e6569; height:18px; width:85px; line-height:18px; font-size:12px; text-align:right; }

		.logout a:link, .logout a:active, .logout a:visited, .logout a:hover

								{ color:#ff594f; text-decoration:none;}

		.login_date				{ width:230px; float:right; text-align:left; font-size:10px; height:18px; line-height:18px; color:#988f95; padding-left:15px; border-left:1px solid #6e6569;}



		.user-name				{ float:right; text-align:right; padding-right:15px; font-size:14px; height:18px; line-height:18px; color:#fff; }

		.user-name .name		{ font-weight:bold; color:#f7f5b5; }



		.account-steps			{ float:left; margin-left:52px; width:296px; margin-top:40px;}

		.account-steps a		{ display:block; padding-left:26px; height:51px; padding-top:22px; width:270px; text-decoration:none; font-size:16px; color:#4c8cc8; font-weight:bold;

								background-image:url(../img/account_steps_background.png); background-position:0 0; background-repeat:no-repeat; text-transform:uppercase; margin-bottom:5px;}

		.account-steps a:hover, .account-steps a.on	{ background-image:url(../img/account_steps_hover.png); background-position:0 0px; color:#fff; text-decoration:none;}

		.account-steps a .ico	{ float:left; width:38px; height:32px; border:0;}

		.account-steps a span	{ float:left; display:block; height:32px; line-height:16px;}



		.box					{ margin-top:40px; float:left; width:612px;}



		.box-top, .box-bottom	{ height:11px;}

		.box-content			{ border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#d8d8d8; padding:20px 32px 40px 32px; }



		.box .dl_form dl					{ overflow:auto; display:block; border-top:1px solid #e9e9e9; border-bottom:1px solid #c2c2c2; padding-bottom:2px; padding-top:2px; margin:0; }

		.box .dl_form dl.first				{ border-top:0;}

		.box .dl_form dl.last				{ border-bottom:0; }

		.box .dl_form dt					{ float:left;  white-space:pre; /*height:20px;*/ margin-left:10px; font-weight:bold;  padding-left:10px; padding-top:2px; padding-bottom:2px;}

		.box .dl_form dd					{ padding-left:10px; margin-left:150px; border-left:1px solid #c2c2c2; margin-bottom:3px; margin-top:3px;}





		.start_session			{ float:right; background-image:url(../img/bcg_start.jpg); background-position:top left; background-repeat:no-repeat; width:251px; height:170px; padding-left:25px; padding-top:42px;}

		.activity_status		{ width:247px; height:44px; border-bottom:1px solid #c2c2c2; border-top:1px solid #e4e4e4;}

		.activity_status .session	{ height:16px; width:129px; float:left; margin:10px 0; margin-left:5px; line-height:16px; border-right:1px solid #c2c2c2;}

		.activity_status .dates	{ font-weight:bold; display:block; float:left; height:16px; line-height:16px; margin:10px 0; margin-left:8px;}



		.last-session			{ margin-top:25px;}

		.last-session a			{ font-size:15px; font-weight:bold;}



		#sessions				{}

		#sessions .header		{ border-top:1px solid #c1cdd7; border-bottom:1px solid #c2c2c2; background-color:#c9d5e0; padding:7px 0; padding-left:10px; height:23px; font-weight:bold;}

		#sessions .row			{ border-top:1px solid #e9e9e9; border-bottom:1px solid #c2c2c2; padding:7px 0; height:23px; padding-left:11px; font-size:11px;

								background-image:url(../img/row_bcg.jpg); background-position:top left; background-repeat:repeat-x; }

		#sessions .row:hover	{ background:none; background-color:#c9d5e0;}



		#sessions .end, #sessions .start	{ float:right; height:23px; border-left:1px solid #c2c2c2; width:80px; padding-left:10px;}

		#sessions a				{background-image:url(../img/bullet.gif); background-repeat:no-repeat; background-position:0 5px; padding-left:25px; display:block; color:#444; text-decoration:none; padding-top:3px;}

		#sessions a:hover		{ color:#444;}

		#sessions .hour			{ line-height:11px; color:#7b4e6d; display:block; width:80px; height:11px;}

		#sessions .date			{ line-height:11px; display:block; width:80px; height:11px;}





                #session-table			{}

		#session-table .empty-row	{ height:30px;}

		#session-table .col1		{ width:33px; padding:3px 1px; font-weight:bold; color:#fff; font-size:12px; vertical-align:top; text-align:center;

									background-image:url(../img/big_bullet.gif); background-position:top left; background-repeat:no-repeat;}

		#session-table .time		{ color:#7b4e6d; vertical-align:top; text-align:center; width:47px; padding-top:3px;}

		#session-table .type_ico	{ vertical-align:top; text-align:center; width:25px; padding-top:5px; }

		#session-table .option		{ width:24px; padding-top:2px;}

		#session-table .session_list_text

									{ border-left:1px dotted #888; padding-left:15px; margin-left:6px; }



		.campaigns_table th			{ border-top:1px solid #c1cdd7; border-bottom:1px solid #c2c2c2; background-color:#c9d5e0; padding:7px 0; padding-left:10px; height:23px; font-weight:bold; }

		.campaigns_table tr			{ border-top:1px solid #e9e9e9; border-bottom:1px solid #c2c2c2; height:23px; font-size:11px;

									background-image:url(../img/row_bcg.jpg); background-position:top left; background-repeat:repeat-x;}

		.campaigns_table tr:hover		{ background:none; background-color:#c9d5e0;}

		.campaigns_table td			{ padding:7px 0; height:23px; border-top:1px solid #e9e9e9; border-bottom:1px solid #c2c2c2; padding-left:11px; border-left:1px dotted #999; }

		.campaigns_table td:first-child

									{ border-left:0; }