﻿html, body { height: 100%; } 
html	{ overflow: -moz-scrollbars-vertical; }
body	{ margin:0px; color:#707173; font-family:Arial;	font-size:12px; }
a, a:hover, a:active { color:#006ab3;}

div.container		{ width:954px; margin:0 auto; }
div.outer			{ margin:0; padding:0; float:left; width:964px; display:block; position:relative; }
div.leftall			{ float:left; width:153px; display:block; }
div.contentall		{ float:left; width:799px; display:inline; }
div.macplace		{ float:left; width:380px; height:76px; }
div.merchantplace	{ float:left; width:419px; height:76px; }
div.mainnav			{ float:left; width:799px; }
div.contenttop		{ float:left; width:799px; height:32px; display:block; background-image: url(../images/content_top.gif); }
div.contentmain		{ float:left; width:749px; min-height:250px; padding: 15px 25px 15px 25px; background-image: url(../images/content_bg.gif);
					  background-repeat:repeat-y; display:block; }
div.contentbottom	{ float:left; display:block; width:799px; height:162px; background-image: url(../images/content_bottom.jpg); background-position:0 -1px;  }
div.leftlogobox		{ display:inline; width:155px; float:left; height:120px; }
div.leftmenubox		{ float:left; width:155px; display:block; }
div.leftbottombox
{
	position:absolute;
	background-position: 0 0;
	bottom:0px;
	left:-2px;
	display:block;
	width:155px;
	height:208px;
	background-image: url(../images/img_left_woman.jpg);
}
div.merchantline	{ width:349px;text-align:right;float:right; }
span.count { font-size:8px; color:Black;}
div.balance  
{
			float:left;
			 display:inline;
             padding: 2px 5px 2px 5px;
             margin-bottom:10px;
             margin-top:0px;
             font-weight:bold;
             background-color:#eee;
             border:solid 1px #707173; }

img.maclogo
{
	margin:0;
	margin-top:30px;	
}
img.logoprintercom
{
	margin-top:30px;
	margin-left:14px;	
}

ul.nomargin, ol.nomargin
{
	margin-top:0;
	margin-bottom:0;
}

ul.navigationsub
{
	list-style: none;
	width:155px;
	float:left;
	margin:0;
	padding:0;	
}
ul.navigationsub li
{
	width:150px;
	height:43px;
	float:left;
	border-top:solid 1px #cfcac8;	
}
ul.navigationsub li div
{
	width:18px;
	height:18px;
	float:left;
	margin:12px 7px 13px 5px;
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0 -18px;
}
ul.navigationsub li div.active{	background-position: 0 0; }
ul.navigationsub li a { font-family:Arial;
                        font-size:12px;
                        color:#707173;
                        text-decoration:none;
                        margin-top:14px;
                        display:block;
                        float:left;
                        }
                       
ul.navigationsub li a.active { color:#006ab3; }
ul.navigation
{
	list-style: none;
	width:799px;
	float:left;
	margin:0px;
	margin-left:5px;
	padding:0px;
}
ul.navigation li
{
	width:88px;
	float:left;
	padding: 0 5px 0 0;	
}
ul.navigation li.spacer
{
	width:40px;	
	display:block;
}
ul.navigation li a.tab
{
	height:34px;
	width:88px;
	float:left;
	background-position:0 -34px;
	background-repeat:no-repeat;
	overflow:hidden;
}
ul.navigation li a:hover, ul.navigation li a.activetab
{
	background-position:0 0;
}
h1
{
	font-size:16px;
	color:#006ab3;	
	margin:7px 0 0 15px;
}
h2
{
	font-size:16px;
	color:#006ab3;	
	margin:0 0 10px 0;
}
a.closehelp
{
	text-decoration:none;
	color:#707173;
}
div.blackout
{
    /*}*/
    top:0;
    left:0;
    position: fixed;    
    _position: absolute;
    width: 100%;
    height:1800px;
    background-color: Black;
    opacity: 0.8;
    filter:alpha(opacity=80);
    visibility:hidden;
}
div.overlay_help {
    position: fixed;    
    _position: absolute;
    border: 1px solid #EEEEEE;
    background-color: White;
    top: 20%;
    margin-top: -100px;
    left: 50%;
    margin-left: -260px;
    padding: 5px;
    width: 520px;
    visibility:hidden;
}
div.helpleft
{
	float:left;
	display:block;
    width: 100px;
}
div.helpright
{
	float:right;
}
div.helpcontent
{
	clear:both;
	padding:5px;
	margin:5px;
	float:left;
    width: 500px;
	display:block;
	border-top:solid 1px #cfcac8;
	height: 400px;
  	overflow:auto;
}
div.inputform div
{
	height:25px;
	float:left;	
	width:500px;
	display:block;
}
div.inputform div label
{
	float:left;
	width:180px;
	display:block;	
}
div.inputform .sized
{
	border:solid 1px #707173;
	width:250px;	
	color:#606163;
}
div.inputform .shortsized
{
	border:solid 1px #707173;
	width:100px;	
	color:#606163;
	text-align:right;
}
div.tableheader
{
	background-color:#909193;
	padding-top:2px;
	padding-right:3px;
	color:White;
	float:left;
	width:749px;
	height:18px;
	display:block;
	font-weight:bold;
	margin-bottom:0px;
}
span.description
{
	width:520px;
	margin:0 8px 0 8px;
	float:left;
	display:block;
	text-align:left;
}
span.numberofclicks,span.avgcostsclick,span.totalcosts
{
	width:120px;
	display:block;
	float:left;
	text-align:right;
}
span.date, span.debet, span.credit
{
	width:70px;
	display:block;
	float:left;
	text-align:right;
}
div.tablerow
{
	float:left;
	width:749px;
	display:block;
	line-height: 20px;
	border-top:solid 1px #ccc; 	
}
div.tableheader span.productnr, 
div.tablerow span.productnr			{ float:left; display:block;width:110px; }
div.tableheader span.productdesc, 
div.tablerow span.productdesc		{ float:left; display:block; width:377px; }
div.tableheader span.brand,
div.tablerow span.brand				{ margin-left:8px; float:left; display:block;width:85px; }
div.tableheader span.brand2,
div.tablerow span.brand2				{ float:left; display:block;width:85px; }
div.tableheader span.typelink,
div.tablerow span.typelink				{ margin-left:8px; float:left; display:block;width:80px; }
div.tableheader span.cpcprijsvan, 
div.tableheader span.cpcprijstot, 
div.tableheader span.cpccpc,
div.tablerow span.cpcprijsvan, 
div.tablerow span.cpcprijstot, 
div.tablerow span.cpccpc			{ width:130px; float:left; text-align:right;}
div.tablerow span.priceinc,div.tablerow span.priceex, 
div.tableheader span.priceinc,div.tableheader span.priceex
{ width:65px; float:left; text-align:right;}
div.tablerow span.eancode, div.tableheader span.eancode { display:block; float:left; width:100px; }
div.tablerow span.title, div.tableheader span.title { display:block; float:left; width:230px; overflow:hidden; height:21px;  }
div.tableheader span.productnr2, 
div.tablerow span.productnr2	{ float:left; display:block;width:230px; }
div.tablerow span.eancode2, 
div.tableheader span.eancode2	{ display:block; float:left; width:210px; }
div.tableheader span.feedurl, div.tablerow span.feedurl		  { display:block; float:left; width:375px; overflow:hidden;}
div.tableheader span.feedlinked, div.tablerow span.feedlinked {display:block; float:left; width:71px; }
div.tableheader span.feedunlinked, div.tablerow span.feedunlinked {display:block; float:left; width:90px; }
div.tableheader span.feedactive, div.tablerow span.feedactive { display:block; float:left; width:46px; }
div.tableheader span.feedread, div.tablerow span.feedread {display:block; float:left; width:120px; }

div.searchbox {float:left;width:320px;}
div.searchrow {float:left;width:320px;}
div.searchlabel {float:left;width:100px;}
div.searchinput {float:left;width:220px;}
div.searchbutton {float:right;width:120px;}

a.btn_120	{ width:120px; height:25px; display:block; margin:0; padding:0; }
a.btn_194	{ width:194px; height:25px; display:block; margin:0; padding:0; }
a.btn_62	{ width:62px; height:25px; display:block; margin:0; padding:0; }
a.icon      { width:20px; height:20px; display:block; margin:0; padding:0; }
a.icon_show { background-image: url(../images/icon_show.gif); }
a.icon_clink { background-image: url(../images/icon_clink.gif); }
a.icon_search{ background-image: url(../images/icon_search.gif); }
a.icon_filter{ background-image: url(../images/icon_filter.gif); }
a.icon_remove{ background-image: url(../images/icon_remove.gif); }
a.icon_unlink { background-image: url(../images/icon_unlink.gif); }
a.icon_link  { background-image: url(../images/icon_link.gif); }
a.icon_read  { background-image: url(../images/icon_read.gif); }

ul.legenda
{
	list-style: none;
	width:700px;
	float:left;
	margin:0px;
	margin-left:5px;
	padding:0px;
	margin-top:30px;
}
ul.legenda li
{
	float:left;	
	margin-left:10px;
	margin-right:10px;
}
ul.legenda li span
{
	float:left;
	margin-top:2px;
}
ul.legenda li a {float:left;}
