* {
  margin: 0;
  padding: 2px;
}


button
{
	width:80px;
	margin-right:5px;
}

H1
{
background-color:#00ff00;
color:#FFFFFF;
text-align: center;
font-size:120%;
}

H2
{
	  padding-top:20px;
	  padding-bottom:20px;
	  padding-left:10px;
	  
}

.row_highlight
{
	background-color:#bbbbbb;
}

.table_std
{
	border-spacing: 4px;
	
}
	
}

.table_std td
{
	//padding-top:8px;
}

.table_std img, .table_std td
{
	vertical-align:middle;
	height:20px;
}

.table_std tr:hover
{
	background-color:#bbbbbb;
}

.table_std input
{
	width:50px;
}

.tree_frame
{
  border:1px solid black;
	height:300px;
	width:400px;
	overflow: auto;
}

.undo_button
{
	font-size:150%;
}

.tree_view
{
	display:inline-block;
  height:0px;
  padding:0px;
  left:-50%;
}

.tree_view ul 
{
  list-style: none;
//	height:15px;
//  position: relative;
padding:5px;
}

.tree_view ul li:hover > ul 
{
//  display: block;
}


.tree_view ul li:hover
{
  background-color:#eeeeee;
}

.tree_view ul li
{
	padding:5px;
}


.tree_view_hidden 
{
  display: none;
}

.tree_view_visible
{
  display: block;
  float:right;
  position:relative;
  background-color:#ffffff;
  left:-20px;
  top:-20%;  
  padding:0px;
  border:1px solid black;
}

.tree_view ul ul li
{
//  border:1px solid black;
	background-color:#ffffff;
  font-size:80%;
}

.tree_icons
{
	height:15px;
}

.tree_folder
{
	height:15px;
	cursor:move;
}

.table_head
{
  vertical-align:Top;
  font-weight:bold;
}

.Title_Bar
{
  background-color:#000000;
  color:#FFFFFF;
  text-align: center;
  font-size:400%;
  font-weight:bold;
  width:100%;
  margin-top:0 auto;
  margin:-8px;
  padding-left:15px;
}


body
{
font-family:"Arial";
font-size:100%;
}

TH
{
  text-align: left;
}

.rows:nth-child(even) 
{
  background: #cccccc;
  font-size:80%;
}

.rows:nth-child(odd) 
{
  background: #ffffff;
  font-size:80%;
}

H2.menu
{
  color:#FF0000;
}


.Button_narrow
{
  width: 30px;
  margin: 5px;
  //font-size:100%;
  font-weight:Bold;
}

.Button
{
  width: 80px;
  margin: 5px;
  //font-size:100%;
  font-weight:Bold;
}

.lst
{
  width: 150px;
}

.lst_wide
{
  width: 300px; 
}

.cbo
{
  	width: 175px;
}

.multi_list_cbo
{
  	width: 175px;
  	padding:0px;
  	margin:1px;
}


.cbo_wide
{
  width: 175px;
}

A.logout
{
color:#FF0000;
align: right;
}

.nav_horiz ul ul 
{
  display: none;
}

.nav_horiz ul li:hover > ul 
{
  display: block;
}

.nav_horiz ul {
  border-radius: 2px;  
  list-style: none;
  position: relative;
  display: inline-table;
  font-weight:bold;
//  color:#ffffff;
  color:#000000;
}

.nav_horiz ul:after 
{
/*
  content: ""; 
  clear: both; 
  display: block;
*/
}

.nav_horiz ul li 
{
//  border-color:#ffffff;
  border-width:0px;
  borde-style:solid;
  float: left;
  width:200px;
  height: 40px;
  line-height:40px;
  text-align:center;
  position:relative;
  background:#FFFFFF;
  padding:0px;
  border-radius: 2px;  
}

.nav_horiz ul li:hover 
{
  background: #cccccc;
  border-radius: 2px;  
  position: relative;
}

.nav_horiz ul li:hover a 
{
//  color: #ffffff;
}
	
.nav_horiz ul li a 
{
  display: block;
  color: #000000;
  text-decoration: none;
}

