/* general / global */

html {
  margin:		0;
  padding:		0;
}

body {
  font-family:		arial, sans-serif;
  font-size:		10pt;
  padding: 		10px;
  margin: 		0;
/*  color:		#005A9B;*/
  color:		#333;
}

h1 {
  font-size:		125%;
  color:		#005B9A;
}

h2 {
  font-size:		120%;
  color:		#005B9A;
}


a,
a:visited {
  text-decoration:	none;
  color:		#017AC9;
}

a:hover {
  color:		#5B3F1A;
}

fieldset#search {  
  border: 		none;
  margin: 		0;
  padding: 		0;
}

.err,
.error {
  color: 		red;
}


/* logo, header banner and LHS menu */

div#logo{  
  width:		200px;
float: left;
}

div#header {
  margin-left:		15px;  /* 200 + 15 */
  float: left;
}


div#logo img,
div#header img,
div#header a
 {
  border:		none;
}

div#menu {
  clear:		left;
  width:		200px;
  float:		left;
  background:		white url(/images/07/fade_m.jpg) repeat-x top left;
}

div#menu a {
  font-size:		13px;
  line-height:		14px;
}

div#menu form {
  margin:		0;
  padding:		0 0 0 10px;
}

div#menu input {
  font-size:		13px;
  padding:		1px;
  margin:		0;
}

div#menu ul {
  list-style-type:	none;
  margin:		0 0 12px 0;
  padding:		0;
}

div#menu ul li {
  border:		1px solid white;
  font-size:		13px;
  height:		20px;
}


div#menu ul li a {
  display: block;
  width: 170px;
             /* = 200 - 20 - 10 - seems to prevent excess top margin in IE */
}


div#menu ul li.link a:hover,
div#menu ul li.link:hover {
  background:		white url(/images/07/menu_sellink.jpg) repeat-x top left;
}

div#menu ul li.title {
  background:		white url(/images/07/menu_title.jpg) repeat-x top left;
  padding-left:		9px;  
  font-weight:		bold;
  color:		#005B9A;
}

div#menu ul li.link {
  background:		white url(/images/07/menu_link.jpg) repeat-x top left;
  padding-left:		19px;
  font-weight:		normal;  
}

div#menu ul li.sellink {
  background:		white url(/images/07/menu_sellink.jpg) repeat-x top left;
  padding-left:		19px;
  font-weight:		normal;
}

div#menu ul li.sellink a {
  color:		#5B3F1A;
}

div#menu ul li.disable {
  color: 		#BBB;
}


/* main content */

div#content {
  margin-left:		215px;
  background:		#F4F8FB url(/images/07/fade_m.jpg) repeat-x top left;
}

div#welcome {
  padding-top:		50px;
  padding-right:	10px;
  margin-left:		300px;
}





/* fadey corner stuff */

.boxhead {
  background:		url(/images/07/fade_r.jpg) no-repeat top right;
}

.boxhead h1 {
  background:		url(/images/07/fade_l.jpg) no-repeat top left;
  color:		white;
  font-size:		20px;
  font-weight:		normal;
  letter-spacing:	1px;
  margin:		0;
  padding:		8px 10px 20px 10px;
  text-transform:	uppercase;
}

.boxhead h2 {
  background:		url(/images/07/fade_l.jpg) no-repeat top left;
  color:		white;
  font-size:		14px;
  line-height:		18px;
  letter-spacing:	1px;
  margin:		0;
  padding:		0 10px 2px 10px;
}

.boxbody_map {
  padding:		2px 10px 5px 10px;
  background: #F4F8FB url(/images/map/in_progress.gif) no-repeat center center;   

}

.boxbody {
  padding:		2px 10px 5px 10px;
}


div#content div.boxbody {
  padding-right:	40px;
}

div#cm_menu {
  clear:		left;
  width:		300px;
  float:		left;
  background:		white url(/images/07/fade_m.jpg) repeat-x top left;
}




/* Footer stuff */

#footer {
/*
  border-top:		1px solid #9ACFC9;
  background-color:	#B3DBD6;
*/
  height:			26px;
  font-size:		11px;
  clear:			both;
          }

