body {
	background:url(../images/background_1px.gif);
	background-attachment:fixed;
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	overflow: -moz-scrollbars-vertical;
}

a:link, a:hover, a:visited {
	color:#39393b;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}


html, body, #maincontainer {
	min-height: 100%;
	width: 100%;
	height: 100%;
	min-width:100%;
	
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #maincontainer {
	height: auto;
}

#maincontainer {
 	background:url(/images/leftmenu_bottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:100%;
	position:absolute;
}

#maincontainerbackground {
 	background:url(/images/leftmenu_background.gif);
	background-position:bottom left;
	background-repeat:repeat-y;
	position: absolute;
	top: 0;
    left: 0;
	height:100%;
	width:100%;
}

#icsmain {
	position: relative;
	margin-left:230px;
	margin-right:30px;
	overflow:hidden;
}

#content {
	position: relative;
	margin-top:60px;

}


#loading {
	visibility:hidden;
	position:absolute;
	right:5px;
	top:64px;
	font-size:11px;
	color:#333333;	
}

table .last
{
	text-align:right;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

input {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

hr {
	height:1px;	
}

select {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}	

.leftmenu {
	position: absolute;
	width: 211px;
	left: 0px;
	top: 0px;
	height:auto;
}

.leftmenu .bottom {
	position:relative;
	background:url(../images/leftmenu_bottomrounded.gif);
	background-repeat:no-repeat;
	background-position:top right;
	height:10px;
}

.leftmenu .menuholder {
	background:url(../images/menu_background_1px.gif);
	background-position:top;
	height:auto;
}

.leftmenu .menu {
	padding-top:5px;
	margin-left:7px;
	padding-bottom:8px;
	height:auto;

}

.period {
	position: relative;
	color:#4B535B;
}
.period .left {
	position: absolute;
	width:50px;
	text-align: right;
	height: 20px;
	left:0px;
	top:6px;
}

.period .right {
	position: absolute;
	width:130px;
	left: 55px;
	height: 20px;
	vertical-align:middle;	
}

.period .middle 
{
	position: relative;
	text-align: left;
	height: 25px;
}

.period .spacer 
{
	position: relative;
	text-align: left;
	height: 10px;
}


.period .contentblock 
{
	position: relative;
	text-align: left;
	display:none;
}

.period .title 
{
	margin-top:5px;
	margin-left:5px;
	margin-bottom:6px;
	position: relative;
	text-align: left;
	font-weight:bold;
}


.period #interval {
	width: 71px;
}

.period .change {
	position: relative;
	left: 55px;
	height: 20px;
	top:5px;
	vertical-align:middle;	
}


#period {
	width:135px;
}

#userheader {
	position: absolute;
	text-align:right;
	right:15px;
	top:13px;
	font-size:11px;
	color:#7DA7D7;
}

#messageheader {
	position: absolute;
	text-align:right;
	right:15px;
	top:65px;
	font-size:11px;
	color:#0c0c0c;
	cursor:pointer;
}

#menuheader {
	position: relative;
	background-image:url(../images/header_background.gif);
	background-position:right;
	background-repeat:no-repeat;
	right:0px;
	top:28px;
}

#menuheader #websiteselectbox {
	position: absolute;
	top:6px;
	left: 25px;
	width:370px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#686868;
	border: #CCCCCC solid 1px;
	padding-left:10px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
	white-space:nowrap;
}

#menuheader #websiteselectbox #button {
	position: absolute;
	right:4px;
	top:6px;
}

#menuheader #zoeken #websitezoekbox  {
	position: absolute;
	top:6px;
	left:430px;
	width:200px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#686868;
	cursor:pointer;
	white-space:nowrap;
}

#menuheader #zoeken #websitezoekbox #titel {
	position:relative;
	margin:2px 5px 0px 0px;
	display:block;
	float:left;
}

#menuheader #zoeken #websitezoekbox #zoekbox {
	position: absolute;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#686868;
	padding-left:10px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	border: #CCCCCC solid 1px;
	white-space:nowrap;
}

#menuheader #zoeken #button {
	position: absolute;
	left:685px;
	top:12px;
	cursor:pointer;
}

#optioncontainer {
	background:#FFFFFF;
	border:#CCCCCC solid 1px;
	width:386px;
	left:25px;
	top:55px;
	height:180px;
	position:absolute;
	display:none;
	overflow:auto;
}

#optioncontainer .over{
	background:#d2d9e2;
	cursor:pointer;
}

#optioncontainer .label {
	text-align:left;
	vertical-align:middle;
	color:#686868;
	font-size:12px;
}

#menuheader #right {
	position:absolute;
	right:10px;
	margin:4px;
	
}

.flashchart 
{
	padding-bottom:3px;
	text-align:center;
}

.flashchart2 {
}

h1 {
	padding-top:4px;
	margin:0px;
    font:bold 13pt Tahoma;
    color:#58575b;
}

