/* #bbnet is <td> in browser display, <div> when printing */
#bbnet { position: relative; }
/* browser display */
div#bbnet table.internetcanvas { margin: 0 1px; width: 360px; }
/* printing display */
div#bbnet.bbnetprint { float: left; /* to avoid page break before content in ie7 */ }
div#bbnet.bbnetprint table.internetcanvas { margin: 0; width: 485px; }
/* the distance from the header to the content */
#bbnet td.headerdistance { height: 25px; }
#bbnet table td.header { padding: 0 3px; height: 36px; width: 100%; }
/* colors for the header */
#bbnet table.gruen td.header { background-color: #99CC66; }
#bbnet table.pink td.header { background-color: #660033; }
#bbnet table.grau td.header { background-color: #99CC33; }
#bbnet table.blue td.header { background-color: #99CC33; }
#bbnet table.gelb td.header { background-color: #99CC33; }
#bbnet table.hell_gelb td.header { background-color: #ffffcc; vertical-align:middle;}
#bbnet table.light_pink td.header { background-color: #FFCC00 ; }
#bbnet img { padding: 0; margin: 0; border: 0; }
#bbnet form { padding: 0; margin: 0; }
#bbnet table { margin: 0; padding: 0; }

/* do not add default align top because of title in header */
#bbnet table table table td { vertical-align: top; text-align: left; }
#bbnet #floatLayer { position: absolute; width: 115px; left: 2px; top: 65px; z-index: 1; overflow: hidden;}
#bbnet #floatLayer table { width: 115px; float: right; overflow: hidden;}
#bbnet #floatLayer table td { width: 115px; vertical-align: top; text-align: right;}
#bbnet #floatLayer table td a { float: right; width: 115px; padding: 0; margin: 0; font-size: 90%; font-weight: normal;}

#bbnet h2 { padding: 0; margin: 0; margin-top: 10px; padding-right: 10px; display: block; font-size: 13px; }
#bbnet.bbnetprint h2 { font-size: 12pt; font-weight: bold; }
#bbnet h2.first { margin-top: 0; }
#bbnet a {}

#bbnet table table { width: 360px; }
#bbnet table td.marginal { width: 140px; padding-top: 16px; height: 400px; vertical-align: top; text-align: left; }
#bbnet table td.marginal a { font-weight: normal; }
#bbnet table td.marginal table { width: 140px; }
#bbnet table td.marginal table tr.print { height: 45px; }
#bbnet table td.marginal table tr.print a { font-weight: bold; }

/* DO NOT USE padding-bottom, it causes print bug in IE */
#bbnet div.text { margin-bottom: 10px; padding-right: 10px; display: block; clear: both; }
#bbnet div.title-02-black
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    margin-bottom:0px;
}

#bbnet div.text-context-bold
{
    font-size:11px;
    font-weight:bold;
    font-family:Arial, Helvetic, Sans-Serif;
    margin-bottom:0px;
}

#bbnet div.text-context
{
    font-size:10px;
    font-weight:normal;
    font-family:Arial, Helvetic, Sans-Serif;
    margin-bottom:0px;
}

/*#bbnet div.text ul { margin: 0 0 5px 5px; padding: 0 0 0 5px; }
#bbnet div.text ul { margin-left: 0px; padding-left:0px; }*/

/*#bbnet div.text ul li { margin: 0 0 0 2px; padding: 0 0 0 0; list-style-image:url(../images_icare/flechette.gif);}*/


#bbnet div.text ul 
{
	margin: 0 0 0 15; 
	padding: 0 0 0 15; 
	/*display:list-item;*/
	list-style-image:url(../images_icare/flechette.gif);
	list-style-position:outside;
	/*list-style-type:circle;*/
}

