/*
primary colors used here

light blue: DDDDFF
light green: E1EFD8

GoogleMaps colors
sea blue #99B3CC
highway orange #FF7040
forest green #A7CC95
country background yellow/white #F2EFE9

*/

body {
    margin:0;
    color:black;
    background-color:white;
    link:black;
    vlink:red;
}

a {
   	text-decoration: none;
    color: #0000FF;
}

a:hover {
   	text-decoration: underline; 
}

a.menuheader:visited {
	color:#FFCF00;
}

a.horizmenu {
    color:#9096B2;
    font-size:10px;
    font-weight:bold;
    vertical-align:baseline;
}

.horizmenu a {
    color:#9096B2;
    font-size:10px;
    font-weight:bold;
    vertical-align:baseline;
}

a.horizmenu:visited {
    color:#9096B2;
    font-size:10px;
    font-weight:bold;
    vertical-align:baseline;
}


/*
=====================================
       Query/Result layout
=====================================
*/

.category {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11pt;
}

/*td.category {
    line-height:12pt;
}*/

a.category {
   color: #0000FF;
   font-weight:bold;
   text-decoration: underline; 
}

a.category:hover {
   text-decoration: none; 
}

.subcategory {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #0000FF;
   font-weight:normal;
   text-decoration: none;
}

a.subcategory:hover {
   text-decoration: underline; 
}

.left {
    text-align:left;
}

.right {
    text-align:right;
}

/* 
  Can't declare margin here (i.e. for a table).
  Seems buggy in I.E. when margin is set right border is not diplayed
*/  
.queryfooter {
    border: 1px solid #99FF99;
    background-color:#E1EFD8;
    width:100%;
}

.queryfooter td {
    background-color:#F5FFF5;
    color:#005500; 
    font-size:12px;
    font-weight:normal;
    padding:2px;

}

/*
=============================================
    Banner
=============================================
*/

table.banner {
    width:784px;
    background-repeat:no-repeat;
}

.banner a {
    color:#000000;
}

.banner a:hover {
    color:#000000;
    text-decoration:underline;
}

.banner a:visited {
    color:#000000;
}

.banner th {
    height:20px;
    width:330px;
    font-size:11px;
    font-weight:bold;
    color:#000000;
}

.banner th td {
    height:20px;
    width:330px;
    font-size:11px;
    font-weight:bold;
    color:#000000;
}


td.left *:first-child{
    text-align:left;
    margin-left:5px;
}

td.right *:first-child{
    text-align:right;
    margin-right:5px;
}
.banner th.middlehspace {
    height:30px;
}

.banner th.middlevspace {
    height:20px;
    width:124px;
}

.banner td {
    height:30px;
}

/*
=============================================
    Referencement
=============================================
*/

.infoarea {
    background-color:#DDDDFF;
    color:#000055;
    font-size:14px;
    padding:5px;
}

.formarea {
    background-color:#9999FF;
    color:#000055;
    font-size:14px;
    padding:3px;
}

.errormsgarea {
    color:red;
    font-size:10px;
    font-weight:bold;
}    

.code {
    border: 1px solid black;
    background-color:yellow;
    color:black;
    font-size:14px;
    padding:3px;
    margin:5px;
}

/*
=============================================
new
=============================================
Common
*/
.statusbar {
    font-size:8pt;
    height: 10pt;
}
.err {
    border: 1px solid #FF0000;
    background-color:#FFAAAA;
    padding:2px;
    font-size:8pt;
    margin-bottom:10px;
}

.warn {
    border: 1px solid #FFBB99;
    background-color:#FFF0F0;
    padding:2px;
    font-size:8pt;
    margin-bottom:10px;
}

.warn .h1 {
    color: #DD9944;
    font-weight: bold;
    font-size:10pt;
}

.tip {
    border: 1px solid #99FF99;
    background-color:#E1EFD8;
    padding:2px;
    font-size:8pt;
}

.tip .h1 {
    font-weight: bold;
    font-size:10pt;
}

.tip ul {
    margin-top:2pt;
    margin-bottom:2pt;
}

.submitawebsite {
    margin:5px;
    border:solid 1px #99B3CC;
    background-color:#F2EFE9;
    font-size: 11px;
}

