/* 
    Document   : geowise.css
    Updated on : 19 December 2007
    Author     : keithm
    Update     : mikef
    Description:'New look' stylesheet for InstantAtlas website.
*/
body {
	background-color: #cccccc;/*#98B4C3;*/
	font-family: Arial, sans-serif;
	font-size: 80%;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	color: #333333;
}
h1, .head1 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	color: #009484;/*#333333;*/
}
h2 {
	font-size: 1em;
	font-weight: bold;
	color: #336666;/*#333333;*/
}
h3, h4, h5 {
	font-size: 1em;
	font-weight: bold;
}
a {
	color: #339933;/*#1969B2;*/
	text-decoration: none;
}
a:hover {
	color: #339933;/*#2B81CE;*/
	text-decoration: underline;
}
a img {
	border: none;
}
hr {
	padding-left:0px;
	margin-right:0px;
	text-align: left;
	text-decoration: none;
	height: 1px;
	margin-bottom: 0px;
}
img {
	border: none;
}
li {
	padding-left: 0px;
}
/* Tables */
table {
	border: solid 1px #cccccc;
	border-spacing: 0px;
	border-collapse: collapse;
}
th {
	color: #777777;
	background-color: #f9f9f9;
	padding: 5px 5px 5px 5px;
}
td {
	padding: 5px 5px 5px 5px;
}

td_2 {background:#cccc99;
}


/* Alignment extras */
.ar {
	margin: 10px 10px 10px 10px;
	text-align: right;
}
.al {
	margin: 10px 10px 10px 10px;
	text-align: left;
}
.ade {
	margin: 10px 10px 5px 10px;
	text-align: left;
}
.ac {
	margin: 10px 10px 10px 10px;
	text-align: center;
}
.alb {
	margin: 6px 10px 6px 10px;
	text-align: left;
	font-weight: bold;
}
.acb {
	margin: 6px 6px 6px 6px;
	text-align: center;
	font-weight: bold;
}
.aj {
	margin: 10px 10px 10px 10px;
	text-align: justify;
}
.adc {
	margin: 1px 1px 1px 1px;
	text-align: center;
	color: #666666;
}
.columnfl {
	position: relative;
	float: left;
	width: 275px;
	border-right: solid 1px #cccccc;
}
.columnfr {
	position: relative;
	float: right;
	width: 275px;
}
.columnflc {
	position: relative;
	float: left;
	width: 180px;
}
.columnfrc {
	position: relative;
	float: right;
	width: 210px;
}
.fl {
	position: relative;
	float: left;
	margin-left: -20px;
	margin-right: 10px;
}
.fr {
	position: relative;
	float: right;
	
}
img.fr {
	position: relative;
	float: right;
	padding-left: 10px;	
}
.pad5 {
	padding: 5px 5px 5px 5px;
}
.pad10 {
	padding: 10px 10px 10px 10px;
}
/* General class extras */
.brand {
	font-family: Arial, sans-serif;
}
.brandb {
	font-weight: bold;
}
.cb {
	clear: both;
	font-size: 1px;
	padding: 0px 0px 0px 0px;
}
.content10 {
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.icon {
	vertical-align: text-top;
	margin-right: 2px;
}
img.corner5 {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}
.imgpad {
	margin-left: 10px;
}

.invisible {
	display: none;
}
.h_home {
	font-size: 1em;
	text-align: left;
	margin-left: 10px;
}
.keyword {
	color: #339933;
	font-weight: bold;
}
.new {
	color: white;
}
/*.spacer {
	clear: both;
	overflow: hidden;
	height: 1px;
}*/
.template1 {
	text-align: right;
}
/*Structural elements */
#headerContent {
	width: 772px;
	position: relative;
	text-align: left;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	background-color: white;
}
#header h1 {
	margin-top: 1em;
	margin-bottom: 1em;
}
#language {
	position: absolute;
	width: 230px;
	margin-top: 96px;
	margin-left: 37px;
	font-size: 1em;
	color: white;
	z-index: 10000;
}
#language a {
	font-weight: bold;
	color: white;

}
#language a:hover{
	font-weight: bold;
	color: #339933;

}
#search {
	position: absolute;
	top: 62px;
	right: 17px;
	font-weight: bold;
	color: white;
	padding-right: 30px;
}
#searchbutton {
	position: absolute;
	top: -1px;
	right: 3px;
}
#strapline {
	position: absolute;
	top: 22px;
	right: 17px;
	text-decoration: none;
	text-align: right;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	z-index: 100;
	display: none;
}
/*#de {
	margin-left: 490px;
}
#es {
	margin-top: 22px;
	margin-left: 530px;
}
#en {
	margin-top: 22px;
	margin-left: 520px;
}
#fr{
	margin-top: 22px;
	margin-left: 510px;
}*/
/* Home page specific */
#hometable {
	border:none;
}
#servericon {
	margin-left: 2px;
}
/* Showcase carousel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 610px;
height: 375px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left:0px; /*margin around each panel*/
margin-right:30px;/*margin around each panel*/
width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.samplebuttons{
width: 600px;
text-align: center;
margin-top:5px;
}