/*#bbnet div.infop ul li { margin-left: 5px; padding-left: 0px; list-style-image:url(../images_icare/flechette.gif); }*/
#bbnet div.text_form { padding-bottom: 0px; padding-top: 0px; padding-right: 10px; display: block; clear: both; }
#bbnet div.text_form_inline { padding-bottom: 0px; padding-top: 0px; padding-right: 10px; display: inline; clear: both; }
#bbnet div.text div.titel { font-weight: bold; padding-bottom: 5px; }
#bbnet div.text div.lead { font-weight: bold; padding-bottom: 5px; }
#bbnet div.text div.abschnitt { padding-bottom: 5px; }
#bbnet div.text div.bbi_information a { display: block; }
#bbnet div.text .portraitimage { float: right; margin-left: 10px; margin-bottom: 10px; }

/* jf 24.11.2008 */
#bbnet div.schooltype 
{
/*	margin-bottom: 3px; 
	padding-right: 5px; */
	display: inline; 
	clear:none;
	font-weight: bold; 
	font-size: 11px; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
}

#bbnet table.searchcomponent { padding-bottom: 10px; }
#bbnet a.link { display: block; clear: both; padding-bottom: 3px; }

#bbnet div.bbnetprint a { font-weight: normal; color: black; text-decoration: none; }
#bbnet div.bbnetprint a:hover { color: black; text-decoration: none; }

#bbnet h2.subtitle { display: block; clear: both; }
#bbnet table.searchcomponent td.searchbutton { width: 60%; }
#bbnet td.searchbutton_form button { font-weight: bold; float: left; text-align: left; padding: 0px 0 0 5px; margin: 0px; width: auto; background-color: transparent; border: none; cursor: pointer; overflow: visible; }
#bbnet button.searchbutton { font-weight: bold; float: left; text-align: left; padding: 5px 0 0 5px; margin: 0px; width: auto; background-color: transparent; border: none; cursor: pointer; overflow: visible; }

#bbnet table.searchabccomponent { margin-bottom: 5px; }
#bbnet table.searchabccomponent td.marginal { height: auto; }
#bbnet table.searchabccomponent td.marginal a { font-weight: bold }
#bbnet table.searchabccomponent td { padding: 0; margin: 0; width: 100%; }

#bbnet div.treecomponent { width: 100%; clear: both; }
#bbnet div.treecomponent img { cursor: pointer; float: left; margin: 0; padding: 0; }
#bbnet div.treecomponent div.treecomponentitemindent div { padding-left: 16px; }
#bbnet div.treecomponent a { display: inline; }
#bbnet div.treecomponent a.treecomponentitem { cursor: pointer; }
#bbnet div.treecomponent ul { padding: 0 0 0 16px; margin: 0; list-style-type: none; }
#bbnet div.treecomponent ul li { padding: 2px 0; margin: 0; list-style-type: none; }

#bbnet div.moviecomponent { /*padding-left: 2px;*/ }
#bbnet div.moviecomponent div.text { padding-bottom: 50px; }
#bbnet div.moviecomponent div.player { padding-bottom: 5px; }
#bbnet form input, #bbnet form select { margin-bottom: 5px; }
#bbnet form select { max-width: 250px; width: 250px; } 

#bbnet .checkboxcomponent { padding-bottom: 5px; display: block; }
#bbnet .checkboxcomponent div { float: left; width: 100%; }
#bbnet .checkboxcomponent div div { clear: both; float: left; width: 100%; }
#bbnet .checkboxcomponent div input { float: left; }
#bbnet .checkboxcomponent div label { display: block; padding-top: 2px; margin-left: 5px; }
#bbnet .floatleft div { float: left; clear: none; padding-right: 10px; width: auto; }
#bbnet .floatleft div input { margin: 0; padding: 0; }
#bbnet .floatleft div label { display: inline; width: auto; white-space: nowrap; }

#bbnet div.separator { width: 100%; height: 1px; line-height: 1px; font-size: 1px; display: block; clear: both; margin-bottom: 10px; overflow: hidden; }

