/* $Id: main.css,v 1.15 2008-02-23 14:38:49 patrick Exp $ */

html { margin:0; padding:0; }

body {
	background-color: #f0fff0;
	color: #362e2a;
	margin: 0;
	padding: 0;
	font-family: "Verdana", sans-serif;
}

a:link { color: #5a97c4; }
a:visited { color: #2a4784; }
a:hover { color: #964945; }
/* a:active { color: #8000; } */

#content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 100px;
}

#menu {
	position: absolute;
	top: 0; 
	left: 0; 
	background-color: #c4dfbe;
	width: 150px;
	text-align: right; 
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 10px;
	margin: 0;
	z-index: 1;
	height: 100%;
}

ul.menulinks {
	font-size: 130%;
	list-style-type: none;
	position: relative;
	left: -40px;
	width: 100%; /* précision pour Opera */
	line-height: 130%;
}

ul.submenulinks {
	font-size: 80%;
	list-style-type: none;
	position: relative;
	left: -40px;
	width: 100%; /* précision pour Opera */
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menufooter {
	margin-top: 10px;
	padding-top: 20px;
	border-top: #000 1px solid;
	text-align: center;
}

#body {
	text-align: left; 
	border-left: #c4dfbe 165px solid;
	padding-left: 1em;
	padding-top: 0;
	background-color: #f0fff0;
	position: relative;
	top: 0;
	left: 0;
	padding-bottom: 40px;
}

/* ****************************************************************************** */

ul.tags {
	padding: 0px;
	margin: 0px;
}

ul.tags li { 
	border: 4px solid #603; 
	background-color: #c96; 
	-moz-border-radius: 12px; 
	padding: 3px; 
	margin: 0px;
	display: inline;
}

a.tagsmini {
	border: 4px solid #603; 
	background-color: #c96; 
	-moz-border-radius: 10px; 
	width: 10px; 
	height: 10px; 
	display: block;
}

.tagscloud {
	border: 4px solid #603;
	background-color: #c96; 
	-moz-border-radius: 12px;
	padding: 3px;
	margin: 0px;
	max-width: 400px;
	height: auto;
}

.tagscloud a { 
	text-decoration: none;
}

/* ****************************************************************************** */

.moreinfo4 {
	position: absolute;
        left: 150px;
        width: 600px;
        opacity: 0.90;
        background-color: white;
        color: black;
        padding: 4px;
        border: 2px dotted black;
        display: none;
        margin: 0px;
	z-index: 10;
	max-height: 30em;
	overflow: auto;
	text-align: left;
}

/* ****************************************************************************** */

table.table1 {
	width: 98%;
	border: 2px solid black;
	border-collapse: collapse;
	margin: 10px 2px;
}

table.table1 td, table.table1 th {
	border: 1px solid #999;
	padding: 3px;
}

table.table1 th {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

table.table1 > thead > tr, table.table1 > tfoot > tr {
	background-color: #e5a09b;
}

table.table1 > thead > tr > th, table.table1 > tfoot > tr > th {
	text-align: center;
	font-weight: bolder;
	font-size: larger;
}

table.table1 > tbody > tr.highlight, table.table1 > tbody > tr > td.highlight { 
	background-color: #fc0; 
}

table.tbodymx20 > tbody {
	max-height: 10em; /* does not seem to do anything */
}

.tabletools { font-size: small; font-weight: normal; }
table.trhover > tbody > tr:hover { background-color: #c4dfbe; }

table.tablecentercol1 > tbody > tr > td:first-child { text-align: center; }
table.tablecentercol2 > tbody > tr > td:first-child + td  { text-align: center; }
table.tablecentercol3 > tbody > tr > td:first-child + td + td  { text-align: center; }
table.tablecentercol4 > tbody > tr > td:first-child + td + td + td { text-align: center; }
table.tablecentercol5 > tbody > tr > td:first-child + td + td + td + td { text-align: center; }
table.tablecentercol6 > tbody > tr > td:first-child + td + td + td + td + td { text-align: center; }
table.tablecentercol7 > tbody > tr > td:first-child + td + td + td + td + td + td { text-align: center; }

table.tablecentercol2end > tbody > tr > td + td { text-align: center; }

/* ****************************************************************************** */

div > div.depliertitle { margin: 0.7em 0; }
.depliertitle { font-weight: bolder; }
.depliercontentoff { display: none; }
.depliertitle:hover,.depliercontentoff:hover { background-color: #9cf; }
.depliercontenton { display: block; }
.depliercontenton, .depliercontentoff { padding-left: 1em; }

/* ****************************************************************************** */

ul.toolbar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #e5a09b;
	border-top: 2px solid #000;
	text-align: left;
	max-height: 1.5em;
	margin: 0;
	opacity: 0.9;
	padding: 0;
	height: 1.5em;
	z-index: 100;
}

ul.toolbar li {
	display: inline;
        list-style-type: none;
	margin: 0;
	padding: 0px 5px;
	border-right: 2px solid black;
        position: relative;
	}

ul.toolbar li ul {
        display:none;
        width: 99%;
        margin: 0px;
        padding: 0px;
        font-size: 90%;
	position: fixed;
	bottom: 1.5em;
        border-style: solid;
        border-color: black;
        border-width: 2px 2px 0 2px;
	background-color: #e5a09b;
	max-height: 300px;
	max-width: 400px;
	overflow: auto;
}

ul.toolbar ul li {
        display: list-item;
        border-style: none;
        border-bottom: 1px solid black;
	padding: 0;
	margin: 0;
}

ul.toolbar a { 
	text-decoration: none; 
	color: #039;
	}
ul.toolbar ul a {
        padding: 0px 5px;
	display: block;
}

ul.toolbar ul a:focus { outline: none; }

ul.toolbar > li:hover > ul { display: inline; }
ul.toolbar > li:hover > ul > li:hover { background-color: #f0fff0; }

/* ****************************************************************************** */

.fakebutton {
  color: #000;
  background-color: #ddd;
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
  text-decoration: none !important;
  margin: 2px;
  padding: 0em 0.5em 0em 0.5em;
  font-family: helvetica,arial,sans-serif;
  font-weight: bold;
}

.fakebutton:hover {  
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
  cursor: pointer;
}

/* ****************************************************************************** */

.minimenu {
        position: fixed;
        top:0;
        right:0;
        background-color: #c4dfbe;
        color: #339;
        border: 2px solid #003;
        text-align: right;
        max-width: 20%;
        margin: 0;
        opacity: 0.9;
        padding: 2px;
	z-index: 50;
}
.minimenu > ul { 
	display: none; 
	list-style: none; 
	margin: 0; 
	font-size: 80%; 
	border-top: 2px solid #003; 
	padding-right: 4px; 
}
.minimenu:hover > ul { display: block; }

/* ********************************************************************************* */

.lmenu       { background-color: #fc0; }
.lmenu ul    { margin-left: 0; padding-left: 0; display: inline; }
.lmenu ul li { margin-left: 10px; margin-bottom: 0; padding: 2px 15px 5px; border: 1px solid #000; list-style: none; background-color: #9cf; display: inline;}
.lmenu ul li.sel { border: 2px solid #f00; list-style: none; background-color: #fc9; display: inline; }

/* *********************************************************************************** */

.hw { max-width: 48%; }
.ag { float: left; }
.ad { margin-left: 50%; }
.ag , .ad { margin-top: 2em; margin-bottom: 2em; }

.ag h2, .ag h3, .ad h2, .ad h3 { margin-top: 0; }
.ag + hr , .ad + hr { clear: both; }

.fl { float: left; }
.fr { float: right;}
.wf2to3cols { min-width: 40%; max-width: 50%; }
.pabsr0 { position: absolute; right: 0; }
.pabst0 { position: absolute; top: 0; }

.editinplace:hover { text-decoration: overline underline; cursor: crosshair; }

/* ****************************************************************************** */

option { white-space: pre; }

.cb { clear: both; margin: 2ex 0; }
.usercatch { text-align: center; color: #f00; font-weight: bolder; font-size: larger; padding: 5px; margin: 4px; border: solid #f00 2px; }
.userinfo  { background-color: #9cf; padding: 5px; border: 1px #000 solid; margin: 5px; }
.hidem5 { display: none; margin: 5px; }
.tcenter { text-align: center; }
.pave { padding: 5px; margin: 15px 5px; }
.pave h2 { margin-top: 0; }
.spacer { clear: left; height: 0; }
.imgnoborder img { border: 0; }
.notused { font-style: italic; font-weight: lighter; text-decoration: line-through; }

/* ****************************************************************************** */

.npbg1 { background-color: #a9f; }
.npbg2 { background-color: #d9f; }
.npbg3 { background-color: #f9e; }
.npbg4 { background-color: #9ef; }
.npbg5 { background-color: #5c92ff; }
.npbg6 { background-color: #1f69ff; }
.npbg7 { background-color: #f9b; }
.npbg8 { background-color: #9fd; }
.npbg9 { background-color: #ffb41f; }
.npbg10 { background-color: #9cf; }
.npbg11 { background-color: #ffc0cb; }
.npbg12 { background-color: #cf9; }
.npbg13 { background-color: #f9c; }
.npbg14 { background-color: #ff9; }
.npbg15 { background-color: #9ff; }
.npbg16 { background-color: #f9f; }
.npbg17 { background-color: #9fc; }
.npbg18 { background-color: #c9f; }
.npbg19 { background-color: #fc9; }
.npbg20 { background-color: #99f; }
.npbg21 { background-color: #9f9; }
.npbg22 { background-color: #f99; }

.bgred    { background-color: #f03; }
.bggreen  { background-color: #9f0; }
.bgorange { background-color: #f90; } 
.bgyellow { background-color: #ff9; }
.bggray   { background-color: #999; }

.bgawelejaune { background-color: #fce096; }
.bgawelerose  { background-color: #e5a09b; }
.bgawelevert  { background-color: #c4dfbe; }
.bgawelebleu  { background-color: #badae9; }

.othera a:link { color: #362e2a; font-weight: bolder; }
.othera a:visited { color: #2a4784; font-weight: bolder; }
.othera a:hover { color: #964945; font-weight: bolder; }

.prog-border { height: 1em; width: 150px; border: 2px solid black; margin: 0; padding: 0; }
.prog-bar    { height: 100%; background: #0f0; text-align: right; line-height: 100%; }
ul.prog li   { display: inline; list-style-type: none; margin: 0; }

ul.pyr { list-style-type: none; margin: 0; padding: 0; font-size: 80%; margin: 15px 0; }
ul.pyr > li { position: relative; line-height: 1.3em; margin: 1px 0; display: block; }
ul.pyr > li > div:first-child { position: absolute; display: block; height: 100%; background: #669; line-height: 100%; }
ul.pyr > li > div:first-child + div { position: absolute; display: inline; text-align: right; left: 205px; width: 40px; border-style: solid; border-width: 0 1px 0 0; padding: 0 3px 0 0;}
ul.pyr > li > div:first-child + div + div { position: relative; display: inline; left: 255px; }

.withextrainfo { position: relative; }
.withextrainfo:after { padding-left: 2px; content: ' [+]'; font-size: 60%; }
.withextrainfo > span { display: none; }
.withextrainfo:hover { z-index: 10; }
.withextrainfo:hover > span {
	display: block;
	position: absolute;
	top: 1em;
	left: 1em;
	background-color: #c4dfbe;
        color: black;
        padding: 4px;
        border: 1px solid black;
	margin: 0px;
	max-height: 15em;
	overflow: auto;
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
}

.nvi_viewport { 
	width: 600px; /* DO NOT TOUCH */
        height: 600px; /* DO NOT TOUCH */
        border: 1px solid black;
        overflow: hidden;
        cursor: pointer;
        background-color: #fff;
        position: absolute;
        margin: 10px;
        z-index: 0;
	}
.nvi_control {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	text-align: center;
	background-color: white;
	color: #000;
        z-index: 10;
	cursor: default;
	opacity: 0.8;
	}
.nvi_flink:hover { cursor: pointer; }
.nvi_miniview {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: white;
	opacity: 0.9;
	cursor: default;
	z-index: 8;
	border: 1px solid black;
	width: 100px; /* DO NOT TOUCH */
	height: 100px; /* DO NOT TOUCH */
}
.nvi_miniview_current {
	opacity: 0.5;
	z-index: 9;
	background-color: #5a97c4;
	border: 1px ridge black;
	position: absolute;
	cursor: pointer;
}

.disponhoverneighbor { display: none; }
*:hover > .disponhoverneighbor { display: inline; }
.cpointer:hover { cursor: pointer; }

.pave2 { padding: 5px; width: 98%; height: 12em; overflow: auto; margin: 5px; }
.pave2 h2 { margin-top: 0}
.smaller { font-size: 0.6em; }

.ph1 { width: 596px; height: 216px; border: 2px dashed black; text-align: center; padding-top: 180px; font-weight: bolder; }

.mlangtxt { position: relative; }
.mlangtxt > .mlangtxtcmd { display: none; position: absolute; right: 0; top: 0; border: 1px solid black; margin: 5px 10px 0 0; padding: 2px; background-color: #c4dfbe; font-style: italic; }
.mlangtxt > .mlangtxtcmd > form { display: inline; }
.mlangtxt:hover > .mlangtxtcmd { display: block;}

/*
.txtwcomments {}
.txtcomment { background-color: #ff6; }
*/

.spinner {
	display: none;
	margin: 2px 4px;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
}

/* JQUERY *************************************************************************************************************************** */

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; border-style: none;}
.ui-resizable .ui-resizable-handle { display: block; }

.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(http://infotek.fph.ch/common/images/ui-resizable-s.gif) repeat scroll center top; }
.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(http://infotek.fph.ch/common/images/ui-resizable-e.gif) repeat scroll right center; }
.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(http://infotek.fph.ch/common/images/ui-resizable-se.gif); }