.samplebuttons a{
color: #336666;
font: arial;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}
@media screen {
	/* Header specific */
	#header {
		position: relative;
		background-color: white;
		width: 800px;
		color: #666666;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding: 0px 0px 7px 0px; 
		z-index: 1000;
		text-align: left;
	}
	/* Navigation menu specific */
	#navbar {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 7px;
		top: 0px;
		width: 800px; 
		text-align: left;
		z-index: 100;
		background-color: #009484;/*#1868B0;*/
		padding: 0px 0px 0px 0px;
	}
	#navholder {
	  	height: 35px;
	}
	#navlinks  {
		position: absolute;
		bottom: 4px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		list-style: none;
		z-index: 100;
		width: 100%;
	}
	#navlinks li.filler {
		position: relative;
		display: inline;
		float: left;
		width: 110px; 
		text-align: left;
	}
	#navlinks li.spacer {
		position: relative;
		display: inline;
		float: left;
		width: 2px; 
		color: white;
		padding: 5px 0px 0px 0px;
		font-weight: bold;
		text-align: center;
	}
	li ul.nav {
		position: absolute;
		top: 100%;
		display: none;
		width: 120%;
		left: 10px;
	}
	li > ul.nav {
		top: auto;
		left: auto;
	}
	#navlinks li a {
		display: block;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		padding: 5px 5px 6px 5px;
		z-index: 100000;
		text-align: center;
	}
	#navlinks li ul {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	#navlinks li ul li {
		display: block;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		background-image: none;
		padding: 0px 0px 0px 0px;
		background-color: #009484;/*#2B81CE;*/
		border-bottom: solid 1px #aaaabb;
		margin: 0px 0px 0px 0px;
		width: 100%;
	}
	#navlinks li ul li a {
		display: block;
		text-decoration: none;
		color: #ffffff;
		padding: 5px 5px 5px 10px;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		width: 100%;
		text-align: left;
	}
	#navlinks li a:hover { 
		background: url(/images/gold-bar-long.gif) no-repeat bottom center;
	} 
	#navlinks li a.currentfolder { 
		background: url(/images/gold-bar-long.gif) no-repeat bottom center;
	} 
	#navlinks li ul li a:hover { 
		background: url(/images/gold-bar7x1.gif) repeat-y top left; 
	} 
	li:hover ul.nav, li.over ul.nav { 
		display: block; 
	}
	/* Body specific */
	#bodywrapper {
		position: relative;
		width: 800px; 
		margin-top: -2px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		padding: 0px 0px 0px 0px;
	}
	#body {
		position: relative;
		background-color: #ffffff;
		text-align: justify;
		margin-top: -2px;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		font-size: 1em;
	}
	#leftcolumn {
		position: relative;
		width: 164px; 
		float: left;
		overflow: hidden;
	}
	#rightcolumn {
		position: relative;
		width: 629px; 
		/*float: right;*/
		overflow: hidden;
	}
	#maintext {
		position: relative; 
		margin-left: 5px;
		margin-right: 15px;
		margin-bottom: 30px;
		top: 15px;
		font-size: 1em;
	}
	/* Grey sidebar specific */
	#sidebartop {
		position: relative;
		background-color: #ffffff/*#E4E4E4*/;
		background-repeat: repeat-x;
		background-position: bottom left;
		border-right: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
		width: 96%;
		clear: both;
		padding: 0px 0px 0px 0px;
		color: #444444;
		text-align: left;
	}
	#sidebartop ul {
		padding: 0px 5px 0px 5px;
		list-style-position: inside;
		list-style-type: square;
	}
	#sidebartop ul,ul.nav {
		margin-left: 0px;
	}
	/* Internal Sidebar specific */
	#sidebarInternal {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		top: 10px;
		left: 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		background-color: #99CC33;
		width: 164px;
	}
	#sidebarInternalwhite {
		margin-left: 4px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		top: 0px;
		text-align: left;
		background-color: #ffffff;
		width: 164px;
		overflow: hidden;
	}
	* html #sidebarInternal ul li { float: left; }
	#sidebarInternal ul {
		list-style-position: outside;
		list-style-type: square;
		padding: 0px 0px 0px 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 2px;
		background-image: none;
		background-color: #cccccc;
	}
	#sidebarInternal ul li  {
		/*display: block;*/
		color: #ffffff;
		font-weight: bold;
		padding: 5px 5px 5px 10px;
		margin-left: 0px;
		background-color: #F1F1E3;/*#2B81CE;*/
		border-bottom: solid 1px #CCCC99;
		margin-left: 0px;
		width: 100%;
	}
	#sidebarInternal ul li a {
		display: block;
		text-decoration: underline;
		color: #339933;
		/*padding: 5px 5px 5px 10px;*/
		font-weight: normal;
		width: 90%;
		font-size: 0.9em;
	}
	#sidebarInternal li a:hover { 
		color: #9E9E64; 
	}
	#sidebarInternal li a:focus { 
		color: #9E9E64; 
	}
	.roundbluewhitetop { 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-bottom: solid 1px #CCCC99;
		/*background: url(/images/bluewhite-right-top5x5.gif) no-repeat top right; */
	}
	.roundbluewhitebtm {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		/*background: url(/images/bluewhite-right-btm5x5.gif) no-repeat bottom right; */
	}
	/* Undersidebar specific */
	#undersidebar {
		padding-top:1px;
		padding-left: 8px;
		padding-bottom: 0px;
		padding-right:0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		background-color: white;
		width: 156px;
	}
	.undersidebar_para {
		margin: 2px 0px 0px 0px;
		padding: 2px 0px 0px 0px;
		font-weight: bold;
	}
	#quicklink_top {
		margin: 0px 0px 0px 0px;
		font-weight: bold;
	}
	.whitespace {
		background-color: white;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	/* Footer specific */
	#footer {
		position: relative;
		background-color: #ffffff;
		width: 800px;
		text-align: left;
		color: #666666;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2px;
		padding: 2px 0px 1px 0px;
		z-index: 99;
		font-size: 0.9em;
		border: solid 1px #CCCCCC;
	}
	#foot1 {
		position: relative;
		float: left;
		text-align: left;
		width: 30%;
		margin-left: 10px;
	}
	#foot2 {
		position: relative;
		float: left;
		text-align: center;
		width: 25%;
	}
	#foot3 {
		position: relative;
		float: right;
		text-align: right;
		width: 40%;
		margin-right: 10px;
	}
	#footer a {
		color: #666666;
		text-decoration: none;
	}
	#footer a:hover {
		color: #777777;
		text-decoration: underline;
	}
}
/* Forms setup */
input,select,textarea,button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	border: solid 1px #CCCCCC;
}
input#searchbox {
	background-color: white;
}
input.sql,textarea.sql {
	font-family: Courier New, monospace;
	font-size: 1em;
	color: #333333;
}
input.expandable {
	width: 99%;
}
select,textarea {
	width: 50%;
}
select.thinner {
	width: 40%;
}
.f50 {
	width: 50%;
}
.f20,select.f20 {
	width: 20%;
}
.f25,select.f25 {
	width: 25%;
}
.f30,select.f30 {
	width: 30%;
}
.f50,select.f50 {
	width: 50%;
}
.f60,select.f60 {
	width: 60%;
}
select.fill,input.fill,textarea.fill {
	width: 95%;
	display: block;
}
select.f200px {
	width: 95%;
	display: block;
}
textarea.notform {
	width: 70%;
	border: none;
	font-size: 1em;
	background-color: transparent;
}
.uibtn {
   border-style: outset; 
   border-width: 2px; 
   border-color: #666666; 
   background-color: #cccccc;
}
input.btn,button.btn {
	width: 120px;
	border: solid 2px #666666;
	cursor: pointer;
	padding-bottom: 1px;
}
input.sbtn,button.sbtn {
	border: solid 2px #666666;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
}
input.nsbtn,button.nsbtn {
	border: solid 2px #666666;
	cursor: pointer;
	padding: 0px 5px 1px 5px;
}
input.dbtn,button.dbtn {
	width: 120px;
	border: solid 2px #e0e0e0;
	color: #666666;
	padding-bottom: 1px;
}
input.btn:hover,button.btn:hover,input.sbtn:hover,button.sbtn:hover {
	background-color: #dddddd;
	border: solid 2px #999999;
}
span.redstar {
	color: #ff0000;
	font-size: 1.1em;
	font-weight: bold;
}
label.f50 {
	display: inline;
	float: left;
	width: 50%;
	text-align: right;
	vertical-align: top;
	margin-right: 3px;
}
label.f20 {
	display: inline;
	float: left;
	width: 20%;
	text-align: right;
	vertical-align: top;
	margin-right: 3px;
}
label.f30 {
	display: inline;
	float: left;
	width: 30%;
	text-align: right;
	vertical-align: top;
	margin-right: 3px;
}
label.f50 {
	display: inline;
	float: left;
	width: 50%;
	text-align: right;
	vertical-align: top;
	margin-right: 3px;
}
label.f70 {
	display: inline;
	float: left;
	width: 70%;
	text-align: right;
	vertical-align: top;
	margin-right: 3px;
}
label.f60 {
	display: inline;
	float: left;
	width: 60%;
	text-align: right;
	vertical-align: top;
	margin-right: 3px;
}
@media print {
	#header {
		position: relative;
		width: 100%;
		color: #ffffff;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		z-index: 1000;
		text-align: left;
	}
	#bodywrapper {
		/*position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		padding: 0px 0px 0px 0px;*/
	}
	#leftcolumn {
		display: none;
	}
	#rightcolumn {
		position: relative;
		width: 99%;
		float: right;
		overflow: hidden;
	}
	#language {
		display: none;
	}
	#strapline {
		color: #ffffff;
		display: none;
	}
	#sidebartop {
		display: none;
	}
	#navbar {
		display: none;
	}
	#sidebarInternal {
		display: none;
	}
	#maintext {
		position: relative; 
		width: 100%;
	}
	#foot1 {
		display: none;
	}
	#foot2 {
		position: relative;
		text-align: center;
		width: 100%;
	}
	#foot3 {
		display: none;
	}
}


/* Additions for MIA login etc. */
table.login, table.login td, table.login td table, table.login td table td 
{
	border: none;
}

.label20 
{
	float: left;
	width: 40%;
}

.formLabel, .loginLabel 
{
	color: #336666;
}

.loginBox 
{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #f1f1e3;
	border: solid 1px #cccc99;
}

.loginButton 
{
	text-align: right;
}

.errMsg 
{
	font-weight: bold;
	color: Red;
}



/* Andrea's class for MIA Support sub-table-headings */

.subHeading 
{
	font-weight: bold;
	padding-left:15px;
	font-size: 11px;
}

.subText 
{
	font-weight: bold;
	font-size: 11px;
}