/* maps */
#bbnet div.chmapcomponent { display: block; clear: both; }
#bbnet div.chregionmapcomponent { display: block; clear: both; }
#bbnet div.chmapcomponent, #bbnet div.chregionmapcomponent { padding-bottom: 10px; }
#bbnet div.chmapcomponent div.country { position: relative; z-index: 1; top: 0px; left: 0px; width: 350px; height: 222px; overflow: hidden; }
/* #bbnet div.chmapcomponent div.county { position: absolute; top: 0px; left: 0px; width: 350px; height: 222px; } */
#bbnet div.chmapcomponent div.county img { position: absolute; top: 0px; left: 0px; }
/* #bbnet div.chmapcomponent div.chmapcheckboxwrapper { width: 380px; } */
div#bbnet.bbnetprint div.chmapcomponent, div#bbnet.bbnetprint div.chregionmapcomponent { display: none; }

/* wab/pdoc */
#bbnet .wablist { width: 100%; }
#bbnet .wablist td { text-align: left; vertical-align: top; padding-right: 10px; }

#bbnet .wablist th { text-align: left; font-weight: bold; font-size: 13px; background-color: #99CC66; }
#bbnet .wablist tr.item td { padding: 5px 5px 0 0; border-top: 1px solid #99CC66; }
#bbnet .wabdetail tr td { padding: 0 0 2px 0; }
#bbnet .wabdetail tr.item td { padding: 2px 0 0 0; border-top: 1px solid #99CC66; }
#bbnet div.warning { font-weight: bold; background-image: url(../images/ico_error.gif); background-repeat: no-repeat; background-position: 0 1px; color: red; padding: 2px 2px 2px 20px; margin: 0 0 10px; }
#bbnet .wabinstlist td { padding-bottom: 3px; text-align: left; vertical-align: top; }
#bbnet .wabinstlist td.counter { padding: 0 5px; text-align: right; vertical-align: top; font-weight: bold; }
#bbnet img.wabcertificate { border: none; margin: 5px 10px 5px 0; }
#bbnet div.wabfooter { margin-top: 12px; }
#bbnet table.classes th { text-align: center; font-weight: bold; font-size: 11px; background-color: #99CC66; border-right: 2px solid white; padding: 2px; }
#bbnet table.classes td { border-top: 2px solid white; border-right: 2px solid white; background-color: #CCFF99; vertical-align: middle; padding: 2px; }
#bbnet table.classes tr.even td { background-color: #DDFFBB; }
#bbnet div.wablabel { padding-bottom: 1px; padding-top: 8px; }
#bbnet td.marginal a.resetlink { font-weight: bold; margin-bottom: 30px; }
#bbnet form.wabextsearch td.label { width: 120px; }
#bbnet form.wabextsearch td.textfield, #bbnet form.wabextsearch td.textfield input { width: 240px; }
#bbnet form.wabextsearch td select { width: 360px; max-width: 360px; }

/* used in link list */
#bbnet.grau .wablist th { background-color: #99CCCC; }
#bbnet.grau .wablist tr.item td { border-top-color: #99CCCC; }
#bbnet ul.wabhierarchy { margin: 0 0 5px; padding: 0 0 0 18px; }
#bbnet ul.wabhierarchy li { margin: 0; padding: 0; }
.overlib-font { color: #333333; }
.overlib-background { background-color: #949494; }
.overlib-foreground { background-color: #FFFFDF; }

#bbnet div.apprenticeships_prof { display: table; clear: both; width: 100%; padding-top: 8px; }
#bbnet div.apprenticeships_prof div.left { float: left; width: 250px; font-weight: bold; }
#bbnet div.apprenticeships_prof div.right { float: right; width: 75px; }
#bbnet div.apprenticeships_prof div.right a, #bbnet div.apprenticeships_prof div.right div.text { width: 100%; padding: 0; margin: 0; white-space: nowrap; }
#bbnet div.apprenticeships_prof div.right a div, #bbnet div.apprenticeships_prof div.right div.text div { display: block; width: 50px; float: left; height: 1em; }

#bbnet table.apprenticeships_export_table { width: 900px; }
#bbnet table.apprenticeships_export_table th { vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
#bbnet table.apprenticeships_export_table td { vertical-align: top; border: 0; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

/* jf 24.11.2008 */
#bbnet .light_pink { background-color: #FFCCCC; }
#bbemailpreview { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000000; font-size: 11px; }
#bbemailpreview h1.bbemailpreview { font-size: 13px; font-weight: bold; }
#bbemailpreview h2.bbemailpreview { font-size: 13px; }

#bbnet div.uni_text h1 {
  padding: 0;
  margin: 0;
  padding-top: 10px;
  font-size: 13px;
}

h1.bb_errorctx {
  background-color: red; 
  padding: 10px;
}


#logbook h2 {
  margin: 0;
  padding: 2px;
}
#logbook h2 div {
  display: table;
  width: 100%;
}
#logbook h2 div div {
    width: auto;
}
div#bbnet.bbnetprint #logbook h2 a {
  font-weight:bold;
}
#logbook h2 div div a.handle {
  padding: 0;
  margin: 0;
  padding-left: 10px;
}
#logbook h3 {
  margin: 0;
  padding: 0;
  clear: none;
  float: left;
  padding-right: 5px;
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif
}
#logbook table {
  width: 560px !important;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
