body {
	width: 1400px;
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
	font-size: 14px;
	color: #444;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
        
}

.table_data {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.table_data tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.table_data td, .table_data th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px;
    /*text-align: left;    */
}

.table_data th {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(90deg,rgba(228,249,234,0.99) 0%,rgba(203,237,212,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(228,249,234,0.99) 0%,rgba(203,237,212,1.00) 100%);
	background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -o-linear-gradient(90deg,rgba(228,249,234,0.99) 0%,rgba(203,237,212,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(228,249,234,0.99) 0%,rgba(203,237,212,1.00) 100%);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.table_data td:first-child, .table_data th:first-child {
    border-left: none;
}

.table_data th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.table_data th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.table_data th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.table_data tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.table_data tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/*Tried this to color hyperlinks in recording list table*/
/*
.table_data a {
	color: blue;
}

.table_data a:link {
	color: blue;
}
.table_data a:visited {
	color: red;
	background-color: hotpink;
}
*/
.no_border {
	border:  none ;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
}
.no_border td, .no_border th {
    /*border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;*/
    padding: 10px;
    /*text-align: left;    */
}

.no_border th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}
.no_border tr.bs_block_totals td.bs_block_lines {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	text-align:right;
	text-shadow:#90C;		
}
.no_border tr.bs_block_totals:last-child  td.bs_block_lines{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	
}
.no_border tr.bs_block_totals:first-child  td.bs_block_lines{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	
}
.no_border td.bs_totals{
	text-align:right;
	text-shadow:#90C;
	font-weight: bold;
}
.no_border td.bs_balance_totals{
	text-align:right;
	text-shadow:#90C;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-style: double;
	border-bottom-color: #000;			
}
.no_border td.bs_sub_totals{
	text-align:right;
	text-shadow:#90C;			
}

td.top_line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	text-align:right;
	text-shadow:#90C;
	
}
td.double_line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-style: double;
	border-bottom-color: #000;
	text-align:right;
	text-shadow:#90C;
	
	
}
td.single_lines {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:right;
	text-shadow:#90C;
	border-bottom-width: 1px;
		
}
td.side_top_lines {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:right;
	text-shadow:#90C;
	border-bottom-width: 1px;	
}
td.bs_block_totals {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	text-align:right;
	text-shadow:#90C;
	
}
td.bs_block_totals:first-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	text-align:right;
	text-shadow:#90C;
	
}
td.thick_bottom_line {
	border-bottom-style: solid;
	border-bottom-color: #000;

}

td.bs_h1_title {
	
	text-align:left;
	text-shadow:#90C;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: medium;
}
td.centered {
	text-align:center;
	
	
}
/*Used in user guide */
/*Had to remove it for the menu to work
ol,li {
	width: 70% ;
}
ol li {
	font-weight: bold;
}*/
/*----------------------*/

.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

/*Style added by Theuns*/
.currency {
	text-align:right;
	text-shadow:#90C;
}
.value {
	text-align:right;
	text-shadow:#90C;
}
#header {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
	border: solid #ccc 1px;
	border-radius: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
	
}

#footer {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
	border: solid #ccc 1px;
	border-radius: 6px;
	height: auto;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#menu{
	height: 50px;
	
}
#content{
	height:	auto;
	position: relative;
	min-height: 100%;
}
#left_column {
	padding-bottom:100px;
}
#txtHint {
	/*padding-bottom:100px;*/
}
h1 {
	padding: 0px;
	margin: 0px;
}

h2 {
	
	font-size: 1.5em;
	margin: 0;
	padding: 0.1em;
	padding-left: 1em;
	text-transform: uppercase;
}

h3 {
	color: #999;
	font-size: 1.25em;
}
#bs_table {
	
}

