@charset "utf-8";

/* General Page Body Definitions */
body
{
  background-color: #66CEF5;
  color: #FFFFFF;
  margin-top: 0px;
  padding-top: 0px;
  font-family: Ariel, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
}

/* This is the proper way to center the page content */
div#centered
{
  margin: 0px auto;
  text-align: left;
  width: 763px;
}

/* All links have no underline by default */
a, a:link, a:visited
{ text-decoration: none; }

a img
{ border-style: none; }

/* The EasyPTS logo */
#header
{
  height: 84pt;
  background-repeat: no-repeat;
  background-position: 0px 10px;
}

/* Sidebar is the left-hand bar next to the content */
#sidebar
{
  width: 245px;
}

/* If the sidebar is mostly just an image */
#sidebar .image
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color:  #0087BF;
}

/* If the sidebar has text */
#sidebar .grey
{
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* Content is the main page (next to the sidebar) */
#content
{
  width: 495px;
  margin-left: 20px;
}

/* Grey boxes in the main page and/or sidebar */
.grey
{
  line-height: 1.5;
  background-color: #76787B;
  padding: 10px 20px 10px 20px;
  margin-bottom: 20px;
}

/* Blue boxes in the main page */
.blue
{
  background-color: #0087BF;
  padding: 10px 20px 10px 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}

/* Marking form fields that are required */
.grey .required
{
  color: #86D7F3;
}

/* Special looks for links */
.grey ul li p a,
.grey ul li p a:link,
.grey ul li p a:visited,
.grey a,
.grey a:link,
.grey a:visited
{
  text-decoration: underline;
  color: #86D7F3;
}

.blue a,
.blue a:link,
.blue a:visited
{
  text-decoration: underline;
  color: #86D7F3;
}

/* The newsletter subscription box in the sidebar */
#newsletter
{
  background-color: #0087BF;
  padding: 5px 20px 20px 20px;
  margin: 0px 0px 0px 0px;
}

#newsletter input
{
  width: 170px;
}

#newsletter #rss
{
  float: right;
}

/* Making buttons look like buttons */
.button
{
  cursor: pointer;
  text-align: center;
}

.button td
{
  text-align: left;
  font-size: 10px;
}

.clear .button
{
  background-color: #0087BF;
  width: 10em;
  padding: 8px 0px 8px 10px;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-indent: 25px;
}

#newsletter .button
{
  background-color: #76787B;
  padding: 3px 0px 3px 0px;
  margin-top: 4px;
  width: 6em;
  float: left;
}

/* H1 and H2 are different in different boxes */
h1
{
  font-weight: bold;
  font-size: 14px;
  color: #76787B;
  line-height: normal;
}

.sidebar h1, .grey h1
{
  color: #86D7F3;
}

.blue h1, #newsletter h1
{ color: #FFFFFF }

h2
{
  font-size: 12px;
  font-weight: normal;
  color: #86D7F3;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

/* Don't put spaces between some paragraphs */
#content .grey p
{
  margin-top: 0px;
}

/* The footnote/copyright info at the bottom */
#footnote
{
  clear: both;
  padding-top: 20px;
  font-size: 11px;
  text-align: center;
}

/* THe vertical pole separating footnote information */
#footnote .centerpole
{
  padding-left: 10px;
  padding-right: 10px;
}

/* The navigation menu at the top */
ul.nav 
{
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  z-index: 5;
}

ul.nav a, 
ul.nav a:link, 
ul.nav a:visited
{
  color: #FFFFFF;
  display: block;
  padding: 8px 22px 8px 22px;
  font-size: 14px;
}

ul.nav a:hover,
ul.nav a.here, 
ul.nav a.here:link, 
ul.nav a.here:visited
{
  color: #76787B;
  background-color: #FFFFFF;
}

ul.nav li
{
  float: left;
  background-color: #86D7F3;
  margin-left: 2px;
  display: inline;
}

/* Places the sidebar next to the rest of the main content */
#sidebar, #content
{
  float: left;
}

/* Lists in grey boxes, usually with arrows next to each item */
div.grey ul
{
  list-style-position: outside;
  padding-left: 20px;
  margin-left: 0px;
}

div.grey ul lh
{
  margin-left: -20px;
}

/* Special consideration for lists of frequently askes questions */
.grey ul.faqlist li a,
.grey ul.faqlist li a:link,
.grey ul.faqlist li a:visited,
.grey ul.faq li a.plain,
.grey ul.faq li a.plain:link,
.grey ul.faq li a.plain:visited
{
  text-decoration: none;
  color: #FFFFFF;
}

ul.faq li
{
  padding-top: 20px;
  border-top: 1px solid #86D7F3;
  padding-bottom: 20px;
}

ul.faqlist
{
  padding-bottom: 20px;
}

/* Lists in the sidebar, usually with arrows next to the items */
#sidebar .grey ul
{
  padding-left: 0px;
  list-style: none;
}

#sidebar .grey ul li
{
  background-repeat: no-repeat;
  background-position: 0 .1em;
  text-indent: 25px;
}

#sidebar .grey ul li + li
{
  margin-top: 1em;
}

/* All .blue table rules relate to the blue box on the home page */
.blue table
{
  padding-top: 10px;
}

.blue table h1
{
  font-size: 18px;
  margin: 0px;
  padding: 0px;
}

.blue table ul
{
  padding-left: 0px;
  list-style: none;
  list-style-position: inside;
}

.blue table ul li
{
  background-repeat: no-repeat;
  background-position: 0 .1em;
  text-indent: 25px;
  padding-left: 10px;
}

.blue table ul li + li
{
  margin-top: 10px;
}

/* Put space above all paragraphs in blue boxes except the first one */
.blue p
{
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
}

.blue p + p
{
  padding-top: 1em;
}

/* Form input and textarea sizes */
.grey table input
{
  width: 270px;
}

.grey table textarea
{
  width: 270px;
  height: 150px;
}

/* The SCHEDULE A DEMO NOW button on the home page has two sides */
.leftbutton
{
  background-color:  #76787B; 
  text-align: center;
  padding: 2px 5px 1px 5px;
}

.rightbutton
{
  background-color: #86D7F3; 
  padding: 2px 2px 2px 2px;
}