/*===============================================
		Base page layout
===============================================*/

body {
  margin: 0;
  padding: 0;
  background-color: #F5F5F5;
  text-align: center;
	
  font-family: Verdana, sans-serif;
}

div#wrapper {
  margin: 0 auto;
  padding: 0;
  width: 780px;
  text-align: left;
}

/* -------- Banner --------- */
div#banner {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #F90;
  padding: 0;
  height: 70px;
}

div#banner img {
  margin-top: 5px;
}

img#subbanner {
  margin: 0;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}



/* --------- Main ---------- */
div#main {
  margin: 0.5em 0 0 0;
  border: 0;
  padding: 0;
}

div.column {
  margin: 0 0 0 15px;
  width: 175px;
  float: right;
}

div#content {
  margin: 0 190px 0 0;
  background-position: 10px 35px;
  background-repeat: no-repeat;
}

div.halfcontent {
  width: 250px;
  float: left;
}



/* -------- Footer --------- */
div#footer {
  margin: 0 0 2em 0;
  border-top: 1px solid #F90;
  padding: 0;
  clear: both;
}

div#footer p {
  margin: 0;

  text-align: right;
  font-size: 0.6em;
  color: gray;
}

div#footer p span#footer_tools {
  float: left;
  margin-top: 3px;
}

span#footer_tools img {
  cursor: pointer;
}



/*===============================================
		   Navigation
===============================================*/

ul#nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  font-size: 1.3em;
}

ul#nav li {
  float: left;
  width: 110px;
}

ul#nav a {
  margin: 0;
  padding-top: 25px;
  border-bottom: 0;
  
  display: block;
  width: 110px;
  height: 42px;
  
  font-family: Verdana;
  font-weight: bold;
  color: #F90;
  text-decoration: none;
  text-align: center;
}

ul#nav a.active {
  border-bottom: 3px solid #1052AD;
  color: #1052AD;
}

ul#nav a:hover {
  border-bottom: 3px solid #F90;
  color: #F90;
}



/*===============================================
		Main Content
===============================================*/

/* -------- Headers -------- */
h1 {
  margin: 0;
  border-bottom: 1px solid #F90;
  padding: 0 0 0.2em 0;
  
  color: #1052AD;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
}

h2 {
  margin: 1.2em 0 0 0;
  padding: 0;
  
  font-family: Verdana, sans-serif;
  font-size: 0.9em;
  color: #1052AD;
}
div.column h2 {
  margin: 0;
  border-bottom: 1px solid #F90;
  padding: 0 0 0.2em 0;
  
  color: #1052AD;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
}

div.column h1.extraheader,
div.column h2.extraheader {
  margin-top: 1.5em;
}

h3 {
  margin: 1.2em 0 0.4em 0;
  padding: 0;
  
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #1052AD;
}


/* --------- Text --------- */
p {
  margin: 1em 0;
  padding: 0;
  
  font-size: 0.75em;
  
  text-align: justify;
  line-height: 185%;
}

p.small {
  font-family: Verdana, sans-serif;
  font-size: 0.65em;
  color: #8A8A8A;
}

div.column p {
  font-size: 0.75em;
  text-align: left;
}

p.centered {
  text-align: center;
}

dfn {
  text-decoration: none;
  border-bottom: 1px dotted black;
  cursor: help;
  font-style: normal;
}

/* --------- Links --------- */
a {
  padding-bottom: 0.1em;
  border-bottom: 1px solid #CC6600;
  
  font-family: Verdana;
  text-decoration: none;
  color: #CC6600;
}

a:hover {
  border-bottom: 1px solid #F90;
  color: #F90;
}

a.noborder,
a.noborder:hover {
  border: 0;
}

img.pointer,
a.nohref {
  cursor: pointer;
}


/* ---------- Lists --------- */
ul {
  margin: 1.2em;
  padding: 0;
  list-style: circle;
}

ul.nolistitem {
	margin: 0px;
}

ul.nolistitem li {
	list-style: none;
	margin: 0px 0px 0px 0px;
}

li {
  font-family: Verdana, sans-serif;
  font-size: 0.75em;
  line-height: 150%;
  margin-bottom: 7px;
}

div#main ul li span {
  color: gray;
}



/* --------- Images -------- */
img {
  border: 0;
}

img.thumb {
  margin: .5em;
  float: right;
  border: 1px solid gray;
  cursor: pointer;
}
div#sidebar img.thumb {
  float: none;
}

li img {
  margin-bottom: -4px;
}

div.floatright {
  margin: 1em 0 0 0.5em;
  border: 1px solid #F90;
  padding: 0.25em;
  float: right;
}

img.functionalityScreen {
  border: 0px;
  cursor: help;
}

img.reflogo {
  vertical-align: top;
  margin: 5px;
}

img.document {
  height: 100px;
  border: 1px solid gray;
}


/* --------- Tables -------- */
table {
  font-size: 0.75em;
  text-align: left;
}

table td.grey {
  color: #606060;
}

table.productNav {
  margin: -0.5em 0 2em 0;
  width: 100%;
  font-weight: bold;
  text-align: center;
  background-color: #F5F5F5;
}

table.productNav a {
  border-bottom: 1px solid #F90;
  padding: 5px 0 10px 3px;
  display: block;
  color: #F90;
}

table.productNav a.active {
  border-bottom: 3px solid #1052AD;
  padding-bottom: 8px;
  color: #1052AD;
}

table.productNav a:hover {
  border-bottom: 3px solid #F90;
  padding-bottom: 8px;
  color: #F90;
}

table.documentatie {
  margin-top: 10px;
  text-align: center;
  font-size: 0.8em;
}

table.quotes {
	font-style: italic;
}

table.quotes td.reference {
	font-weight: bold;
	font-style: normal;
	border-bottom: 1px solid #BBB;
}

/*===============================================
		YUI overlay
===============================================*/

#impressionDialog { display: none; }
			
.yui3-overlay-mask { background: rgba(255, 255, 255, 0.5); }

.yui3-widget #impressionDialog {
	display: block;
	
	background: #656565;
	background: rgba(0, 0, 0, 0.5);
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
}
#impressionDialog .yui3-widget-hd {
	border: #3B5998 1px solid;
	background: #6D84B4;
	color: #fff;
	padding: 0 10px;
}
#impressionDialog .yui3-widget-bd {
	background: #F5F5F5;
	border: #555 1px solid;
	padding: 10px;
}
#impressionDialog .yui3-widget-ft {
	border: #555 1px solid;
	border-top: none;
	background: #f2f2f2;
}
#impressionDialog .yui3-widget-ft > div {
	border-top: #ccc 1px solid;
	padding: 5px 10px;
	text-align: right;
}