/* generic */
div.content {
  text-align:justify;
}

div.content p {
  margin-top:8px;
  margin-bottom:8px;
}


/* install page */
#iImportLogs {
  padding:4px;
}
#iImportLogsChoice {
  padding:2px;
  width:300px;
  height:300px;
  margin-bottom:8px;
  overflow:auto;
}
#iImportLogsChoice table {
  width:100%;
}
#iImportLogsChoice table td.nbEvents {
  font-size:90%;
  font-style:italic;
  text-align:right;
}

/* -----------------
 * main
 * -----------------
 */

#iPopupInfo, #iPopupThumb {
  position:absolute;
  display:none;
  padding:4px;
  z-index:15000;
}
#iPopupInfo span.nfoR {
  margin-left:8px;
  float:right;
}
#iPopupInfo span.nfoC {
  width:100%;
  text-align:center;
  display:inline-block;
}


/* common to some tabs */
div.cTabContent {
  clear:both;
  width:100%;
}

#iFilterCategory, #iFilterPeriod {
  padding:8px;
  height:42px;
  width:25%;
  float:left;
}
#iTabFilter {
  margin-top:2px;
  max-height:50px;
}
#iFilterDummy {
  clear:both;
  height:0px;
}

div.cPeriodPath {
  padding:8px 0 0 8px;
}

span.cPctCol {
  float:right;
  font-size:85%;
}

/* period tab */
#iPeriodTable, #iPeriodGraph {
  width:48%;
  display:inline-block;
}

/* IP tab */
#iIPGraphType, #iIPGraphCountry {
  display:inline-block;
}
#iIPTable {
  width:40%;
  display:inline-block;
}
span.cCountryCode {
  display:inline-block;
  width:25px;
}

/* album/category tab */
#iCategoryTable {
  width:48%;
  display:inline-block;
}


/* image tab */
#iImageTable {
  width:48%;
  display:inline-block;
}


/* history tab */
#iHistoryFilterPeriod {
  width:350px;
  margin-top:2px;
}

.cFilterAction {
    margin-top: 8px;
    text-align: left;
}
.cPFilterNB,.cPFilterDate {
  padding-left:2px;
}
.cPFilterDate {
    text-align:left;
}
.cPFilterNB {
  top:1px;
  position:relative;
  text-align:left;
  font-size:90%;
  font-style:italic;
}

span.geoip {
  font-size:80%;
  float:right;
  padding-right:2px;
}

span.version {
  font-size:80%;
}

#iSelectPeriod {
  padding:8px;
  height:42px;
}
#iHistoryGraphAll, #iHistoryGraphCurrent {
  display:inline-block;
  margin-top:1px;
}

div.filterBox div.ui-inputList-value span.col1 {

}
div.filterBox div.ui-inputList-value span.col2 {
  float: right;
  font-size: 80%;
  font-style: italic;
  margin-right: 2px;
  position: relative;
  text-align: right;
  top: 1px;
}