/******************************************************************************************
 *********************                     GENERIC                   **********************
 ******************************************************************************************/


h3.debug { clear: both; margin-top: 20px; padding-top: 20px; border-top: 0px dotted #666; color: #666;}
.debug { font-size: 70%;  color: #666;margin: 0; }
.clear { clear: both;}
.debug {  }
iframe { width: 1px; height: 1px; border: none; }

/***************************** DEFINING THE MAIN LOOK & FEEL ******************************/

body {
	width: 770px; margin: 0 auto 0 auto; ;
	background: #a5bacd url(/img/generic/background.png) repeat-x 0 0 fixed;
/*	font-family: Verdana, Tahoma, sans-serif; font-size: 11px;*/
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif
}


#site_notify p,
#site_errors p { padding: 5px 20px; margin: 2px 0;font-weight: bold; }
#site_notify p { background: #77b874; color: white;  }
#site_errors p { background: #b52b00; color: white;  }
#site_notify a { color: #ffd; }
#site_notify .small {font-size: 80%; font-weight: normal;}

a {  color: #1e5282; text-decoration: underline;}
strong { color: #0c3d6b; font-weight: bolder;}
em { font-style: italic; }

.italic { font-style: italic;}
.italic strong { font-style: italic; }


.editor_edit { float: right; margin-right: 15px; padding-top: 10px;}
#supercontainer {  
	margin-top: 10px; 
	background: url(/img/generic/header.png) no-repeat 0 0;
	padding-top: 84px;
}

#logo { margin: 10px 0 10px 30px;}

#language_switch { float: right; margin-right: 15px; padding-top: 10px;  margin-top: 0;}
#language_switch #lang_en { float: left; width: 20px; height: 12px; display: block; text-indent: -9999px; background: url(/img/generic/en.jpg);}
#language_switch #lang_pl { float: left; width: 20px; height: 12px; display: block; text-indent: -9999px; background: url(/img/generic/pl.jpg);}
#language_switch #lang_en.current,
#language_switch #lang_pl.current { display: none; }

#main { width: 770px; background: white url(/img/generic/main_bottom.png) no-repeat bottom center; padding-bottom: 25px;}
#main p { line-height: 1.3 }

#abstract { 
	background: #39641d url(/img/generic/abstract_bg.png) repeat-x 0 0;border-bottom: #98b966;
	padding-top: 15px; padding-bottom: 10px;
	font-size: 13px; font-weight: bold; color: #d6f3c3;
}
#abstract a { color: #bfe0a9; }
#abstract h1 { margin-left: 25px; color: white; font-size: 18px; font-weight: bolder;}
#content { padding-top: 20px;}
#marginnote { 
	float: right; width: 169px; margin: 15px 0 15px 10px; padding: 5px 20px 5px 10px; border-left: 1px solid #b2d281;
	font-size: 11px;
}
.cms #marginnote p { margin: 10px 0; }
#footer {
	background: #0b4377 url(/img/generic/footer_bottom.png) no-repeat bottom center;
	padding: 15px 0;
	color: white;
}
#footer a { color: white;}
#footnote { margin-top: 0; padding-top: 10px;}

/*#abstract {
	width: 770px;
	height: 180px;
	background: url(/img/generic/abstract_bg.png) no-repeat;
}*/

/********** TABLES *******/

