body{
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	background-image:  url("rose.png");
	background-repeat: repeat-y;
	font-size:         13px;
	margin:            0;
	padding:           0;
	height:            100%;
	}

h1{
	text-align:  center;
	font-size:   20px;
	color:       #14FFFF;
	margin:      0px;
	}

h2{
	text-align: center;
	color:      #F60;
	font-size:  16px;
	}

h3{
	text-align:    left;
	margin-top:    5px;
	margin-bottom: 5px;
	font-size:     13px;
	color:         #14FFFF;
	}

h4{
	text-align:    left;
	margin-top:    5px;
	margin-bottom: 5px;
	font-size:     16px;
	color:         #14FFFF;
	}

img{
	border:0;
}

a.bouton{
	color:            #88E1FF;
	background-color: #000080;
	text-decoration:  none;
	padding:          5px;
	border:           2px outset silver;
	display:          block;
	text-align:       center;
	}

a.bouton:hover{
	color:            #3CF;
	background-color: #6495ED;
	border:           2px inset silver;
	text-decoration:  none;
	}

a.onglet{
	background-color: #88E1FF;
	border:           2px outset silver;
	border-color:     #FFB55F;
	border-width:     2px;
	border-style:     outset;
	color:            #009;
	text-align:       center;
	width:            auto;
	margin-right:     0;
	margin-top:       0.5em;
	padding:          0.2em 0.5em;
	text-decoration:  none;
	font-size:        10px;
	font-weight:      bold;
	}

a.onglet:hover{
	background-color: #3cf;
	border-color:     #FFB55F;
	border-width:     2px;
	color:            #fff;
	border-style:     outset;
	text-align:       center;
	width:            auto;
	margin-right:     0;
	margin-top:       0.5em;
	padding:          0.2em 0.5em;
	text-decoration:  none;
	font-size:        10px;
	border:           2px inset silver;
	}

p{
	font-size:  13px;
	text-align: justify;
	}

small{
	font-size: 9px;
	opacity:   0.75;
	}

a{
	text-decoration: none;
	color:           #000;
	}

a:hover{
	text-decoration: underline;
	color:           #FF1400;
	}

ul{
	text-align:          left;
	list-style-image:    url(puce.png);
	list-style-position: outside;
	font-size:           13px;
	}

lh{
	text-align:    left;
	font-style:    italic;
	color:         #14FFFF;
	}

ol{
	font-size:           13px;
	}

td{
	font-size: 13px;
	}

th{
	background-color: #CCC;
	}

hr{
#	height:           8px;
#	width:            100%;
#	background-image: url(../images/separateur.png);
#	color: #414467;
	border-width:     0;
	}

fieldset{
	border:  2px solid #14FFFF;
	-moz-border-radius:6px;
	}

legend{
	padding: 0 10px;
	margin:  0 15px 15px;
	font-size:  18px;
	color:   #14FFFF;
	}

#main_website, .bandeau_entete{
	width:          100%;
	border-spacing: 0;
	}

#menu_gauche{
	text-align:     center;
	vertical-align: top;
	width:          20%;
	}

.paragraphe{
	font-size:		14px;
	margin:  20px 0px 20px 0px;
}

/* ------------------------------------
   Elements block du contenu de la page
   ------------------------------------ */
#contenu_out {
	padding-top: 35%;          /* voici le min-height (35%) Hauteur de page*/
	min-height:  1px;           /* pour Opéra */
	}
#contenu_in {
	margin-top: -35%;         /* pour compenser le padding-top */
	min-height:  450px;
	position:    relative;
	}
#contenu_bottom{
	position:      absolute;
	bottom:        -40px;
	left:          0;
	width:         100%;
	margin-bottom: 0px;
	}

div.titre_entete{
	color: #fff;
	font-size: 80px;
	font-weight: bolder;
	font-style: italic;
	}

.texte_blanc{
	color: #fff;
	}

.bandeau_entete{
#	background-image: url(../images/background/logo_e_hpbsurg_etroit.png);
	}

.bandeau_patient{ /* Bandeau utilisé dans les pages dossier patient */
	background-color: #7AC1F4;
	width:     100%;
	margin-top:-13px;
	color:     #FFF;
	}

.bandeau_gauche{
	float:    left;
	margin:   5px;
	width:    150px;
	overflow: auto;
	}

.formulaire_avec_bandeau_gauche{

	width:       auto;
	}

.formulaire{
	width: 100%;
	}

.formulaire2{
	margin:   0px;
}

.formelements,.onglets{
	text-align: center;
	}
.onglets{
	margin:   0px 0px 10px 0px;
	}

