
body {
    margin: 0; border: 0; padding: 0;
    color: black;
}

table { margin: 0; border: 0; padding: 0; }

table td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
}

.eventdetailheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    line-height: 14pt;
} 



.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
}

textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
}

td#topnavcell { vertical-align: top; width: 620px;}

div#topnavbox { margin-top: 30px; }
div#topnav { vertical-align: bottom; }
div#topnav img { vertical-align: bottom; }
div#middlenav { line-height: 0; font-size: 0pt; }
div#middlenav img { vertical-align: bottom; }
div#bottomnav img { vertical-align: bottom; }

#helpbug {
    float: right;
    cursor: help;
    padding: 10px;
}

a:link { color: #3333FF }
a:visited { color: #3333FF }
a:active { color: #3333FF }
a:hover { color: #CC00CC }

.faqtitle { font-weight: bold }
.faqsectiontitle { font-weight: bold }

img { border: 0; }

img.screenshot
{ 
  border:1px solid gray
}  


#footer { text-align: right; font-size: 8pt; margin-top: 2em; }

#indexmap { text-align: center }
#usmap { text-align: center }

.termsandconditions {
    text-indent: .25in;
    font-size: 12.0pt;
}

.bold { font-weight: bold; }
.small { font-size: 8pt; }

div#pageheader {
    background-color: #ffffff;
    width: 44em;
    padding: 0.2em;
    padding-left: 1em;
    border-top: 1px; border-bottom: 1px; border-left: 0px; border-right: 0px; border-style: solid; border-color: #999999;
}

#leftnavbox { margin-left: 0.5em; margin-right: 0.5em; margin-top: 0; margin-bottom: 0.5em; }

div#loggedoutbox {
  width: 12em; font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt; font-style: normal; font-weight: normal;
  text-align: left;
}
div#loginbutton { margin-top: 1em; }

div#loggedinbox {
  width: 14em; font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt; font-style: normal; font-weight: normal;
  text-align: left;
}

div#loggedinboxmenu { background-color: #ffffff; }
div#loggedinboxlast { padding-bottom: 1em; }
div#loggedinbox img { vertical-align: text-bottom; }
div#loggedinbox a { text-decoration:none }
div#loggedinbox a:link { color: #000000 }
div#loggedinbox a:visited { color: #000000 }
div#loggedinbox a:active { color: #3333FF }
div#loggedinbox a:hover { color: #CC00CC }
div#logoutbutton { text-align: center; margin-top: 1em; }

.shadeOff td { background-color: transparent; }
.shadeOn td { background-color: #E4ECF1; }
.correlatedEvent td { background-color: #FFFFCC; }

td#leftnavcell { vertical-align: top; width: 200px; }
td#bodycell { vertical-align: top; width: 620px; }

td#topigridlogo { width: 200px; height: 120px; }

tr#whatisrow { width: 600px; text-align: center; }
td#whatiscell1, td#whatiscell2 { width: 300px; vertical-align: top; }
div#whatisdiv1 { margin-top: 20px; margin-left: 50px; margin-right: 8px; }
div#whatisdiv2 { margin-top: 20px; margin-left: 8px; margin-right: 50px; }

div#motd {
    text-align: left;
    color: green;
    margin-left: 75px;
    margin-right: 75px;
    margin-bottom: 4ex;
}

div#productinfo { margin-left: 1em; margin-top: 1em; text-align: left; }

div#waveformCharts {position: absolute; left: 2em; top: auto; width:900px;}

div#rmsCharts {position: absolute; left: 2em; top: auto; width:900px;}


div#chartblock {height:650px;}

div#eventinfoblock {position: absolute; height:563px; left: 2em; top: auto; width:900px;}

#eventselectiontable { width: 620px; }

#eventloghdr th { border-bottom: 2px solid #666666; vertical-align: bottom; text-align: left; padding: 0px 5px 5px 5px; font-size: 8pt; }

#eventlogtbl td { font-size: 8pt; vertical-align: top; }
.eventlogempty { font-size: 8pt; }

.managelist th {
    border-bottom: 2px solid #666666;
    vertical-align: bottom;
    text-align: left;
    padding: 0px 5px 5px 5px;
    font-size: 8pt;
    font-weight: bold;
}

.managelist td {
    font-size: 8pt;
    vertical-align: top;
    padding: 0px 5px 5px 5px;
}

.configtbl th {
    border-bottom: 2px solid #666666;
    vertical-align: bottom;
    text-align: left;
    padding: 0px 5px 5px 5px;
    font-size: 8pt;
    font-weight: bold;
}

.configtbl td {
    font-size: 8pt;
    vertical-align: top;
    padding: 0px 5px 5px 5px;
}

.notificationtbl {
    vertical-align: middle;
}

.notificationtbl td {
    border:none;
    line-height: 12pt;
}

.permtbl td {white-space: nowrap;}

.managelistfoot TD HR {
    height: 2px;
    color: #666666;
    width: 100%;
    height: 2px;
    padding: 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.prettybutton
{
    color: #6f9bb4;
    background: white;
    font-weight: bold;
    cursor: pointer;
}

/* workaround for MSIE bug */
input.prettybutton {
    color: #6f9bb4;
    background: white;
    font-weight: bold;
    cursor: pointer;
}
/* workaround for MSIE bug */
button.prettybutton {
    color: #6f9bb4;
    background: white;
    font-weight: bold;
    cursor: pointer;
}

.newaccounttbl .required {
    text-decoration: underline;
}

.errormsg { color: red; }

.infomsg {
	width: 100%;
	color: green;
	background-color: white;
	font-style: italic;
	padding: 3px 3px 5px 13px;
}

.largeerrormsg {
    color: red;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
}

.pagetitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
}

.subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
}

table th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
}

