/* reset style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.33;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* start piwik styles */
body {
	font-family: Georgia,"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

#h1, #h1 a {
	color: #136F8B;
	font-size: 45px;
	font-weight: lighter;
	text-decoration : none;
	margin:5px;
}

#subh1 {
	color: #879dbd;
	font-size: 25px;
	font-weight: lighter;
}
h1 {
	font-size:2em;
	color:#0F1B2E;
	padding-bottom:1em;
}
h2 {
	font-size:1.6em;
	color:#1D3256;	
	padding-bottom:0.5em;
	
}
h3 {
	font-size:1.3em;
	margin-top:2em;
	color:#1D3256;
}
a {
	color:#0F1B2E;
}
p { 
	padding-bottom:1em;
	margin-right:1em;
}

/* Content */
#content {
	margin-left:10px;
}
/* 2 columns reports */
#leftcolumn {
	float:left;
	width:45%;
	padding-left:10px;
	padding-right:20px;
}
#rightcolumn {
	float: right;
	width:45%;
	padding-left:20px;
}



/* Calendar */
#calendar {
	position: relative;
	margin-left:350px;
}
.calendar td.dateToday, .calendar td.dateToday a{
	font-weight:bold;
}

.calendar td.dateUsedStats, .calendar td.dateUsedStats a{
	color:#2E85FF;
	border-color:#2E85FF ;
}

.calendar td.calendar_unselectable {
	color:#F2F7FF;
}

/* style for the date picking */
#periodString {
	margin-left:350px;
}

#periodString #date, #periodString #periods, 
#periodString #date a, #periodString #periods a  {
	color:#520202;
	font-size:15pt;
}
#otherPeriods a{
	 text-decoration:none;
}
#otherPeriods a:hover{
	 text-decoration:underline;
}
#currentPeriod {
	border-bottom:1px dotted #520202;
}
.hoverPeriod {
	cursor: pointer;
	font-weight:bold;
	border-bottom:1px solid #520202;
}


/* OTHER */
#loadingError {
	font-weight:bold;
	font-size: 1.1em;
	color:#F88D22;
	padding:0.5em;
	margin-left:30%;
	display:none;
}
#loadingPiwik {
	font-weight:bold;
	font-size: 1.1em;
	color:#193B6C;
	padding:0.5em;
	margin-left:30%;
}

#miscLinks{
	padding-right:20px;
}

#periodSelection, #periodSelection a {
	color:#8D92AA;
}

#messageToUsers, #messageToUsers a {
	color:red;
	font-size:0.9em;
	text-decoration : none;
	width:100%;
}

.sparkline {
	vertical-align: middle;
	padding-right:10px;
}


#stuff {
	position: absolute;
	margin-left:70%;
	margin-top:10px;
	font-size:0.9em;
	width:20%;
}


/* top right bar */
#loggued {
	float:right;
	text-align:right;
	margin-right: 20px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	border-bottom:1px dotted #E2E3FE;
	border-left:1px dotted #E2E3FE;
}
#loggued form {
	display:inline;
}


#javascriptDisable, #javascriptDisable a {
	font-weight:bold;
	color:#F88D22;
}