h2 {
	position:relative;
	background:url(../images/report_header.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:4px;
	margin:0px;
	height:20px;
	width:200px;
    font:bold 10pt Tahoma;
    color:#58575b;
}

h5 {
	font: bold 11pt Tahoma;
	color:#58575b;
	margin-bottom:2px;
}

h6 {
	font: bold 10pt Tahoma;
	color:#333333;
	margin:0px;
}

h4 {
	font: 8pt Tahoma;
	color:#111111;
	margin:0px;
	margin-top:3px;

}

.reportcontainer {
	position:relative;
	top:0px;
	background:#FFFFFF;
}

.reportcontent {
	padding:10px;
}

.t {background: url(/images/report_t.gif) 0 0 repeat-x; }
.b {background: url(/images/report_b.gif) 0 100% repeat-x}
.l {background: url(/images/report_l.gif) 0 0 repeat-y}
.r {background: url(/images/report_r.gif) 100% 0 repeat-y}
.bl {background: url(/images/report_bl.gif) 0 100% no-repeat}
.br {background: url(/images/report_br.gif) 100% 100% no-repeat}
.tl {background: url(/images/report_tl.gif) 0 0 no-repeat}
.tr {background: url(/images/report_tr.gif) 100% 0 no-repeat; padding:10px} 


.login, .wachtwoordvergeten {
	background-color:#FFFFFF;
	position: absolute;
	margin-top:-160px;	
	top: 50%;
	width:100%;
	height:245px;
}

.wachtwoordvergeten 
{
	height:295px;
}

.wachtwoordvergeten .uitleg 
{
	position: absolute;
	margin-top:3px;
	color:#1b3f9a;
	width:250px;
}

.wachtwoordvergeten .form 
{
	position:absolute;
	margin-top:90px;
}

.login .loginbox, .wachtwoordvergeten .box {
	top:30px;
	background-color:#f7f7f7;
	left:50%;
	margin-left:-50px;
	position:absolute;
	border: 1px solid #b0b6bb;
	padding:14px;
	padding-top:20px;
	width:250px;
	height:153px;
}

.wachtwoordvergeten .box 
{
	height:200px;
}

.login .logo, .wachtwoordvergeten .logo {
	position:absolute;
	left:50%;
	margin-left:-410px;
	top:40px;
	width:330px;
}

.login .header {
	border: 1px solid #b0b6bb;
	padding:1px;
	position:absolute;
	top:21px;
	left:50%;
	margin-left:-40px;
	color:#1b3f9a;
	background-color:#FFFFFF;
	width:50px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.login .field1, .wachtwoordvergeten .field1 {
	position:absolute;
	margin-top:3px;
	color:#1b3f9a;
}

.wachtwoordvergeten .field1, .wachtwoordvergeten .field2 
{
	width:100px;
}

.login .input1, .wachtwoordvergeten .input1 {
	position: absolute;
	left:120px;
	width:130px;
}
.login .field2 {
	position:absolute;
	color:#1b3f9a;
	top:60px;
}

.wachtwoordvergeten .field2 {
	position:absolute;
	color:#1b3f9a;
	top:40px;
}

.login .input2 {
	position: absolute;
	top:57px;
	left:120px;
	width:130px;
}
 .wachtwoordvergeten .input2 {
	position: absolute;
	top:35px;
	left:120px;
	width:130px;
}
.login .submit, .wachtwoordvergeten .submit {
	position: absolute;
	top: 90px;
	left:179px;
	width:76px;
}
.login .forgotten_link {
	position:absolute;
	color:#1b3f9a;
	top:130px;
	left:136px;
}
.login .checkbox {
	position: absolute;
	top: 90px;
	color:#1b3f9a;
}

.login .loginError {
	position: absolute;
	color: #990000;
	top:123px;
	left:40px;
}

.spanlink {
	cursor:pointer;
}

.infobox .spanlink 
{
	text-decoration:underline;
	cursor:pointer;
}

.radioboxcontainer {
	margin-left:20px;
}

.popupcontainer {
	padding:7px;
}

.infobox {
	border:#d1d2d4 1px solid;
	background-color:#eeefef;
	color:#3f3f3f;
	padding:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:auto;
	position:relative;
}

.infobox .name 
{
	float:left;
	clear:left;
	position:relative;
	width:100px;
	height:25px;
	padding-top:2px;
}

.infobox .value 
{
	float:left;
	position:relative;
	width:200px;
	height:25px;
}

.infobox a
{
	color:#f79622;
	text-decoration:underline;
}

.codefield {
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	font-family:"Courier New", Courier, monospace;		
}
.codefield .indicator {
	color:#990000;
}

.examples {
	display:none; 
}

.blockedIpAdresses {
	width:200px;
}


.redmessage {
	color:#990000;
}

#IcstatsCodeNoPageviews {
	display:none;
}

.helpdiv {
	margin:12px;
}

.footer {
	font-size:11px;
}

/* Forms */
input {
	font-size: 11px;
	vertical-align: middle;
}
