/*
 * Copyright (C) 2000 - 2024 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception.  You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "http://www.silverpeas.org/docs/core/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.hautFrame form > ul,
ul.questions,
ul.questions > li,
li.category,
.answers > ul,
li.answer,
.questionTitle > h4,
.categoryTitle > h3,
h5.answerTitle{
  margin:0;
  padding:0;
  list-style-type:none;
}

li.category {
  margin-top:10px;
}

.categoryTitle{
  position:relative;
  padding:10px 5px 5px 30px;
  min-height:19px;
  cursor:pointer;
  background:#EAEAEA url("../../../util/icons/arrow/open.gif") 5px center no-repeat;
  border:1px solid #EAEAEA;
  border-radius:10px;
  padding-right:60px;
}

.categoryTitle.category-open {
  background:#EAEAEA url("../../../util/icons/arrow/closed.gif") 5px center no-repeat;
}

.select .categoryTitle {
  background:#DDDDDD url() 5px  center no-repeat;
  border:1px solid #DDDDDD;
  border-radius:10px;
  padding-left:10px;
  cursor:default;
}

.hover .categoryTitle {
  background-color:#DDDDDD;
  border:1px solid #DDDDDD;
  border-radius:10px;
}

.categoryTitle h3 {
  font-size: 9pt;
  font-weight: bold;
  display: inline;
}

.categoryTitle p {
  display: inline;
  color:#333;
}

.question .action,
.category .action{
  position:absolute;
  top:0px;
  right:10px;
}
.question .action img,
.category .action img{
  margin:5px 5px 0;
}
.status {
  position:absolute;
  top:4px;
  left:4px;
}

div.question{
  background-color:#EFF8E3;
  position:relative;
  border:1px solid #CFCFCF;
  margin: 10px 5px 0;
}

.question .action{
  background-color:#EAEAEA;
  border-left:1px solid #CFCFCF;
  height:100%;
  width:142px;
  right:0px;
}

.question .action a {
  position:absolute;
}
.question .action img {
  position:relative;
}

.question .action .reply {	top:5px;	left:2px;	}
.question .action .open {	top:3px;	left:31px;	}
.question .action .update {	top:3px;	left:60px;	}
.question .action .delete {	top:3px;	left:89px;	}
.question .action .checkbox {position:absolute; top:7px;	left:118px;}

.question .permalink {
  margin-right: 5px;
}

.question .permalink img {
  vertical-align: middle;
}

.questionTitle {
  line-height: 140%;
  margin: 6px 142px 5px 25px;
  cursor:pointer;	/* Cursor is like a hand when someone rolls the mouse over the question */
}

.questionTitle h4 {
  font-weight:normal;
}

li.answer {
  position:relative;
  color: #333333;
  padding: 4px 0 10px 2px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow:5px 5px 10px #cccccc;
  -moz-box-shadow:5px 5px 10px #cccccc;
  -webkit-box-shadow:5px 5px 10px #cccccc;
  background-color:#FFF;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.answers{
  background-color: #EDEDED;
  border:1px solid #B3BFD1;
  border-top:0;
  border-bottom:0;
  margin: 0 10px;
  padding: 0 10px  10px;
}

.answers p {
  margin:0;
  padding:10px 0;
}

h5.answerTitle {
  font-size:100%;
  padding:5px 50px 10px 24px;
}

.answerContent {
  padding:0px 10px 8px 24px;
}

/* pour que les listes de l'éditeur ait le bon comportement */

.answerContent  ul 			{ list-style-type:disc;}
.answerContent  ul ul		{ list-style-type:circle;}
.answerContent  ul ul ul	{ list-style-type:square;}

.answerContent table.tableBoard {
  width:auto !important;
  float:right;
  margin:10px;}

.answerAuthor {
  display:block;
  padding:5px 15px 10px 24px;
  text-align:right;
  font-style:italic;
  font-size:11px;
}

.attachments {
  float:right;
  display:inline;
}

* html .attachments  {
  width:30%;
}

#portlet-faq .cellBrowseBar,
#portlet-faq .cellOperation {
  display: none;
}

#portlet-faq .questionTitle {
  margin: 6px 25px 5px 25px;
}

.updateR input{
  width:70%;
  max-width:500px;
}

/* Ajout quand une seule action */
.publisher #menubar-creation-actions  {
  position: absolute;
  border: 1px solid #EDBCBB;
  border-radius: 6px;
  right: 5px;
  top: 1.5em;
}

.publisher .container-filter  {
  margin-right:224px;
}

/*
Workaround to avoid files modification by publishers (requesters)
 */
.publisher .answerAttachment .attachmentListItem .moreActions {
  display: none;
}

fieldset#questionFieldset legend {
  background:transparent url(../../../util/icons/component/questionReplySmall.gif) 11px 0px no-repeat;
}

fieldset#answerFieldset legend {
  background:transparent url(../../../util/icons/answer.png) 11px 0px no-repeat;
}

#questionFieldset .field,
#answerFieldset .field {
  width: 98%;
}

#questionFieldset #categoryArea select,
#questionFieldset #questionArea input,
#questionFieldset #contentArea input,
#answerFieldset #answerArea input {
  width: 46%;
}

#answerFieldset #privateArea input,
#answerFieldset #publicArea input {
	width: 5%;
}