table th.subhead {
  font-size: smaller;
  color: gray;
  background-color: #E4ECF1;
  border: none;
}

.normaltext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
}

.smalltext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
}

table .eventtypehelp {
    width: 95%;
    padding: 2ex 1em 2ex 1em;
}

table .eventtypehelp th {
    border-top: 1px; border-bottom: 1px; border-left: 1px; border-right: 1px; border-style: solid; border-color: #999999;
}

table .eventtypehelp td {
    border-top: 1px; border-bottom: 1px; border-left: 1px; border-right: 1px; border-style: solid; border-color: #999999;
}

.nodegrouplist th { border-bottom: 2px solid #666666; vertical-align: bottom; text-align: left; padding: 0px 5px 5px 0px; font-size: 10pt; font-weight: bold; white-space: nowrap;}
.nodegrouplist td { vertical-align: top; text-align: left; padding: 0px 1px 1px 0px; font-size: 9pt;}
.nodelist th { border-bottom: 2px solid #666666; vertical-align: bottom; text-align: left; padding: 0px 5px 5px 0px; font-size: 10pt; font-weight: bold; white-space: nowrap;}
.nodelist td { vertical-align: middle; text-align: left; padding: 0px 1px 1px 0px; font-size: 9pt;}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
}

.sectionheading {
    font-style: italic;
}

.sectiondivider {
    border-bottom-style:    solid;
    border-bottom-width:    1px;
    border-bottom-color:    gray;
}

.eventRateListEntry {
    padding: 0px 2px 0px 2px;
}

.printlogo { display: none; }

.leftmarginshift
{
	position: relative;
	left: -175px;
}

.tabContentAreaBorder
{ 
  position: relative; 
  top: auto; 
  left: -180px; 
  border:1px solid gray; 
  width:910px; 
  height: 650px; 
  padding: 5px; 
  margin-bottom:1em
}

a.headerLink:link    { color:black; text-decoration:none; }
a.headerLink:visited { color:black; text-decoration:none; }
a.headerLink:hover   { color:black; text-decoration:none; }
a.headerLink:active  { color:black; text-decoration:none; }


li
{
  margin-bottom:8px;	
}
hr {
  border:1;
  width:80%; 
  height:1px; 
  text-align: center;   
}  

.eventinfospacertop {
    border-left-style: solid; 
    border-left-color: gray; 
    border-left-width: 2px;

    border-bottom-style: solid; 
    border-bottom-color: gray; 
    border-bottom-width: 2px;
}

.eventinfospacerbottom {
    border-left-style: solid; 
    border-left-color: gray; 
    border-left-width: 2px;
    line-height: 2px;
}

.eventinfocontent {
    border-bottom-style: solid; 
    border-bottom-color: gray; 
    border-bottom-width: 2px;
}


div#mgmtconsolescreenshotouter
{
  height:500px;
}         

div#mgmtconsolescreenshotinner
{
  position: absolute; 
  left: 2em; 
  top: auto; 
  width:750px;
}

div#pqeventinfoscreenshotouter
{
  height:600px;
}

div#pqeventinfoscreenshotinner
{
  position: absolute; 
  left: 4em; 
  top: auto; 
  width:725px;
}

#tagline {font-size: xx-large; font-weight: bold; font-style: italic;}
#blurb {padding-bottom: 10px;}
.featureheader {color: #336666; font-weight: bold; font-size: large;}

.imagestackspacercol1 {background-color: #99CCCC; text-align: right;}
.imagestackspacercol2 {background-color: #99CCCC; border-top: 1px solid #336666;}
.imagestackspacercol3 {border-top: 1px solid #336666;}

.imagestackcontentcol1 {background-color: #99CCCC; text-align: right;}
.imagestackcontentcol2 {background-color: #99CCCC;}
.imagestackcontentcol3 {padding-left: 5px; vertical-align: top; padding-right: 5px; border-right: 1px solid #99CCCC;}

.imagestackimage {padding-bottom: 5px;}

#bottomrow {border-top: 1px solid #EEEEEE;}

#whatisbuttons {width: 100%; text-align: right; border-bottom: 1px solid #99CCCC;}
#whatisbuttons td {padding-left: 2px; padding-right: 2px;}
#whatisbuttons td img {border: none;}

.industryapplication {padding-top: 10px;}

#getstarted {width: 100%;}
#getstarted th {font-weight: bold; font-size: large; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; text-align: left; width: 20px; vertical-align: top;}
.stepdescription {border-bottom: 1px solid #99CCCC; padding-bottom: 10px; padding-right: 10px; padding-top: 5px;}
.steplink {font-weight: bold; width: 240px;padding-top: 10px;}