.barGraph {
  border-bottom:1px solid #C8C8C8;
  font: 9px Helvetica, Geneva, sans-serif;
  margin:0;
  padding:0;
  width:100%;
}
	
.barGraph div {
  border-bottom: none;
  margin: 0; 
  padding: 0 0 0 0;
  text-align: center;
}
        
.barItem{
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
  -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);  
}


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

.GraphQuestion{
 margin-left:15px;    
 margin-right:15px;
 margin-bottom:25px;
 background-color:white; 
 border:dotted 2px #B7BEBB;
 width:auto;
 padding:0;
}

.GraphQuestionText{
  font-weight:bold;
  font-size:16pt;
  padding:3px;
  padding-top:8px;
  margin-left:100px;
  text-align:center;
}
  
.AnswerText{
  font-weight:bold;
  text-align:center;    
  font-size:13pt;
  padding-left:10px;
  padding-right:10px;
  color:#253e5a;
  padding-top:15px;
  padding-bottom:15px;
}

.AnswerTextCount{
  font-weight:bold;
  text-align:center;    
  font-size:18pt;
  margin-bottom:20px;
  color:#3f5fbf;
}


.bandeau{  
  background-color:#F9F7EF; 
  border-top:solid 3px #B5B3AE;
  margin-left:25px;
  margin-right:25px;
  margin-top:10px;
  margin-bottom:15px;
  min-height:48px;
}

.compact_body{
  margin:0;
  padding:0;
  padding-bottom:30px;
}

.QuestionText{
  font-size:16pt;  
}

.margin_left{
  margin-left:10px;
}

.barLike{
  height:20px;  
  position:relative;
  top:-3px;
  border-top:solid 3px #195F00;
  border-bottom:solid 3px #195F00;
  background: repeating-linear-gradient( 45deg,
      #30B500,
      #30B500 2px,
      #195F00 2px, 
      #195F00 4px)  
}

.barEmpty{
  height:20px;  
  position:relative;
 
  background: repeating-linear-gradient( 45deg,
      white,
      white 2px,
      grey 2px, 
      grey 4px)  
}

.barDislike{
  height:20px;  
  border-top:solid 3px #680200;
  border-bottom:solid 3px #680200;
  background: repeating-linear-gradient( 45deg,
      #B50300,
      #B50300 2px,
      #680200 2px, 
      #680200 4px)  
}

.blockQuestion{
  margin-left:10px;
  margin-bottom:10px;
  margin-right:10px;
}

.GraphQuestionTextLike{
  font-size:14pt;  
}

.messagesDisplay{
   margin-left:5px;   
   overflow:hidden;
}

.messageText{
  color:black;
  padding:3px;
  border-top:solid 1px grey;
  padding-bottom:6px;
  font-size:13pt;
}

.blockHeader{
  font-size:24pt;
  margin-bottom:15px;
  text-align: center;
  color:#006699;
  border-bottom:solid 1px #DDDCCC;
  background-color:#F9F7EF;
  top:0;
}

#sortable { list-style-type: none; margin: 0; padding: 0;  }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em;}

#sortable_static { list-style-type: none; margin: 0; padding: 0;  }
#sortable_static li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em;}


.ui-state-default{
  border:solid 1px grey;  
  background: -webkit-linear-gradient(top, #F9F7EF 30%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(#F9F7EF 30%,#FFFFFF 100%); /* W3C; A catch-all for everything else */     
}

.ui-state-highlight{
  height:30px;
}

.answerDisplay{
  font-size:9pt;  
}

 .commandRefresh{
   position:relative;
   padding:8px;
   float:left;
 }
 
 .counterAnswer{
   position:relative;
   float:left;
   width:60px;
   margin-left:5px;
 }
 
 #counterAnswer{
  font-size:18pt;   
  text-align:center;
 }
 
 .commentLine{
 /* border:solid 1px lightgrey;*/
  margin-top:10px;
  /*border-left:solid 5px #ACACAC;*/
  border-radius:5px;
  min-height:46px;
  border-bottom:dotted 1px lightgrey;
  padding-bottom:5px;
}
.commentAuthorBox{
  margin-bottom:4px;
  width:100%;
  background-color:#f4f4f4;
  /*border-bottom:solid 1px #D0D0D0;*/
  padding-top:4px;
  padding-bottom:4px;
  border-radius:0 5px 0 0;
}

.commentAuthor{
  font-size:10pt;
  font-weight:bold;
  color:#D09535;
  padding-left:5px;
}

.commentDate{
 font-size:7pt;   
 color:#38566f;   
 margin-top:10px;
 float:right;
 padding:3px;
}

.commentText{
  font-size:12pt;  
  padding:5px;
  padding-top:0;
  margin-left:70px;
  
}

.bubble{
  float:left;
  margin-left:48px;
}

#messagesContainer.floatable {
   position: fixed;
   top:5px; 
}

.questionExplanation{
  background-color:#E6ECFF;
  margin-bottom:8px;
  font-size:16pt;
  padding:3px;
  padding-left:5px;
  padding-right:5px;
}

.GraphQuestionTextPopup{
  font-weight:bold;
  font-size:24pt;
  padding:3px;
  padding-top:8px;
  margin-left:50px;
  margin-right:50px;
  text-align:center;
}

.tabs{
  list-style-type: none;
  margin: 0;
  padding: 0;  
}

.tabs li{
  display:inline;  
}

.headerTable{
  border-collapse:collapse;    
  margin-bottom:10px;
  text-align: center;  
}

.headerTable th{
  background-color:#BBB7A5;   
  margin:0;
  padding:5px;
  color:white;
  font-size:11pt;
}

.headerTable td{
  background-color: #F9F7EF;  
  padding:3px;
  font-size:10pt;
}

.redPerimeter{
  background:#FFAE9F;   
}

.greenPerimeter{
  background: #90EE90; 
}

.headerContainer{
    
}

.headerItem{
  float:left;  
}

.square{
  height:15px;
  float:left;
}

.squareText{
  margin-left:8px;   
  float:left;
  font-size:15px;
}

.horizontalGraph{
  padding-left:10px;   
  padding-right:10px;
}

.horizontalAnswerText{
  padding-top:2px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
  color:white;  
}


/* Dialog */
#dialog_message{
  border:solid 3px darkred;   
  padding:5px;
  text-align: center;
  vertical-align: middle;  
}

#dialog_text{
  font-size:14pt;
  font-family:calibri;
  padding-left:10px;
  padding-right:10px;
}

.modal{
 width:auto;
}
/***********************/
.questionType{
  display:inline-block;
  font-style: italic; 
  font-size:10pt;
}