/* tooltip style Ik weet niet op welke wijze hiernaar verwezen wordt, maar het w
erkt*/
a img {
    border: 0;
}

div#tipDiv ul { margin:.5em .4em .5em 1em; padding:0 }
div#tipDiv ul li { margin: 0 0 .4em 1em }

/* Style spec's for tooltip  */
div#tipDiv {
  position:absolute;
  visibility:hidden;
  left:0; top:0;
  z-index:10000;
  background-color: #fafafa;
  border:2px outset #404040;
  width:250px;
  padding:4px;
  color: #000000;
  font-size:12px; line-height:1.3;
}
                
/* div#tipDiv a:link { color:#33b }
div#tipDiv a:visited { color:#339 } */

table.dummy {
        /* border-spacing: 1pt; */
        /* cell-spacing: 1pt; */
        background-color: ghostwhite;
        border: 0px;
        /* padding: 2px; */
	border-width: 0px 0px 0px 0px;
	border-spacing: 1px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
}
table.dummy td {
	border-width: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: white;
}
table {
        background-color: #efeffa;
        border-collapse: collapse;
        /* border-spacing: 1pt; */
        /* cell-spacing: 1pt; */
        font-size: 10pt;
        border: 1px ridge #e0e0e0;
        /* padding: 2px; */
}