#logbook table td {
  margin: 0;
  padding: 0;
  width: 270px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
  border: 0;
}
#logbook table tr.separator td {
  border-bottom: 2px solid #EFEFEF; 
}
#logbook table td.buttons {
  padding-top: 5px;
}
#logbook table tr.cloneable td table {
  margin: 0;
  padding: 0;
}
#logbook table tr.cloneable td td {
  border: 0;
}
#logbook input, textarea, select {
  margin: 0;
  padding: 0;
  width: 270px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#logbook input.testresult, textarea.testresult {
  width: 180px;
}

#logbook div.mainnav {
  width: 560px;
}
#logbook table.inner {
  width: 100% !important;
  padding: 0;
  margin: 0;
  border: 0;
}
#logbook table.inner tr td {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  padding: 0;
  margin: 0;
  border: 0;
}
#logbook table.inner input {
  display: inline;
}
#logbook div.checkboxcomponent div label {
  padding-left: 15px; 
}
#logbook div.checkboxcomponent div input {
  width: auto; 
}
#logbook h2.ignore {
  text-decoration: line-through;
}
#logbook div.overview table td.col_1 {
  width: 200px !important;
  min-width: 200px;
}
#logbook div.overview div.stat {
  display: table;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 5px;
}
#logbook div.overview div.stat div {
  clear: none;
  float: left;
}
#logbook div.overview div.stat div div {
  clear: none;
  float: left;
  padding: 1px;
  border: 1px solid gray;
}
#logbook div.overview div.stat div div span {
  clear: both;
  font-size: 11px;
  display: block;
}
#logbook div.overview div.stat div div div {
  padding: 0;
  border: 1px solid gray;
}
#logbook div.overview div.stat img {
  clear: none;
  float: left; 
}


/* 
	JF 03.06.2009
	séjours linguistiques sur internet
*/
.wablist .emptyTD
{
	width:7px;
}

.wablist .boldTD
{font-weight:bold;text-align: left; vertical-align: top; padding-right: 10px;}

.wablist .titleSejourCertif { text-align: left; font-weight: bold; 
font-size: 13px; }


/*
	FORUM
*/
#bbnet .forum
{
	width:100%;
}

#bbnet .forum td
{
	text-align: left; 
	padding-right: 10px;
	padding-top:0px;
}

#bbnet td.item
{
	padding-bottom:15px;
	padding-top:0px;
	
}


#bbnet td.form
{
	width:20px;
	margin-right:0px;
	padding-right:0px;
}

#bbnet a.list
{
	display: block; 
	clear: both; 
	padding-bottom:0px;
}

#bbnet .question
{
	font-style:italic;
}

table
{
	padding:
}
#bbnet a.websearch_nav
{
	padding: 0 4px;
	margin: 0 2px;
	display: inline;
}
#bbnet .websearch_number, #bbnet a.websearch_number
{
	padding: 0 4px;
	margin: 0 2px;
	display: inline;
	font-weight: bold;
	background-color: #CCCCCC;
}