html, body { font-family: "Verdana"; font-size: 10pt; }


/* h1, h2, h3 { font-family: "Georgia"; } */
h1 { color: rgb(11, 95, 129); margin-top: 0; }
/* body { margin: 0; } */
h1 img { display: block; }
#header { position: fixed; height: 45px; left: 150px; right: 0; top: 0; }
#header h2 { margin: 0; padding: 0 2% 0 2%; font-weight: normal; font-size: 20pt; height: 45px; }
#header h2.groups, #header h2.facets, #header h2.keywords, #header h2.laws, #header h2.search { color: white; }
#header h2.leftheader { float: left; width: 36%; }
#header h2.rightheader { float: left; width: 56%; }

/* #main, #right { float: left; } */
#left { width: 150px; position: fixed; left: 1%; right: auto; top: 0; bottom: 0}
#main { padding: 1%; left: 150px; right: 55%; bottom: 0; top: 75px; position: fixed; overflow: auto; }
#main.noright { right: 0; }
#right { left: 47%; right: 0; top: 75px; bottom: 0; position: fixed; overflow: auto; /* padding-bottom: 600px; */ }
div#dummy-padding { height: 2000px; }
div.legal { font-size: 8pt;}

#left ul { padding: 0; margin: 0; }
#left h2 { font-size: small; }
#main ul { margin: 0; }

.version_logo {font-family: "Impact"; font-size: 16pt; color: #196180; text-align: center; width: 120px; padding-top: 0px; padding-bottom: 20px;}

ul#menu { font-weight: bold; color: white; width: 120px; }
ul#menu li { display: block; }
ul#menu li a { text-decoration: none; display: block; width: 100%; height: 100%; padding: 5px; color: white; }
.groups { background-color: rgb(174, 168, 50); }
.facets { background-color: rgb(246, 139, 31); }
.keywords { background-color: rgb(0, 131, 162); }
.laws { background-color: rgb(88, 148, 194); }
.search { background-color: rgb(50, 168, 174); }
.concepts { background-color: rgb(223, 233, 240); }
.subsets { background-color: rgb(220, 220, 220); }
ul#menu li.subsets a, ul#menu li.concepts a  { color: rgb(9, 97, 166); }

/* ul#subsets { width: 120px; } */
ul#subsets li { display: block; }

div.h2 { margin: .83em 0; }
div.h3 { margin: 1em 0; }
#right h2, #right h3 { display: inline; }
div.legal { font-size: 8pt;}

.description, .concept-scheme { display: none; border: 3px ridge gray; }
img.icon { cursor: pointer; border: none; }

/*
form#search-form { float: right; width: 18%; margin: 0; }
form#search-form p { padding: 0; margin: 0; }
*/
input#search-input { width: 120px; }
input#search-page-input { width: 50%; }
input#search-page-input-no-auto { width: 50%; }
.float-right { float: right; }
.float-left { float: left; }
.clear { clear: both; }

table { border: 2px ridge gray; border-collapse: collapse; }
thead { text-align: center; font-weight: bold; }
table td { border: 3px ridge gray; }
table.tooltip { border: 0px hidden; padding: 0px; background: rgb(223, 233, 240);}
table.tooltip2 { border: 1px solid black; padding: 0px; background: rgb(223, 233, 240);}
table.tooltip td { border: 1px; padding: 0px; margin: 0px; background: rgb(223, 233, 240);}
table.tooltip2 td { border: 1px; padding: 4px; margin: 0px; background: rgb(223, 233, 240);}
.tooltip {color: red; padding: 0px; margin: 0px; font-family: "Verdana"; font-size: 8pt; color: rgb(2, 45, 110); background: rgb(223, 233, 240);}

ul#path { float: left; padding: 0.7%; margin: 0; width: 100%; }
ul#path li { display: inline; margin: 0; padding: 0; }
ul#path li a { margin-left: 2px; margin-right: 2px; }
ul#path li:before { display: marker; content: " > "; }
ul#path li:first-child:before { content: ""; }

ul#alphabet { margin-left: 0; margin: 0; padding: 0; }
ul#alphabet li { display: inline; }

/*For search engine markup*/

.max, .med, .min { font-weight: bold; } /* shorter version */

/*For anchors in search result*/
a.sub { font-size: 8pt; }

li.search_result { padding: 7px; margin: 0; }
div#search-result { padding-bottom: 20em; } /* instead of many <br/>s */