/*
* support
*/

.top-support{
height:24px;
margin:0 0 0 4px;
padding:19px 23px;
width:938px;
background:url(../images/bg-top-search.gif) repeat-x 0 0;
}
.top-support h2 a{
font-size:12px;
color:#004c92;
margin-left:15px;
}
.inner-support {
padding:0 0 10px 4px;
width:984px;
float: left;
color: #005bb0;
display:inline;
background:url(../images/bg-inner.gif) repeat-y 4px 100%;
}

.url-add-task{
float:left;
margin:0 0 5px;
width:984px;
height:31px;
border-bottom:1px solid #F4F5F9;
}
.url-add-task span.ico-plus{
background:url(../images/ico-plus-bleu-b.gif) no-repeat;
float:left;    
margin:8px 5px 2px 10px;
width:20px;
display:inline;

}
.url-add-task a{
font-size:12px;
color:#004c92;
border-bottom:1px dashed #2F8EAF;
line-height:12px;
text-decoration:none;
margin:8px 0 2px 0;
float:left;
display:inline;
}
.add-task-box{
float:left;
width:984px;
margin:5px 0 5px 4px;
display:inline;
border-bottom:1px solid #F4F5F9;

}
.add-task-box ul{
float:left;
width:955px;
list-style:none;
display:inline;
margin-left:14px;
margin-bottom:15px;  
}
.add-task-box ul li{
float:left;
margin:13px 0 5px;
display:inline;

}

.add-task-box ul li.categorie  label,
.add-task-box ul li.task-title label,
.add-task-box ul li.task-subject label{
margin:0 0 5px;
display:inline;  
width:110px;
float:left;
font-size:13px;
font-weight:500;
color:#424242;
}
.add-task-box ul li.add-file label{
margin:11px 0 5px;
display:inline;  
width:110px;
float:left;
font-size:13px;
font-weight:500;
color:#424242;
}
.add-task-box ul li.categorie ul{
float:left;
width:760px;
margin-left:0;
}
.add-task-box ul li.categorie ul li{
float:left;
display:inline;
margin:0 5px;
}


.add-task-box ul li.task-title  input{
width:382px;
}
.add-task-box ul li.task-subject  textarea{
width:530px;
height:95px;
float:left;
border:1px solid #A5ACB2;
}
.add-task-box ul li.task-subject span.notabene{
float:left;
width:305px;
margin:10px 0 0 5px;
display:inline;
}
.add-task-box ul li.task-subject span.notabene p{ 
margin:0 2px;
font-size:11px;
font-style:italic;
color:#aaaeb5;
}
.add-task-box ul li.add-file input.text{
width:326px;
float:left;
margin-top:6px;
display:inline;
}
.add-task-box ul li.add-file input.btn-choose,
.add-task-box ul li.add-file input.btn-download{
width:93px;
height:28px;
border:none;
margin:0 5px;
}
.add-task-box ul li.add-file input.btn-send{
width:120px;
height:28px;
border:none;
margin:0 5px;
}
.search-task{
border-bottom:1px solid #F4F5F9;
display:inline;
float:left;
margin:5px 0 5px 4px;
width:984px;

}

.search-task .colum{
float:left;
width:150px;  
margin:1px 0 0 10px;
display:inline;
background:url(../images/bg-column.gif) no-repeat 100% 0;    
height:140px;
line-height:21px;
padding:11px 12px;

}
.search-task .colum label.title{
color:#424242;
display:inline;
float:left;
font-size:13px;
font-weight:500;
margin:0 0 10px;
width:150px;
}
.search-task .colum-interval label.title{
color:#424242;
display:inline;
float:left;
font-size:13px;
font-weight:500;
margin:0 0 10px;
width:190px;
}
.search-task .colum ul{
float:left;
width:140px;
} 
.search-task .last{
background:none;
}
.search-task .colum-interval ul{
float:left;
width:190px;
}
.search-task .colum ul li{
float:left;
display:inline;
width:140px;
margin:2px 0;

} 
.search-task .colum-interval ul li{
float:left;
display:inline;
width:190px;
margin:2px 0;

} 
.search-task .colum-interval ul li.interval label{
float:left;
width:15px;
color:#424242;
}
.search-task .colum-interval ul li.interval input.new-interval{
float:left;
width:110px;
height:15px;
margin:0 5px;
}
.search-task .colum-interval ul li.interval span.calendar{
background:transparent url(../images/calendar.png) no-repeat scroll 0 0;
display:inline;
float:left;
width:20px;
height:18px;
}
.search-task .colum-interval{
float:left;
width:200px;  
margin:1px 0 0 10px;
display:inline;
background:url(../images/bg-column.gif) no-repeat 100% 0;    
height:140px;
line-height:21px;
padding:11px 12px;

}
.search-task .colum .btn-show input{
border:none;
height:28px;
margin:103px 5px 0;
width:93px;
}

