﻿body 
{
	background-color: #DDF0FF;
	margin: 0px;
	padding:0px;
	font-family: Helvetica;
	font-size:11px;
	text-align:right;
	color: #666666;
}
img, div, td { behavior: url(../js/iepngfix.htc) }

td
{
	font-family: Helvetica;
	font-size:11px;
	color: #666666;
}
/* HEADER Sheets ************************************************/
h1  /*blauw, groot */
{
	font-size: 46px;
	color: #0192C5;
	display: inline;
}

h2  /*oranje, middelgroot */
{
	font-size: 30px;
	display: inline;
	color: #F5A522;
}
h3 /*blauw, middelgroot */
{
	font-size: 26px;
	color: #0192C5;
	display: inline;
}

h4 /*blauw, klein */
{
	font-size: 18px;
	color: #0192C5;
	display: inline;
}
h5 /*oranje, klein */
{
	font-size: 18px;
	color: #F5A522;
	display: inline;
}
h6 /*wit, middelgroot */
{
	font-size: 22px;
	color: #FFFFFF;
	display: inline;
}

/* TD Sheets ************************************************/
.spaceLeft
{
	border: 0px;
	border-right: solid #BDE2FD 1px;
}
.spaceRight
{
	border: 0px;
	background-image: url(../img/borderRight.png);
	background-position: left top;
	background-repeat:repeat-y;
}
.spaceBottom
{
	border: 0px;
	background-image: url(../img/borderBottom.png);
	background-position: left top;
	background-repeat:repeat-x;
	height: 4px;
}
.mainFrame
{
	background-image: url(../img/mainbackground.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #99D9EF;
	border: solid 7px white;
	border-top: solid 0px;
	margin: 0px;
	padding:0px;
}
.leftGradient
{
	border: 0px;
	background-image: url(../img/leftGradient.jpg);
	background-position: left bottom;
	background-repeat:repeat-x;
	background-color:White;
}

.topMenuBack
{
	background-image: url(../img/topMenuBack.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin: 0px;
	padding-right:5px;
	color: white;
	font-family: Helvetica;
	font-size:11px;
	text-align:right;
}
.contentFrame
{
	 background-image: url(../img/contentFrameBack.png);
	 background-repeat:repeat-x; 
	 background-position:top; 
	 border: 3px solid white;
	 border-top: 0px; 
	 background-color: #DAF5FF; 
	 padding:9px;  
	 padding-top:15px;
	 text-align:left;
}
.contentFramePdf
{
	 border-top: 0px; 
	 padding:9px;  
	 padding-top:15px;
}


.weathermapHeaders
{
	color: #019CCE;
	font-weight:bold;
	font-size:12px;
}
.weathermapContent
{
	color: #FFFFFF;
	font-weight:bold;
	height: 20px;
	font-size:12px;
}
.weatherMap
{
	width:		297px;
	heigth:		196px;
	background-image: url(../img/weathermapBack.png);
	
}
/* LINK Sheets ************************************************/
a
{
	text-decoration: none;
	font-family: Helvetica;
	color: #F5A522;
}

a.largeLink
{
	font-size: 15px;
}

a:hover
{
	text-decoration:underline;
}

.smallWhite
{
	font-family: Helvetica;
	font-size:9px;
	color: White;
}
.marketingFacts
{
	font-family: Helvetica;
	font-size:11px;
	font-weight:bold;
	color: 00CCFF;
}
.marketingFacts:hover
{
	 color: #00CCFF;
	 text-decoration:underline;
}

.topMenuLink
{
	color: White;
	margin-left:5px;
	margin-right:5px;
}
/* INPUT ************************************************/
.loginInputBox, .loginInputBoxPwd
{
	border: 0px;
	background-image: url(../img/loginInputBack.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size: 10px;
	padding-left: 5px;
	color: #999999;
	width: 143;
}
.loginInputBoxPwd
{
	background-image: url(../img/loginInputBackPwd.gif);
}

ul
{ 
	padding-left:0px;
	text-indent: 0px;
	margin-left:20px;
	margin-top:5px;
	text-align:left;
	
	color: #40D9FF;
}
.briefingUL
{
	font-size: 12px;
	color: #F5A522;
	font-weight: bold;
}
li
{
	margin:5px;
	display:inline-block;
	vertical-align:text-top;
}

/* FORGOT PASSWORD DIALOG ************************************************/
.dialog
{
	position:absolute;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	top: 0;
	left: 0;
}
.dialogBody
{
	border-left:solid 1px #69bedf;
	border-right:solid 1px #69bedf;
	border-bottom:solid 1px #69bedf;
	background-color: #EAF7FF;
	/*padding:4px;*/
}

/* COLLAPSE PANEL ************************************************/
.collapse
{
	width: 250px;
	height: 0px;
	background-color: White;
	overflow: hidden;
}