#footer {
  color:		#aaa;
}

#footer a,
#footer a:visited {
  color:		#aaa;
  text-decoration:	none;
}

#footer a:hover {
  text-decoration:	underline;
}

#footer .linksep {
  border-right:		1px solid #333333;
  padding:			0 8px 0 0;
  margin:			0 8px 0 0;
  height:			10px;
}

#admin {
  float:			right;

  padding:			4px 2px 0 0;
}

/*
#admin a,
#admin a:visited {
  color:			#028777;
}
*/

#footer img {
  border:               none;
  vertical-align:       middle;
  padding-bottom:       4px;
}

#info {
  float:			left;
  padding:			4px 10px 0 2px;
}

/*
#info a,
#info a:visited {
  color:			#444444;
}
*/


/* htdig search engine styles */

.htdig_meta {
  color:			#aaa;
  text-align:			right;
  margin-bottom:		15px;
}


/* map link page */

.click_box {
/*  border: 1px solid gray;*/
  line-height: 65px;
  display: block;
  width: 477px;
  height: 72px;
  background:		url(/images/07/maplink.jpg) no-repeat top left;

}

table#cataloguelinks a:link {
font-size: 1em;
font-weight: bold;
margin: 15px;

}


table#cataloguelinks {
margin-left: auto;
margin-right: auto;
margin-top: 15px;

}

table#cataloguelinks td {
padding: 5px;
}

#mapbutton span{
margin-left: auto;
margin-right: auto;
}
/* real time tables */

table.with_borders,
table.real_time_sites {
  border-collapse: collapse;
}

table.with_borders td,
table.real_time_sites td {
  border:       1px solid #AAA;
  padding:      5px;
}

table.with_borders_centered {
  border-collapse: collapse;
}
table.with_borders_centered td {
  border:       1px solid #AAA;
  padding:      5px;
  text-align: center;
}


.nav_tab_off {
         text-align: center;
         border-left: 1px double #888888;
	 border-bottom:1px double #888888;
         border-top:1px double #888888;}

.nav_tab_on {
         text-align: center;
         border-left: 1px double #888888;
         border-top:1px double #888888;}

.nav_sp {
	 border-left:1px double #888888;
	 border-bottom:1px double #888888;
	 background: #F4F8FB;}

.nav_tb {
	 border-left:1px double #888888;
	 border-bottom:1px double #888888;
	 border-right:1px double #888888;}

table.full_width {
  width: 	98%;
}

.border {
  border: 	1px solid #AAA;
}

tr.header
{
  background-color: #CCCCCC;
  text-align: center;
}

/* various bits */

table.partners {
  border-collapse: 	collapse;
}

table.partners td {
  border: 	1px solid #AAA;
  padding:	10px 20px;
}

#staticimg {
position: absolute;
overflow: visible;
margin-top: 20px;
}

#wavetable {
margin-top: 350px;
}


caption {
/*  text-align: left*/
  font-style: 		italic;
  margin-bottom:	10px;
}


.copyright {
  text-align: right;
  color:		#aaa;

}


/* formatting rss news */

dl.news dt {
  font-weight:		bold;
}

dl.news dd {
  margin: 		5px 40px 20px 20px;
}











#filtered {
    left: 10px;
    position:relative;
}
#unfiltered {
    left: 10px;
    position:relative;
}
#profiles {
    left: 10px;
    position:relative;
}
#contours {
    left: 10px;
    position:relative;
}

#ortho-rectified {
    left: 10px;
    position:relative;
}

#non-rectified {
    left: 10px;
    position:relative;
}

#FCIR {
    left: 10px;
    position:relative;
}
#baseline {
    left: 10px;
    position:relative;
}
#interim_profiles {
    left: 10px;
    position:relative;
}

#post-storm_profiles {
    left: 10px;
    position:relative;
}







.left-element {
  position: absolute;
  left: 0;
  width: 50%;
}

.right-element {
  position: absolute;
  right: 0;
  width: 50%;
  text-align: right;   
}

