#header {
    margin: 0px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid gray;
    background-image: url('/images/background_green.png');
    background-repeat: repeat-x;
}

#header img {
    padding: 5px;
    padding-bottom: 10px;
}

#main { 
    padding: 10px;
    margin-top: 5px;
    margin-left: 25px;
}

#footer {
    padding: 0px;
    padding-top: 3px;
    color: #333;
    background-color: white;
    background-image: url('/images/background_green.png');
    border-top: 1px solid gray;
    text-align: left;
    position: fixed;
	padding-left: 80px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}


/* 
    Document   : tags.css
    Created on : 20 nov. 2007, 07:46:09
    Author     : matthias
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body, div, h1, h2, h3, h4, h5, h6, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
  margin: 0; padding: 0;
}

body {
    font-family: Verdana, sans-serif;
    color: #333;
    font-size: small;
}

form, input, textarea, select {
    font-family: Verdana, sans-serif;
    font-weight: normal;
	font-size: 12px;
}

input[type="submit"] {
  font-size: 80%;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}

select {
  font-size: 80%;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}


a {
  color: black;
  text-decoration: underline;
}

a:hover {
  color: red;
  text-decoration: underline;
}

img {
  display: inline-block;
  border: none;
}


.embed {
    font-size: 11px; 
    color:#000000;
}

#lang_box {
  display: inline;  
}

select#language_language {
  background-color: 669966;
  font-size: 70%;
}

#right {
  /* margin-top: 165px; */
  margin-top: 0px;
  float: right;
  margin-right: 10px;
  width: 18%;
}

#suggest_div {
  margin-top: 20px;
  color: red;
  text-align: left;
}
.error_box {
	width: 220px;
	border: 2px solid red;
	background-color: #FF6666;
	margin: 3px 0px;
	padding: 3px;
}

/* ############ HEADER 1 - used for title of a page */