.submitawebsite a{
    font-size: 11px;
    font-weight:bold;
    color: #FF7040;
    text-decoration:none;
}

/*
Query rendering
*/

/* 
  Can't declare margin here (i.e. for a table).
  Seems buggy in I.E. when margin is set right border is not displayed
*/  
.querysummary {
    border: 1px solid #9999FF;
    width:100%;
    margin-bottom: 2px;
}

.querysummary th {
    background-color:#E1EFD8;
    color:#000055; 
    font-size:12pt;
    font-weight:normal;
    padding:3px;
}

.parentsubjects {
    background-color:#F5F5FF;
    font-family:sans-serif;
    font-size:8pt;
    color:#000055; 
}

.parentsubjects a{
    color:#6666FF; 
}

.queryresultsummary {
    font-size:8pt;
}

.queryresultsummary .h1{
    font-size:10pt;
}

.subjects {
    border: 1px solid #9999FF;
    background-color:#F5F5FF;
    width:100%;
    font-size:8pt;
    margin-bottom:1pt;
}

.subjects .h1 {
    background-color:#E1EFD8;
    font-weight:bold;
    font-size:10pt;
    padding:3px;
}

.extendqueryarea {
    background-color:#F5F5FF;
    border: 1px solid #9999FF;
    width:100%;
    font-size:8pt;
    margin-bottom:1pt;
}

.extendqueryarea .h1 {
    background-color:#E1EFD8;
    font-weight:bold;
    font-size:10pt;
    padding:3px;
}

.extendqueryarea a {
    margin-left:5pt;
}

.navigationbar {
    font-size:9pt;
}

/*
Place rendering
*/
/* 
  Can't declare margin here (i.e. for a table).
  Seems buggy in I.E. when margin is set right border is not displayed
*/  
.placesummary {
    border: 1px solid #9999FF;
    background-color:#E1EFD8;
    width:100%;
}

.placesummary th {
    background-color:#F5F5FF;
    color:#000055; 
    font-size:14px;
    font-weight:normal;
    padding:3px;
}

td.placewebsites .h1 {
    font-weight:bold;
    color:#4444BB;
    font-size: 8pt;
}

.placewebsites ul {
    margin-top:1pt;
    margin-bottom:2pt;
}

.placewebsites a{
    color:#000033;
    text-decoration:none;
    font-size: 9pt;
    margin-left: 5px;
}
/*
OOI rendering
*/

.ooi{
   border: 1px solid #BBBBFF;
   margin-left:2px;
   margin-right:2px;
   margin-bottom:5px;
   font-size:14px;
   color:#000055;
  /* width:100%;*/
}

.ooititle {
   background-color: #DDDDFF;
   padding-left:3px;
   padding-right:3px;
   font-size:14px;
   color:#000033;
   clear:left;
}

.ooicontent {
   padding-left:3px;
   padding-right:3px;
   background-color:#F5F5FF;
   clear:left;
}

.ooicontent a{
    color:#000033;
    text-decoration:none;
    font-size: 9pt;
    margin-left: 5px;
}

.ooidescription {
   font-size:12px;
   padding-bottom:2pt;
}

.ooiurls .h1{
    font-weight:bold;
    color:#4444BB;
    font-size: 8pt;
}

.ooiurls a{
    color:#000033;
    text-decoration:none;
    font-size: 9pt;
    margin-left: 5px;
}

/*
=============================================
    To be checked
=============================================
*/



.header {
    background-color:#1E2A63;
    font-size:12px;
}

.maptoolbar {
    background-color:#1E2A63;
    font-size:12px;
}




.bgdark {
	background-color:#1E2A63;
}

.bglight {
	background-color:#9096B2;
}

.textlight {
	color:#9096B2;
}






.horizmenudot {
	color:#FFCF00;
	font-size:10px;
	font-weight:bold;
}




.menublock {
	background-color:#FFCF00;
}

.menuheader {
	/* text */
	font-family:sans-serif; font-size:10px; font-weight:bold;
	color:#FFCF00; textAlign:center;
	/* background */
	background-color:#1E2A63; 
	/*width:100%; padding:2px; borderwidth:2pt*/
} 


.menuitem {
	font-family:sans-serif; font-size:10px; color:black; background-color:white;
}

.footer {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8px;
   color: #416078;
   font-weight:normal;
}
	



