/*

The following CSS controls the slideshow whenever it is present.
It's most likely used on the home page.

*/

#video_area {
   width: 320px;
   text-align: center;
   position: relative;
}

#video_area div {
   margin: 0;
   padding: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

#video_area div img {
   border: 0;
   float: left;
}






/*
rob added this for the blurred form
on the article.asp page, a user submits
the comment login, comment post forms and this
white overlay temporarily covers the form
*/

#overlay {
   background-image: url(../images/white_95p.png);
   padding: 0;
   text-align: center;
   margin: auto;
}

#overlay div {
   position: absolute;
   font-size: 14pt;
}

#overlay img {
   vertical-align: middle;
   margin-right: 5px;
}

/*
by Rob Simpson
For the comment area under articles
*/
a#commentPost {
   cursor: pointer;
}

#commentContainer .commentContainer {
   padding: 17px 5px;
   border-bottom: dashed 1px #c0c0c0;
}

#commentContainer .commentContainer cite {
   font-style: normal;
   font-variant: none;
   font-weight: bold;
   float: left;
}

#commentContainer .commentContainer span {
   float: right;
   font-weight: bold;
}

#commentContainer .commentContainer p {
   clear: both;
}

.pwLogo {
  border: none;
  margin: 5px 0;
}

/**********************************************
/ special css for the salary lookup table
/*********************************************/
table.salaryTable {
   border-collapse: collapse;
   border: solid 1px;
   width: 100%;
   margin: 15px 0;
}

table.salaryTable td {
   border-collapse: collapse;
   border: solid 1px;
   font-size: 10px;
}