div.box_menu {
  clear: left;
  width: 20em;
  float: left;
  background: #F4F8FB url(/images/07/fade_m.jpg) repeat-x top left;
  margin-bottom: 1em;
}

div.box_menu_layers {
  position:relative;
  clear: left;
  width: 20em;
  float: left;
  background: #F4F8FB url(/images/07/fade_m.jpg) repeat-x top left;
  margin-bottom: 1em;
}

                     
div.content { 
  background: #F4F8FB url(/images/07/fade_m.jpg) repeat-x top left;
  margin-left: 21em;
  margin-bottom: 1em;
}


#zoom_to_region {
	vertical-align: top;
}

#result_extent {
  text-align: center;
  margin-left: -1px;
}

#manunits {
	margin-right: 1em;
}

#basket {
	vertical-align: middle;
    margin-right: 0.3em;
	border: 0;
}

#login {
	margin: 1em;
}

#login input {
	margin-bottom: 0.5em;
    margin-right: 0.5em;
	vertical-align: middle;
}

ol.menu_list {
	padding: 0;
    margin: 0 0 0.3em 1.5em;
	list-style-type: decimal;
}

div.search_steps { 
   margin-top: 1em;
   margin-bottom: 0.5em;
   position: absolute; 
   z-index: 10;
}

img.step {
	border: none;
	vertical-align: middle;
    margin-right: 0.3em;
}

.search_step {
    font-size: 120%;
	padding-right: 0.3em;
}

legend, th {
	color: #015B97;
    font-weight: bold;
}

th {
	vertical-align: top;
}

table.data {
	width: 99%;
}

table.data td {
	font-size: 90%;
    border-bottom: solid 1px #9E9E9E;
	padding-left: 2px;
    padding-top: 2px;
	padding-bottom: 2px;
}

table.results th {
	border-top: solid 0.5em #D9EAF2;
	background-color: #9E9E9E;
    color: white;
}

table.summary th {
	font-size: 90%;
	background-color: #9E9E9E;
    color: white;
	padding-top: 2px;
    padding-bottom: 0;
	padding-left: 2px;
}

td.name {
    vertical-align: text-top;	
	border-right: solid 1px #9E9E9E;
    background-color: #E6EEF2;
}

td.value {
	background-color: #CEE6F2;
}

td.result_row {
	padding-right: 1em;
}

tfoot {
	font-weight: bold;
}

span.disabled {
	color: #999999;
}

span.head_top {
	font-weight: normal;
    color: black;
}

fieldset {
	margin-bottom: 1em;
    padding: 0.5em;
}

div.result_legend {
	text-align: left;
    margin-left: 0.5em;
	margin-bottom: 0.3em;
}

.ordering {
	white-space: nowrap;
}

img.order {
	border: 0;
    vertical-align: middle;
}

input {
	margin-right: 0.3em;
}

.cal {
	border: 0;
    margin-right: 0.5em;
}

.off {
	color: #007AC5;
}

.on {
	color: #800000;
}

.basket_colour1 {
    background-color: #F2B5B5;
}

.basket_colour2 {
    background-color: #F29D9D;
}

.search_step a:link {
  color: #007AC5;
  text-decoration: none;
}
.search_step a:visited {
  color: #007AC5;
  text-decoration: none;
}
.search_step a:hover {
  color: #007AC5;
  text-decoration: underline;
}
.search_step a:active {
  color: red;
  text-decoration: underline;
}

.help_icon {
  border: none; 
  float: right;
  margin-top: 1px;
  margin-right: 1px;
}

.icon_left {
  float:left; 
  margin-right: 0.3em;
}

.menu_item {
  color: white;
  margin-top: -2px;
}

.menu_item a:link {
  color: white;
  text-decoration: none;
}
.menu_item a:visited {
  color: white;
  text-decoration: none;
}
.menu_item a:hover {
  color: #FF7504;
  text-decoration: none;
}
.menu_item a:active {
  color: red;
  text-decoration: none;
}

.result_colour {
  color: #FFEC40;
}

.icon {
  border: none;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
}

ul.spaced li {
  margin-bottom: 0.8em;
}