/*---------------------------------------------------------------------*/
/* AUTEUR      : Chanh T.Do [ www.thoransoft.com ]                     */
/* DATE        : 2010.07.18                                            */
/* DESCRIPTION : Feuille de style par défaut. [Default theme]          */
/*---------------------------------------------------------------------*/

body {margin:0px;
	  padding:20px;
	  font:9pt/12pt "Lucida Sans Unicode",Arial;
      color:#333;
      cursor:default;}
      
input[type=text]::-ms-clear {
    display: none;
}



h1 {font:bold 10pt/12pt Arial; margin-bottom:5px;}
h1 > a {font:lighter 10pt "Segoe UI";}
h1 > span {font:9pt "Courier New";}
h2 {font:bold 9pt/12pt Arial; margin:20px 0px 5px 0px;}
p {margin:0px;}

input, select, table, button {margin:0px; padding:0px;}
input[type=text] {font:9pt "Lucida Sans Unicode",Arial;}

A {font:normal 1em "Lucida Sans Unicode"; }
A:link {text-decoration:none; color:blue; }
A:visited {text-decoration:none; color:blue;}
A:active {text-decoration:none; color:blue;}
A:hover { text-decoration:none; color:blue; }

.right_tbl_btns{float:right;margin-left:5px; cursor:pointer;}
.defaultReturnValue {width:auto; height:300px; display:none; }
.mainContainer {min-width:100%; height:auto; display:none; margin:0px 20px 0px 0px; }
.print {width:auto; height:auto; margin:10px; padding-bottom:15px; display:none; }
.titleBox {width:500px; height:auto; border:2px solid #aaa; padding-bottom:22px; background-color:#f7f7f7;}
.divFbViewTitle {margin:20px 0px; padding-bottom:4px; border-bottom:1px solid #819AC0; color:#617491; font-weight:bold;}
.divFbViewDesc {margin:4px 0px; color:#333;}

.previewFBHeader {background-color:#819AC0; color:#fff; height:20px; left:2px; font-weight:bold; color:#fff}
.fbLauncherMainContainer {width:730px; border: 2px solid #333;}
.fbLauncherStartButton { text-align:right; margin: 2px 15px 15px 0px; }

.divSelection {position:relative; background-color:#f7f7f7; padding:10px 15px;}
/*.divSelection > div {margin:0px 25px 6px 15px; font:9pt/12pt Arial; border:0px solid red; }*/

.divContent {margin:0px; float:left; width:180px; position:relative; }
.divContent p {margin:5px 0px 0px 5px;}
.divContent select {margin:5px 0px 0px 0px; width:100%; color:#333; font:9pt/12pt "Lucida Sans Unicode",Arial;}
.divContent input[type=text] {color:#333;}
.divContent input[type=button] {cursor:pointer; font:9px "Lucida Sans Unicode",Arial; padding:2px 0px; display:none; width:100%;}

.dtsNameInfo {margin:0px 10px 5px 0px; height:18px; text-align:left; display:none;}
.dtsNameInfo span {padding-right:5px; margin-left:-3px;}

#divFbvDtsInfo{font-weight:bold;}
.fbvGridSearchBar {min-width:710px; position:relative; background:white; border:solid 1px Gray; border-bottom:none; width:100%; background-color:#f7f7f7;}
.fbvGridSearchBar td {padding:10px 0px;}
.fbvGridSearchBar td.nbItemsTD      {text-align:left; padding: 0 1em 0 0;white-space:nowrap;}
.fbvGridSearchBar td.searchBarTD    {text-align:left;padding:10px 20px; width:100%;}
.fbvGridSearchBar td.pagingTD       {text-align:right; width:205px;}
input[type=text].searchBar {width:200px; height:24px; line-height:24px; padding:0px 5px 0px 25px; font:10pt "Courier New", sans-serif;
                            background-image:url("../images/loupe.jpg"); background-repeat:no-repeat; background-position:top 5px left 3px;
                            border:solid 1px Gray;}

.closeButtonRefresh { display: none; float:right; cursor: pointer;}


/*** G R I D V I E W ***/

.gridviewPaging {}
.gridviewPaging table {border-spacing:0px;}
.gridviewPaging input[type=button] {font:7pt Arial; /*padding:2px 5px;*/ width:22px; height:20px; cursor:pointer; margin:0px 1px; border:solid 1px gray;}
.gridviewPaging input[type=button]:hover {border-color:Blue; color:Blue;}
.gridviewPaging input[type=text] {font:7pt "Lucida Sans Unicode",Arial;}

.wsgridview {/*display:none;*/ width:100%; height:300px; margin:0px; padding:0px; overflow:auto; border:solid 1px Gray;
             box-sizing:border-box; -moz-box-sizing:border-box; overflow-x: hidden; display: inline-block; background-color:White;}
.gridview_scroll{width:100%; background-color:White;}

/*No vertical scroll bar*/
.noYscroll { overflow-y: hidden; height: 100% }

.gList {width:100%; border-collapse:collapse; margin-right:25px;}
.gList img{width:20px; height:20px;}

/* Style pour les filters de la grid */
.gList td div {background:#eee; padding:10px; border:1px solid #888; z-index:1; position:relative; display:none;}
.gList td div a {text-decoration:none; color:#333;}
.gList tr.nostyle td, .gList tr.nostyle {padding:0px; border:0px solid #000;}
.gPaging {float:right;}
.gFooter {background-color:#ecf2f5; display:none;}
.gSelected {padding-left:2px; padding-right:2px; border:1px solid #333;}
.gItemOrder {font:9pt Calibri; color:YELLOW; padding:0px; margin:0px;}
.gHeader {background-color:#6992c6; color:#fff;}
.gHeader th {text-align:left; font-weight:bold; font-size:12px;}
.gHeader th img {position:relative; margin-top:2px;}
.gHeader A {font:10pt/15pt "Lucida Sans Unicode",Arial; padding:2px 2px 0px 0px;}
.gHeader A:link {text-decoration:none; color:#fff;}
.gHeader A:visited {text-decoration:none; color:#fff;}
.gHeader A:active {text-decoration:none; color:#fff;}
.gHeader A:hover {text-decoration:none; color:#fff; background-color:#006699; background-color:purple;}

.gData_pointer:hover {cursor:pointer; /*background-color:#bee3ec;*/}
/*.gData:hover {background-color:#bee3ec; }*/
.gData:hover td {background-image:url("../images/blueBG_15pc.png");}

.gData td {border-bottom:1px solid #aaa; padding:5px 10px 5px 10px;}
.gData td A {font:10pt/15pt "Lucida Sans Unicode",Arial; padding:2px 8px 2px 8px;}
.gData td A:link {text-decoration:underline; color:#006699;}
.gData td A:visited {text-decoration:underline; color:#006699;}
.gData td A:active {text-decoration:underline; color:#006699;}
.gData td A:hover {text-decoration:underline; color:#333;}

/*.gData2:hover {background-color:#EBF5FF; cursor:default; }*/
.gData2:hover td {background-image:url("../images/blueBG_15pc.png");}

.gData2 td {border-bottom:1px solid #aaa; padding:5px 10px 5px 10px;}
.gData3 td {cursor:pointer; padding:5px 10px 5px 10px; background-color:#f7f7f7;}
.gData4 td {cursor:default; padding:5px 10px 5px 10px; border-bottom:1px solid #aaa;}

.gList td div.prgBar{width:100px; height:12px; border:solid 1px Black; display:inline-block; padding:0px; text-align:left; position:absolute; top:0px; left:0px;}
.gList td div.prgBar .prgBarInside {height:inherit; padding:0px; border:none; display:inline-block;}
.gList td .libelle {background-color:transparent; font:8pt Arial; text-align:left; margin-left:110px; width:30px; display:inline-block;}

.showGrid {border:solid 1px gray;}
.gHeader.showGrid th {border:solid 1px gray;}

.fullgrid_container{box-sizing: border-box; display: inline-block; min-width: 100%; }

tr.currentRow td, tr.currentRow:hover td {background-image:url("../images/yellowBG_30pc.png");}
.currentRow td {/*border-top:3px solid blue; border-bottom:3px solid blue*/}
.currentRow td:last-child {/*border-right:3px solid blue*/}
.currentRow td:first-child {/*border-left:3px solid blue*/}


/*** CSS de VLAD ***/
.paging_container{margin-right:10px;}
.fbGridSearchfield{ border:1px solid #989898; background:url("../images/loupe.jpg") no-repeat 2px 5px white; padding:3px 0px 3px 18px; width:250px; margin-right:5px;}


#fbDescSwitch{color:#333333; font-weight:bold; cursor:pointer; margin-bottom:10px;}
#fbDescSwitch span{font-weight:normal; margin-right:5px;}

#fbSelSwitch{color:#333333; font-weight:bold; cursor:pointer; margin-bottom:10px;}
#fbSelSwitch span{font-weight:normal; margin-right:5px;}

#dtsNameInfo{float:left;}
#navig_drilldown{float:left;}


.selectLabel{ margin-right:10px; text-align:right; float:left; vertical-align:middle; margin-top:-10px; font-weight:bold; color:#333333}
.filter_btn{ font-weight:bold; text-decoration:none !important;}


.descDiv {width:100%; height:auto; overflow:hidden; background-color:#f7f7f7; padding:0px; margin:3px 0px; display:none;}
.descDiv > p {margin:6px 25px 6px 15px; height:auto; font:9pt/12pt Arial; padding:5px 0px 10px 0px;}

.divContent {margin:0px 10px 0px 0px; float:left; width:210px; height:28px; position:relative; background-color:#fff; border:1px solid #aaa;}
.divContent input[type=button] {cursor:pointer; font:9px "Lucida Sans Unicode",Arial; padding:2px; display:none; position:absolute; top:2px; width:100%; height:26px;}
.divContent select {position:absolute; width:205px; top:-1px; left:2px; border-style:none; font:10pt "Courier New", sans-serif;}
.sCbo {position:relative; height:24px; width:250px; display:none;    }
.sCbo input[type=text], .divContent input[type=text] {font:10pt "Courier New", sans-serif; border-style:none; height:22px; text-align:left; }
.tBox {width:175px; padding:2px 4px; position:absolute; cursor:default; top:0px; left:0px; text-align:left; }
.dArrow {position:absolute; top:4px; left:185px; padding:3px 5px 4px 5px; cursor:pointer; }
.ddList {position:absolute; top:30px; left:-1px; width:210px; height:200px; border:1px solid #aaa; display:none; background-color:#fff; overflow-y:auto; z-index:2000;}
.ddList p {margin:1px; font:10pt "Courier New", sans-serif;}
.ddList p:hover {background-color:#819AC0; color:White; }
.footerContainer {margin:15px 0px 15px 0px; height:auto;}
.headerContainer {margin:0px 0px 15px 0px; height:auto;}
img {border-style:none;}


/* classicToggle */

h2 div, h2 label {cursor:pointer;}
.classicToggle {display:inline-block; width:20px; height:20px; margin:0px 5px -5px 0px;
                background-image:url("../images/togglePlus.png"); background-repeat:no-repeat;}
.classicToggle.opened {background-image:url("../images/toggleMinus.png");}

/*affix header datagrid*/
div.affix-table-wrapper{
  overflow:hidden;
}
tableWrapper,
table.thead-isAffix,
table.affix-header{
  width: 100%;
}
/* table for affix headers*/
table.affix-header{    
  border-collapse: collapse;
  empty-cells: show;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}
table.affix-header th{
    padding: .2em .25em;
}
/*column header details tooltip*/
.infoLink 
{
    display:inline-block;
}
.infoLink .tooltip 
{
    display:none;
}
.infoLink:hover .tooltip 
{
    display:block;
    position: absolute;
    margin-top:5px;
    z-index: 98;
}
.affix-header .gHeader th .tooltip-content{
    margin-top:-.25em;
    background: #444;
    color: #fff;
    padding:.25em .5em;
    
    text-align: left;
    border: solid thin #bbb;
    border-radius: .25em;
    -webkit-box-shadow: 3px 3px 3px 0px #777;
    -moz-box-shadow: 3px 3px 3px 0px #777;
    box-shadow: 3px 3px 3px 0px #777;
}
.affix-header .gHeader th:nth-last-child(1) .tooltip-content{
    margin-left:-3em;/*this moves the content ot left since the content may partially locate outside the viewport*/
}
.infoLink .tooltip:before{
    border: solid;
    border-color: #444 transparent;
    border-width: 0 6px 6px 6px;
    margin-top: -8px;
    content: "";
    left: 10px;
    position: absolute;
    z-index: 99;
}
div.select-pageSize {
    display: inline;
    padding: 0 .5em 0 0;
}
div.pageSizeSelectWrapper{
    display: inline;
}