/* 
    Document   : main.css
    Created on : 28 november 2006, 17:03
    Author     : Nando de Goeij
    Description:
        Purpose of the stylesheet follows.
*/

#error {
    border: 1px solid red;
    width: 550px;
    padding: 12px;
    margin: 10px;
    background: #fff5f5 url(../images/siteImages/warning.jpg) no-repeat;
}

#error h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px;
    color: red;
}

#warning {
    border: 1px solid blue;
    width: 550px;
    padding: 5px;
    margin: 10px;
    background: #fff5f5 url(../images/siteImages/warning.png) no-repeat;
}

#warning h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 10px;
    color: red;
}

/* 
global tag styles
*/
#html {
    height: 100%;
    margin-bottom: 1px;
}

body {
    margin: 0;
    padding: 0;
    /* overflow: scroll; */
    font-size: 14px;
    color: #000;
    background-color: #ddd;
}

#democontent {
}

#democontentheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}

#democontenttext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
}

#demoheader3{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 0.5cm;
    font-weight: bold;
}

H1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 28px;
}

H2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
}

H3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
}

H4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

H5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#bodycontent {
    position: static;
    float: none;
    /*width: 1000px;*/
    margin-left: auto; 
    margin-right: auto;
    background-color: #E9F1F7;
    
}

#container {
    margin: 0;
    background-color: #FFF;
    background-image:  url(../images/siteImages/background.jpg);
    background-repeat: repeat-y;
}

#banner {
    background-color: #FFFFFF;
}

#banner h1 {
    margin: 0px;
    padding: .5em;
}

#balk div {
    padding-top: 5px;
    padding-right: 5px;
}

#balk div a {
    color: White;
}

#balk {
    margin: 0px;
    margin-top: 0px;
    height: 25px;
    background-image: url(../images/siteImages/bg_header.gif);
    background-repeat: repeat-x;
    border-bottom: 1px solid #FFFFFF;
    text-align: right;
}

#nav {
    display: inline;
    float: left;
    width: 175px;
    background-color: #E9F1F7;
    padding-top: 1em;
    color: #005A9C;
}

#nav p { 
    margin-top: 0;
}

#content {
    padding-top: 1em;
    padding-left: 25px;
    padding-right: 2em;
    margin: 0px 0px 0px 175px;
    background-color: #FFFFFF;
    min-height: 220px;
}

#content h2 { 
    margin-top: 0;
}

#footer {
    position: static;
    clear: both;
    background-image: url(../images/siteImages/bg_header.gif);
    background-repeat: repeat-x;
    height: 30px;
    text-align: right;
    border-top: 1px solid #FFFFFF;
}

#footertext {
    float: right;
    color: #ffffff;
    font-size: 10px;
    padding-top: 6px;
    padding-right: 8px;
}

#footertext a {
    color: #FFFFFF;
}
.ipDiv{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 220px;
    overflow: auto;
}
/* Below are the styles for creating a scrollable table */
body {
    padding-right: 0px;
    padding-left: 0px;
    background: #fff;
    padding-bottom: 0px;
    margin: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    padding-top: 0px;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #005A9C;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #005A9C;
}

a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #203b54;
}

h1 {
    margin: 0px 0px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

h2 {
    margin: 0px 0px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

h3 {
    margin: 0px 0px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #008000;
}

div.tableContainer {
    overflow: auto;
    height: 230px;
    text-align: left;
}

div.smallTableContainer {
    overflow: auto;
    height: 285px;
    text-align: left;
}

.fixedHeader th {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    font-style: inherit;
    background: #E9F1F7;
    text-align: left;
}

.scrollContent td {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-style: inherit;
    text-align: left;
}

#nav-menu ul 
{  
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu ul li {
  position: relative;
  float: left;
  width: 175px;
  height: 23px;
  background-color: #1C6CA7;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  overflow: hidden;
  clear: left;
} 

#nav-menu ul li a, #nav-menu ul li a:link, #nav-menu ul li a:active, #nav-menu ul li a:visited, #nav-menu ul li a:hover {
  display: block;
  text-align: left;
  vertical-align: middle;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-image: url(../images/siteImages/navigbol.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

#nav-menu ul li a:hover {
    color: #1C6CA7; 
    background-color: #FFD96B;
 }

.intellitextLink {
    text-decoration: none;
    border-bottom: green 1px solid;
    padding-bottom: 0px;
    color: green;
    background-color: transparent;
    float: inherit;
    clear: none;
}

.intellitxtTooltip {
    border: none;
    border-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
} 


/* Fix IE. Hide from IE Mac \*/
* html #nav-menu ul li { float: left; height: 1%; }
* html #nav-menu ul li a { height: 1%; }
 
/*------------*/
.containerdiv {
    border: 1px solid #F4F5F9;
    padding: 3px;
    margin-bottom: 5px;
    width: 792px;
    clear: both;
}

.containerdivFloat {
    height: 450px;
    width: 250px; 
    overflow: auto;
    text-align: left;
    float: left;
}

.containerdivBare {
    height: 450px;
    width: 500px; 
    overflow: scroll;
    text-align: left;
    border: 1px solid #F4F5F9; 
    padding-top: 15px;
}

.mdIframe {
    border: 0px none White;
    float: left;
    margin-left: 20px;
}

.mdContainerDiv {
    margin-top: 15px;
    width: 900px;
}

#tableContainer {
    width: 792px;
    float: left;
    clear: left;
}

.serverRij, .serverRijTitel, .transactieRij, .transactieRijTitel{
    clear: left;
}

.serverRijTitel div, .transactieRijTitel div {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    font-style: inherit;
    background: #E9F1F7;
    text-align: left;
    color: #005A9C;
    float: left;
    overflow: hidden;
}

.serverRij div, .transactieRij div {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-style: inherit;
    text-align: left;
    height: 16px;
    float: left;
    overflow: hidden;
}

.serverRij div input {
    margin: 0px;
    padding: 0px;
}

.vakSpeciaal {
    background-color: #E9F1F7;
}
/*Treeview*/
.serviceproviderLabel{
    background-image: url(../images/treeview/map.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 22px;
    float: left;
}
.layerLabel{
    background-image: url(../images/treeview/kaart.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 22px;
    float: left;
}
.layerVink{
    float: left;
    clear: none;
}
.readOnly{
    background-color: #D8D8D8;
}
/*de holder voor de tree*/
#treeContainer {
    height: 500px;
    width: 270px;
    float: left;
    text-align: right;
}

#treeContainerSmall {
    height: 350px;
    width: 270px;
    float: left;
    text-align: right;
}

#treeContainerLarge {
    height: 450px;
    width: 400px;
    float: left;
    text-align: right;
}

#treeContainerWide {
    height: 450px;
    width: 712px;
    float: left;
    text-align: right;
}

