html, body
{
	height: 100%;
	width: 100%;
}

body
{ 
	margin: 0px;	
	background-repeat:repeat-x; 
	background-image: url('../../Layout/Images/background.gif');	/* background-image:url('~/Layout/Images/background.gif');*/
	background-color: White;			/* Mlim b4: #3a3a3a; */
	font-family: Trebuchet MS;
	color: #3a3a3a;						/* Mlim b4: #3a3a3a; */
	/* font-size: 8pt;	*/
}

form
{
	height: 100%;
}

#container  
{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	table-layout: fixed;
}

tr
{
	height: 13px;
}

tr#topBar
{
	height: 82px;			/*  82px; */
}

tr#topBar td
{
	vertical-align: top;
	height: 82px;
}

tr#topBar td div
{
	background-color: #333659;
	height: 4px;
	margin: 0px 0px 27px 0px;
	padding: 0px;
	font-size: 1px;
}

td#logoContainer
{
	width: 450px;
	padding: 0px;
	height: 82px;
	background: url("../Layout/Images/borderLogoBar.gif") left 0px;		/* 	background: url("../Layout/Images/borderLogoBar.gif") no-repeat left 0px; */
	background-color: white;
	border-left: 1px;													/* Maak kade rondom de logoContainer */ 
	border-left-style: solid;
}

td#logoContainer div
{
	width: 450px;
}

td#websiteName
{
	width: 552px;
	color:  #000099;			/*Orange;*/
	Font-Size: 25px;
	height: 82px;	
	background-color: white;	/* white; */
	text-align: center;
	border-right: 1px;
	border-right-style: solid;
}


#contentBar td
{
	vertical-align: top;
}

td#leftContentContainer
{
	background-color: White;			/* Mlim b4: White | #FFFFCC*/
	padding-top: 0px;					/* Mlim b4: 17px */
	padding-bottom: 17px;				/* Mlim b4: 17px */
	font-size: 8pt;
	height: 680px;						/* Mlim extra toevoegen */
	border-left: 1px;					/* Maak kade rondom de ContentBody */
	border-right: 1px;
	border-top: 1px;
	border-right-style: solid;
	border-left-style: solid;
}

#footer td
{
	height: 26px;
	background-color: #333659;			/* Mlim b4: #333659; */
	font-size: 1px;
}

#footer td div				
{								
	background-color: #333659;			/* Mlim b4: #333659; */
	height: 26px;				
	color: red;				
}								


tr#footer td#payOff
{
	background: url("../Layout/Images/borderBottom.gif") left top; /* background: url("../Layout/Images/borderBottom.gif") no-repeat left top; */
	background-color: #333659;			/* Mlim b4: #333659; */
}

th
{
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #CDD7DC;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-size: 11px; 
	font-family: Verdana;
}

td
{
	vertical-align: middle;
	border: 0px;
}

tr .gridview-row th
{
	padding-left: 5px;
	padding-right: 5px;
}
tr .gridview-row td
{
	padding-left: 5px;
	padding-right: 5px;
}
tr .gridview-row td span
{
	padding-left: 0px;
	padding-right: 0px;
}
tr .gridview-pager td
{
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 15px;
}
tr .gridview-pager td span
{
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
}
tr.multiline td
{
	padding-top: 1px;
	padding-bottom: 3px;
	vertical-align: top;
	line-height: 18px;
}
tr.multiline-multigv td
{
	padding-top: 1px;
	padding-bottom: 3px;
	vertical-align: top;
	line-height: 18px;
}
tr.multiline-multigv td.checkbox-col
{
	padding-top: 4px;
	padding-bottom: 0px;
}
tr.multiline-multigv td.checkbox-col input
{
	margin: 0px;
	height: 13px;
}
tr .with-border td
{
	border: 1px;
	border-color: GrayText;
}
tr .with-border th
{
	border-color: GrayText;
}

.padding
{
	padding-left: 5px;
	padding-right: 5px;
}
.largepadding
{
	padding-left: 10px;
	padding-right: 10px;
}
.bigrightpadding
{
	padding-right: 15px;
}
.alignleft
{
	text-align: left;
}
.alignright
{
	text-align: right;
}
.aligncenter
{
	text-align: center;
}
.detailsviewheader
{
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 11px;
	background-color: #CDD7DC;
	height: 25px;
}
.dvheadersmallerheight
{
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 11px;
	background-color: #CDD7DC;
	height: 15px;
}
.commandrow
{
	height: 25px;
	padding-bottom: 3px;
}
a.ArrowsLinkButton
{
	color: Blue;
	text-decoration: none;
}
a.ArrowsLinkButton:hover
{
	text-decoration: underline;
}
.tblHeader
{
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #CDD7DC;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	border-bottom: 1px Black;
}
.PanelCollapsible
{
    background-color: #AAB9C2;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top:1px solid black;
    font-weight: bold;
    height: 30px;
}
.PanelCollapsibleNoTopborder
{
    background-color: #AAB9C2;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-weight: bold;
    height: 30px;
}
.PanelCollapsibleBottom
{
    background-color: #AAB9C2;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top:1px solid black;
    border-bottom: 1px solid black;
    font-weight: bold;
    height: 30px;
}
.divPanelCollapsible
{
	padding: 6px;
}
.TabArea
{
    background-color: White;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top:1px solid black;
    z-index: 1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    vertical-align: top;
}
.TabAreaTop
{
    background-color: White;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom:1px solid black;
    z-index: 1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    vertical-align: top;
}