.task-list{
display:inline;
float:left;
margin:5px 0 5px 4px;
width:984px;
}
.task-list .task{
width:984px;
float:left;	
margin-top:24px;
display:inline;
}
.task-list .task .task-number{
width:49px;
float:left;
margin:4px 0 0 14px;
display:inline;	
font-size:12px;
color:#424242;
}
.task-list .task .task-content{
width:900px;
float:left;	
}
.task-list .task .task-content ul{
float:left;
width:900px;
}
.task-list .task .task-content ul li{
float:left;
display:inline;
margin:0;
width:900px;
}
.task-list .task .task-content ul li.task-title{
float:left;
margin-bottom:5px;
display:inline; 
} 
.task-list .task .task-content ul li.task-title a{
display:block;
font-size:17px;
font-weight:500;
color:#004c92;
text-decoration:none;
}
.task-list .task .task-content ul li.task-title a:hover{
text-decoration:underline;
}
.task-list .task .task-content ul li.task-date{
float:left;
} 
.task-list .task .task-content ul li.task-date label,
.task-list .task .task-content ul li.task-stat label{
float:left;
width:88px;
font-size:12px;
color:#010101;
} 
.task-list .task .task-content ul li.task-date span.date{
float:left;
font-size:12px;
color:#010101;
} 
.task-list .task .task-content ul li.task-stat{
float:left;

} 
.task-list .task .task-content ul li.task-stat span.stat{
float:left;
font-size:12px;
color:#d60000;
margin-right:5px;
display:inline;
}
.task-list .task .task-content ul li.task-stat span.done-date{
float:left;
font-size:12px;
color:#aaaeb5;
}
.task-pager{
float:right;
margin:12px 24px -27px;
display:inline;
}
.task-pager ul{
float:left;
}
.task-pager ul li{
float:left;
display:inline;
margin:0 5px;
font-size:12px;
color:#424242;	
}
.task-pager ul li a{
font-size:12px;
color:#004db5;
display:block;
text-decoration:none;
cursor: pointer;
}
.task-pager ul li a:hover{
text-decoration:underline;
}
.task-pager ul li a:active{
color:#000000;
}
.task-pager ul li.left,
.task-pager ul li.right{
margin:5px 0 0;
float:left;
display:inline;
}
.task-pager ul li.left a,
.task-pager ul li.right a{
text-decoration:none;

}

.add-task-box ul li.categorie ul li.left span.pager-left,
.task-pager ul li.left span.pager-left{
background:url(../images/pager-left.jpg) no-repeat;
float:left;
width:20px;
height:5px;
}
.add-task-box ul li.categorie ul li.right span.pager-right,
.task-pager ul li.right span.pager-right{
background:url(../images/pager-right.jpg) no-repeat;
float:left;
width:20px;
height:5px;
}  

.add-task-box ul li.categorie ul li.grey span.left,
.search-task .colum ul li.grey span.left{
background:transparent url(../images/contry-left-corner-bleu.gif) no-repeat scroll 0 0;
float:left;
height:19px;
line-height:19px;
width:4px;
}

.add-task-box ul li.categorie ul li.grey  span.right,
.search-task .colum ul li.grey  span.right{
background:url(../images/contry-right-corner-bleu.gif) no-repeat;
float:left;
height:19px;
line-height:19px;
width:4px;
}

