div.numbers{
	background-color: black;
	color: #EB0;
	font-family: "Impact","Arial Black",sans-serif;
	line-height: 1;
	padding:11px 19px 19px 29px;
}
img.chart{
	border:1px solid #EEEEEE;
	margin:20px -3px 0;
	padding:5px;
	display:block;
}

.weekScatterplot{
	background-position:2px -8px;
}
.weekScatterplot:hover{
        background:transparent none no-repeat scroll -990px 50%;
}

div.numbers br{display:none}
div.screenshot{
	margin-top:30px !important;
	font-size:70%
}
div.numbers br.cl{
	clear: both;
}
.f{
	font-size:1.14in;
	padding:10px 0 0 10px;
}
.t{
	border: none;
	float: left;
	font-size: .6in;
	margin-right: 15px;
	text-transform: none;
	vertical-align: .2in;
}
.t sup{
	font-size: .2in;
}
sup{
	font-size:28%;
}
.f sup small{
	
}
.s,.u{
	font-size: .6in;
}
.u{
	color: red;
}
small.d,small.n{
	background:#333;
	padding:0 4px;
	left:-20px;
	position:relative;
}
small.d{
	top:-70px;
}
small.n{
	left:-215px;
	top:10px;
}
span.mins,.sm{
	float:left
}
.sm{
	padding:26px 8px 5px;
	font-size:100%;
}
.s .sm{
	padding:0;
        padding-top:7px

}
.sm sup{
	line-height:0.8em;
}
.right .sm sup{
	line-height:1em;
}
div.mins{
	clear:right;
}
div.mins img{
	display:block;
}

.smr{
	padding-top:12px;
	font-size:85%;
}
.inline{
	float:none;
	position:relative;
	top:-20px;	
}

 .block{
	display:block;
}
 .left{
	float:left
}
span.days{
	margin-left:0px;
}
span.days sup{
	position:relative;
	top:-15px;
}
span.sessionCount{
	position:relative;
	left:-13px;
	top:24px;
}
.dateInterval{
	position:relative;
	right:-26px;
	top:-46px;
}
.right{
	margin-top:-7px;
}
.right td.padd{
	padding-top:24px;
}

.first.right .sm sup.type{
	color:red
}
.right span.f{
	xdisplay:block
}
.note{
	color:#000000;
	float:right;
	font-family:"Comic Sans MS",Verdana,sans-serif;
	font-size:16px;
	margin-top:50px;
}

