/**
*
* @author : DFO IT Team@FullSIX
*
* Definition des styles pour le bloc Tableau de bord du template de tableaux de bord
*
**/

/* GENERAL */
.lrPadding15{padding-right:15px !important; padding-left:15px !important;}
#monTableauDeBord{ margin-right: 20px; }
.bMargin15{margin-bottom:15px !important;}
.blocUnitTitle{background: url(skin/blocUnitTitle.png) repeat-x left top;}
.txtRed{color:#da2b0e;}

/* Conteneurs */
.myTDBContent{border:1px solid #c0c0c0; overflow: hidden;}
.bottomDotted .myTDBContent{border-bottom:1px dotted #c0c0c0;}
.myTDBinternal,.myTDBinternalContent{ overflow:hidden; _overflow: visible: zoom:1;}
.redArrow{background: url(skin/pictos/redArrow.png) no-repeat left center;color:#da2b0e;font-weight:bold;padding-left:10px;}
.greyArrow{background: url(skin/pictos/greyArrowRt.png) no-repeat left center;color:#000;font-weight:bold;padding-left:10px;}

/* Styles distincts */
.accesMyRenault{background: url(skin/bgBlocRight.png) repeat-y left top; min-height: 20px; padding: 35px 0 10px 0;}
.accesMyRenault a{ text-decoration: none; color:#333;}
.accesMyRenault a span{font-size: 18px; color: #000; font-weight: bold; padding-left: 5px;}
.accesMyRenault a span strong{color:#f4ae14; }
.resumeContrat span{ display: block; font-size: 13px; line-height: 16px; text-transform: uppercase;  vertical-align: center; font-weight: bold; padding-top: 5px;}
.resumeContrat img{ float: left; vertical-align: center; margin: 0 20px 0 10px;}
.nextDebit{font-size: 10px;}
.nextDebit span{display: block; font-size: 12px; color: #776c44; font-weight: bold; padding-top: 6px;} 
.myTDBContent .boldGrey{ color: #707070; }
.myTDBContent .hd{overflow: hidden; background: url(skin/blocTDBTitle.png) repeat-x left top;_height:30px;}
.myTDBContent h3{color: #796d4a; font-weight: bold; font-size: 14px; text-transform: uppercase; display: block; height: 30px;  line-height: 30px; }
.myTDBContent h4{ color: #fbb315; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.horloge{color:#8a8369;background: url(skin/pictos/horloge.png) no-repeat left top; display:inline-block; height: 14px;padding:0 0 0 15px;}
.nTxt{display:inline-block;margin-top:5px;}

.leftInfo p{padding:0 0 15px 15px;}
.rightInfo p{padding:0 0 15px 0;color:#666666;}
.rightInfo input.text{height:20px;border:1px solid #bfbfbf;margin-bottom:15px;width:100%;color:#666666;}


/* error form */
input.errorInput{border:1px solid #ff0000 !important;margin-bottom:0 !important}
.msgError{color:#ff0000 !important;font-size:10px;}

.cufon-active .myTDBContent h3{padding-top: 8px;height: 22px; *padding-top: 1px; *height: 29px;}

/* block Documents */
.contentTDBdocs{border:1px solid #c0c0c0; border-top: 0; overflow: hidden; margin-right:20px; background: #f2f2f2 url(skin/tdb_trombone-diac.png) no-repeat right top; padding: 20px 15px 15px 15px; zoom:1;}
.contentTDBdocs h4{color:#666666; font-size:14px; font-weight:bold; margin-bottom:20px;}
.contentTDBdocs .myDocumentsList li{display: block; width: 33%; float: left; margin-bottom:10px; }
.contentTDBdocs .myDocumentsList{}
.contentTDBdocs .myDocumentsList li a{font-size: 12px; font-weight: bold;}
.contentTDBdocs .myDocumentsList li div.describeFile{font-size: 10px;}
.contentTDBdocs .myDocumentsList li{position: relative;}
.contentTDBdocs .myDocumentsList li .popTitle{position: absolute; bottom:100%; left: 0;}

/* Bank account */
.bankAccount{background: url(skin/bgCitation.png) no-repeat left center; padding: 8px 5px 8px 15px; height: 30px;  }
.bankAccount strong{padding-left: 15px; margin-bottom: 3px; display: block;}
.bankAccount span{font-size: 9px; font-weight: bold; padding-left: 15px;}
.bankAccount span.modIncoming{color:#8a8369; background: url(skin/pictos/horloge.png) no-repeat left top; display: block; height: 14px;padding-top: 1px;}

/* Last Line background + border au last unit */
.lastLine{ background-color: #f9f8f4; padding: 15px 0 15px 0; _float: none;}
.lastLine .lastunit{background: url(skin/lastunitline.png) repeat-y left top;}

.tip-wrap{width: 153px; overflow: hidden; display: none;}
.tip-wrap .tip-text{display: none;}
.tip-wrap .tip-title{display: block; padding: 0 13px 0 13px;}

.tip-wrap .tip-top{height: 15px; width: 153px; background: url(skin/tips/tips-top.png) no-repeat left top;_background-image: url(skin/tips/tips-top_ie.png);}
.tip-wrap .tip{width: 153px; background: url(skin/tips/tips.png) repeat-y left top; _background-image:url(skin/tips/tipsBG.png);_background-image: url(skin/tips/tips_ie.png);}
.tip-wrap .tip-bottom{height: 20px; width: 153px; background: url(skin/tips/tips-bot.png) no-repeat left top;_background-image: url(skin/tips/tips-bot_ie.png);}

.bottomTips .tip-top{height: 20px; width: 153px; background: url(skin/tips/tips-top2.png) no-repeat left top; _background-image: url(skin/tips/tips-top2_ie.png);}
.bottomTips .tip{background: url(skin/tips/tips2.png) repeat-y left top; _background-image:url(skin/tips/tips2_ie.png);}
.bottomTips .tip-bottom{height: 15px; width: 153px; background: url(skin/tips/tips-bot2.png) no-repeat left top;_background-image: url(skin/tips/tips-bot2_ie.png);}


/* tip info */
.tbBord .tipInfo{position: absolute; z-index: 150; width: 153px; zoom:1; top:-500000px; }
.tbBord .tipInfo .topInfo{display: none;}
.tbBord .tipInfo .contentInfo{ width: 153px; background: url(skin/tips/tipsBG.png) no-repeat left top; overflow: hidden; position: relative;}
.tbBord .tipInfo .contentInfo .text{padding: 15px 15px 0 15px;}
.tbBord .tipInfo .botInfo{height: 20px; width: 153px; background: url(skin/tips/tips-bot.png) no-repeat left top;}
.tbBord .tipInfo h3, .tbBord .tipInfo ul{ background: none; padding: 0 0 5px 0; margin:0 0 10px 0; height: auto; color: #56513e; font-size: 11px; font-weight: normal;}
.tbBord .tipInfo h3{border-bottom: 1px dotted #56513e;text-transform:none;}
.tbBord .tipInfo ul li{padding-left: 8px; background:url(skin/boutons/puceListProfil.png) no-repeat left 5px;}

/* Unpaid */
.blockUnpaid .unpaidTitle{ color:#796D4A; font-size:14px; font-weight:bold; }
.blockUnpaid .inputAccount{margin: 10px; text-align: center;}
.blockUnpaid .inputAccount input{vertical-align: middle; height:20px; width: 100px; padding: 2px 0; *padding:0 0 5px 0; margin-right: 5px; border: 1px solid #C0C0C0; line-height: 25px;}
.blockUnpaid { padding-left: 20px; }
.myTDBinternalContent .blackbutton .btn2{*margin-right:10px;}
.myTDBinternalContent .accesMyRenault{background-image:none;}
.myTDBinternalContent .blackTitle{font-size:18px;color:#000000;}
.myTDBinternalContent .fuCariageReturn {font-size:17px !important;}

/* Block File dans l'edition du profil */
.blockJustif .fileFilled{background-color: #E9E7E3; padding: 8px; overflow: visible; position: relative; margin-top: 5px;}
.blockJustif .fileFilled .detailsFile{overflow: hidden; _overflow: visible; zoom: 1; margin-top: 7px;}
.blockJustif .fileFilled .detailsFile span{font-size: 9px; color:#6e684f;}
.blockJustif .fileFilled input{height: auto; width: 98%;}
.blockJustif .fileFilled .titleFileField{margin-bottom: 7px; font-size: 10px; color:#6e684f;}
.blockJustif .fileFilled .icoBtn{display: block;position: absolute; top:5px; right: 5px; _background: url(skin/pictos/ico-info.png) no-repeat left top; _width: 14px; _height: 14px;}
.blockJustif .tipInfo{position: absolute; z-index: 150; width: 153px; zoom:1; top:-500000px; }
.blockJustif .blockMediaBox .fileFilled{padding: 8px 0 8px 0;}
.blockJustif .blockMediaBox .fileFilled .icoBtn{right: 0px;}

/* Block Operations */
.operationsBlock{margin:10px 15px 30px 15px;}
.operationsBlock li{overflow:hidden;_overflow:visible;_zoom:1;padding:2px 5px;margin-bottom:3px;background:#f4f3f3 url(skin/pictos/brownArrowRt.png) no-repeat 8px center;}
.operationsBlock li.entoure{border:2px solid #a9a38a;font-weight:bold;}
.operationsBlock li a,.operationsBlock li span.inoperation {float:left;padding:14px 0 0 25px;text-decoration:none;}
.operationsBlock li .horloge{padding-top:9px;background-position:left 8px;*float:left;}

.borderPLeft{float:right;/*background:#f4f3f3 url(skin/pictos/pointGris.png) repeat-y left center;*/border-left:1px dotted #7f7f7f;}
.entoure .tooltipCall{padding-left:23px;}
.tooltipCall,.tooltipCallSmall{text-decoration:none;width:27px;height:27px;//height:30px;display:inline-block;background:url(skin/tips/pointInter.png) no-repeat center center;cursor:pointer;}
.tooltipCall_type2{text-decoration:none;width:14px;height:14px;display:inline-block;background:url(skin/tips/pointInter_type2.png) no-repeat center center;cursor:pointer;}

/* Block document list */
.documentBlock{margin-top:25px;}
.documentBlock ul{overflow:hidden;_overflow:visible;_zoom:1;width:100%;}
.documentBlock li{margin-bottom:10px;}
.documentBlock li input{border:1px solid #877848;}
.documentBlock li label{margin-left:5px;}
.documentBlock input {vertical-align:middle;}

/* Block Simple Univers */
.blockSimpleUnivers .blockInside{ border: 1px solid #cabf9d !important;color:#807344; }
.blockSimpleUnivers .tl, .blockSimpleUnivers .tr, .blockSimpleUnivers .bl, .blockSimpleUnivers .br{ background-image:url(skin/blocks/blockSimpleBrown_corners.png) !important; height:4px; width:4px;}
.blockSimpleUnivers .tl,.blockSimpleUnivers .tr {margin-bottom:-4px;}
.blockSimpleUnivers .bl,.blockSimpleUnivers .br {margin-top:-4px;}

/* dashbord blocks */
.blockToggleVehicle .blocMod {display: none;}
.blockToggleContract .blocMod {display: none;}
.toggleOpen .blocVisu{display: none;}
.toggleOpen .blocMod{ display: block; }

/* Report payment */
.operationText {color: #776C44;}
.operationText textarea {width: 515px; height: 160px; border: 1px solid #776C44; padding: 4px;}


/* dashboard buttons -- no caps PORTAILRCIINT-89 */

#monTableauDeBord a.btn2 span, #monTableauDeBord span.btn2 input, #monTableauDeBord a.btn3 span, #monTableauDeBord span.btn3 input {text-transform:none !important;font-weight:normal !important;}
#monTableauDeBord .btn2 input {padding-top:2px !important;}

/* formDeclaration */
.formDeclaration p{width:100%;margin-bottom:10px;}
.formDeclaration label{width:40%;display:inline-block;font-weight:bold;color:#000;line-height:11px;vertical-align:baseline;}
.formDeclaration label span{color:#000000;display:block;font-size:10px;font-weight:normal;}
.formDeclaration input{width:40%;border:1px solid #837753;color:#56513e;padding:2px 5px;}
.formDeclaration textarea{width:305px;border:1px solid #837753;color:#56513e;padding:2px 5px;}
.formDeclaration select{width:58%;border:1px solid #837753;color:#56513e;padding:2px 0 2px 1px;}
.formDeclaration .widthLarge{width:305px;}
.formDeclaration .widthSmall{width:20px;}
.formDeclaration .btn2 input,.formDeclaration .btn3 input{border:0;color:#fff;padding:0 11px 2px 1px !important;width:auto !important;}
.formDeclaration .asterix{float:left;color:#6f6b5b;font-size:10px;font-style:italic;}
.formDeclaration .vAlignTop { vertical-align: top !important; }

/* formulaire declaration */
.blockSimpleUnivers .blockInside .formEnable .blockInside{border:0 !important;}

.formEnable .block{background-color:#c4b894;}
.formEnable .block .tl,.formEnable .block .tr,.formEnable .block .bl,.formEnable .block .br{height:9px;width:9px;background-image: url(skin/blocks/blockSimple_darkBrown.png) !important;}
.formEnable .title label{font-size:12px;text-transform:uppercase;padding-left:10px;}
.formEnable .title input{width:auto;}
.formEnable label{font-weight:bold;color:#000;font-size:11px;}
.formEnable p{margin-bottom:10px;}
.formEnable input{border:1px solid#7f734c;width:190px;padding:2px 4px;}
.formEnable select{border:1px solid#7f734c;width:200px;padding:2px 4px;}

.formDisable .block{background-color:#f9f8f4;}
.formDisable .block .tl,.formDisable .block .tr,.formDisable .block .bl,.formDisable .block .br{background-image: url(skin/blocks/blockSimple_lightGrey.png) !important;}
.formDisable .blockInside{border:0 !important;}
.formDisable label{color:#919191;}
.formDisable input,.formDisable select{border:1px solid #bdb7a3;}


/* block_greyDeg */
.block_greyDeg{background: url(skin/blocks/bg_greyDeg.png) repeat-x left bottom;}
.block_greyDeg .tl,.block_greyDeg .tr,.block_greyDeg .bl,.block_greyDeg .br{background-image: url(skin/blocks/blockSimpleBrown_cornersTrans.png) !important;height:4px;width:4px;}
.block_greyDeg .tl, .block_greyDeg .tr {margin-bottom:-4px;}
.block_greyDeg .bl, .block_greyDeg .br {margin-top:-4px;}

.block_greyDeg .blockInside {border:1px solid #CABF9D !important}
.block_greyDeg .info{float:left;color:#000;font-weight:bold;}
.block_greyDeg .info span{color:#776C44;}
.block_greyDeg span a{background-image:none;width:auto;height:auto;color:#776C44;text-decoration:underline;}