.add-task-box ul li.categorie ul li span.left,
.search-task .colum ul li span.left{
background:none;
float:left;
height:19px;
line-height:19px;
width:4px;
}
.add-task-box ul li.categorie ul li a.dotted,
.search-task .colum ul li a.dotted{
float:left;
margin-top:4px;
display:inline;
}

.add-task-box ul li.categorie ul li a.dotted span.content,
.search-task .colum ul li a.dotted span.content{
background:none;
color:#004c91;
}

.add-task-box ul li.categorie ul li  span.right,
.search-task .colum ul li  span.right{
background:none;
height:19px;
line-height:19px;
width:4px;
float:left;
}


.add-task-box ul li.categorie ul li.rose a,
.search-task .colum ul li.rose a{
line-height:19px;

}

.add-task-box ul li.categorie ul li.grey a,
.search-task .colum ul li.grey a {
border-bottom:none;
color:#424242;
display:inline;
line-height:19px;
margin:0;
padding:0;
}

.add-task-box ul li.categorie ul li.rose  span.left,
.search-task .colum ul li.rose  span.left{
background:transparent url(../images/contry-rose-left-corner.gif) no-repeat scroll 0 0;
float:left;
height:19px;
line-height:19px;
width:4px;
}

.add-task-box ul li.categorie ul li.rose  a.rose span.content,
.search-task .colum ul li.rose  a.rose span.content{
background:#ffc9c9;
color:#424242;
float:left;
}

.add-task-box ul li.categorie ul li.rose  span.right,
.search-task .colum ul li.rose  span.right{
background:url(../images/contry-rose-right-corner.gif) no-repeat;
float:left;
height:19px;
line-height:19px;
width:4px;
}

