* { box-sizing:border-box; font-family:verdana, arial, sans-serif; font-size:16px; } html { scroll-behavior:smooth; } body { background-image:url('images/bg1.jpg'); background-size:cover; background-attachment:fixed; margin:0px; min-width:1024px; } #fullframe { width:100%; overflow:hidden; } #menu { width:100%; height:80px; background-color:White;  } #menu a {  margin-left:auto; padding:15px;  border:1px solid Silver; display:block; float:left; margin-top:10px; margin-right:20px; color:Black; text-decoration:none; }  #menu a:hover { background-color:Silver; } #menu a.home { padding:5px; margin-left:15px; } #menu a.home img { width:36px; } #barbar { margin-left:auto; margin-right:auto; max-width:1024px; height:400px; background-color:rgba(255, 255, 255, 0.8); border-radius:15px; padding:30px; display:flex; flex-direction:row; justify-content:center; align-items:stretch; } #barbar .cont { flex-grow:1; text-align:center; display:flex; flex-direction:row; justify-content:center; align-items:center; } #barbar .cont form { flex-grow:1; } #barbar .logo { flex-grow:1;  background-image:url('images/logo.svg');  background-size:contain;  background-repeat:no-repeat; } .search_input { font-size:120%; padding:10px; width:300px; } .search_button { padding:10px; padding-left:40px; padding-right:40px; border:0; border-bottom:3px solid Orange; background-color:#3399FF; color:white; cursor:pointer; } .search_button:hover { background-color:#7DBEFF; } #ctx { margin-top:20px; padding:20px; min-height:100px; width:80%; margin-left:auto; margin-right:auto; background-color:White; } h1 { font-size:24px; font-weight:normal; } #searchbox { margin-top:25px; margin-bottom:25px; border-top:1px solid Silver; border-bottom:1px solid Silver; padding:10px; } .filetable { border-collapse:collapse; } .filetable td { border:1px solid Black; padding:5px; } .sbox { width:24px; height:24px; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjE0LjE3MzIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTYwLjA4NywyMTEuMDU4aDE1Mi43NDdsNDcuMjE3LTE0NS4zNTENCgkJbDQ3LjIxOCwxNDUuMzUxaDE1Mi43NDdsLTEyMy40NDksODkuODg0bDQ3LjIxOCwxNDUuMzUybC0xMjMuNzMzLTg5Ljg4NWwtMTIzLjczMyw4OS44ODVsNDcuMjE4LTE0NS4zNTJMNjAuMDg3LDIxMS4wNTh6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D'); background-size:contain; display:inline-block; cursor:pointer; } .sbox:hover { background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgc3Ryb2tlPSIjRjc5MzFFIiBzdHJva2Utd2lkdGg9IjE0LjE3MzIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTYwLjA4NywyMTEuMDU4aDE1Mi43NDdsNDcuMjE3LTE0NS4zNTENCgkJbDQ3LjIxOCwxNDUuMzUxaDE1Mi43NDdsLTEyMy40NDksODkuODg0bDQ3LjIxOCwxNDUuMzUybC0xMjMuNzMzLTg5Ljg4NWwtMTIzLjczMyw4OS44ODVsNDcuMjE4LTE0NS4zNTJMNjAuMDg3LDIxMS4wNTh6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D'); } .ssbox { width:24px; height:24px; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0ZDRUUyMSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjE0LjE3MzIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTYwLjA4NywyMTEuMDU4aDE1Mi43NDdsNDcuMjE3LTE0NS4zNTENCgkJbDQ3LjIxOCwxNDUuMzUxaDE1Mi43NDdsLTEyMy40NDksODkuODg0bDQ3LjIxOCwxNDUuMzUybC0xMjMuNzMzLTg5Ljg4NWwtMTIzLjczMyw4OS44ODVsNDcuMjE4LTE0NS4zNTJMNjAuMDg3LDIxMS4wNTh6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D'); background-size:contain; display:inline-block; cursor:pointer; } .ssbox:hover { background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0ZGRkYwMCIgc3Ryb2tlPSIjRjc5MzFFIiBzdHJva2Utd2lkdGg9IjE0LjE3MzIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTYwLjA4NywyMTEuMDU4aDE1Mi43NDdsNDcuMjE3LTE0NS4zNTENCgkJbDQ3LjIxOCwxNDUuMzUxaDE1Mi43NDdsLTEyMy40NDksODkuODg0bDQ3LjIxOCwxNDUuMzUybC0xMjMuNzMzLTg5Ljg4NWwtMTIzLjczMyw4OS44ODVsNDcuMjE4LTE0NS4zNTJMNjAuMDg3LDIxMS4wNTh6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D'); } .rating { overflow:hidden; } .rating_text { font-size:70%; overflow:hidden; } .expand { width:12px; height:12px; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMTgiIHk9IjE5IiBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMTYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQ3NSIgaGVpZ2h0PSI0NzUiLz4NCjxnPg0KCTxwYXRoIGQ9Ik0yNzEuMzYxLDE0MS41MjN2MTEyLjc5OUgzNzkuODR2MjguOEgyNzEuMzYxdjExMy43NThoLTMwLjcyVjI4My4xMjNIMTMyLjE2M3YtMjguOGgxMDguNDc5VjE0MS41MjNIMjcxLjM2MXoiLz4NCjwvZz4NCjwvc3ZnPg0K'); background-size:contain; display:inline-block; cursor:pointer; margin-right:5px; } .impand { width:12px; height:12px; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMTgiIHk9IjE5IiBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMTYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQ3NSIgaGVpZ2h0PSI0NzUiLz4NCjxnPg0KCTxwYXRoIGQ9Ik0zNjEuNTk4LDI2MC41NjN2MjguOEgxNTAuMzk5di0yOC44SDM2MS41OTh6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D'); background-size:contain; display:inline-block; cursor:pointer; margin-right:5px; } #scrollctx { position:absolute; }