th,td { padding: 3px 5px; }
thead { color: white; background: #7bac7b; }
.left_panel th {font-weight: bold;}
.left_panel td.lp { text-align: right; width: 20px;}
.left_panel td.number { text-align: right; }
.left_panel tr.odd {background: #eef3ee;}

/********** FORMS ********/
input.txt,
textarea { border: 1px solid #ccc;}
input.validation-failed,
textarea.validation-failed { border: 1px solid #b52b00; background-color: #fff0f0;}
.validation-advice { font-weight: bold; color: #b52b00; }
label.required { font-weight: bold; }
input.txt:focus,
textarea:focus { border: 1px solid #97ceea;}

/********** POPUPS *******/

* html #popup  { 
    background: #00012f;
    filter: alpha(opacity=80);
}
#popup { z-index: 30; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/img/generic/trans_marine_80.png) ; }
#popup #popup_close { position: absolute; border: 1px solid black; }
#popup img { padding: 7px; padding-bottom: 7px;}

/********** PANELS *******/

/********** HEADER *******/

/********** FOOTER *******/

/********** MENU *********/

#main_menu { 
  width: 770px; 
  background: #ccec99 url(/img/generic/menu_bg.png) repeat-x bottom left; border-top: 1px solid #c3d6a5; border-bottom: 1px solid #73a751;
}
#main_menu ul { margin-left: 15px; padding-left: 0; }
#main_menu li {
	display: inline; float: left;
	font-weight: bold; font-size: 13px; font-family: "Trebuchet MS";
}
#main_menu li a { 
	text-decoration: none; color: #00012f;
	display: block; padding: 8px 10px; 
}
#main_menu li a:hover { background: #b2d281 url(/img/generic/menu_bg-o.png) repeat-x bottom left; }
/*
#main_menu li.selected a { background: #74b872; color: white;}
*/

#main_menu li.selected a { background: #73a751;color: white;}

/********** BREAD CRUMBS */

#bread_crumbs { line-height: 47px; width: 732px;}
#bread_crumbs ul { margin-left: 20px; list-style: none; }
#bread_crumbs li { float: left; margin-right: 5px; }


/********** CMS PAGES  ******************************************************/

.cms h1, 
.cms h2,
.cms h3 { 
	margin: 0px 25px 10px; 
}
.cms h1 { 
	font-size: 16px;
}
.cms h2 { 
	font-size: 120%;
}

.cms p { 
	margin: 10px 25px 10px;
}
.video { margin: 25px 10px 10px 25px; padding: 5px; background: #eee; border: 1px solid #ccc; float: left; }
.video p { padding: 0; margin: 5px 0 0 0 ; text-align: center;}

.cms ul {
	margin-left: 25px; padding-left: 20px; 
	list-style: disc;
}
.cms ol {
	margin-left: 25px; padding-left: 20px; 
	list-style: decimal;
}
.cms dl {
	margin: 20px 25px;
}
.cms dt {
	font-weight: bold; text-decoration: underline; 
	margin-top: 15px;
	font-size: 110%;
}
.cms dd p,
.cms dd ul { margin-left: 0;}

.cms p.paragraph { margin-top: 20px; }
.cms p.paragraph_big_space { margin-top: 60px; }

/*********** HOME *******/

#home #abstract, #start #abstract { font-size: 130%; }

/********** LOGIN/JOIN ***************************/

#join h1,
#login h1 { 
	margin-top: 20px; padding-bottom: 6px; padding-left: 20px;
	font-size: 16px;
}
#join #content h2,
#login #content h2 { 
	margin-top: 20px; padding-bottom: 6px; padding-left: 20px;
	font-size: 14px;
}
#join #content p { margin: 5px 20px;}
#login #help,
#login #content table,
#join #content table {
	width: 325px; padding-bottom: 6px; margin-left: 20px;
}
#join #content input.txt,
#login #content input.txt { font-size: 16px; width: 150px; padding: 5px;}
#join #content td,
#login #content td { padding: 5px;text-align: right;}
#join #content td.input,
#login #content td.input { width: 160px; }
#join #content td.newsletter { text-align: center;}
#join #register_div select { width: 160px; }
#join #register_div,
#join #login_div { width: 365px; float: left; display: inline;}

/********************** ABOUT US *******************************/

/********************** CONTACT US *******************************/


#kontakt p,
#contact p {padding: 10px 25px 10px;}

.googlemap { width: 320px; height: 300px; margin-top: 20px; float: left; border: 1px solid #ccc;}
#kontakt .contact_data,
#contact .contact_data { float: left; }
#kontakt .contact_data p,
#contact .contact_data p { padding: 5px 0; line-height: 1.6}
#kontakt .city,
#contact .city { margin-top: 20px; font-size: 14px; font-weight: bold;}

#content #contact_form_div { float: left; width: 380px; margin-right: 20px;}
#content #contact_details { float: left; width: 260px; }
#content #contact_form { background: white; }

#contact_form .txt {
  width: 200px;
  padding: 3px 5px; line-height: 20px; 
}
#contact_form label { 
  display: block; float: left; width: 100px; 
  line-height: 20px; padding: 3px 5px; 
}
#contact_form #email_content { 
  width: 310px; height: 300px; padding: 3px 5px;
}
#contact_form .submit { margin-left: 110px;}
#contact_form .validation-advice { clear: left; margin-left: 110px; }

/********************** PRESS *********************************/


#press #abstract p,
#press #footer p {padding: 10px 25px 10px;}
#press .article { width: 200px; height: 200px; float: left; overflow: hidden; margin: 10px 25px;}
#press .article .image { height: 68px; }
#press .article .title { font-size: 1.3em; margin-top: 5px; }
#press .article .magazine { font-size: 1.1em; } 
#press .article .issue { font-size: 0.9em; } 

/********************** DIAGRAM *******************************/

#diagram { float: none; width: 526px; margin-left: 15px;}
#diagram div,
#diagram img { float: left; }
#diagram #div { background-repeat: no-repeat; background-position: 0 0; }
#diagram #eye,
#diagram #game { width: 245px; }
#diagram #brain,
#diagram #eeg { width: 238px; }
#diagram #eye,
#diagram #brain { height: 187px; }
#diagram #game,
#diagram #eeg { height: 175px; }
#diagram #eye.off { background-image: url(/img/diagram/eye.jpg); text-indent: -9999px;}
#diagram #eye.on { background-image: url(/img/diagram/eye-o.jpg); text-indent: 0; }
#diagram #brain.off { background-image: url(/img/diagram/brain.jpg); text-indent: -9999px; }
#diagram #brain.on { background-image: url(/img/diagram/brain-o.jpg); text-indent: 0; } 
#diagram #game.off { background-image: url(/img/diagram/game.jpg); text-indent: -9999px; }
#diagram #game.on { background-image: url(/img/diagram/game-o.jpg); text-indent: 0; }
#diagram #eeg.off { background-image: url(/img/diagram/eeg.jpg); text-indent: -9999px; }
#diagram #eeg.on { background-image: url(/img/diagram/eeg-o.jpg); text-indent: 0; }