.add-task-box ul li.categorie ul li.white a.white span.content,
.search-task .colum ul li.white a.white span.content{
float:left;
color:#005BB0;
}
.task-list .task .task-content p{
font-size:14px;
color:#010101;
margin:15px 0 0;
display:inline; 
float:left;
}
.task-answer{
display:inline;
float:left;
margin:5px 0 5px 4px;
width:980px;
}
.task-answer h4{
font-size:17px;
font-weight:500;
color:#004c92;
float:left;
display:inline;
margin:17px 0 0 62px;
}
.task-answer .grey-box,
.task-answers .grey-box{
float:left;
width:920px;
margin:0 0 20px 52px;
display:inline;
}
.task-answer .grey-box .top-box,
.task-answers .grey-box .top-box{
background:url(../images/task-grey-box-top.gif) no-repeat;
width:917px;
height:15px;
float:left;
}
.task-answer .grey-box .content-box,
.task-answers .grey-box .content-box{
background:url(../images/task-grey-box-content.gif) repeat-y;
width:917px;
float:left;
}
.task-answer .grey-box .content-box .title,
.task-answers .grey-box .content-box .title{
float:left;
width:890px;
margin:14px 0 14px 9px;
display:inline;
}
.task-answer .grey-box .content-box .title span.date,
.task-answers .grey-box .content-box .title span.date{
font-size:12px;
color:#aaaeb5;
float:left;
}
.task-answer .grey-box .content-box .title label.agency-name,
.task-answers .grey-box .content-box .title label.agency-name{
font-size:12px;
font-weight:500;
color:#010101;
float:left;
display:inline;
margin:0 0 0 5px;
}
.task-answer .grey-box .content-box .text,
.task-answers .grey-box .content-box .text{
float:left;
width:890px;
margin:0 0 10px 9px;
display:inline;
}
.task-answer .grey-box .content-box .text p,
.task-answers .grey-box .content-box .text p{
font-size:12px;
color:#010101;
margin:0;
line-height:21px;
}
.task-answer .grey-box .bottom-box,
.task-answers .grey-box .bottom-box{
background:url(../images/task-grey-box-bottom.gif) no-repeat;
width:917px;
height:2px;
float:left;
}
.task-answer .white-box,
.task-answers .white-box{
display:inline;
float:left;
margin:0 0 20px 52px;
width:920px;
}
.task-answer .white-box .top-box,
.task-answers .white-box .top-box{
background:url(../images/task-white-box-top.gif) no-repeat;
width:917px;
height:15px;
float:left;
}
.task-answer .white-box .content-box,
.task-answers .white-box .content-box{
background:url(../images/task-white-box-content.gif) repeat-y;
width:917px;
float:left;
}
.task-answer .white-box .content-box .title,
.task-answers .white-box .content-box .title{
float:left;
width:890px;
margin:14px 0 14px 9px;
display:inline;
}
.task-answer .white-box .content-box .title span.date,
.task-answers .white-box .content-box .title span.date{
font-size:12px;
color:#aaaeb5;
float:left;
}
.task-answer .white-box .content-box .title label.agency-name,
.task-answers .white-box .content-box .title label.agency-name{
font-size:12px;
font-weight:500;
color:#010101;
float:left;
display:inline;
margin:0 0 0 5px;
}
.task-answer .white-box .content-box .text,
.task-answers .white-box .content-box .text{
float:left;
width:890px;
margin:0 0 10px 9px;
display:inline;
}
.task-answer .white-box .content-box .text p,
.task-answers .white-box .content-box .text p{
font-size:12px;
color:#010101;
margin:0;
line-height:21px;
}
.task-answer .white-box .bottom-box,
.task-answers .white-box .bottom-box{
background:url(../images/task-white-box-bottom.gif) no-repeat;
width:917px;
height:3px;
float:left;
}
.task-answer .notabene{
float:left;
margin:0 0 20px 52px;
width:920px;
}
.task-answer .notabene span.notabene-text{
font-size:12px;
font-style:italic;
color:#aaaeb5;
float:left;

}
.task-answer .notabene a.close{
font-size:12px;
font-style:normal;
color:#004c92;
border-bottom:1px dashed #2F8EAF;
margin-left:10px;
float:left;
display:inline;
text-decoration:none;
}
.task-answer .notabene a:hover.close{
border-bottom:none;
}
.task-add-answer{
display:inline;
float:left;
margin:0 0 5px 4px;
width:980px;
border-bottom:1px solid #E6E8EF;
}
.task-add-answer h4{
color:#004C92;
display:inline;
float:left;
font-size:17px;
font-weight:500;
margin:17px 0 10px 62px;
}
.task-add-answer .left{
float:left;
width:600px;
margin:0 0 12px 62px;
display:inline;
}
.task-add-answer .left textarea{
width:576px;
height:95px;
float:left;
display:inline;
margin:0 0 10px 0;
}
.task-add-answer .left input.btn-send{
width:120px;
height:28px;
float:left;
display:inline;
margin:5px 0 10px 0;
}
.task-add-answer .right{
float:left;
width:310px;
margin:0 0 10px 0;
display:inline;	
}
.task-add-answer .right label{
font-size:12px;
font-weight:500;
color:#010101;
float:left;
margin:5px 0;
display:inline;  
}
.task-add-answer .right input.text{
float:left;
width:294px;
height:22px;
border:1px solid #e6e8ef;
margin:0 0 12px;
display:inline;
}
.task-add-answer .right .btn{
float:left;
width:300px;
}
.task-add-answer .right .btn input.btn-choose,
.task-add-answer .right .btn input.btn-download{
width:93px;
height:28px;
float:left;
display:inline;
margin-right:10px;
}
.task-answers{
display:inline;
float:left;
margin:10px 0 5px 0;
width:984px;
}
.return{
float:left;
width:200px;
margin-left:60px;
}
.add_group {
  float: left;
  margin: 2px 0px 0px 5px;
}
.tooltips {
  position: absolute;
  width: 0;
  height: 0;
  display: inline;
}
.tooltips span {
  position: absolute;
  width:140px;
  color: #000000;
  background: #e7ffe3;
  border: 2px solid #66EB66;
  /*height: 30px;
  line-height: 30px;*/
  text-align: center;
  border-radius: 6px;
  visibility: visible;
  opacity: 0.6;
  top: 20px;
  left: 50%;
  margin-left: -80px;
  z-index: 999;
  padding: 5px 0;
}
.tooltips span:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-bottom: 12px solid #66EB66;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #e7ffe3;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}