.nav_horiz ul ul 
{
  border-radius: 2px; 
  position: absolute;
  top: 100%;
  left: 0%;
  padding:0px;
}

.nav_horiz ul ul li
{
  width:280px;
}

.nav_horiz ul ul ul
{
  border-radius: 2px; 
  position: absolute;
  top: 0%;
  left: 100%;
  padding:0px;
}


.nav_horiz ul ul li 
{
  float: none; 
  background: #cccccc;
//  color: #ff0000;
  text-align:left;
  padding:0px;
//  padding-left:5px;
  color: #000000;
  border-color:#000000;
  //border-width:1px;
  border-style:solid;
  height:35px;
}

.nav_horiz ul ul li a 
{
  display: block;
  color: #000000;
  background: #eeeeee;
  text-decoration: none;
  height:30px;
}

.nav_horiz ul ul li a:hover,.nav_horiz ul ul li:hover 
{
  background: #dddddd;
}

.bin
{
  background:url(images/bin.png) no-repeat;
  cursor:pointer;
  width: 30px;
  height: 30px;
  border: none;
}

.logo
{
  cursor:pointer;
//  width: 100px;
  height: 100px;
  border: none;
  align:left;
}

.table_style
{
  border-collapse: collapse;
  border: 1px solid;
  border-color:#bbbbbb;
  padding:3px;
}

.cell_num
{
  border: 1px solid;
  border-color:#bbbbbb;
  text-align: right;
  padding:3px;
  width:100px;
  font-size:80%;
}

.cell_num_no_border
{
  text-align: right;
  width:80px;
}

.cell_num_no_border_title
{
  width:80px;
  font:bold;
}

.cell_text_no_border
{
  text-align: right;
  width:200px;
}

.ajax_search_title, .cell_text_no_border_title
{
  width:160px;
  font:bold;
}

.cell_text, .multi_list_fld
{
  border: 1px solid;
  border-color:#bbbbbb;
  text-align: left;
  padding:3px;
  font-size:80%;
}

.input_wide
{
  width: 500px;
}

#map-canvas_old
{
  width:70%;
  height: 50%;
  margin: 0px;
  padding: 0px;
  display:block;
}

.map
{
  width: 1000px;
  height: 500px;
  margin: 0px;
  padding: 0px;
  display: block;
}


