@charset "utf-8";

/******************************** GENERAL TEMPLATE ************************************/
html, body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

body, input, select, textarea{
	background-color:#f6f6f6;
	font-family:Arial, Helvetica, DejaVu Sans Condensed, sans-serif;
	font-size:12px;
}

.topParent{
	margin:0px;
	border:0px;
	padding:0px;
}

.top{
	margin:0px;
	border:0px;
	border-spacing:0px;
	padding:0px;
	line-height:1px;		/* WARNING: this is important for Firefox: setting a normal value add some
										(ex: 12px) or leaving default value cause a margin to be
										added below images !! */
	height:81px;
	background-image:url("img/top-bg.png");
	background-repeat:repeat-x;
	width:100%;
}

.topCell{
	margin:0px;
	border:0px;
	padding:0px;
}

/*.topCellImg{
	margin:0px;
	border:0px;
	padding:0px;
}*/

.topCellRight{
	margin:0px;
	border:0px;
	padding:0px;
	float: right;
}

/*.topCellRightImg{
	margin:0px;
	border:0px;
	padding:0px;
	float: right;
}*/


/* joel -- #logo{ */
/*.logo{
	margin:0px;
	padding:0px;
	height:81px;
	background-image:url("sauter_img/logo.png");
	background-repeat:no-repeat;
}

.logoRight{
	margin:0px;
	padding:0px;
	height:81px;
	background-image:url("sauter_img/logo-right.png");
	background-repeat:no-repeat;
	background-position: top right;
}*/

.topmenu{
	position:absolute;
	top:58px;
	height:23px;
	line-height:23px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	z-index:10;
	cursor:pointer;
}

.topmenu-128{
	background-image:url("img/onglet-off.gif");
	width:128px;
}

.topmenu-192{
	background-image:url("img/onglet-off-192.gif");
	width:192px;
}

.topmenu-on-128{
	background-image:url("img/onglet-on.gif");
	color:#31547c;
	z-index:11;
}

.topmenu-on-192{
	background-image:url("img/onglet-on-192.gif");
        color:#31547c;
	z-index:11;
}

/*
#topmenu1{
	left:4px;
}

#topmenu2{
	left:124px;
}

#topmenu3{
	left:244px;
}
*/

.imgmenu{
	float:left;
	margin-left:5px;
	margin-top:3px;
	padding:0px;
	width:17px;
	height:17px;
	background-repeat:no-repeat;
}

/*
#imgmenu1{
	background-image:url("img/trends.png");
}
#imgmenu2{
	background-image:url("img/configure.png");
}
#imgmenu3{
	background-image:url("img/manualinput.png");
}
*/

.labelmenu{
	float:left;
	margin:0px;
	padding-left:5px;
}

/******************************** GENERAL BOXES ************************************/
/*.boxLeftBody{
	margin:0px;
	padding:10px;
	border:1px #919191 solid;
	border-bottom:none;
	width:133px;
}*/  /* THAT ONE IS UNUSED NOW ? */

/*.boxRightBody{
	display:block;
	margin:0px;
	padding:0px;
	_padding-right:1px; ** IE-SPECIFIC JUNK - fix missing right border of CSSPanel **
	border-bottom:none;
	width:auto;
	background-image:url("img/boxes/big-right.gif");
	background-position:right;
	background-repeat:repeat-y;
}*/ /* THAT ONE IS UNUSED NOW ? */

/*.boxOn .boxRightBody{
	background-image:url("img/boxes/on/big-right.gif");
}*/ /* THAT ONE IS UNUSED NOW ? */

.boxTitle{
	display:inline;
	/* NOTE: The following 3 lines cause a line break in Firefox, so we define them as IE-only for now. */
	_width: 75%; /* added by jbo (forces single-line title and prevents overflow) */
	_overflow: hidden; /* added by jbo (forces single-line title and prevents overflow) */
	_white-space: nowrap; /* added by jbo (forces single-line title and prevents overflow) */
	margin:0px;
	padding:0px;
	line-height:25px;
}