.login_people{
	font-size: medium;
	font-weight: bolder;
	color: #143566;
}
input.login_people{
	width:200px;
}

/* ---------------------------------
STYLE DES FORMULAIRE / QUESTIONNAIRES
   --------------------------------*/
.container_table{
	float:left;
	width:100%;
	margin:0px;
}

.container_group{
	-moz-border-radius:6px;
	margin: 0px;
	border: 10px;
}

.fond_champ{
	background-color: transparent;
	}

.table_formulaire{
	-moz-border-radius:6px;
	width:            100%;
	background-color: #FFB55F;
	margin-top:       0;
	margin-bottom:    0;
	padding-top:      0;
	padding-bottom:   0;
	}

.table_presentation{
	-moz-border-radius:6px;
	background-color: #FFB55F;
	margin-top:       0;
	margin-bottom:    0;
	padding-top:      0;
	padding-bottom:   0;
	}

/* Lignes normales */
tr.pair {
	background-color: #FAFAD2;}
tr.impair {
	background-color: #FFFFFF;}
td.pair {
	background-color: #FAFAD2;}
td.impair {
	background-color: #FFFFFF;}

/* Lignes dépendantes */
tr.dep_pair {
	background-color: #EE82EE;}
tr.dep_impair {
	background-color: #D8BFD8;}
td.dep_pair {
	background-color: #EE82EE;}
td.dep_impair {
	background-color: #D8BFD8;}

/* Lignes en survol */
tr.pair:hover {
	background-color: #B3E4FF;}
tr.impair:hover {
	background-color: #BDC3FF;}

/* Lignes dépendantes en survol */
tr.dep_pair:hover {
	background-color: #D670DA;}
tr.dep_impair:hover {
	background-color: #DDA0DD;}


/* Survol des champs */
input:hover {
	background-color: #99FFff;}
textarea:hover {
	background-color:#FFFF99;
	background-color: #99FFff;}
select:hover {
	background-color: #99FFff;}


/* Lignes requises */
tr.requis_pair {
	background-color: #00A5FF;}
tr.requis_impair {
	background-color: #6DC4FD;}
tr.requis_pair:hover {
	background-color: #958AFF;	border-color:#FF0000;
}
tr.requis_impair:hover {
	background-color: #838FFF;	border-color:#FF0000;
}
/* ---------------------------------
fin STYLE DES FORMULAIRE / QUESTIONNAIRES fin
   --------------------------------*/


/* -----------------------
STYLE DES TABLEAUX DU MENU
   ----------------------*/
table.menu_main{
	width:          140px;
	border-spacing: 0;
	padding:        0;
	margin-top:     50px;
	margin-left:    5px;
	margin-right:   5px;
}

td.menu_top{
	background-image: url(../images/menu/top_menu.png);
	padding:          0;
	height:           8px;
}

td.menu_title{
#	background-image:  url(../images/menu/title_menu.png);
	background-color:  #414487;
	padding:           0;
	height:            20px;
	color:             #FFF;
	text-align:        center;
	font-size:         16px;
	font-weight:       bold;
}

td.menu_section{
	background-image:  url(../images/menu/section_menu.png);
	padding:           0;
	height:            20px;
	color:             #FFF;
	text-align:        center;
	font-size:         12px;
}

td.menu_main{
	background-image:  url(../images/menu/middle_menu.png);
	padding:           0;
	height:            18px;
	color:             #000;
	text-align:        center;
	font-size:         12px;
}

td.menu_main:hover{
	background-image: url(../images/menu/hover_menu.png);
}

td.menu_selected{
	background-image:   url(../images/menu/middle_menu.png);
	padding:            0;
	height:             18px;
	color:              #A44;
	font-size:          12px;
}

td.menu_space{
	background-image: url(../images/menu/middle_menu.png);
	padding:          0;
	height:           6px;
}

td.menu_bottom{
	background-image: url(../images/menu/bottom_menu.png);
	padding:          0;
	height:           8px;
}

a.menu_menu{
	color:           #000;
	text-decoration: none;
	display:         block;
	width:           100%;
	overflow:        hidden;
	font-size:       12px;
}

a.menu_menu:hover{
	color:           #A44;
	text-decoration: none;
	font-size:       12px;
}
/* -----------------------
fin STYLE DES TABLEAUX DU MENU fin
   ----------------------*/

/* -----------------------
STYLE DU FIL de NAVIGATION - FIL D'ARIANE
   ----------------------*/
div.ariane {
  padding:				17px 24px 20px 1px;
  float:				left;
  background-image: 	url(../images/ariane/ariane_fleche.png);
  background-repeat: 	no-repeat;
  background-position:	right top;
}
div.ariane:hover {
  background-image: 	url(../images/ariane/ariane_fleche_hover.png);
}
div.ariane:active {
  background-image: 	url(../images/ariane/ariane_fleche_active.png);
}
div.ariane_courante {
  background-color:		#B01100;
  border:				4px solid #990000;
  border-top:			3px solid #660000;
  border-left:			3px solid #660000;
  color:				#fff;
  padding:				5px 10px 6px 10px;
  float:				left;
  margin-top:			9px;
  -moz-border-radius:	10px;
  border-radius:		10px;
  text-decoration:		none;
  display:				inline;
  font-weight:       	bold;
}

a.ariane {
  background-color:		#666;
  border:				4px solid #555;
  border-top:			3px solid #444;
  border-left:			3px solid #444;
  border-right:			none;
  color:				#fff;
  padding:				3px 8px 4px 5px;
  -moz-border-radius:	10px;
  border-radius:		10px;
  text-decoration:		none;
  display:				inline;
}
a.ariane:hover {
  background-color:		#333;
  border:				4px solid #111;
  border-top:			3px solid #000;
  border-left:			3px solid #000;
  border-right:			none;
  color:				#ddd;
  text-decoration:		underline;
}
a.ariane:active {
  background-color:		#999;
  border:				4px solid #bbb;
  border-top:			3px solid #aaa;
  border-left:			3px solid #aaa;
  border-right:			none;
  color:				#222;
}
/* -----------------------
fin STYLE DU FIL de NAVIGATION fin
   ----------------------*/

/* ---------------------------------
STYLE DES TABLEAUX DE LA FICHE PATIENT
   --------------------------------*/
td.table_section{
	border-width:		0;
	border-style:		solid;
	background-image:	url(../images/menu/title_menu_large.png);
	padding:			0;
	height:				20px;
	color:				#FFF;
	text-align:			center;
	font-size:			14px;
	font-weight:        bold;
}

td.table_main{
	border-width:     0;
	border-style:     solid;
	background-image: url(../images/menu/middle_menu_large.png);
	padding:          0;
	height:           18px;
	color:            #000;
	text-align:       center;
	font-size:        13px;
}
/* ---------------------------------
fin STYLE DES TABLEAUX DE LA FICHE PATIENT fin
   --------------------------------*/

/* Style déprécié*/
td.table_selected{
	border-width:0;
	border-style:solid;
	background-image:url(../images/menu/middle_menu.png);
	padding:0;
	height:18px;
	color:#A44;
	text-align:center;
	font-size:12px;
}


a.table_menu{
	text-decoration:none;
	display:block;
	margin:0;
	width:100%;
	font-size: 12px;
}

a.table_menu:hover{
	color:#A44;
	font-size: 12px;
}


div#synthese{
	border:2px solid #000;
	padding:0 10px;
	margin:0;
}


/* -------
CALENDRIER
   ------*/
a_calendar_select:hover{
	background-color:#AAA;
}

a_calendar:hover,a_calendar_select{
	background-color:#CCC;
}
/* -------
fin CALENDRIER fin
   ------*/


/* ----------------
REPERE HAUT DE PAGE
   ---------------*/
.vousetesici a:hover{
	text-decoration:none;
	border-bottom:1px dotted #000;
	color:#39C;
}
.vousetesici img{
	margin:0pt 4px 1px;
	border:0;
}
.vousetesici{
	text-align:left;
	margin: 0;
	font-size:11px;
}
/* ----------------
fin REPERE HAUT DE PAGE fin
   ---------------*/


/* Valeurs normales min et max */
input.modif{
	color:red;
}
input.normal{
	color:#000;
}


/* Graphique */
.graphique{
	position:fixed;
	right:0;
	float:right;
	margin:20px;
	padding:5px;
	background-color:#FFF;
	border-left:1px dashed #999;
}


/* Attention */
.attention{
	background-color:#FFF;
	border:1px dashed #C00;
	padding:0 10px;
	color:#C00;
}


/* Impression */
.print_seulement{
	display:none;
}

/* rotaion du texte à -90 degrés µ/
.rotate {
	display:block;	
	/* Safari */
	-webkit-transform: rotate(-90deg);

	/* Firefox */
	-moz-transform: rotate(-90deg);

	/* IE */
	-ms-transform: rotate(-90deg);

	/* Opera */
	-o-transform: rotate(-90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*
The example above rotates text 90 degrees counterclockwise.

The rotation property of Internet Explorer’s BasicImage filter can accept one of four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively.


*/
/* -----------
AUTOCOMPLETION
   ----------*/
div.auto_complete{
	width:350px;
	background:#fff;
}
div.auto_complete ul{
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li{
	margin:0;
	padding:3px;
	cursor:pointer;
}
div.auto_complete ul li.selected{
	background-color:#FFFADD;
}
div.auto_complete ul strong.highlight{
	color:#800;
	margin:0;
	padding:0;
}
/* -----------
fin AUTOCOMPLETION fin
   ----------*/


/* -------------------------------
CSS pour le  script de l'infobulle
   ------------------------------*/
#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}
/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */
#ajax_tooltipObj .ajax_tooltip_arrow{
	background-image:url(\'../images/arrow.gif\');
	width:20px;
	position:absolute;
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}
#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;
	left:18px;
	top:0;
	position:absolute;
	width:400px;
	height:300px;
	background-color:#FFF;
	padding:5px;
	font-size:0.8em;
	overflow:auto;
	z-index:1000001;
}
/* -------------------------------
fin CSS pour le  script de l'infobulle fin
   ------------------------------*/


/* --------
   Infos bulles DHTML Goodies
   --------*/
#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-weight:bold;
	font-size:1em;
}

.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:0.7em;
}

#dhtmlgoodies_tooltip{
	background-color:#EEE;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}

#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.5;
	filter:alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}


/* -----------------------
Style pour les onglets
   ---------------------*/
.headerOnglets {
    float:left;
	}

.headerOnglets ul {
    margin:0px;
    padding-left:10px;
    list-style:none;
    }

.headerOnglets li {
    float:left;
	background:url("../images/onglets/unselected_top_left.png")
      no-repeat left top;
    margin:0px;
 	padding:0px 0px 0px 9px;
	}
.headerOnglets li:hover {
    float:left;
    background:url("../images/onglets/hover_top_left.png")
      no-repeat left top;
    margin:0px;
 	padding:0px 0px 0px 9px;
	}

.headerOnglets a {
    display:block;
	background:url("../images/onglets/unselected_top_right.png")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }
.headerOnglets a:hover {
	color:#EEE;
    display:block;
    background:url("../images/onglets/hover_top_right.png")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }

.headerOnglets li.selected {
    background-image:url("../images/onglets/selected_top_left.png");
 	padding:3px 2px 0px 9px;
	margin:-3px 0px 0px 1px;
    }
.headerOnglets li.selected a {
    padding:8px 17px 4px 6px;
	margin:-3px 0px 0px 0px;
	font-weight:bold;
	//font-size: medium;
	color:#EEE;
	text-decoration: none;
    background-image:url("../images/onglets/selected_top_right.png");
	}

.headerOnglets a, .headerOnglets strong, .headerOnglets span {
	color:#000;
    display:block;
    float:left;
	background:url("../images/onglets/unselected_top_right.png")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }

/* style pour les onglets du bas*/

.headerOngletsBas {
    background:transparent;
    font-size:100%;
    line-height:normal;
    margin-left:1px;
	}

.headerOngletsBas ul {
    margin:0px;
    padding:0px 10px 0px;
    list-style:none;
	}

.headerOngletsBas li {
    float:left;
	background:url("../images/onglets/unselected_bottom_left.png")
      no-repeat left bottom;
    margin:0;
 	padding:0 0 0 9px;
	}

.headerOngletsBas li:hover {
    float:left;
	background:url("../images/onglets/hover_bottom_left.png")
      no-repeat left bottom;
    margin:0;
 	padding:0 0 0 9px;
	}

.headerOngletsBas a {
    display:block;
	background:url("../images/onglets/unselected_bottom_right.png")
      no-repeat right bottom;
    padding:5px 15px 4px 6px;
    }

.headerOngletsBas a:hover {
	color:#EEE;
    display:block;
    background:url("../images/onglets/hover_bottom_right.png") no-repeat right bottom;
    padding:5px 15px 4px 6px;
    }

.headerOngletsBas li.selected {
    background-image:url("../images/onglets/selected_bottom_left.png");
 	padding:3px 2px 0px 9px;
	margin:0px 0px 0px 1px;
    }

.headerOngletsBas li.selected a {
    padding:8px 17px 4px 6px;
	margin:-3px 0px 0px 0px;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
    background-image:url("../images/onglets/selected_bottom_right.png");
	}

.headerOngletsBas a, .headerOngletsBas strong, .headerOngletsBas span {
	color:#000;
    display:block;
    float:left;
	background:url("../images/onglets/unselected_bottom_right.png")
      no-repeat right bottom;
    padding:5px 15px 4px 6px;
	}
/* -----------------------
fin Style pour les onglets fin
   ---------------------*/


/* ------------------------
Style pour le prefixe image
   ----------------------*/
#lightbox{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}
#lightbox a img{
	border:none;
}

#outerImageContainer{
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#imageContainer{
	padding:10px;
}

#loading{
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{
	left:0;
}
#hoverNav a{
	outline:none;
	clear:left;
}

#prevLink{
	clear:left;
	width:49%;
	height:100%;
	background:transparent url(../images/lightbox/prevlabel.gif) no-repeat;
	display:block;
	top:0;
	left:5;
	float:left;
}
#nextLink{
	clear:left;
	width:49%;
	height:100%;
	background:transparent url(../images/lightbox/nextlabel.gif) no-repeat;
	display:block;
	top:0;
	right:0;
	float:right;
}

#imageDataContainer{
	font-size:10px;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	clear:both;
}
#imageData{
	padding:0 10px;
}
#imageData #imageDetails{
	width:70%;
	float:left;
	text-align:left;
}
#imageData #caption{
	font-weight:700;
}
#imageData #numberDisplay{
	display:block;
	clear:left;
	padding-bottom:1.0;
}
#imageData #bottomNavClose{
	right:0;
	width:66px;
	margin-bottom:250px;
	padding-bottom:250px;
}

#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
/* @deprecated
.clearfix:after{
	content:\".\";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
*/

* html>body .clearfix{
	display:inline-block;
	width:100%;
}
* html .clearfix{
	height:1%;
}
/* ------------------------
fin Style pour le prefixe image fin
   ----------------------*/

/* ------------------
   Elements e-Psycho
   ------------------ */
/* --------
	Bouton
   --------*/
a.button, button {
  padding:3px 7px 3px 5px;   /* Links */
  border:1px solid #BBB;
  border-top:1px solid #999;
  border-left:1px solid #999;
  -moz-border-radius:6px;
  border-radius:6px;
  background-color:#f5f5f5;
  text-decoration:none;
  font-weight:bold;
  cursor: pointer;
}

/* Button colors-------- */
/* Negative */
body .negative {
  color:#d12f19;
  display:inline;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* --------
   Element slider
   --------*/
.handle{
	width:21px;
	height:13px;
	background: url('../images/slider/handle2.gif');
	bottom:4px; cursor:move;
	}

.track{
	width:375px;
	background: url('../images/slider/stick_total.gif');
	height:5px;
	}

/* --------
   Autocompletion des médicaments
   --------*/
#medicament_update {
    border: 1px solid #999;
    background: #fafafa;
    }
#medicament_update ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
#medicament_update a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
	font-size: 10px;
    }
#medicament_update .selected {
    background: lightyellow;
    }

#carnet_adresses {
	margin-right:180px;
	margin-left:180px;
	padding-bottom:5px;
	text-align:justify;
}

