﻿body { background-color:#fff;
	font-family:Tahoma,Verdana,arial; font-size:11px;
	text-align: center;
	color:#282828;
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

html { margin:0; padding:0; height:100%; } 

H1 {font-size: 17px; color: #235; margin-top:0px;}
h2 {font-size:12px;}

.error {color:Red;}

select {font-family:Tahoma,Verdana,arial; font-size:12px;}
input {font-family:Tahoma,Verdana,arial; font-size:12px; padding:2px;}

A:visited {
   color : #282828; 
   background : transparent; 
   text-decoration: none;
}

A:link {
   color : #282828; 
   background : transparent; 
   text-decoration: none;
}

#currentPage {color:#c00; font-weight:bold; text-decoration : underline;}

A:hover {text-decoration : underline; color: #CC0000;}

#adminLink {text-decoration:underline; color:#999;}
#adminLink:hover {color:#c00;}

.tableHeader 
{
	font-family:Tahoma,Verdana,arial; font-size:11px;
	color:#fff;
	font-weight:normal;
	padding:0;
}

.headerDot 
{
	vertical-align:middle; 
	padding-bottom:2px;
	background-repeat:no-repeat;
	padding-right: 2px;
	height:10px;
}

.gearDot 
{
	vertical-align:middle; 
	padding-bottom:0px;
	background-image: url(/img/gear.gif);
	background-repeat:no-repeat;
	padding-right: 2px;
	height:16px;
}

.reportBox 
{
	margin:8px 0px 8px 5px;
	padding:0px;
	font-weight:bold;
	width:210px;
}

.reportBox img {margin-right:5px;}
.reportBox hr 
{	
	height:1px;
	border-top:solid 1px #ccc;
	border-bottom:solid 0px;
}

.reportBox select {font-size:11px; font-family:Tahoma, Verdana; font-weight:normal;}

.summaryBox 
{
	margin:8px 0px 0px 0px;
	padding:0px;
	font-weight:bold;
	width:210px;
}
.summaryBox hr 
{	
	height:1px;
	border-top:solid 1px #666;
	border-bottom:solid 0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.dropListBox
{
	width:208px;
}

#container 
{
	width:995px;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	padding:0px;
	padding-right:0px;
	position:relative;
}

#logoutBox
{
	position:relative;
	margin-bottom:5px;
	padding:0px;
	border:solid 1px #828282;
}


#customHeader
{
	position:relative;
	/*height:60px;*/
	padding:0px;
	margin-bottom:5px;
	border:solid 1px #828282;
}

#headerSettings {padding:5px;}

#customFooter
{
	
	clear: both; 
	height: 5%; 
	vertical-align: middle; 
	padding: 0; 
	margin: 0; 
	margin-left:220px;
	text-align:center;
	font-size:10px;
	padding-bottom:30px;
}

#spacer{ 
	height: 95%; 
	float: left; 
	margin-right:0px;
	padding-right:0px;
	margin-left:0px;
	padding-left:0px;
	width:220px;
} 

.leftSideBox
{
	width:100%;
	background-color:#f0f0f0;
	border:solid 1px #828282;
	margin-right:0px;
	padding-right:0px;
	margin-left:0px;
	margin-left:0px;
	margin-bottom:5px;
}

.loginBox
{
	width:320px;
	position:relative;
	background-color:#f0f0f0;
	border:solid 1px #828282;
	margin-bottom:5px;
}

#mainContainer
{
	width:995px;
	position:relative;
	margin-top:5px;
	margin-right:0px;
	padding-right:0px;
	margin-left:0px;
	padding-left:0px;
	text-align:left;
}

#resultContainer
{
	width:768px;
	margin-right:0px;
	padding-right:0px;
	margin-left:0px;
	padding-left:0px;
	float:right;
	text-align:left;
}

#mainHeader
{
	/*width:100%;*/
	position:relative;
	background-color:#fff;
  	border:solid 1px #828282;
	margin-right:0px;
	padding-right:0px;
	margin-left:0px;
	padding-left:0px;
}

.resultBox
{
	/*width:100%;*/
	position:relative;
	background-color:#fff;
	border:solid 1px #828282;
	font-size:11px;
	margin-top:5px;
	margin-right:0px;
	padding-right:0px;
}

.datePicker, .datePicker td
{
	font-size:10px;
}

.datePicker table {margin-top:5px;}

.datePicker input 
{
	width:120px;
	border:solid 1px #828282;
	background-color:#fff;
	color:#282828;
	padding: 1px 1px 1px 4px;
	margin:2px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
}

.datePicker #bSubmit 
{
	width:auto;
	/*background:#282828 url(/img/bg_gray.gif);*/
	font-weight:bold;
	font-family:Tahoma,Verdana;
	/*font-size:10px;
	border:solid 1px #ccc;*/
	border:none;
	padding:0px;
}

#whosOnline {margin-right:8px;}
#stepstep {margin-right:5px;}
#rapportPerso {margin-right:10px;}
#sommaire {margin-right:5px;}

.graphHints {margin-left:20px; margin-bottom:5px;font-size: 9px;}
.graphHints select {font-size: 9px;}
.graphNumbers {margin-left:50px; margin-bottom:2px;}
.graph {margin-bottom:0px; padding:5px;}
.detailTable {padding:5px; text-align:center; margin:0px; 
	width:755px; margin-left:auto; margin-right:auto;}
.detailsOptions {padding:5px 5px 0 0; text-align:right;}
.detailsOptions select {font-size:10px;}
.clear {height:1px;}

#metricsDiv {padding:5px;}

#splitGraph
{
	width:100%;
	position:relative;
	margin-top:5px;	
}

#visitorsBox
{
	width:380px;
	position:relative;
	background-color:#fff;
	border:solid 1px #828282;
	height:385px;
}

#sourceBox
{
	width:380px;
	background-color:#fff;
	position:absolute;
	left:386px;
	top:0;
	height:385px;
	border:solid 1px #828282;
}

.blackHeader 
{
	background:#282828 url(/img/bg_black.gif);
	color:#fff;
	font-weight:bold;
	text-align:left;
	margin:0px;
	border-bottom:solid 1px #828282;
	padding:4px;
}

.blackHeaderLogout
{
	background:#282828 url(/img/bg_black.gif);
	color:#fff;
	font-weight:bold;
	text-align:left;
	margin:0px;
	padding:2px;
	position:relative;
}

.blackHeaderTop
{
	background:#282828 url(/img/bg_black.gif);
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding:4px;
	font-size:11px;
	/*width:100%;*/
}

.blackHeaderLogout a:visited, .blackHeaderLogout a:link {color:#fff;}

.grayHeader 
{
	background:#282828 url(/img/bg_gray.gif);
	color:#333;
	font-weight:bold;
	text-align:left;
	padding:4px;
	padding-left:4px;
	border-bottom:solid 1px #828282;
}

.grayHeaderSegment 
{
	background:#282828 url(/img/bg_gray.gif);
	color:#333;
	font-weight:bold;
	text-align:left;
	padding:4px;
	padding-left:4px;
	border-bottom:solid 1px #828282;
	border-top:solid 1px #828282;
}

#topHeader
{
	height:18px;
	margin-top:0px;
	font-weight:normal;	
	padding-left:4px;
}

#topHeaderLeft
{
	float:left;
	position:relative;
	margin-top:3px;
	padding:0px;
}

#topHeaderRight
{
	float:right;
	position:relative;
	height:20px;
	vertical-align:top;
	margin-top:0;
	padding:0px;
}

.textNormal {font-weight:normal}

.box_custom { visibility: visible; 
	color: #ffffff; font-weight: normal; font-size: 11px;
	margin:8px 5px 0px 0px;
	padding:0px;
	width:210px;
}  
.box_custom ul {
  margin: 4px 0 0 4px;
  padding:0 0 0 0;
  list-style:none;
  }
.box_custom_close {
  background:url("/img/icone_rapport_plus.gif") no-repeat 0px 0px;
  margin:0;
  padding:0 0px 3px 30px;
  margin-bottom:3px;
  font-weight:bold;
  display:block;
  } 

.box_custom_open 
{
  background: url("/img/icone_rapportdebase_moins.gif") no-repeat 0px 0px;
  margin:0;
  padding:0 0px 3px 30px;
  margin-bottom:3px;
  font-weight:bold;
  display:block;
} 

.boxImg
{
	cursor:pointer;
	width:35px;
	height:20px;
	position:absolute;
	left:5px;
	/*background-color:Red;*/
	display:block;
}  

.box_custom_list {position: relative; visibility: hidden; display: none; 
	color: #ffffff; font-weight: normal; font-size: 11px;}  
.box_custom_list_open {position: relative; visibility: visible; display: block; 
	color: #ffffff; font-weight: normal; font-size: 11px;}  

.box_custom_list_open ul {
  margin: 10px 0 0 -15px;
  padding:0 0px;
  list-style:none;
}
 .box_custom_list ul {
  margin: 10px 0 0 -15px;
  padding:0 0px;
  list-style:none;
  } 
.box_custom_list li {
  background:url("/img/page.gif") no-repeat 0px 0px;
  margin:0;
  padding:0 10px 3px 25px;
  margin-bottom:5px;
}  
 .box_custom_list_open li {
  background:url("/img/page.gif") no-repeat 0px -1px;
  height:16px;
  margin:0;
  padding:0 0px 3px 25px;
  margin-bottom:5px;
} 

.box_perso {position: relative; visibility: visible; display: block; color: #ffffff; font-weight: normal; font-size: 11px;}  
.box_perso ul {
  margin: 4px 0 0 4px;
  padding:0 0px;
  list-style:none;
  }
.box_perso_close {
  background:url("/img/dossier_perso_plus.gif") no-repeat 0px 0pc;
  margin:0;
  padding:0 10px 3px 17px;
  margin-bottom:3px;
  cursor:pointer;
  } 

.box_perso_open {
  background:url("/img/dossier_perso_moins.gif") no-repeat 0px 0px;
  margin:0;
  padding:0 0px 3px 35px;
  margin-bottom:3px;
  font-weight:bold;
  cursor:pointer;
  }   
 
.box_perso_list {position: relative; visibility: hidden; display: none; color: #ffffff; font-weight: normal; font-size: 11px;}  
.box_perso_list_open {position: relative; visibility: visible; display: block; color: #ffffff; font-weight: normal; font-size: 11px;}  

.box_perso_list_open ul {
  margin: 10px 0 0 -15px;
  padding:0 0px;
  list-style:none;
  }
 .box_perso_list ul {
  margin: 4px 0 0 4px;
  padding:0 0px;
  list-style:none;
  } 
.box_perso_list li {
  background:url("/img/Icone_rapport_perso.gif") no-repeat 0px 0px;
  margin:0;
  padding:0 10px 3px 25px;
  margin-bottom:5px;
}  
 .box_perso_list_open li {
  background:url("/img/Icone_rapport_perso.gif") no-repeat 0px -1px;
  height:16px;
  margin:0;
  padding:0 0px 3px 25px;
  margin-bottom:5px;
} 

.keyMetrics {width:737px;}
.keyMetrics td {font-weight:bold; font-size:11px;}
.keyMetrics b {font-weight:bold; font-size:18px;}
.keyMetrics div {color:#666; font-weight:normal;}
.up {color:green;font-weight:bold;}
.down {color:red;font-weight:bold;}
.null {color:#555;font-weight:bold;}

.reportTable {width:757px; background: #fff; 
	border-color: #999; border-width: 0px; border-collapse: collapse; border-style: solid;
	padding:0px; margin:0px;}
.reportTable th {padding: 5; background: #fff; color: #000; font-size: 12px; font-weight: bold;}	
.reportTable td {color: #000; font-size: 12px; 
	border-color: #C6C6C6; border-width: 1px; 
	border-collapse: collapse; border-style: solid; padding:5px;}
.tdLeft {padding:5px; text-align:left;}	
.setPadding {padding:5px;}	
.reportTable #impair {background: #f1f1f1;}
.slogan {text-align:left; font-size:10px;}
.reportDesc {padding:5px 0 0 5px;}
.noContent {font-style:italic; color:#000; padding:10px 5px 20px 5px;}

#segment {position:relative; visibility:hidden; display:none; height:320px;
	 text-align:center;}

.black_overlay{
    display: none;
    position: absolute;
    width: 100%;
    height: 5000px;
    margin:auto;
    left:0px;
    background-color: #f6f6f6;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;
    margin: -60px auto auto -150px; 
    top: 50%;
    left: 50%;
    width: 300px;
    height: 120px;
    padding: 16px;
    border: 5px solid #ccc; 
    background-color: white;
    vertical-align:middle;
    z-index:1002;
    overflow:hidden;
} 

.white_content2 {
    display: none;
    position: absolute;
    margin: -75px auto auto -325px; 
    top: 50%;
    left: 50%;
    width: 650px;
    height: 150px;
    padding: 16px;
    border: 5px solid #ccc; 
    background-color: white;
    vertical-align:middle;
    text-align:center;
    overflow:hidden;
}

.rangeBold {font-weight:bold; color:#900; text-decoration:underline;}
.leftMargin {padding:5px; padding-bottom:0; margin-bottom:0;}

.topIcons {margin: 0 0 0 0; list-style:none; float:right;}
.topIcons li {float:right; font-size:10px; vertical-align:middle; margin-right:10px;}
.topIcons td {float:right; font-size:10px; vertical-align:middle; margin-right:10px; white-space:nowrap;}
.topIcons a:visited, .topIcons a:link {padding:2px; text-decoration:underline;}
.topIcons a:hover {text-decoration:none; background-color:#c00; color:#fff;}

.topIcons #summary {background: url("/img/sommaire.gif") no-repeat left center; 
	margin: 0; padding: 5 4 5px 20px; margin-bottom: 3px; margin-right:10px;}
.topIcons #online {background: url("/img/icon_online.gif") no-repeat left center; 
	margin: 0; padding: 5 4 5px 20px; margin-bottom: 3px; margin-right:10px;}
.topIcons #steps {background: url("/img/icone_pas_a_pas.gif") no-repeat left center; 
	margin: 0; padding: 5 4px 5px 15px; margin-bottom: 3px; margin-right:3px;}
.topIcons #pdf {background: url("/img/icon_pdf.gif") no-repeat left center; 
	margin: 0; padding: 0 4 5px 23px; margin-bottom: 3px; margin-right:10px;}
.topIcons #xml {background: url("/img/icon_xml.gif") no-repeat left center; 
	margin: 0; padding: 0 4 5px 23px; margin-bottom: 3px; margin-right:10px;}
.topIcons #csv {background: url("/img/icon_csv.gif") no-repeat left center; 
	margin: 0; padding: 0 4 5px 18px; margin-bottom: 3px; margin-right:5px;}	
.topIcons #email {background: url("/img/icon_email.gif") no-repeat left center; 
	margin: 0; padding: 0 4 5px 18px; margin-bottom: 3px; margin-right:10px;}
.topIcons #save {background: url("/img/icon_save.gif") no-repeat left center; 
	margin: 0; padding: 0 4 5px 15px; margin-bottom: 3px; margin-right:3px;}
.topIcons #delete {background: url("/img/icon_delete.gif") no-repeat left center; 
	margin: 0; padding: 0 4 5px 18px; margin-bottom: 3px; margin-right:10px;}
.topIcons #run {background: url("/img/icon_run.gif") no-repeat left center; 
	margin: 0; padding: 0 4 5px 18px; margin-bottom: 3px; margin-right:10px;}			
.topIcons #modify {background: url("/img/icon_modify.gif") no-repeat left center; 
	margin: 0; padding: 5 4 5px 23px; margin-bottom: 3px; margin-right:3px;}	
.topIcons #cross {background: url("/img/icon_cross.gif") no-repeat left center;
	margin: 0; padding: 5 10px 5px 23px; margin-bottom: 3px; margin-right:10px;}
	
.reportClickStream {width:100%; padding:5px; background: #fff; border-width: 0px; border-collapse: collapse; border-style: solid;}
.reportClickStream th {padding: 5 5 5 5; text-align: left; background: #fff; color: #000; font-size: 12px; font-weight: bold;}
.reportClickStream td {vertical-align:top; padding:5px; 
	color: #000; font-size: 11px; border-color: #ccc; border-width: 1px; border-collapse: collapse; border-style: solid;
	text-align:left;}
.reportClickStream #impair {background: #f1f1f1;}
.reportClickStream #clkVisitor {}
.reportClickStream #clkSource {}


.ClickStreamNumbers {width:100%;border-spacing:0px; background-color:#999; 
	border-width: 0px; border-collapse: collapse; border-style: solid;background: #fff; }
.ClickStreamNumbers th {background: #999; color:#fff; 
	padding:3px; font-weight:normal; font-size:11px;}
.ClickStreamNumbers #CkThNum {text-align:center;}
.ClickStreamNumbers td {padding:3px; vertical-align: top;}
.ClickStreamNumbers #impair {background: #f1f1f1;}
.ClickStreamNumbersTd {width: 5px; text-align: center;}	

.table_list td{padding: 5px 5px 5px 5px;}
.pairRow {background: #e1e1e1;}	

.user_list {width:755px;}
.user_list td{padding: 5px 5px 5px 5px; text-align:center; 
	border-color: #C6C6C6; border-width: 1px; 
	border-collapse: collapse; border-style: solid;}
	
.permission_list {width:755px; padding: 5px 5px 5px 5px; text-align:center; 
	border-color: #C6C6C6; border-width: 1px; 
	border-collapse: collapse; border-style: solid;}	
	
.permission_list td{padding: 5px 5px 5px 5px; text-align:center; }	
.websiteList {padding: 3px; text-align:left; }
.websiteList span {margin-right:15px;}
.websiteList input {vertical-align:middle; margin-top:2px;}

.usage_list {width:755px;}
.usage_list th {background-color:#e1e1e1; 
	padding: 5px 5px 5px 5px; text-align:left; 
	border-color: #C6C6C6; border-width: 1px; 
	border-collapse: collapse; border-style: solid;}
.usage_list td{padding: 5px 5px 5px 5px; text-align:left; 
	border-color: #C6C6C6; border-width: 1px; 
	border-collapse: collapse; border-style: solid;}
#usage_list_client {font-weight:bold;}	
#usage_list_url {}
#usage_list_hits {text-align:right;}
#usage_list_total {background-color:#e1e1e1; text-align:right; font-weight:bold;}
#usage_list_hitsTotal {background-color:#e1e1e1; text-align:right; font-weight:bold;}
	

.helpNote {font-family: verdana; color: #000000; 
	font-size: 8pt; border-color: #E4AE31; 
	border-collapse: collapse; border-style: solid; border-width: 1px; 
	background: #FFFFCC; widows: 0; text-align:left; }
.helpNote a:link {color: #000033;}
.helpCss {text-align: right; color: #E4AE31; font-size:10px; text-decoration : none;}

.listItem  { 
margin:0;
padding:0;
list-style:none;
}
  
.listItem li {background: url("/img/menuArrow.gif") no-repeat left center; 
margin: 0; 
margin-left:5px;
padding: 3px 10px 5px 10px; margin-bottom: 3px}

.listItem a {text-decoration: none; padding:2px;}    
.listItem a:hover {text-decoration: underline;} 

.formLabel {font-weight: normal; font-size: 11px;}
.formLabel input[type="text"] {width:300px;}
.formLabel textarea {width:300px;}
.formError {font-weight: bold; color: #FF0000;}

.divOptions {text-align:left; padding:5px; width:755px;}

.reportListHeader {text-align:left; font-weight:bold; padding:5px;}
.reportListItem {text-align:left; padding:2px 2px 2px 15px;}
.reportListItem input {vertical-align:middle; margin-top:0px;}
  
  
.pubTableContainer {margin-bottom:30px;}
.pubTable {padding:5px; text-align:left; margin:0px; 
	width:755px; margin-left:auto; margin-right:auto;}
	
.groupName {font-weight:bold; font-size:11px; 
	background:#282828 url(/img/bg_black.gif);
	color:#fff; padding:4px;}	
.pubName {font-weight:bold; font-size:14px;}
.pubTable table {width:100%; background: #fff; 
	border-color: #999; border-width: 0px; border-collapse: collapse; border-style: solid;
	padding:0px; margin:0px;}
.pubTable table th {padding: 5; background: #fff; color: #000; font-size: 12px; font-weight: bold;}	
.pubTable table td {color: #000; font-size: 12px; 
	border-color: #C6C6C6; border-width: 0px; 
	border-collapse: collapse; border-style: solid; padding:0px;}
.pubTable table #impair {background: #f1f1f1;}	
.pubTable table td div {padding:5px;}

.pubDetails table {color: #000; font-size: 12px; border:none; padding:0px;}
.pubDetails table td {color: #000; font-size: 12px; border-width: 1px; 
	border-collapse: collapse; border-style: solid; 
	/*background-color:#C6C6C6;*/
	background:#282828 url(/img/bg_gray.gif);
	padding:0px; font-weight:bold;}
.pubDetails table td div {padding:5px;}
.pubData table th {color: #000; font-size: 12px; border-color: #C6C6C6; 
	/*border-width: 1px; */ border-left-width:1px; border-bottom-width:0px;
	border-right-width:0px;
	border-collapse: collapse; border-style: solid; padding:5px; 
	background-color:#eee; background-image:none; font-weight:normal;
	text-align:center;}
.pubData table td {color: #000; font-size: 14px; border-color: #C6C6C6; 
	/*border-width: 1px;*/ border-left-width:1px; border-bottom-width:0px;
	border-right-width:0px;
	border-collapse: collapse; border-style: solid; padding:5px; 
	text-align:center;
	background-color:#fff; background-image:none; font-weight:bold;}
	
#pubDataExposureRatio td div {background-color:#3399FF; width:15px; 
	text-align:center; margin-left:auto; margin-right:auto; padding:0;}	

#pubDataTimeRatio td div {background-color:#c00; width:15px;  
	text-align:center; margin-left:auto; margin-right:auto; padding:0;}	
	
#drillOptions {padding:5px;}	
#drillOptions h2 {margin-top:3px;}
#drillOptions table {width:100%;
	border-width: 1px; background-color:#282828;
	border-collapse: collapse; border-style: solid; }
#drillOptions td
{
	padding:5px; border-width:1px; line-height:2.0em;
	border-color: #C6C6C6; border-collapse: collapse; border-style: solid;
	vertical-align:top; background-color:#fff;
}

#drillOptions th
{
	background:#282828 url(/img/bg_gray.gif);
	padding:5px; border-width:1px;
	border-color: #C6C6C6; border-collapse: collapse; border-style: solid;
	vertical-align:top;
}

.drillDownResults {padding:5px;}	
.drillDownResults table {width:100%;
	border-width: 1px; background-color:#282828;
	border-collapse: collapse; border-style: solid; }
.drillDownResults td
{
	padding:5px; border-width:1px;
	border-color: #C6C6C6; border-collapse: collapse; border-style: solid;
	vertical-align:top; background-color:#fff;
}

.drillDownResults th
{
	background:#282828 url(/img/bg_gray.gif);
	padding:5px; border-width:1px;
	border-color: #C6C6C6; border-collapse: collapse; border-style: solid;
	vertical-align:top;
}

#drillDownTable {padding:0px; border:none; width:100%;}

.drillDownBar 
{
	background-color:#3399FF; 
	color:#fff; 
	height:15px;
	display:inline;
	float:left;
	margin-right:4px;
	padding-left:0px;
}

.drillOptionsImg
{
	padding-bottom:4px; 
	padding-left:2px
}

.printPdf, .printPdf a:link, .printPdf a:visited
{
	font-size:10px;
	color:#fff;
}

.drillDownComp
{
	width:300px;
	padding:0;
	margin:0;
	border:none;
}

.drillDownComp td {border:none; padding:0;}

.drillDownCompNeg
{
	width:50px;
	border-right: solid 10px #000;
	padding:0;
	margin:0;
	text-align:right;
}

.drillDownCompPos
{
	width:50px;
	padding:0;
	margin:0;
}

.drillDownCompNeg img, .drillDownCompImgNeg
{
	background-color:#ff0000;
	height:15px;
}

.drillDownCompPos img, .drillDownCompImgPos
{
	background-color:#3399FF;
	height:15px;
}