.chk_hidden
{
  border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.chk
{
  text-align:center;
}

.popBox {
 display:none;
}

:target .popBox {
  position:absolute; 
  visibility:visible; 
  display:block;
//  float: left; 
//  top:0px;
//  left:10%; 
//  right:70%;
//  top:40%;
//  bottom:45%;
  background:#ffffff;
  border:1px solid #3a3a3a;
  /* CSS3 rounded corners, drop-shadow and opacity fade in */
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-box-shadow:2px 2px 4px #3a3a3a;
  -moz-box-shadow:2px 2px 4px #3a3a3a;
  box-shadow:2px 2px 4px #3a3a3a;
  padding:5px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.popBox:hover {box-shadow:3px 3px 6px #5a5a5a;}


.close {
  position:absolute; top:-0.75em; right:-0.75em; display:block; width:1em; height:1em;
  font:bold large/1 arial, sans-serif; text-align:center; text-decoration:none;
  background:#000; border:3px solid #fff; color:#fff;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 1px 1px #3a3a3a;
  -webkit-box-shadow: 0 0 1px 1px #3a3a3a;
  box-shadow: 0 0 1px 1px #3a3a3a;
}
.close:before {content:"X"
}
.close:hover {box-shadow:0 0 1px 1px #c00; background:#c00;}
.close span {text-indent:-200em; display:block;}


.filter
{
  width: 30px;
  height: 30px;
}

.tab_selected
{
  border-top-style:solid;
  border-top-width:3px;
  border-right-style:solid;
  border-right-width:3px;
  border-left-style:solid;
  border-left-width:1px;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  background-color: #ffffff;
  text-align:center;
  font-weight:bold;
  width:200;
  padding:0px;
  height:5px;
}

.tab_deselected
{

  border-top-style:solid;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  border-top-width:1px;
  border-right-style:solid;
  border-right-width:1px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  background-color: #dddddd;
  border-left-style:solid;
  border-left-width:1px;
  text-align:center;
  width:200;
//  display:block;
  font-weight:bold;
  text-decoration: none;
  padding:0px;
//  height:1px;

}

.tab_deselected:hover
{
  background-color: #bbbbbb;
}
.tab_blank
{
  border-bottom-style:solid;
  border-bottom-width:1px;
}

.tab_body
{
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-width:1px;
  border-right-style:solid;
  border-right-width:1px;
  padding:10px;
  text-decoration: none;
}

.db_grid, .db_grid_journal
{
  height: 520px;       /* Just for the demo          */
  display: block;
}


.db_grid thead, tfoot
{
  display: block;	
}

.db_grid tbody, .db_grid_journal tbody
{
  height:500px;       /* Just for the demo          */
  overflow-y:auto;
  overflow-x:hidden;
  display: block;
  border-style: solid;
  border-width: 1px;
}

.multi_list_narrow_cell
{
	width:20px;
}

.multi_list_cell
{
	width:150px;
}

.multi_list_table
{
	table-layout: fixed;
}
.multi_list_img
{
	width:15px;;
}

.multi_list
{
  border:1px solid black;
	height:300px;
	width:500px;
	overflow: auto;
}

.db_grid_cbo
{
	width:250px;
}

.db_grid_text
{
	width:150px;
}

.db_grid_num
{
	width:100px;
}
.db_grid_date
{
	width:100px;
}

.db_grid_journal_cbo
{
	width:150px;
}

.db_grid_journal_text
{
	width:150px;
}

.db_grid_journal_num
{
	width:100px;
}
.db_grid_journal_date
{
	width:100px;
}

.selector
{
	width:40px;
	vertical-align:middle;
}

.icon
{
	height:30px;	
}

.icon .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.icon:hover .tooltiptext {
    visibility: visible;
}

select.sub_rows, th.sub_rows
{
	width:120px;
}

td.ajax_search
{
	height:20px;
}

.ajax_search_list
{
  	position:absolute; 
  	visibility:visible; 
  	display:block;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	width:500px;
	border-style:solid;
	border-width:1px;
//  display: inline-table;
}

.ajax_search_list li
{
	pading:10px;
	background:#FAFAFA;
	text-decoration: none;
	list-style:none;
	
}

.ajax_search_list li a
{
	text-decoration: none;
	
}

.ajax_search_list_sel, .ajax_search_list li:hover, .ajax_search_list li:focus 
{
	background:#D0D0D0;
}

.Title_Bar_OS
{
  background: url(images/os_colours.jpg);
  background-color:#222288;
  color:#D0D000;
  text-align: center;
  font-size:400%;
  font-weight:bold;
  width:100%;
  margin-top:0 auto;
  margin:-8px;
  padding-left:15px;
  border:0px;
}

.Title_Bar_OT td
{
	 background:none;
}

.grid_cell select
{
	width:200px;
}
.grid_cell input
{
	width:50px;
}

.grid_cell_row input
{
	width:200px;
}

.popup_hidden
{
	//display:none;
	visibility:hidden;
position:absolute; 
  display:block;
  border:solid;
  top:30%;
  left:40%;
}

.popup
{
  position:absolute; 
  visibility:visible; 
  display:block;
  border:solid;
  top:30%;
  left:40%;
  background-color:#ffffff;
}

.popup button
{
	font-weight:bold;
	width:65px;
	padding:5px;
	margin:5px;
}

.popup select, .popup input
{
	width:300px;
}

.bodyimg
{
	background-image: url('images/stowe.jpg');
background-position: 0px -100px;
	height:110%;
	width:110%;
	//opacity:0.5;

}


.table td
{
	vertical-align:top;
}

.div_scroll
{
//	height:500px;
	outline: 1px solid;
}

.div_scroll table thead tr
{
	display:block;
}

.div_scroll table tbody
{
	height:500px;
	display:block;
	overflow: auto;
}

.btnAdd
{
	width:100px;
	font-weight:bold;
}

.tbl_no_border
{
	padding-top:0px;
}

.wide_button button
{
	width:140px;
}