#treeContainer input {
    margin-top: 5px;
}
.treeHolder{
    float: left;
    height: 470px;
    width: 270px;
    overflow: auto;
    text-align: left;
}

.treeHolderSmall{
    float: left;
    height: 320px;
    width: 270px;
    overflow: auto;
    text-align: left;
}

.treeHolderLarge{
    float: left;
    height: 450px;
    width: 400px;
    overflow: auto;
    text-align: left;
}

.treeHolderWide{
    float: left;
    height: 450px;
    width: 712px;
    overflow: auto;
    text-align: left;
}

/*flamingo viewer*/
#flashcontent{
    float: left;
}
#tooltips {
    clear: left;
    height: 25px;
}
/*Layer order gedeelte*/
.orderLayerBox{
    overflow: auto;
    height: 100px;
    width: 400px;
    border: 1px solid #F4F5F9;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgb(233,241,247);
}
.orderLayerClass{
    clear: both;
    background-color: rgb(233,241,247);
}
.orderLayerClassSelected{
    clear: both;
    background-color: #bbbbbb;
}
/*map info*/
.mapInfo{
    background-color: #ffffff;
    
}
/*voor de hulp bij het maken van wms request*/
.wmscomponentdiv{
    float: left;
    width: 300px;
    max-height: 350px;
    margin-left: 10px;
}

.listdiv{
    float: left;
    width: 300px;
    height: 300px;
    overflow: auto;
}

#kopImage {
    width: 1000px;
    height: 85px;
    background-image: url(../images/siteImages/kop.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}
.getMapLabel{
    padding: 5px;
    font-weight: bold;
    color: #1C6CA7;
}
.getMapValue{
    padding-left: 5px;
}
.volgordeBox{
    clear: both;
}


/* 
Reporting Styles...
*/
#progressbar {
    position: relative;
    width: 250px;
    height: 14px;
    padding: 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border: 1px solid #000000;
    display: block;
}

#background {
    position: absolute;   
    background-color: #FFF;
    width: 100%;
}

#mask {
    position: absolute;
}

#indicator {
    position: absolute;   
    width: 100%;
    text-align: center;
}

label {
    float: left;    
    width: 300px;
    text-align: right;
    padding-right: 20px;
}

.reportInputField {
    margin-bottom: 10px;
    border: 1px Solid Black;
}

.submit {
    margin: 10px;
}

.infoLabelClass {
    position: absolute;
    display: none;
    background-color: #fff0c5;
    border: 1px solid #005a9c;
    padding: 5px;
}

/* 
Demo voortgang Styles...
*/
.steps {
    clear: both;
    height: 30px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.stepactive {
    float: left;
    width: 120px;
    height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    background-image: url(../images/siteImages/arrow.gif);
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-right: 2px solid #fff;
}

.step {
    float: left;
    width: 120px;
    height: 20px;
    text-align: center;
    padding: 5px;
    color: #006633;
    font-size: 15px;
    font-weight: bold;
    background: #e4edec;
    border-right: 2px solid #fff;
}

.step a {
    color: #006633;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.stepdone {
    float: left;
    width: 120px;
    height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    /* background: #00624B; */
    background: #ccc;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    border-right: 2px solid #fff;
}

.stepempty {
    float: left;
    width: 120px;
    height: 20px;
    text-align: center;
    padding: 5px;
    color: #006633;
    font-size: 15px;
    font-weight: bold;
    background: #e4edec;
    border-right: 2px solid #fff;
}

/* tables */
.scroll {
    /* width: 900px;
    height: 153px; */
    overflow: auto;
    /* font-size: 11px; */
    clear: both;
}
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin: 0px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}