/******************************** LEFT BOX ************************************/
/*#leftBox{
	position:absolute;
	top:101px;
	left:20px;
	margin:0px;
	padding:0px;
	width:155px;
}*/ /* THAT ONE IS UNUSED NOW ? */

/*#leftBoxTop{
	margin:0px;
	padding:0px;
	padding-left:10px;
	width:155px;
	height:25px;
	line-height:25px;
	background-image:url("img/boxes/small-top.gif");
	background-repeat:no-repeat;
}*/ /* THAT ONE IS UNUSED NOW ? */

/*#leftBoxBottom{
	margin:0px;
	padding:0px;
	width:155px;
	height:25px;
	background-image:url("img/boxes/small-bottom.gif");
	background-repeat:no-repeat;
}*/ /* THAT ONE IS UNUSED NOW ? */

/******************************** RIGHT BOXES ************************************/
/*#rightContent{
	width:auto;
	** removed by joel -- abackground-color:#CC9966;**
	margin-top:20px;
	margin-left:200px;
	margin-right:20px;
}*/ /* THAT ONE IS UNUSED NOW ? */

.buttonOpenCollapse{
	float:right;
	margin:0px;
	margin-top:5px;
	margin-right:5px;
	padding:0px;
	background-image:url("img/buttons/minus.png");
	width:18px;
	height:18px;
	cursor:pointer;
}

/* Added by joel */
.buttonOpenCollapse-closed{
	background-image:url("img/buttons/plus.png");
}

.buttonContextualMenu{
	float:right;
	margin:0px;
	margin-top:5px;
	margin-right:5px;
	padding:0px;
	background-image:url("img/buttons/down.png");
	width:18px;
	height:18px;
	cursor:pointer;
}

/*#cMenuDataPoints{
	display:block;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:150px;
	border:1px #990000 solid;
	background-color:#FF9900;
}*/ /* THAT ONE IS UNUSED NOW ? */

/* -------- */
/* CSSPanel */
/* -------- */

.box, .boxOn {
    margin-top:			5px;
    margin-left:		3px;
    margin-right:		3px;
    margin-bottom:		8px;
	padding:			0px;
	/* joel (do not overflow the containers) -- width:100%; */
	/* joel (obey pageLayout.css instead) -- min-width:300px; */
}

.boxLeftCorner {
	float:				left;
	width:				10px;
	margin-right:		0px;
}

.boxRightCorner {
	float:				right;
	width:				10px;
	margin:				0px;
}

/* CSSPanel header */

.boxTop {
	display:			block;
	background-repeat:	repeat-x;
}

.box .boxTop {
	background-image: 	url("img/boxes/big-top-bg.gif");
}

.boxOn .boxTop {
	background-image: 	url("img/boxes/on/big-top-bg.gif");
}

.boxTop .boxLeftCorner, .boxTop .boxTopContent, .boxTop .boxRightCorner {
	height: 			25px;
}

.boxTop .boxTopContent {
	margin-top:			0px;
	margin-left:		10px;
	margin-bottom:		0px;
	margin-right:		10px;
	background-position: center;
	background-repeat: 	no-repeat;
}

.box .boxTop .boxLeftCorner {
	background-image:	url("img/boxes/big-top-corner-left.gif");
}

.boxOn .boxTop .boxLeftCorner {
	background-image:	url("img/boxes/on/big-top-corner-left.gif");
}

.box .boxTop .boxTopContent {
	/*background-image: 	url("img/boxes/big-top-gradient.gif");*/
}

.boxOn .boxTop .boxTopContent {
	background-image: 	url("img/boxes/on/big-top-gradient.gif");
}

.box .boxTop .boxRightCorner {
	background-image:	url("img/boxes/big-top-corner-right.gif");
}