table.traffic {
    border: 0px solid #404040;
    border-collapse: collapse;
    border-spacing: 2pt;
    cell-spacing: 2pt;
    background-color: white;
    font-color: red;
font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:black
}
table.traffic tr	{ background-color: #00FF00}
table.traffic tr.Up	{ background-color: #00FF00}
table.traffic tr.Down	{ background-color: red}
table.traffic tr.Warning	{ background-color: #FFA500}
table.traffic tr.Unknown	{ background-color: blue}

table.fancy {
    border: 1px solid #404040;
    border-collapse: collapse;
    border-spacing: 0pt;
	padding: 0px ;
    cell-padding: 0pt;
    /*cell-spacing: 0pt;*/
    background-color: #e0e0e0;
}
table td {
	padding: 0px;
}
table.fancy td {
	padding: 5px;
}

table.fancy tr		{ background-color: #fafafa }
table.fancy tr.even	{ background-color: #fafafa }
table.fancy tr.red	{ background-color: #ffffff }
table.fancy tr.alt	{ background-color: #efeffa }
table.fancy tr.odd	{ background-color: #efeffa }
table.fancy tr.Up	{ background-color: green}
table.fancy tr.Down	{ background-color: red}

table.fancy td, table.fancy th {
    border: 1px ridge #e0e0e0;
    padding: 2px;
}

table.fancy td.form, table.fancy th.form {
    border-left: none;
    border-right: none;
    padding: 2px;
}

table.fancy td.distance {
    text-align: right;
    border-right: none;
}
table.fancy td.unit {
    border-left: none;
    margin-left: 0px;
}

table.fancy th {
    background-color: #d0d0d0;
    color: #404040;
    text-align: left;
    font-weight: bold;
}

table.fancy td.lhalf, table.fancy th.lhalf {
    text-align: right;
	border-right: none;
	padding-right:0;
	margin-right:0;
}

table.fancy td.rhalf, table.fancy th.rhalf {
    text-align: left;
	border-left: none;
	padding-left:0;
	margin-left:0;
}

table.body {
	width: 92%;
    border: 2px solid #003366;
	border-color: #003366;
    border-collapse: collapse;
    border-spacing: 11pt;
    background-color: #fffffe;
	margin-left: 4%;
	margin-right: 4%;
}
table.body td {
	padding: 1px;
}
table.body tr.foot	{ background-color: #003366}

body {font-family: trebuchet ms,verdana,sans-serif;text-decoration:none;;
      margin-left: 2%; margin-right: 2%;
      font-size: 12px;
      background-color: #FFFFFE;
      background-color: #636363;
	  background-image: url(images/bg.png);
      color: black;
}

/* td { border: 1px ridge #e0e0e0;} */
td { border: 1px ridge #e0e0e0;}

/* caption van tabel, dan begrijpen we het wel */
th { background-color: #d0d0d0;
     border: 1px ridge #e0e0e0;
}

/* Our "normal" link colours. */
a:link 		{ color: #101080 }
a:visited	{ color: #801080 }
a:hover		{ color: #ff6600; }
a.boring:link 		{ color: #000000 }
a.boring:visited	{ color: #000000 }
a.boring:hover		{ color: #000000; }


/* Button styles */

input[type="submit"], input[type="reset"], input[type="button"],
span.button, a.button, a.button:link, a.button:visited {
    border: 1px solid #404040;
    font-weight: bold;
    background-color: #d0d0d0;
    color: #404040;
    font-family: 'Bitstream Vera Sans',Verdana,sans-serif;
    font-size: smaller;
    text-decoration:none;
}
span.button, a.button {
    padding-left: 2px;
    padding-right: 2px;
}
span.button { color: #f0f0f0 }

input[type="submit"]:hover, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
a.button:hover, a.button:focus {
    border: 1px solid #404040;
    font-weight: bold;
    background-color: #ff6600;
    color: white;
}

/* Input styles */
input[type="text"], input[type="password"] {
    border: 1px solid #404040;
}
input[type="text"], input[type="password"], select {
    background-color: #f0f0f0;
    color: #404040;
    font-family: 'Bitstream Vera Sans',Verdana,sans-serif;
}
input[type="text"]:focus, input[type="password"]:focus {
    background-color: white;
    color: black;
}
input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover, input[type="password"]:focus {
    border: 1px solid #ff6600;
}
option {
    font-family: 'Bitstream Vera Sans',Verdana,sans-serif;
	font-size: 11px;
}


table.heading {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
    border: 2px solid #003366;
    border-collapse: collapse;
    background-color: #fffffe;
         border-spacing: 0pt;
        /* cell-spacing: 1pt; */
        background-color: #003366;
        font-color: white;
        padding: 0px;
	font-size: 10pt;
    a:link      { color: white font-size: 10px }
    a:visited   { color: white font-size: 10px}
    a:hover     { color: white; }
    a.boring:link       { color: white }
    a.boring:visited    { color: white }
}
table.heading tr    { background-color: #003366}
a.red:visited {color: #FF0000}
a.red {color: #FF0000}
a.white:visited {color: white; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
a.white {color: white; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
a.white {font-size: 10pt; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
a.white:link { color: white text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

#bodydiv {
	position:relative;
	margin-left: 1%;
	margin-right: 1%;
	width:98%;
	height:95%;
	background:#FFFFFF;
	background-color: #FFFFFE;
	a.nice:visited {color:#666666;text-decoration:none;font-weight: bold}
	a.nice:link {color:#666666;text-decoration:none;font-weight: bold;}
	font-size: 11pt;
	font:12px 'Verdana', Arial, Helvetica, sans-serif;background:#FFFFFE;
	padding-bottom: 0px;
}
.roundcont {
        margin-left: 250px;
        width: 550px;
        background-color: #f90;
        color: #fff;
}

.roundcont table {
        margin: 0 10px;
}

.roundcont p {
        margin: 0 10px;
}

.roundtop { 
        background: url(/images/tr.gif) no-repeat top right; 
}

.roundbottom {
        background: url(/images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.roundcont100 {
        width: 100%;
        background-color: #f90;
        color: #fff;
}

.roundcont100 p {
        margin: 0 10px;
}

div.success, div.notice, div.warnings, div.error {
margin-top: 0.3em;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
border-top-width: 2px;
border-right-width-value: 2px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 2px;
border-left-width-value: 2px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
background-repeat: no-repeat;
background-position: 10px 50%;
padding-top: 0.1em;
padding-right: 0.1em;
padding-bottom: 0.1em;
padding-left: 36px;
}

h1.success, div.success {
border-top-color: #00ff00;
border-right-color-value: #00ff00;
border-bottom-color: #00ff00;
border-left-color-value: #00ff00;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
background-image: url(images/s_success.png);
}

p.warnings, h1.warnings, div.warnings 
{
border-top-color: #cc0000;
border-right-color-value: #cc0000;
border-bottom-color: #cc0000;
border-left-color-value: #cc0000;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
background-image: url(images/s_warn.png);
}

h1.notice, div.notice 
{
border-top-color: #ffd700;
border-right-color-value: #ffd700;
border-bottom-color: #ffd700;
border-left-color-value: #ffd700;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
background-image: url(images/s_notice.png);
}