.infoblock {
	/*border-color:black; border-style:solid; border-width:1px;*/
	background-color:red;
	/*margin-left:5px;margin-right:5px;*/
}

.placeheader {
	/* text */
	font-family:sans-serif;font-size:10px; font-weight:bold;
	color:black; textAlign:left;
	/* background */
	/* margin-left:5px;margin-right:5px; */
	background-color:#FF6666; /* padding:2px; */
        /* border-color:none; border-style:none; border-width:1px; */
}

.placeheaderlegend {
	font-family:sans-serif; font-size:8px; color:black;
}

.sitename {
	/* text */
	font-family:sans-serif; font-size:10px; font-weight:bold;	
	color:black; textAlign:left;
	/* background */
	background-color:#FFDDDD; /* padding:2px; */
	/* border-color:none; border-style:none; border-width:1px; */
}

.siteinfo {
	/* text */
	font-family:sans-serif; font-size:10px; font-weight:bold;	
	color:black; textAlign:left;
	/* background */
	background-color:#FFDDDD; /* padding:2px; */
	/* border-color:none; border-style:none; border-width:1px; */
}

.sitedescription {
	/* text */
	font-family:sans-serif; font-size:10px; font-weight:normal;	
	color:black; textAlign:left;
	/* background */
	background-color:#FFDDDD; /* padding:2px; */
	/* border-color:none; border-style:none; border-width:1px; */
}

.infodate {
	/* text */
	font-family:sans-serif; font-size:8px;	
	color:black; textAlign:left;
	/* background */
	background-color:#FFDDDD; /* padding:2px; */
	/* border-color:none; border-style:none; border-width:1px; */
}

.link {
	/* text */
	font-family:sans-serif; font-size:8px;	
	color:black; textAlign:left;
	/* background */
	background-color:#FFDDDD; /* padding:2px; */
	/* border-color:none; border-style:none; border-width:1px; */
}

/*================================================================*/
/* Added for v3.1 */
/*================================================================*/



/* 
  Can't declare margin here (i.e. for a table).
  Seems buggy in I.E. when margin is set right border is not diplayed
*/  
.placebloc {
    border: 1px solid #9999FF;
    background-color:#E1EFD8;
    width:100%;
}

.placebloc th {
    background-color:#F5F5FF;
    font-weight:normal;
    padding:3px;
}

.placebloc td tr {
    margin:10px;
}

.placename {
    width:50%; 
    text-align:left;
}

.placedetails {
    width:50%;
    text-align:right;
}

.subject {
    width:50%;
    text-align:right;
}

.eventbloc{
   border: 1px solid #BBBBFF;
   margin:5px;
   font-size:14px;
   color:#000055;
  /* width:100%;*/
}



.eventname {
   background-color: #DDDDFF;
   padding-left:3px;
   font-size:14px;
   color:#000055;
   clear:left;
}

.eventdescription {
   background-color:#F5F5FF;
   padding-left:9px;
   font-size:12px;
   color:#000055;
   clear:left;
}

.nearbypicture {
    margin:10px;
}

.hostingbloc{
   font-size:14px;
   color:#000055;
   width:100%;
}

.hostingbloc th {
    border-top: 1px solid #B0B0FF;
    border-right: 1px solid #B0B0FF;
    border-bottom: 1px solid #B0B0FF;
    background-color:#F5F5FF;
    font-weight:normal;
    padding:3px;
}

.hostingbloc th.firsttab {
    border-left: 1px solid #B0B0FF;
}

.hostingbloc th.selectedtab {
    background-color:#E0E0FF;
    border-bottom: 1px dashed #B0B0FF;
    font-weight:normal;
    padding:3px;
}

.hostingbloc th.notab {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #B0B0FF;
    background-color:#FFFFFF;
}

.hostingbloc td {
    border-left: 1px solid #B0B0FF;
    border-right: 1px solid #B0B0FF;
    border-bottom: 1px solid #B0B0FF;
    background-color:#E0E0FF;
    font-size:14px;
    color:#000055;
}

div.ad {
    background-color:#DDDDFF;
    text-align: center;
    font-size: 9pt;
}
div.adtitle {
    color: #DDDDFF;
    background-color:#000055;
    font-size: 9pt;
}