.boxOn .boxTop .boxRightCorner {
	background-image:	url("img/boxes/on/big-top-corner-right.gif");
}

/* CSSPanel content */

.boxContent {
	margin:				0px;
	overflow:			hidden;
	background-repeat:	repeat-y;
	background-position:left;
	/*padding:			0;*/
}

.boxContentBGRight {
	background-repeat:	repeat-y;
	background-position:right;
	margin-right:		1px;
	float:				right;
	/*padding:			0;*/
	width:				100%;
}

.box .boxContent, .box .boxContent .boxContentBGRight {
	background-image:	url("img/boxes/big-left.gif");
}

.boxOn .boxContent, .boxOn .boxContent .boxContentBGRight {
	background-image:	url("img/boxes/on/big-left.gif");
}

.boxContentsDiv { /* TODO: common part taken from tableHeaderDiv and tableBodyDiv, and modified */
	margin:				5px 5px 5px 5px;
	/*padding:			0;*/
}

.clearFix {
	clear:				both;	
}

/* CSSPanel footer */

.boxBottom {
	display:			block;
	background-repeat:	repeat-x;
}

.box .boxBottom {
	background-image:	url("img/boxes/big-bottom-bg.gif");
}

.boxOn .boxBottom {
	background-image:	url("img/boxes/on/big-bottom-bg.gif");
}

.boxBottom .boxLeftCorner, .boxBottomMiddle, .boxBottom .boxRightCorner {
	height: 			22px;
}

.boxBottomMiddle {
	margin-top:			0px;
	margin-left:		10px;
	margin-bottom:		0px;
	margin-right:		10px;
	background-position:center;
	background-repeat: 	no-repeat;
}

.box .boxBottom .boxLeftCorner {
	background-image:	url("img/boxes/big-bottom-corner-left.gif");
}

.boxOn .boxBottom .boxLeftCorner {
	background-image:	url("img/boxes/on/big-bottom-corner-left.gif");
}

.box .boxBottom .boxBottomMiddle {
	/*background-image:	url("img/boxes/big-bottom-gradient.gif");*/
}

.boxOn .boxBottom .boxBottomMiddle {
	background-image:	url("img/boxes/on/big-bottom-gradient.gif");
}

.box .boxBottom .boxRightCorner {
	background-image:	url("img/boxes/big-bottom-corner-right.gif");
}

.boxOn .boxBottom .boxRightCorner {
	background-image:	url("img/boxes/on/big-bottom-corner-right.gif");
}


/************************* TABLES *************************************/
.tableHeaderDiv{
  margin:5px;
  padding:0px;
	width:98%;
}

.tableBodyDiv{
	width:98%;
	margin:5px;
	padding:0px;
	max-height:220px;
	overflow:scroll;
}

.myTableStyle{
	/*width:98%;*/
}

/*.TR-header td, .myTableStyle td{*/
/*	width:33%;*/
/*}*/

/*.TR-header td{
  text-align:center;
}*/

.myTableStyle td{
	border-bottom:1px #CCCCCC solid;
	margin:0px;
	padding-right:2px;
	padding-left:2px;
	padding-top:0px;
	padding-bottom:0px;
}

/* Added by joel -- prevents style from propagating to the children */
.myTableStyle td *{
	border-bottom: none;
}

/* IE-SPECIFIC JUNK -- the previous statement is not handled properly by IE */
.myTableStyle td td {
	_border-bottom: none;
}

.myTableStyle tr:hover{
	background-color:#d0e8ff; /* joel - brighter color */
	cursor:pointer;
}

/*.myTableStyle td.scrollerWidth{
	width:80px;
}*/

.TR-header-filtering{
	
}

.myTableStyle input{
  /* joel -- height:12px; */
  /*width:80px;*/
}

.mainPanel{
	width: 100%;
	height: 100%;	
}

.divseparator {
	clear: both;
}

.scrollBarIE8Fix {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

.height100 {
	height: 100%;
}