/* 
    Document   : style
    Created on : May 6, 2008, 9:41:04 AM
    Author     : ivan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
  display: block;
}

body {
  font-family: verdana,arial,sans-serif;
  font-size: smaller;
}

td {
  vertical-align: top;
  text-align: left;
}

.factBox {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10x;
  border: solid #aaaaff 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.roundBox {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.formField {
  width: 300px;
}

/* login.jsp */
#registerBox {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  padding: 20px;
  border: groove #dddddd 2px;
}

.registerLink {
  color: blue;
}

/* viewForumList.jsp */
.forumList, .leftForumList {
  max-height: 300px;
  overflow: auto;
  background-color: #eeeeee;
}

#forumLink {
}

/* viewForum.jsp */
#comment_popup {
  width: 400px; height: 400px; display: none; position: fixed; top: 300px; left: 50px;
}

#commentTable {
  width: auto;
  border: 2px ridge #dddddd;
}

.commentRowEven {
  background-color: #eeeeee;
}

.commentRowOdd {
  background-color: #dddddd;
}

.commentRow > td {
  padding: 5px;
}

#popupBanner {
  height: 21px;  
  background-color: #4b5da4;
}

#popupClose {
  width: 24px;
  height: 21px;
  background-image: url(../images/widget_close.png);
  background-position: top right;
  background-repeat: no-repeat;
}

td.popupBox {
  background-color: #4b5da4;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid white;
}

h3.commentHeading {
  color: #dddddd;
  padding-left: 20px;
}

textarea#forumComment {
  width: 340px;
  margin: 20px;
}

p.notify {
  text-align: right;
  color: white;
}

blockquote, .quote {
  color: blue;
  font-style: italic;
}

blockquote {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.ref {
  font-size: smaller;
  text-align: right;
  padding-right: 20px;
  padding-top: 0px;
  margin-top: 0px;
}

img.left {
  float: left;
  padding-right: 10px;
}

img.right {
  float: right;
  padding-left: 10px;
}