.img-shadow {
  background: url(http://www.smallmeans.com/css/shadow.gif) no-repeat bottom right;
  margin: 30px 0 10px 10px !important;
  padding-bottom: 6px;	
  width: auto;
}


.img-shadow span{
	margin:-2px 0 1px 0;
	padding:0px;
	vertical-align:top;
	font-size: 13px;
	font-weight:bold;
	color: #A3570C;
	}

/* old color #a9a9a9*/
.img-shadow img {
  display: block;
  background-color: #fff;
  border: 2px solid #fafafa;
  margin: -6px 8px 0px -6px;
  padding: 4px 4px 0px 4px;
  }

.p-shadow {
  width: 715px;
  float:left;
  background: url(http://www.smallmeans.com/css/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.smallmeans.com/css/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 5px !important;
  margin: 10px 0 0 15px;
}
.p-shadow div {
  background: none !important;
  background: url(http://www.smallmeans.com/css/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: normal 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}
.p-shadow p strong{
  background:url(comment_bubble.png) center left no-repeat;
  padding:20px 20px 20px 46px
  }
.p-shadow p small,.p-shadow p strong{
	display:block;
	margin:10px 0
}
p.info p small:first-child{
	margin-top:20px
}
.p-shadow p small:last-child{
	text-align:right;
}
.p-shadow p small:last-child sup{
  font-size:60%;
}
.IE-Alternative{
  display:none
}
.IE-Alternative div{text-align:right;padding:1px 34px;}
body.opt .IE-Alternative{
  display:block
}
body.opt .IE-Alternative div,
body.opt .numbers{
  display:none
}



/* Basic Bar Graph */

.graph { 
	padding: 12px 0px; 
	width:100%
}

.graph .bar, strong.bar,.graph strong.shell.bar.combo{ 
	display: block;	
	position: relative;
	background: #B1D632; 
	text-align: center; 
	color: #999;
	height: 30px; 
	padding:17px 0px 0px;
	background:url(/apps/loganalyzer/css/images/orange_header.png) top left repeat-x;

}
.graph .bar span { position: absolute; left: 1em; }
table.graph tr {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	color: #000000;
}
table.graph tr:hover {
        background:#EFEFEF
}
table.graph tbody{
	margin-bottom:10px
}
table.graph th{
	color: #4f6b72;
	text-align: left;
	padding: 6px;
	background:#FC8D12 url(images/gray.header.bag.jpg) repeat-x;
}
table.graph td {
	font-size:80%;
	line-height:43px;
}
table.segments{
	width:700px;
	margin-top:39px;
}
table.segments th b{
	position:relative;
	top:-15px;
}
table.segments b.number,
table.segments.numbers b.percentage{
	display:none;
}
table.segments.numbers b.number{
	display:block;
}
table.segments.numbers td b.number{
	margin-right:-41px;
}
table.segments br{display:none}
table.segments th,table.segments td{
	border:none;
	background:none
}
table.segments th.rightheader{
	text-align:right;
}
table.segments td{
        width:50%
}
table.segments th.right,table.segments td.sum_right{
	text-align: right;
}
table.segments td.center{
	text-align:center;
	font-size:100%;
	padding:3px 13px;
	font-weight:bold;
}
table.segments .bar span {
	position: absolute;
	text-align:right;
	top:4px;
}

table.segments .rightColumn  span,
table.segments .bar span {
	opacity:0.6;
}
table.segments .rightColumn  span{
        padding-left:5px
}

.graph strong.bar{
	background:#B9D0F3;
	margin-top:4px;
}
.graph strong.shell.bar.combo{
	background:#f1f1f1;
	top:-3px;
	z-index:0;
}
.graph strong.shell.bar{
	z-index:42;
	background-color:#686875;
	height:23px;
	margin-top:7px;
}
.graph strong.shell.count{
	float:left;
	padding:17px 0 0;
}
.graph strong.shell.length{
        float:right;
}
table.segments .rightColumn .bar span {
	padding-left:23px;
}
#dynamic-page{}

table.heatmaptable{border-collapse:collapse;clear:both;margin:30px 0 10px;}
table.heatmaptable td,table.heatmap th{padding:8px;}
table.heatmaptable th{padding:8px 6px;border:1px solid #eee}
table.heatmaptable td{border:1px solid #eee;font-size:10px;text-align:center;-moz-border-radius:0px}
table.heatmaptable tbody.durations td{font-size:8px;}
table.heatmaptable th img{position:relative;top:3px;left:-4px;}
table.heatmap tr{height:20%;}
table.heatmaptable td div{float:left;width:50%;}

table.export{margin:20px 20px 60px 20px;border-collapse:separate;}
table.export td{font-size:11px;}
table.export td, table.export th{padding:22px;border:1px solid #DDD;-moz-border-radius:0}
table.export.lt td, table.export.lt th{text-align:left;vertical-align:top;padding:6px 7px;font-size:11px;border-width:0 0px 1px 0;}
table.export.lt{margin:0}
table.export.lt tr.header{background-color:#F2F2F2;line-height:41px;}
table.export.lt tr.header th{font-size:100%}
table.export td.clear{border:none}

#heatmapContainer.ftp tbody.ftp,
#heatmapContainer.shell tbody.shell,
#heatmapContainer.combo tbody.combo,
#heatmapContainer tbody.buttons{
	display:block
}

table.smallStats{
	float:left;
	width:auto;
	clear:none;
	border:1px dotted #9999FF;
	xborder-collapse:separate;
	margin:15px 20px 13px;
}
table.smallStats tbody{
	padding:6px;
}

table.smallStats th{
	text-align:left;
	font-size:11px;
	font-weight:normal;
	xbackground-color:#eee;
	padding:8px 9px;
}
table.smallStats td{
	background-color:#fafafa;
	font-size:1;
	width:55px;
}
#dynamic-page.transparent table.smallStats{
	xborder-collapse:separate;
}
#dynamic-page.transparent table.smallStats td[style]{
	background-color:#FAFAFA !important;
}
#dynamic-page.transparent table.smallStats th{
        background-color:#eee
}
table.heatmaptable tbody{
	display:none
}
table.heatmaptable.ftp tbody.ftp,
table.heatmaptable.shell tbody.shell,
table.heatmaptable.combo tbody.combo,
table.heatmaptable tbody.buttons{
	display:block
}

table.heatmaptable tbody.buttons{
	margin-bottom:8px;
	
}
table.heatmaptable tbody.buttons td{
	font-size:15px;
	background-color:#f2f2f2;
	-moz-border-radius:0;
}
table.heatmaptable tbody.buttons td a{
        padding:14px;
}

.heatmaptable.combo tbody.buttons td.combo,
.heatmaptable.shell tbody.buttons td.shell,
.heatmaptable.ftp tbody.buttons td.ftp,
#heatmapContainer.counts .buttons .counts,
#heatmapContainer.durations .buttons .durations{
	background: url(/css/images/check-blue.png) no-repeat scroll 4px 59%;
}
table.heatmaptable tbody.buttons td.ftp{
	border-right:1px solid #FAFAFA;
}

#heatmapContainer.counts tbody.durations,
#heatmapContainer.durations tbody.counts{
	display:none;	
}

input.uploadBtn{
	font-weight:bold;
	padding:6px 4px;
	float:right;
}

table.sessionsSplashLink{margin:33px auto;}
table.sessionsSplashLink span{font-size:37px;display:block}
table.sessionsSplashLink a{text-decoration:none;}
table.sessionsSplashLink td{padding:25px 32px;}
table.sessionsSplashLink td.l{background:#C3E4AF;border:1px solid green}
table.sessionsSplashLink td.r{background:#FFF6BF;border:1px solid gold}
table.sessionsSplashLink a{color:#888;}
table.sessionsSplashLink a:hover{color:#000;}
table.sessionsSplashLink a span{color:#E00000;font-weight:normal;}

#timeticks {
	background:transparent url(/css/images/24h.timeticks.png) no-repeat scroll 52px -2px;
	height:86px;
	margin-top:40px;
}
.post-wrapper .colorcodings{
	padding-bottom:14px;
	background-color:#fff;
	border:none
}
.colorcodings b{
	padding: 2px 26px;
	color:#000;
	margin:0 9px 0 34px;
}
.colorcodings span{
	display:block;
position:relative;
top:8px;
}