.header1 {
  font-size: 21px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header1 input {
  font-size: 21px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header1 select {
  font-size: 21px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header1 textarea {
  font-size: 21px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header1 a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}

.header1 a:hover {
  color: red;
  text-decoration: underline;
  font-size: inherit;
}

/* ############ HEADER 2 - used for important info (options, commands) */

.header2 {
  font-size: 16px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header2 input {
  font-size: 16px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header2 select {
  font-size: 16px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header2 textarea {
  font-size: 16px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

.header2 a {
  color: inherit;
  /* text-decoration: none; */
  font-size: inherit;
  font-weight: inherit;  
}

.header2 a:hover {
  color: red;
  /* text-decoration: underline; */
  font-size: inherit;
}

/* ############ HEADER 3 - used in the menu-tabs */

.header3 {
  font-size: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

.header3 input {
  font-size: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

.header3 select {
  font-size: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

.header3 textarea {
  font-size: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

.header3 a {
  color: inherit;
  /* text-decoration: none; */
  font-size: inherit;
  font-weight: inherit;  
}

.header3 a:hover {
  color: red;
  /* text-decoration: underline; */
  font-size: inherit;
}

/* ############ SMALL */

.small1 {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #333;
}

.small1 input {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #333;
}

.small1 select {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #333;
}

.small1 textarea {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #333;
}

.small1 a {
  color: inherit;
  /* text-decoration: none; */
  font-size: inherit;
  font-weight: inherit;  
}

.small1 a:hover {
  color: red;
  text-decoration: underline;
  font-size: inherit;
}

/* ############ NORMAL */

.normal {
  font-size: 14px;
  font-family: Verdana, sans-serif;
  color: #333;
  font-weight: normal;
}

.normal input {
  font-size: 14px;
  font-family: Verdana, sans-serif;
  color: #333;
  font-weight: normal;
}

.normal input[type="submit"] {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}

.normal select {
  font-size: 14px;
  font-family: Verdana, sans-serif;
  color: #333;
  font-weight: normal;
}

.normal textarea {
  font-size: 14px;
  font-family: Verdana, sans-serif;
  color: #333;
  font-weight: normal;
}

.normal a {
  color: inherit;
  text-decoration: underline;
  font-size: inherit;
  font-weight: inherit;  
  color: blue;
}

.normal a:hover {
  color: red;
  text-decoration: underline;
  font-size: inherit;
}



/* 
    Document   : matrix
    Created on : 1 nov. 2007, 14:27:26
    Author     : matthias
    Description:
        Purpose of the stylesheet follows.
*/

table {
    table-layout: auto;
    border-collapse: collapse; /* separate; */
    border: solid 2px black;
    padding: 0px;
}


#title_caption {
  margin-bottom: 15px;
}

tr {     
  white-space: nowrap;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

td {
  padding: 5px;
  white-space: nowrap;
  border: 1px solid gray;
  background-color: transparent;
}

td.column_criterion {
  background-color: white;
  background-image: url('/images/background_red.png');
  background-repeat: repeat-x;
  border-right: 2px solid gray;
  border-left: 2px solid black;
}

td.column_weight {
  background-color: white;
  background-image: url('/images/background_grey.png');
  background-repeat: repeat-x;
  border-right: 2px solid black;
  border-left: 2px solid gray;
}

td.column_option {
  /* background-color: #99CCFF; */
  background-color: white; 
  background-image: url('/images/background_green.png');
  border-right: 2px solid black;
  border-left: 2px solid black;
}

.print-weight {
  display: none;
}

/* commands */

#matrix_commands_tag_id {
	padding: 5px 0px;
	margin-top: 10px;
}

.add_option {
  padding: 5px 10px 5px 10px;
  color: black;
  background-image: url('/images/background_green.png');
  border: 1px solid grey;
}

.add_criterion {
  padding: 5px 10px 5px 10px;
  color: black;
  background-image: url('/images/background_red.png');
    border: 1px solid grey;
}

.edit_title{
	padding: 5px 10px 5px 10px;
	color: black;
	background-color: #CCCCCC;
	border: 1px solid grey;
}
.edit_title img {
	position: relative;
	top: 4px;
	right: 2px;
}


/**
 * rating
 */
.rating {
width: 80px;
height: 15px;
list-style: none;
position: relative;
overflow:visible;
background:url(/images/starrating2.png) 0px 0px no-repeat;
margin:0;
padding:0;
}

.rating li {
position: absolute;
display: block;
height: 15px;
line-height: 12px;
font-weight:bold;
}

.current-rating {
background:url(/images/starrating2.png) 0px -30px no-repeat;
position: absolute;
height: 15px;
display: block;
text-indent:-9999px; /* Hide the current rating text */
overflow: hidden;
z-index: 1;
}

.rating li a {
display: block;
height: 15px;
width: 100%;
text-decoration:none;
padding: 0px;
outline: none;
}

.r1{width: 16px;z-index: 200;}
.r2{width: 32px;z-index: 190;}
.r3{width: 48px;z-index: 180;}
.r4{width: 64px;z-index: 170;}
.r5{width: 80px;z-index: 160;}

.rating li a:hover{
background:url(/images/starrating2.png) 0px -15px;
}

.rating li a span{display: none;}

.rating li a:hover span {
display: block;
text-indent: 0;
color: #000;
font-weight: bold;
position: absolute;
top: 15px;
margin: 0;
padding: 4px;
width: 80px;
text-align:center;
}

.print-rate {
  display: none;
}

div.slider {
    width: 80px;
    height: 2px;
    margin-top:5px;
    margin-bottom:5px;
    background: gray; /* color of line */
    position: relative;
}
div.slider div {
    position:absolute;
    width:6px;
    height:10px;
    margin-top:-5px;
    background: red; /* color of rectangle */
    border:1px outset white;    
}


/*
div.auto_complete {
  width: 350px;
  background: #fff;
  z-index: 30;
  position: absolute;
}
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;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}
*/

div.auto_complete {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #aca899;
  margin:0px;
  padding:0px;
  font-size:11px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  z-index: 30;
}
div.auto_complete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  font-family:"Trebuchet MS", Arial, Times New Roman;
}
div.auto_complete ul li.selected {
  background-color: #d5e2f2;
}
div.auto_complete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

div.search_main { 
    margin: 20px;
    padding-left: 65px;
    padding-right: 65px;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 60%;
    border: 1px solid gray;
    overflow: hidden;
    vertical-align: middle;
    background-image: url('/images/background_green.png');  
    background-repeat: repeat-x;
    //font-size: 14px;
    
}

div.search_result_options {
    float: left;
    width: 45%;/* 140px; */
    margin: 10px;
    margin-right: 0px;
    padding: 10px;
    padding-right: 0px;
    background-color: white;
    background-image: url('/images/background_green.png');  
    text-align: left;
}

div.search_result_criterions {
    float: right;
    width: 45%;/* 140px; */
    margin: 10px;
    margin-left: 0px;
    padding: 10px;
    padding-left: 0px;
    background-color: white;
    background-image: url('/images/background_red.png');  
    text-align: left;
}

div.search_result_create {
	padding-top: 10px;
	clear: both;
	text-align: center;
}

div.search_form {
    text-align: center;
    padding-bottom: 10px;
    margin: 10px;
}
div#option_propositions_tag_id {
    text-align: center;
    margin-bottom: 20px;
}

div.preselect { 
	border: 1px solid black;
    background-color: white;	
	background-image: url('/images/background_green.png');  
	background-repeat: repeat-x;
	padding: 20px;
	margin: 10px;
	width: 60%;
}
div.preselect_option_box { 
	margin: 10px;
	padding: 10px;	
    background-color: white;
    background-image: url('/images/background_green.png');  	
	background-repeat: repeat-x;
}
div.preselect_criterion_box { 
	margin: 10px;	
	padding: 10px;		
    background-color: white;
    background-image: url('/images/background_red.png');  	
	background-repeat: repeat-x;
}
div.preselect_list {
	margin-top: 5px;
}


ul#tab-menu {
  margin-left: 20px;
}


ul#tab-menu li {
  list-style-type: none;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  margin-left: 2px;
  background-color: white;
  background-image: url('/images/background_green.png');
}

li#first-tab {
  padding-left: -7px;
}

ul#tab-menu li:hover {
  background-image: url('/images/tab-on.jpg');
}

ul#tab-menu li.current {
  background-image: url('/images/tab-on.jpg');
}

li.indent {
  margin-left: 10px;
}


/* 
    Document   : matrix
    Created on : 1 nov. 2007, 14:27:26
    Author     : matthias
    Description:
        Purpose of the stylesheet follows.
*/

table.list {
    table-layout: auto;
    border-collapse: collapse;
    border: solid 1px gray;
    padding: 0px;
    width: 600px;
    overflow: hidden;
}

td {
	white-space: normal;	
}

table.list caption {
  margin-bottom: 5px;
  text-align: center;
  margin-right: auto; 
  margin-left: auto; 
}
table.list tr.bright {
  background-color: #E0E0E0 
}
table.list tr.dark {
  background-color: #CCCCCC;
}
table.list tr.head {
  background-color: #999999;
}
.filter_field {
  float: left;
  padding-right: 10px;
  padding-bottom: 5px;
}
.filter_field input {
  background-color: #E0E0E0;
}
.filter_field select {
  background-color: #E0E0E0;
}
.filter_field input.double_submit {
  border: 3px double gray;
}


/* 
    Document   : matrix
    Created on : 1 nov. 2007, 14:27:26
    Author     : matthias
    Description:
        Purpose of the stylesheet follows.
*/

table.feedback {
    margin-top: 15px;
    table-layout: auto;
    border-collapse: collapse;
    border: solid 1px gray;

    overflow: hidden;
    background-image: url('/images/background_green.png');
	background-repeat: repeat-x;
}

table.feedback tr {
  border: none;
  padding-bottom: 10px;
}

table.feedback td {
  border: none;
  font-weight: bold;
  margin: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

table.feedback th {
  border: none;
  margin: 5px;
  margin: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

div#thanks {
  margin-top: 100px; 
  margin-left: 200px;
}

.professional_box {
  margin: 20px; 
  margin-bottom: 10px;
  padding: 10px;
  padding-bottom: 0px;
  padding-left: 65px;
  padding-right: 65px;  
  border: 2px groove black;
  width: 50%;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  overflow: hidden;
  height: 300px;
}


div.intro {
  margin: 15px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-top: 15px;  
  margin-bottom: 10px;
  border: 2px groove black;
  background-color: white;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  width: 60%;
}

div.intro_logo {
  margin-top: 20px;
  float: left;
}

div.intro_text {
  text-align: left;
  margin: 0px; 
  padding: 0px;
  padding-left: 260px;  
  line-height: 150%;
}

div.intro ul {
  margin: 5px;
  margin-bottom: 12px;
  text-align: left;    
  list-style-type: none;
}

div.intro img {
  float: left;
}

.intro a {
	color: black;
}

/* ------------------- example section -------------------- */

div.example_section {
  clear: both;
  float: none;    
  width: 100%;
}

div.example {
  text-align: center;
  line-height: 140%;
  padding: 5px;
  margin: 5px;
  background-color: white;
  background-image: url('/images/background_green.png');  
}
div.example:hover {
  background-color: white;
  background-image: url('/images/background_red.png');  
}
div.example input {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
}

/* boxes below the start-box */
div.start_box {
	width: 22%;
	border: 1px groove grey;	
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 5px;	
	padding-right: 5px;	
	padding-top: 5px;
	padding-bottom: 5px;	
	text-align: left;
	background-color: #EEEEEE;
	height: 400px;
	overflow: hidden;
}

.green_box {
  margin: 15px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-top: 15px;  
  margin-bottom: 10px;
  border: 2px groove black;
  background-color: white;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  width: 60%;
}

.red_box {
  margin: 15px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-top: 15px;  
  margin-bottom: 10px;
  border: 2px groove black;
  background-color: white;
  background-image: url('/images/background_red.png');  
  background-repeat: repeat-x;
  width: 60%;
}

.green_box a {
	color: black;
}

.grey_box {
  margin: 15px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-top: 15px;  
  margin-bottom: 10px;
  border: 2px groove black;
  background-color: white;
  background-image: url('/images/background_grey.png');  
  background-repeat: repeat-x;
  width: 60%;
}

.grey_box a {
	color: black;
}

.white_box {
  margin: 15px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-top: 15px;  
  margin-bottom: 10px;
  border: 1px groove black;
  background-color: white;
  /* background-image: url('/images/background_grey.png');   */
  background-repeat: repeat-x;
  width: 60%;
}

.white_box a {
	color: black;
}


div.help {
  margin: 20px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border: 2px groove black;
  width: 60%;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  overflow: scroll;
  height: 425px;
}
.help hr {
	margin-top: 20px;
	margin-bottom: 10px;
}
.help p {
	padding-left: 10px;
}
.help ul {
	padding-left: 10px;
	list-style-type: none;
}
.help li {
	padding-bottom: 5px;
}
.help a {
	color: blue;
}

div.credits {
margin: 20px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border: 2px groove black;
  width: 60%;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  overflow: auto;
  height: 200px;
}

.credits a {
	color: blue;
	text-decoration: underline;
}

div.about {
margin: 20px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border: 2px groove black;
  width: 60%;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  overflow: auto;
  height: 400px;
}


div.poll_definition_box {
  margin: 20px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border: 2px groove black;
  width: 28%;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  height: 380px;
}

div.poll_show_box {
  margin: 20px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border: 2px groove black;
  width: 60%;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;

}

div.poll_box {
  margin: 20px;
  padding: 10px;
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border: 2px groove black;
  width: 28%;
  background-image: url('/images/background_green.png');  
  background-repeat: repeat-x;
  height: 380px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


.command_container {
	width: 600px;
}

.commands_list {
	margin-top: 10px;
	padding-top: 10px;	
}

.first_command_item {
  padding: 7px 0px 5px 5px;
  margin-right: -5px;
  border-left: 1px solid grey; 	
  border-top: 1px solid grey;
  background-color: #white;
  text-decoration: none;
}

.command_item {
  padding: 5px 10px 5px 10px;
  color: #AAAAAA;	
  border-top: 1px solid grey;      
  border-right: 1px solid grey;  
  background-color: #white;  
  text-decoration: none;  
}

.current_command_item {
  padding: 5px 10px 5px 10px;
  color: black;	
  border-top: 1px solid grey;  
  border-right: 1px solid grey;
  border-bottom: 1px solid #EEEEEE;
  background-color: #EEEEEE;  
  text-decoration: none;  
}

.commands_window {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid grey;
	background-color: #EEEEEE;  	
}

.config_indent {
	margin-left: 5px;
}

.comment {
	margin: 5px;
	padding: 5px;
	border-bottom: 1px dotted grey;
	padding-bottom: 10px;
}




.notes_box {
    background-image: url('/images/background_green.png');
	background-repeat: repeat-x;	
	width: 38%;
	border: 1px solid black;
	margin: 20px;
	padding: 20px;	
}

.notes_box input {
	background-color: #EEEEEE;
}

.notes_box textarea {
	background-color: #EEEEEE;
	font-size: 12px;
}

.ask_box input {
	background-color: #EEEEEE;
}

.ask_box textarea {
	background-color: #EEEEEE;
	font-size: 12px;
}
.aggregated_options {
  background-image: url('/images/background_green.png');  	
  border: 2px groove black;
  background-color: white;
  margin: 15px;
  padding: 15px;
  margin-left: 0px;
}
.aggregated_criterions {
  background-image: url('/images/background_red.png');  	
  border: 2px groove black;
  background-color: white;
  margin: 15px;
  padding: 15px;
  margin-left: 0px;  
}
.additional_info {
	color: black;
	background-color: #FFFF99;
}