#identite {
	border:1px solid #000000;
	-moz-border-radius:10px;
	margin-top:12px;
	padding:10px;
}


/* --------
   Accordéon pour les visites
   --------*/
div#test-accordion{
	padding: 10px;
	border: 1px solid #aaa;
	-moz-border-radius:10px;
}
div.accordion {
	position: relative; /* required for bounding */
}
div.accordion-toggle{
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	cursor: pointer;
	height: 160px;
	background-repeat: 	no-repeat;
	background-position:	left top;
	padding: 70px 0px 0px 160px;
	margin-bottom: -70px;
	font-size: 16px;
	font-weight: bold;
}
div.accordion-content{
	overflow: hidden;	/* required for effect */
	margin: -100px 0px 30px 140px;
	position: relative;
	z-index: 10;
}


/* div questionnaire caches par defaut */
.questionnaire{
 display:			none;
 text-align:		center;
 padding-bottom:	20px;
 padding-top:		220px;
}
.libelle_module{
 font-size:			18px;
# margin-left: 		-180px;
 display:			inline-block;
 width: 			180px;
 #position: 		-10px;
 text-align:		center;
}
#module{
 position: 			absolute;
 width:				100%;
 text-align:		center;
}
.lienQuestionnaire, .styleOutModule{
 text-decoration:	none;
 color:				#000000;
 cursor:			pointer;
 text-align:		center;
 margin:			8px;
}


/* 
Tablekit
*/
.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #ECFF53 !important;
	background-image: url(../images/icones/up.gif);
}
.sortdesc {
	background-color: #ECFF53 !important;
	background-image: url(../images/icones/down.gif);
}
.nosort {
	cursor: default;
}

th.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #1E90FF;
	position:absolute;
	top:0;
	left:0;
}