/* GLOBAL STYLES */

* { margin     : 0px; 
    padding    : 0px; 
    font-family: 'Helvetica Neue',Helvetica,Verdana,Arial,Geneva,sans-serif;
    font-weight: normal;
    font-size  : 12px;
  }

body { background-color     : #FFFFFF;
       background-repeat    : no-repeat;
       background-position  : top left;
       background-attachment: scroll;
       margin               : 0px; 
     }  

a:link     { color          : #808080; 
             text-decoration: none; 
           }
       
a:visited  { color          : #808080; 
             text-decoration: none; 
           }
           
a:hover    { color          : #FF0000; 
             text-decoration: none; 
           }
         
a:active   { color: #1E90FF; 
             text-decoration: none; 
           }

/* LAYOUT */

div#frame { width                : 800px;
            height               : 600px;
            margin-top           : 12px;
            margin-bottom        : 12px;
            margin-left          : auto;
            margin-right         : auto;
            border               : none;
            position             : relative;
            background-repeat    : no-repeat;
            background-position  : top left;
            background-attachment: scroll;
          }

/* HEADER */

div#header { position         : relative;
             top              : 0px;
             left             : 0px;
             width            : 640px;
             margin-top       : 32px;
             margin-bottom    : 0px;
             background-image : url(./images/gqlx.jpg);
             background-repeat: no-repeat;
           }

img#gqlx { padding-top   : 8px;
           padding-bottom: 0px;
           padding-right : 22px;
           margin-left   : auto;
           margin-right  : auto;
          }

img#line { position:relative;
           bottom: 0;
	       left  : 0;
           width : 640px;
           height: 5px;
         }

span#links { float  : right;
            height : 32px;
           }
           
a.navigation { position    : relative;
               bottom      : -17px;
               font-weight : bold;
               font-size   : 11px;
               text-align  : center;
               color       : #4682B4;
               padding     : 0px 1px 0px 1px;
               margin      : 0px 0px 0px 0px; 
             } 

img.navigation { position      : relative;
                 bottom        : -17px;
                 margin-left   : 1px;
                 margin-right  : 1px;
                 vertical-align: middle;
                 
               } 

/* CONTENT */

div.content { position: relative;
              top     : 8px;
              left    : 0px;
              width   : 800px;
              height  : 100%;
              padding : 0px;
              color   : #808080;
            }

div.pageheading { position     : relative;
                  display      : block;
                  margin-bottom: 0.75em;
                  font-weight  : bold;
                  font-size    : 12px;
                  color        : #808080;
                }

div.subheading { display      : block;
                 margin-top   : 1.00em;
                 margin-bottom: 1.00em;
                 font-weight  : bold;
                 font-size    : 12px;
                 color        : #808080;
               }

div.text { position     : relative;
           float        : left;
           top          : 12px;
           width        : 520px;
           font-weight  : normal;
           font-size    : 12px;
           padding-left : 2px;
           padding-right: 12px;
           margin-right : 12px;
           margin-bottom: 32px;
           color        : #606060;
         }
               
div.text p  { text-align   : left;
              text-indent  : 0;
              margin-bottom: 0.5em;
            }

div.text a  { text-decoration: underline;
              color          : #4169E1;
            }

div.text hr { display         : block;
              clear           : left;
              position        : relative;
              background-color: green;
              margin-top      : 0.75em;
              margin-bottom   : 0.75em;
            }

div.text ul { margin-top   : 1.0em;
              margin-bottom: 0.75em;
            }

div.text li { margin-top         : 0.25em;
              margin-left        : 2.5em;
              list-style-position: outside;
            }

div.text a.label  { text-decoration: none;
                    font-weight    : bold;
                    font-size      : 12px;
                    color          : #808080;
                  }

div.text table { border-collapse: collapse;
                 margin-bottom: 1.0em;
               }

div.text h4 { font-size    : 12px;
              color        : #808080;
              margin-top   : 1.0em;
              margin-bottom: 1.0em;
              padding-left : 10px;
            }

/* SPECIALS */

div.text h3.question { font-weight  : bold;
                       font-style   : italic;
                       font-size    : 12px;
                       color        : #808080;
                       margin-top   : 1.0em;
                       margin-bottom: 1.0em;
                     }

div.text p.answer { padding-left : 10px;
                  }

div.text p.privacy { padding-left: 10px;
                   }

span.command   { margin-top   : 12px;
                 margin-bottom: 8px;
               }
                 
span.command p { color      : #0000E0;
	           }

p#waiver { padding-left : 12px;
           padding-right: 12px;
         }

/* CONSOLE */

textarea#console { border        : 1px solid #606060;
                   width         : 640px;
                   height        : 192px;
                   padding-top   : 4px;
                   padding-bottom: 4px;
                   padding-left  : 4px;
                   padding-right : 4px;
                   font-family   : 'Lucida Console',Monaco,'DejaVu Sans Mono',monospace;
                 }
         
div#messages { background-color: #F0F0F0; 
               width           : 640px;
               min-height      : 1.0em;
               padding-top     : 4px;
               padding-bottom  : 4px;
               padding-left    : 4px;
               padding-right   : 4px;
             }

div#messages span.trace { font-style: italic;
                        }

div#messages span.info  { 
                        }

div#messages span.error { color        : red;
                          margin-top   : 1px; 
                          margin-bottom: 1px; 
                        }
               
table.resultset { border-collapse: collapse;
                  border-top     : 1px solid #404040;
                  border-bottom  : 1px solid #404040;
                  border-left    : 1px solid #404040;
                  border-right   : 1px solid #404040;
                }
                
table.resultset th { font-weight   : bold;
                     text-transform: uppercase;
                     text-align    : center;
                     border-top    : 1px solid  #404040;
                     border-left   : 1px solid  #404040;
                     border-right  : 1px solid  #404040;
                     border-bottom : 3px double #404040;
                     padding       : 4px 4px 4px 4px;
                     background    : #F0F0F0;
                   }
                
table.resultset tr.odd { border-left  : 1px solid #404040;
                         border-right : 1px solid #404040;
                         border-bottom: 0px solid #404040;
                         background   : #FFF8DC;
                       }

table.resultset tr.even { border-left  : 1px solid #404040;
                          border-right : 1px solid #404040;
                          border-bottom: 0px solid #404040;
                          background   : #E6E6FA
                        }
                   
table.resultset td { border-left : 1px solid #404040;
                     border-right: 1px solid #404040;
                     padding     : 4px 4px 4px 4px;
                     text-align  : left;
                     vertical-align: top;
                   }

/* SIDEBAR */
       
div.sidebar { float           : right;
              min-width       : 138px;
              margin-top      : 0px;
              padding-top     : 0px;
              padding-left    : 12px;
              padding-right   : 12px;
            }

/* FOOTER */
               
div.footer { clear      : both;
             padding-top: 32px;
           }