.nowrap {
	/*Prevent table cells from wrapping*/
	white-space:nowrap;
}
/*****************************************/
/* General menu styling */
.nav, .nav2 {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 16px;
	/*background: #FFFFFF;*/
	
	
	
	
	
	
}
/*Extend the menu from left to righ - fill horizontally*/
div.menu {
	background-color: #FFFFFF;
	border: solid #FFFFFF 1px;
	height:36px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
@media print {
	div.menu {
		height:0;
	}
	ul.nav, ul.nav2 {
		display:none;
		height:0;
	}
}
ul.nav, ul.nav2 {
	/*background: #DEDEE0; 
	overflow:hidden;
	border:thick;
	border-color:red;*/	
	width:100%;
}
.nav {
	z-index:10;  /*second menu will be below the first menu*/
}
.nav2 {
	z-index:5;  /*second menu will be below the first menu*/
}
/* The main navigation link containers */
.nav>li, .nav>li,.nav2>li, .nav2>li {
	display: block;
	float: left; /* Displaying them on the same line */
	
	margin: 0;
	padding: 0;
}
/* The main navigation links */
.nav>li>a, .nav2>li>a  {
	/* Layout */
	display: block;
	position: relative;
	padding: 10px 20px;
	/* Text */
	/*font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;*/
	color: black;
	/*font-size: 22px;*/
	text-decoration: none;
	/* Background */
	background: #EEE; /* For older browsers */
	/*background: rgba(0, 0, 0, .6); /* Transparent background for modern browsers */
	/* Making the color to change on hover with a transition */
	/*
	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	-ms-transition: color .3s ease-in;*/
}
/* Changing the color on hover */
.nav>li>a:hover, .nav>li:hover>a, .nav2>li>a:hover, .nav2>li:hover>a {
	color: #FFFFFF;
	background-color:#259632;
}
/* The links which contain dropdowns menu are wider, because they have a little arrow */
.nav>.dropdown>a, .nav2>.dropdown>a {
	padding: 10px 30px 10px 20px;
}
/* The arrow indicating the dropdown */
.dropdown>a::after  {
	content: "";
	position: absolute;
	top: 17px;
	right: 10px;
	width: 7px;
	height: 7px;
	
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	
}
/* Changing the color of the arrow on hover */	
.dropdown>a:hover::after, .dropdown:hover>a::after {
	border-color: #FFFFFF;
}
/* The submenus */
.nav ul, .nav2 ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	border: 1px solid #CCC;
	
}
/* General layout settings for the link containers of the submenus */
.nav ul li, .nav2 ul li {
	position: absolute;
	top: -9999px; /* Hiding them */
	height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	/* Making them to expand their height with a transition, for a slide effect */
	/*-webkit-transition: height .2s ease-in;
	-moz-transition: height .2s ease-in;
	-o-transition: height .2s ease-in;
	-ms-transition: height .2s ease-in;*/
}
/* Displays the submenu links, by expading their containers (with a transition, previously defined) and by repositioning them */
.dropdown:hover>ul>li {
	height:auto;
	position: relative;
	top: auto;
}
/* The submenu links */
.nav ul li a, .nav2 ul li a {
/* Layout */
	padding: 8px 20px;
	width: 120px;
	display: block;
	position: relative;
	
	/* Text */
	/*font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;*/
	color: black;
	text-decoration: none;
	/*font-size: 16px;*/
	/* Background & effects */
	background: #EEE;
	/*background: rgba(0, 0, 0, .6);*/	
	/*-webkit-transition: color .3s ease-in, background .3s ease-in;
	-moz-transition: color .3s ease-in, background .3s ease-in;
	-o-transition: color .3s ease-in, background .3s ease-in;
	-ms-transition: color .3s ease-in, background .3s ease-in;*/
}
/* Changing the link's color and background on hover */
.nav ul li:hover>a, .nav2 ul li a:hover {
	color: #FFFFFF;
	background-color:#259632;
	
	/*color: #4394F7;
	background: #DEDEE0;*/
	/*background: rgba(0, 0, 0, .75);*/
}
/* Making the level 2 (or higher) submenus to appear at the right of their parent */
.nav ul .dropdown:hover ul, .nav2 ul .dropdown:hover ul {
	left: 160px;
	top: 0px;
}
/* The submenu links have a different arrow which indicates another dropdown submenu */
.nav ul .dropdown a::after, .nav2 ul .dropdown a::after {
	width: 6px;
	height: 6px;
	border-bottom: 0;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	top: 12px;
}
/* Changing the color of the arrow on hover */
.nav ul .dropdown:hover>a::after, .nav ul .dropdown>a:hover::after, .nav2 ul .dropdown:hover>a::after, .nav2 ul .dropdown>a:hover::after {
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.map_canvas {
	z-index:1;
}