body { background-color: black; text-align: center; }

table.main_table { border-width:0px; border-style:solid; border-color:red; border-collapse:collapse; border-left: 12px; background-color: black;}
table.main_table td { padding: 0px 0px 0px 0px; border: 0px solid yellow; border-spacing:0px; border-collapse: collapse;}

#tabs_font { font-size:50%; }

a.help_about:link { font-size:14px; text-decoration:none; color:white; font-style: italic; } 
a.help_about:visited { font-size:14px; text-decoration:none; color:white; font-style: italic; }
a.help_about:hover { font-size:14px; text-decoration:none; color:yellow; font-style: italic; }

#content_div { font-size: 100%; margin: 0px; background-color: #000; width:500; border-width:0px; border-style: solid;} 

#canvas { z-index:2; display: block; font-size: 100%; margin: 0px; width:500 ; height:500; position:relative; left:0px; top:0px;  border-width:0px; border-style: solid;  border-color:red;}

#listing { font-size:90%;margin: 0px; background-color: #CCC; width:178; height:635; color:white; margin-top:0px; font-family: Helvetica; overflow:auto; overflow-x:hidden; visibility:visible;}

#search_form { font-size:90%; margin-left: 0px; width:187; height:615; font-family: Helvetica; overflow:auto; overflow-x:hidden; visibility:visible; border-width:0px; border-style:solid; padding:0px;  background-color: #ffffff;} 

#search_event_type_div { border-width:1px; border-style: solid;  border-color:black;}

#advanced_search { font-size:90%; margin-left: 0px; width:187; height:610; position:absolute; font-family: Helvetica; overflow:auto; overflow-x:hidden; visibility:hidden; border-width:0px; border-style:solid; padding:0px;  background-color: #ffffff;} 

#options { font-size:90%; margin-left: 0px; width:187; height:610; position:absolute;
margin-top:0px; font-family: Helvetica; overflow:auto; overflow-x:hidden; visibility:hidden; border-width:0px; border-style:solid; padding:0px; background-color: #ffffff;}  

#special { font-size:90%; margin-left: 0px; width:187; height:610; position:absolute;
margin-top:0px; font-family: Helvetica; overflow:auto; overflow-x:hidden; visibility:hidden; border-width:0px; border-style:solid; padding:0px; background-color: #ffffff;} 

#login_div { font-size: 100%; margin: 0px; background-color: #000000; width:400; visibility:hidden; opacity:0.90; z-index:-1000; position:absolute; margin-left: 40px; top:270px;} 

#comment_div { font-size: 100%; margin: 0px; background-color: #000000; width:400; visibility:hidden; opacity:0.90; z-index:-1000; position:absolute; margin-left: 240px; top:250px;} 

#about_isolsearch{ position:absolute; margin-left: 60px; margin-top: 110px; width:350; border-width:5px; border-style:double; border-color:black; background-color:white; padding:2px; visibility:hidden; z-index:40000;}

a.login:link { color:white; font-style: italic; } 
a.login:visited { color:lightblue; font-style: italic; }
a.login:hover { color:yellow; font-style: italic; }

input.groovyButton {
    z-index:9997;
    position:absolute;
    font-family:Helvetica, sans-serif;
    background-color:#000000;
    border:0;
    padding:0;
    color:#FFFFFF;
    font-size:90%;
}


input.groovyFilterButtons {
    font-weight:bold; 
    font-size:12px; 
    background-color:#fed; 
    border:1px; 
    border-style:groove; 
    border-top-color:#696; 
    border-left-color:#696; 
    border-right-color:#363; 
    border-bottom-color:#363
}


input.groovyButton2 {
    z-index:9997;
    position:absolute;
    font-family:Helvetica, sans-serif;
    background-color:lightgrey;
    border-style:solid;
    border-color:#FFFFFF;
    color:#000000;
    font-size:90%;
}

input.groovyText {
    font-family:Arial, sans-serif;
    background-color:#FFFFFF;
    border-style:solid;
    border-color:#99CC00;
    font-size:100%;
}

input.groovyDropList {
    font-family:Arial, sans-serif;
    background-color:#FFFFFF;
    border-style:solid;
    border-color:#99CC00;
    font-size:100%;
}

input.groovyZoomOutButton {
    z-index:9997;
    position:absolute;
    font-family:Helvetica, sans-serif;
    background-color:#000000;
    border:0;
    padding:0;
    color:#FFFFFF;
    border-color:#FFFFFF;
    border-style:solid;
    font-size:large;
    background-image: url(pictures/zoomout_button_silver_2020.png);
}

input.groovyZoomInButton {
    z-index:9997;
    position:absolute;
    font-family:Helvetica, sans-serif;
    background-color:#000000;
    border:0;
    padding:0;
    color:#FFFFFF;
    border-color:#FFFFFF;
    border-style:solid;
    font-size:large;
    background-image: url(pictures/zoomin_button_silver_2020.png);
}

input.groovyZoomResetButton {
    z-index:9997;
    position:absolute;
    font-family:Helvetica, sans-serif;
    background-color:#000000;
    border:0;
    padding:0;
    color:#FFFFFF;
    border-color:#FFFFFF;
    border-style:solid;
    font-size:large;
    background-image: url(pictures/zoomreset_button_silver.png);
}

input.groovyKeyButton {
    z-index:9997;
    position:absolute;
    font-family:Helvetica, sans-serif;
    background-color:#000000;
    border:0;
    padding:0;
    color:#FFFFFF;
    border-color:#FFFFFF;
    border-style:solid;
    font-size:large;
    background-image: url(pictures/iSolSearch_key_button.png);
}

a.clear_canvas_clutter:link { color:white; font-style: italic; } 
a.clear_canvas_clutter:visited { color:white; font-style: italic; }
a.clear_canvas_clutter:hover { color:yellow; font-style: italic; }



#as_filterName {width:79px;}
#as_value {width:60px;}

.square { border: 1px solid #FF0000; position: absolute;}